/*font-family: 'Arapey', serif;

font-family: 'Nunito', sans-serif;*/





@-webkit-keyframes navbarFixed {

	0% {

		opacity          : 0;

		-webkit-transform: translateY(-100%);

		transform        : translateY(-100%);

	}



	100% {

		opacity          : 1;

		-webkit-transform: translateY(0);

		transform        : translateY(0);

	}

}



@keyframes navbarFixed {

	0% {

		opacity          : 0;

		-webkit-transform: translateY(-100%);

		transform        : translateY(-100%);

	}



	100% {

		opacity          : 1;

		-webkit-transform: translateY(0);

		transform        : translateY(0);

	}

}



body { font-family: 'Mulish', sans-serif; }





header { position: sticky;  top: 0px;  left: 0px; right: 0px;  width: 100%; z-index: 99; transition: all 0.4s ease-in-out 0s;   max-width: 1920px; margin: auto;}

header.sticky {

    /*position: fixed;*/

    box-shadow: 0px 15px 10px -15px rgb(46, 45, 45);

    width: 100%;

    transition: all 0.4s ease-in-out 0s;

    z-index: 9999;

    /*-webkit-animation: navbarFixed 0.8s;

    animation: navbarFixed 0.8s;*/

}



.logo img {

    -webkit-transition: all 0.5s ease-in-out 0s;

    -moz-transition: all 0.5s ease-in-out 0s;

    -ms-transition: all 0.5s ease-in-out 0s;

    -o-transition: all 0.5s ease-in-out 0s;

    transition: all 0.5s ease-in-out 0s;
height:70px;
}

header.sticky .logo img { max-width: 200px; height:70px;}



.body_fixed{ position: fixed; top: 0px; left: 0px; width:100%;}

.header_left { display: flex;  flex-wrap: wrap; width:15%;}



/*header_navigation_desktop*/

.header{ padding: 20px 0px; justify-content: space-between; display: flex; flex-wrap: wrap; color: #fff; align-items: center; position: relative; transition: all 0.4s ease-in-out 0s; }

.header_navigation .menu{ display: flex; flex-wrap:wrap; list-style: none;}

.header_navigation .menu > li{ margin-right: 50px;}

.header_navigation .menu > li:last-child{ margin-right:0px;}

.header_navigation ul li a{ text-transform: uppercase; color:#000; /*font-family: 'Nunito',*/ sans-serif;  font-size:14px;  font-weight: 500;}

.header_navigation ul li a:hover{ color:#4fc0cb;}

.mobile_header{ display:none;}

.header_navigation{ margin: auto;}

.header_navigation ul li{ position: relative; }

.header_navigation ul li .sub-menu {  background-color: transparent;  color: #fff; border: 1px solid #535c73; position: absolute;  min-width: 270px;  width:100%;  left: 0;

    top: calc(100% + 0px);  z-index: 1;  visibility: hidden;  opacity: 0;  -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);  -ms-transform: scaleY(0);    -o-transform: scaleY(0);  transform: scaleY(0);  -webkit-transition: all 0.5s ease-in-out 0s;

    -moz-transition: all 0.5s ease-in-out 0s;  -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;    transition: all 0.5s ease-in-out 0s;

    transform-origin: 0 0 0;  margin-left: 0;  padding:0;  -webkit-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);-moz-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);

box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);}

.header_navigation ul li .sub-menu::before {   content: "";  background-color: #4fc0cb;  opacity: 0.9;  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;}

.header_navigation ul li:hover  .sub-menu, .header_navigation ul li:focus {  visibility: visible;  opacity: 1;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);

-o-transform: scale(1);  transform: scale(1);}

.header_navigation ul li .sub-menu li{ display: block; width:100%; margin-right:0px; padding:0px; }

.header_navigation ul li .sub-menu li a { color: #fff; width: 100%; display: block; padding: 10px 15px;   margin-bottom: 1px; font-size: 14px;  border-bottom: 1px solid #535c73; text-transform: uppercase;}

.header_navigation ul li .sub-menu li:last-child a{ border-bottom:none; }

.header_navigation ul li .sub-menu li a:hover{ background-color:#000; color:#fff;}

.menu_section .menu_bottom  .sub-menu li{ padding:0px; display:block; }

.menu_section .menu_bottom  .sub-menu{ display:block;}

.header_navigation .arrow i{ font-size: 14px; color: #fff;  line-height: 14px;  margin-left: 5px;}

.navbar-fostrap {  display: none;}

/*header_navigation_desktop*/



.header_contact a {

    color: #fff;

    font-size: 14px;

}

.header_navigation .menu > li:last-child a {

    /*color: #fff;*/

}

/*.logo{ margin-bottom:-60px;}*/





@media(min-width:1200px) and (max-width:1499px){   

.header_navigation .menu > li {margin-right: 25px;}      

.header_navigation ul li a{ font-size:13px;}    

}



@media(max-width:1199px){

/*nav_START*/

.header_navigation.visible  ul.menu  li.menu-item-has-children span.arrow  {color: #fff;line-height: 45px;background: #000;}

.header_navigation.visible  ul.menu  li.menu-item-has-children span.arrow  i{ color: #fff; }

.header_navigation ul li:hover > .sub-menu, .header_navigation ul li:focus {visibility: visible;opacity: 1;-webkit-transform: scale(1);

    -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.header_navigation  ul.menu li .sub-menu {background-color: rgb(0 191 146);position: absolute;width: 200px;

    left: 0;top: calc(100% + 42px);z-index: 1;visibility: hidden;opacity: 0;-webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);

    -webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;

    -o-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;transform-origin: 0 0 0;margin-left: 0;

    box-shadow: 0 0px 13px #eaeaea;}

.header_navigation.visible {right: 0;-webkit-transition: right .4s ease;-moz-transition: right .4s ease;-ms-transition: right .4s ease;

-o-transition: right .4s ease;transition: right .4s ease;height: 100vh;}

.header_navigation {z-index: 999;background: #4fc0cb;width: 100%; max-width: 400px; display: block;bottom: 0;position: fixed; right: -100%; top: 0;

    -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;

    -o-transition: all .4s ease;transition: all .4s ease;margin: 0;border: 0;border-radius: 0;

    overflow-y: auto;overflow-x: hidden;height: 100vh; }

.mobile_header {padding: 15px 15px; display: flex; justify-content: space-between;align-items: center; background-color: #000;}

.mobile_header img {max-width:80px; max-height: 60px;}

span.arrow {position: absolute;top: 0;bottom: 0;right: 0;width: 40px;height: auto;line-height: 24px;font-size: 13px;text-align: center;color: #424242;display: block;}

.header_navigation ul.menu li .sub-menu {border: none;box-shadow: none; top: 0px;opacity: 1;min-width: 100%;width: 100%;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: none;visibility: visible;left: 0px;z-index: 99;

background-color: #34bcc5;position: inherit;display: none;}

.header_navigation ul li:last-child, .menubar_logo {display: block;}

.header_navigation ul.menu li .sub-menu li a {font-size: 13px;background: #000; color:#c9c9c9;}

.header_navigation ul li a {font-size: 14px;padding: 12px 15px;display: block;border-bottom: 1px solid #fff;text-transform: uppercase;

color: #fff;font-weight: 600;  text-align: left;}

.header_navigation ul li{ width:100%; display:block; }

.header_navigation ul li a:hover{ background-color: #000; color: #a78646; }

header .header_navigation  ul.menu li {    margin-right: 0px;    padding: 0px;}    

/*nav_end*/

.fixed{ position: fixed;}

.navbar-fostrap {display: inline-block;cursor: pointer; margin-left:15px; padding:0px 0 0px;z-index: 1; padding-top:2px;}

.navbar-fostrap span {height: 3px;background: #fff;margin: 5px 0;display: block;transition: 0.3s ease;width: 30px;}

header button.close {  font-size: 22px;  border-radius: 50%;  border: none;  width: 32px;  height: 32px;  display: flex; flex-wrap: wrap;  justify-content: center;  align-items: center;  background-color: #262223; color: #fff;}

    

    

.logo { max-width: 200px;} 

.header{ padding:15px 0px;}    

header.sticky{ animation: inherit;}   

header .logo img{ max-height: 90px; }    

header.sticky .logo img { max-height: 90px;}  

.border_right:before{ display:none;}  

.header_right.header_contact {  display: flex;  align-items: center;  flex-wrap: wrap;} 

.header_left{ width:auto;}    

}





@media(max-width:767px){

/*.logo { margin-bottom: -30px;  max-height: 60px;}   */ 

.logo { max-width: 140px; }

.header_contact a{ font-size:14px;}

h5 {font-size: 16px;}    

}