/*font-family: 'Mulish', sans-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);
    }
}

header { background: rgba(0, 0, 0, 0.8); position: absolute;  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;
    /*background-color: #000d2e;*/
    box-shadow: 0px 15px 10px -15px rgb(46, 45, 45);
    width: 100%;
    transition: all 0.4s ease-in-out 0s;
    -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;
}
header.sticky .logo img {
    max-width: 90px;
}

.body_fixed{ position: fixed; top: 0px; left: 0px; width:100%;}
.header_left { display: flex;  flex-wrap: wrap;}

/*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: 60px;}
.header_navigation .menu > li:last-child{ margin-right:0px;}
.header_navigation ul li a{ text-transform: uppercase; color:#fff; font-family: 'Nunito', sans-serif; font-size:14px;  font-weight: 400;}

.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: "";   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:last-child a{ border-bottom:none; }
.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;   text-transform: uppercase;}

.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*/

.border_right{ position: relative;}
.border_right:before{ content: ""; position: absolute; top: 0px; left: -30px; width:1px; height: 100%; background-color: #fff; }



@media(min-width:1200px) and (max-width:1499px){   
.header_navigation .menu > li {margin-right: 40px;}    
.logo {max-width: 100px;} 
.border_right:before{ left:-20px;}    
}

@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: #000d2e;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: #fff;}
.mobile_header img {max-width:80px;}
.header_navigation ul li a {font-size: 14px;padding: 10px 15px;display: block;text-transform: uppercase;color: #fff;}
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: 15px;background: #000; color:#fff;}
.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: 0px 0px 0px 0px;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: #000d2e; color: #fff;}
    
    
.logo { max-width: 90px;} 
.header{ padding:15px 0px;}    
header.sticky{ animation: inherit;}    
header.sticky .logo img { max-width: 70px;}  
.border_right:before{ display:none;}      
}




@media(max-width:767px){
    
.logo { max-width: 75px;}    
    

}
/*Scrollbar css */
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ecc852; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ecc852; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}