@font-face {
	font-family: 'Play';
    src: url(../fonts/play.ttf) format('truetype');
}

.mb-20 {
    margin-bottom: 20px;
	}
.mt-20 {
    margin-top: 20px;
	}

.h1 {font: bold 20px  Tahoma, sans-serif;color:white}
@media only screen and (min-width: 600px)
{
.h1 {font: bold 24px  Tahoma, sans-serif;color:yellow}
}



body {	 background-color: #FDF9F0;	 font: 14px/22px "Droid Sans",  sans-serif;color: #484848;
 
}
 
/* --DEF- */
.fixedbox {overflow:hidden;}
  
/* --HEADER-- */
.maric_header {
	width:100%; 
	left:0px;
	top:0px;
	padding-top:2px;
	background-color:#FDF9F0;
	padding-bottom:0px;
	z-index:997;
	position:fixed;
}
.maric_header_logo {
	display:inline-block;
	vertical-align:top;
	font: bold 26px 'Play', sans-serif;
	color:#7C756B;
	margin-top:12px;
	margin-left:8px;
	margin-right:8px;
}
@media (max-width: 765px){
.maric_header_logo {font-size:20px;margin-top:14px;}}

@media (max-width: 498px){
.maric_header_logo {margin-right:45px;}}
 
.maric_header_line {
	margin-top: 0px;background-color:orange;height:3px;
}
@media only screen and (min-width: 1000px) {
.maric_header {padding-top:4px;}
.maric_header-line {margin-top:4px;}
}

.subtitle {font-size:20px;margin:0px;color:#00459A;}
@media (min-width: 900px){
.subtitle {font-size:24px}}
@media (max-width: 899px){
.subtitle {margin-top:2px;}}

/* --HEADER NAVIGATION */
ul{margin:0;padding:0;list-style:none}
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99}
.nav-menu li{position:relative;white-space:nowrap}
.nav-menu>li{float:left}
.nav-menu li:hover>ul,.nav-menu li.sfHover>ul{display:block}
.nav-menu ul ul{top:0;left:100%}
.nav-menu ul li{min-width:180px;text-align:left}
.maric_header_nav {
	margin:0;
}
.nav-menu-break {padding:4px 1px;color:#484848;}
.nav-menu a{padding:6px 10px;text-decoration:none;display:inline-block;color:#484848;font-size:12px;text-transform:uppercase;}
.nav-menu a:hover{color:#00459A;text-decoration:underline;}

#mobile-nav-toggle{position:fixed;right:15px;z-index:999;top:15px;border:0;background:none;font-size:24px;display:none;transition:all 0.4s;outline:none;cursor:pointer}
#mobile-nav-toggle i{color:#484848;font-weight:900}
@media (max-width: 991px){
#mobile-nav-toggle{display:inline}
#nav-menu-container{display:none}}

#mobile-nav{position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(0,0,0,0.8);left:-260px;width:260px;overflow-y:auto;transition:0.4s}#mobile-nav ul{padding:0;margin:0;list-style:none}
#mobile-nav ul li{position:relative}
#mobile-nav ul li a{color:#fff;font-size:13px;text-transform:uppercase;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:none;font-weight:700}
#mobile-nav ul li a:hover{color:yellow;text-decoration:underline;}
#mobile-nav ul li li{padding-left:30px}
 
#mobile-body-overlay{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(0,0,0,0.7);display:none}body.mobile-nav-active{overflow:hidden}body.mobile-nav-active 
#mobile-nav{left:0}body.mobile-nav-active 
#mobile-nav-toggle{color:#fff}

/* --FIRST-- */
.maric_first	{
	position: relative;
    z-index: auto;
	background: url(../img/bg_xs.jpg);
	background-position: center right; 
	padding: 60px 0 40px 0;
	background-repeat:no-repeat;
	}
@media only screen and (min-width: 1280px) {
	.maric_first {
		background: url(../img/bg_xs.jpg) center center no-repeat,url(../img/bg_r.jpg) center center repeat;}
}
.maric_first .container {
	height:540px;
}
.first_title {
	margin-top:160px;
}
.first_title h1 {
	font: bold 30px 'Play', sans-serif; 
	color:#7C756B;
	text-shadow: 2px 2px 4px white;
}
.work_hours {
	margin-top:210px;
}
.work_hours h1 {
	font-size:20px;	font-weight:700;line-height:1.2;
	color:#7C756B;
	text-shadow: 2px 2px 4px white;
}
.work_hours p {
	font-size:16px;
	color:#7C756B;
}

@media only screen and (max-width: 760px) {
	.first_title h1 {font-size:20px;}
	.first_title {margin-top:170px;}
	.work_hours {margin-top:200px;}
}
@media only screen and (max-width: 510px) {
	.first_title h1 {font-size:20px;}
	.first_title {margin-top:60px;text-align:center;}
	.work_hours {margin-top:340px;}
}

.sm-center {text-align:center;}
.right-sm-center {text-align:right;margin-top:15px;}
@media only screen and (max-width: 767px) {
	.sm-center {text-align:center;margin-top:20px;}
	.right-sm-center {text-align:center;margin-top:0px;}
}
 
 
/* --CONTACT-- */
.maric_contact	{
	position: relative;
    z-index: auto;
    background: #FEF2DA; 
    padding: 60px 0 40px 0;
	color:#00459A;
	font: 16px/22px Roboto,  sans-serif;
	background:url(../img/wave.svg) center;
	background-size:cover;
	}
.maric_contact_title {
	font-size:1em Roboto, sans-serif;
	text-transform:uppercase;font-weight:500;
	color:yellow;border-radius:20px;margin-top:10px;margin-bottom:12px;
	display:inline-block;outline:none;
	background-color:#242A38;width:185px;text-align:center;
	padding:4px;
}
.maric_contact_text {
	font:bold 18px/28px Roboto,  sans-serif;color:#242A38;margin-bottom:8px;width:245px;
}

.maric_contact h1 {
  font: bold 26px 'Play', sans-serif; 
  color: #C3213D;
}
.maric_contact a	{
	text-decoration:none;color:white;
}
.maric_contact a:visited	{
	text-decoration:none;color:white;
}
.maric_contact a:hover	{
	text-decoration:none;color:#00459A;
}
.location_map {
        height:240px;
        width: 280px;   
		background:url(../img/lokacija_280.jpg) center;
		margin:auto;
		border:1px solid gray;
       }
@media only screen and (max-width: 300px) {
	.location_map {width:100%;background:url(../img/lokacija.png) center;}
}
@media only screen and (min-width: 760px) {
	.location_map {width:420px;height:280px;background:url(../img/lokacija.png) center;}
}
@media only screen and (min-width: 1200px) {
	.location_map {width:640px;height:320px;background:url(../img/lokacija_640.png) center;}
}
.btn-contact {margin-top:10px}
.btn-contact.primary{color:#fff;background:#00459A;border:1px solid transparent}
.btn-contact.primary:hover{color:#00459A;border:1px solid #00459A;background:#fff}
.btn-contact.circle{border-radius:20px}
.btn-contact{display:inline-block;outline:none;line-height:40px;padding:0 30px;font-size:1em;text-align:center;text-decoration:none;font-weight:500;cursor:pointer;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.btn-contact:focus{outline:none}

/* --SERVICES-- */
.maric_services	{
	position: relative;
    z-index: auto;
	background-color:#FEF2DA;
	padding: 80px 0 40px 0;
	font: 16px/22px Roboto,  sans-serif;
	}
.maric_services h1 {
  font: bold 26px 'Play', sans-serif; 
  color: #C3213D;
}
.maric_services_box {
	margin-bottom: 6px;
	padding:8px;
	border-radius: 0 16px 0 0;
	border:0px; 
	border-bottom:1px dotted #00459A;
	border-left:7px solid #00459A;
	cursor:pointer;
}

.maric_services_box:hover {
	margin-bottom: 6px;
	padding:8px;
	border-radius: 0 16px 0 0;
	border-bottom:1px solid #C3213D;
	border-left:7px solid #C3213D;
}

.maric_services_box:hover >h5 {
	color: #C3213D;
}

.maric_services_box > h5 {
    font-size: 22px;
    color: #5b32b4;
}
.maric_services_box > p {
	margin-bottom: 0px;
	margin-top:9px;
}
/* --EMPLOYEES-- */
.maric_employees	{
	position: relative;
    z-index: auto;
	background-color:#FDF9F0;
	padding: 80px 0 40px 0;
	font: 16px/22px Roboto,  sans-serif;
	color:#00459A;
	}
.maric_employees h1 {
  font: bold 26px 'Play', sans-serif; 
  color: #C3213D;
}
.employee_img {
display: inline;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	
	}
.maric_employees_box	{
	text-align:center;
	background-color:#FFE1AD;
	padding:40px;
	border-radius:10px;
	margin-bottom: 50px;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	cursor:pointer;
}
.employee_title { font-size:14px bold;}
@media (max-width: 960px) {
.maric_employees_box	{margin-bottom:30px;padding:20px;}}

.maric_employees_box:hover	{
	background-color:#FEF2DA;
	box-shadow:0px 0px 30px 0px rgba(59,172,240,0.2);
}
.maric_employees_box .cog {
	color:#323;
	font-size:32px;
}
.maric_employees_box h4	{
	padding:20px 0;
	color:#323;
}
.maric_employees_box:hover h4,.maric_employees_box .cog {
	color:#C3213D;
} 
/* --SLIDES-- */
.maric_slides	{
	position: relative;
    z-index: auto;
    padding: 60px 0 40px 0;
	font: 16px/22px Roboto,  sans-serif;
	background-color:#FEF2DA;
	}
.maric_slides .overlay-bg	{
	background-color:rgba(255,255,255,0) 
	} 
 
.owl-carousel .owl-nav .owl-prev{
	color:silver;
}
.owl-carousel .owl-nav .owl-next{
	color:silver;
}
/* --FOOTER-- */
.maric_footer {
	margin-top:160px;
}
.maric_footer_comp {
	margin-top:16px;width:100%;text-align:right;color:silver;font: 11px/14px Roboto, sans-serif;
}


 
.btn-green {
  height:48;
  min-width:160px;
  font-weight:700;
  color: #ffffff;
  background-color: #10A130;
  border-color: #107130;
}
.btn-green:hover {
  color: #ffffff;
  background-color: #028E1D;
  border-color: #026E1D;
 
}
.btn-green:active:hover,.btn-green.active:hover,.btn-green:active:focus,.btn-green.active:focus,.btn-green:active.focus,.btn-green.active.focus,.open > .dropdown-toggle.btn-green.focus {
  color: #ffffff;
  background-color: #026E1D;
  border-color: #024E1D;
}

 
 
.line-title {
    width: 390px;
    height: 2px;
    background-color: #C3213D;
    margin-top: 8px;
	margin-bottom:35px;
	margin-left:auto;
	margin-right:auto;
}
.item-title {
	font: bold 26px 'Play', sans-serif; 
	color: #C3213D;
}
/* ---General sizes  */
@media only screen and (min-width: 200px) {
	.line-title {width:220px;}
	.item-title {font-size:22px;}
}
@media only screen and (min-width: 480px) {
	.line-title {width:260px;}
	.item-title {font-size:22px;}
}
@media only screen and (min-width: 992px) {
	.line-title {width:390px;}
	.item-title {font-size:26px;}
}

 
/* --H1/H5 sizes-- */
h3 {font: bold 18px "Play", sans-serif;}
@media (min-width: 200px){
h3 {font-size:18px;}}
@media (min-width: 400px){
h3 {font-size:22px;}}
@media (min-width: 600px){
h3 {font-size:22px;}}
@media (min-width: 900px){
h3 {font-size:24px;}}
@media (min-width: 1100px){
h3 {font-size:26px;}}