.mainheader{position:absolute;top:0;left:0;width:100%;z-index:9;padding:12px 0;}
.menu_right .btn_call{font-weight: 500;padding: 4px 27px;height: 46px;color:#242424;font-family:'Roboto';background-color:#FFFFFF;border:1px solid #FFFFFF;}
.menu_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.menu_link nav ul li.no-listiteam{
  width:320px;height:40px;
    
}
ul.js_hmbanner li.slide_img img.ban_desk{display:block;width:100%;}
ul.js_hmbanner li img.ban_mob{display:none;}
/*
.mainheader:before{
    position:absolute;content:"";background: rgba(3, 3, 3, 0.44);
    width:100%;height:250px;background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 44%) 100%);top:0;left:0;
}
*/
.menu_wrap .logo{position:absolute;left:50%;transform:translate(-50%, 0%);margin-left:-30px;width:320px;text-align: center;z-index:1;height:50px;}
.menu_link nav ul li.no-listiteam>a{font-size:0;} 
/*-----HEADER NAVIGATION-----*/
.menu_link{position: relative;width:calc(100% - (180px + 210px));}
.menu_link nav{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 100%;}
.menu_link nav>ul{text-align: left;display: flex;flex-wrap: wrap;align-items: center;width: 100%;justify-content:space-between;}
.menu_link nav>ul > li{position: relative;display:inline-block;text-align: center;vertical-align: middle;margin: 0px 28px;}
.menu_link nav>ul > li > a{color:#FFFFFF;font-size:12px;padding:12px 0px;display: block;text-transform:uppercase;position: relative;
	line-height:2;letter-spacing: 1.8px;font-weight:400; position: relative;}
.menu_link nav>ul > li > a:before,.menu_link nav>ul > li.active > a:before {
    content: "";
    background: #000000;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0;
    height: 2px;
    transition: all 0.3s ease-in-out;
}
.menu_link nav>ul > li > a:hover::before,.menu_link nav>ul > li.active > a:before {
    width: 100%;
}
.menu_link nav>ul > li.active > a{color:#ffffff;}
.menudrop{z-index:1;height:16px;width:16px;text-align:center;vertical-align: middle;margin-left:6px;margin-top:-4px;line-height:16px;
	transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;font-size:14px;color: #ffffff;
font-weight:bold;}
.menudrop.openedmenu:before{content:"\f106";}
.menu_link nav > ul > li.hidden,.togglebtn,.menulogo{display: none;}
.menu_link .sub-menu{left:0%;position: absolute;top:100%;width:265px; display: flex;flex-wrap: wrap;margin: auto;text-align: left;border-radius:0; z-index:10;background:#fff;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);display: none;}

  .menu_link .sub-menu > li .sub-menu.childmenu{
    left: 0%;
  position: absolute;
  top: 100%;
  width: 265px;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  text-align: left;
  border-radius: 0;
  z-index: 10;
  background: #fff;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
  display: none;
}
.sub-menu ul.ul_sub-menu>li>a{color:#2F3B46;font-size: 15px;padding:6px 20px 6px 35px;display: block;text-transform: capitalize;position: relative;line-height:18px;
	letter-spacing: 0.30px;display:block;position:relative;}
.sub-menu ul.ul_sub-menu>li>a:before{position:absolute;content:"\f105";font-family:'FontAWesome';color:#00B3ED;    left: 20px;}	
.menu_link nav>ul>li.has-sub > a{display: flex;flex-wrap: wrap;}
.sub-menu{padding:20px 0px;}
.mainheader .btn_yellow{font-size:18px;font-weight:bold;line-height:20px;letter-spacing:0.72px;text-transform:uppercase;
padding:14px 29px;font-family: 'Scala Sans';}
.fixed-header .mainheader .btn_yellow:hover{
	background-color:#1BB5C5;border-color:#1BB5C5;
}
.menu_link ul.submenu li a{
    font-size: 14px;
    padding:12px 20px;
    letter-spacing: 0.60px;
    font-weight: 500;line-height:18px;
    display: block;color: #48514F;
	
}
.menu_link ul.submenu li>a:hover,.menu_link ul.submenu li.active>a{
	background-color:#242424;color:#FFFFFF;
}
.menu_link ul.submenu li:last-child a{border-bottom:0;}

/*STICKY HEADER*/
 .fixed-header header {
	position:fixed;
	top: 0;
	z-index:9999;
	width: 100%;
    -webkit-animation: .7s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .7s ease-in-out 0s normal none 1 running fadeInDown;
	border-top: 0;
	background-color:#242424;
	box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 8%);
	-moz-box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 8%);
	-webkit-box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 8%);
}
.fixed-header .mainheader::before{display:none;}
@-webkit-keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}


.menu_left ul{
    display: flex;
    flex-wrap: wrap;margin:0 -5px;
}
.menu_left ul li{padding:0 5px;}
.menu_left label{color:#ffffff;font-size:12px;letter-spacing:1.8px;text-transform:uppercase;padding-right:10px;}
.menu_left ul li i{color:#FFFFFF;font-weight:200;font-size:16px;
transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.menu_left ul li a:hover i{transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);
transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.menu_left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;width:180px; 
}
.menu_right{width:210px;text-align:right;}
.menu_right ul li.hidden_desktop{display:none;}

.menu_link nav>ul > li .areas_menu {
    left: auto;
    right: 0;
    margin-right:-20px;width:500px;padding:15px;
}

.menu_link nav>ul > li .areas_menu .areas_ul {
    
    width: 100%;
    
}
.menu_link ul.submenu li{position:relative;}
.menu_link nav>ul > li .areas_menu .areas_ul ul.submenu {
    display: flex;
    flex-wrap: wrap;justify-content:space-between;
}
.menu_link nav>ul > li .areas_menu .areas_ul li {
    width: 49%;
}
.menu_link ul.submenu li a .menudrop {
  color: #48514F;
  top: 0;
  right: 20px;
  position: absolute;
  bottom: 0;
  margin: auto 0;transform: rotate(-90deg);
}
.menu_link ul.submenu li a:hover .menudrop{color:#FFFFFF;}
.menu_link .sub-menu ul li ul.sub-menu {
  position: absolute;
  left: 0;
  margin-left: 265px;
  top: 0 !important;margin-top:-20px;
}
@media (hover: hover) and (pointer: fine) {	
	.ul_sub-menu>li{transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;width:100%;}
	  /*HEADER*/	
	  .menu_link ul > li:hover > a > i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	  .menu_link li a:hover, .menu_link li.active a{color:#ffffff; transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;}	
	.menu_link li a:hover .menudrop{color:#ffffff;}	
	  .menu_link .sub-menu{pointer-events: none;opacity: 0;visibility: hidden;top: 80%;display:block;
	  -webkit-transition: all 0.45s ease 0s;-moz-transition: all 0.45s ease 0s;-ms-transition: all 0.45s ease 0s;
		  -o-transition: all 0.45s ease 0s;transition: all 0.45s ease 0s;box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);}
		    
	  .menu_link ul > li:hover>.sub-menu{pointer-events: auto;opacity: 1;visibility: visible;top: 100%;}	
	
	  /*STICKY HEADER*/
	  .fixed-header #section_header{-webkit-animation-duration: 0.8s;-webkit-animation-name: headfadeIn; animation-name: headfadeIn;animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
	  @-webkit-keyframes headfadeIn { 0% { opacity: 1;-webkit-transform: translateY(-100%);transform: translateY(-100%);} 100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
	  @keyframes headfadeIn {0% { opacity: 1; -webkit-transform: translateY(-100%);transform: translateY(-100%);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
    
       .menu_link .sub-menu ul li ul.sub-menu{
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        top: 80%;
        display: block;
        -webkit-transition: all 0.45s ease 0s;
        -moz-transition: all 0.45s ease 0s;
        -ms-transition: all 0.45s ease 0s;
        -o-transition: all 0.45s ease 0s;
        transition: all 0.45s ease 0s;
        box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
    }
    .menu_link .sub-menu ul li:hover ul.sub-menu {
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
  }


/*------ media query -------*/

/* Super Large devices (large desktops, less than 1600px) */
@media (max-width: 1599.98px) {
    .menu_left{width:98px;}
    .menu_right{width:152px;}
    .menu_link{width:calc(100% - (98px + 152px));}
    .menu_link nav > ul > li{margin:0 20px;}

    
}

/* Extra Large devices (large desktops, less than 1440px) */
@media (max-width: 1439.98px) {
 .menu_link nav ul li.no-listiteam{margin:0 5px;width: 280px;}
    .menu_wrap .logo{width:280px;margin-left: -20px;}
     .menu_link nav > ul > li {
    margin: 0 13px;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
   
     .menu_link nav > ul > li {
        margin: 0 10px;
    }
     .menu_wrap .logo {
    width: 180px;
    margin-left: -20px;
  }
      .menu_link nav ul li.no-listiteam {
    margin: 0 12px;
    width: 190px;
  }
      .menu_right,.menu_left {
    width: auto;
  }
    .menu_right .btn_call{height:38px;padding:4px 15px;}
    
    ul.js_hmbanner li img.ban_desk{height:550px;object-fit:cover;object-position:center center;}
    .menu_link nav > ul > li > a{letter-spacing:1px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.togglebtn span {position: relative;display: inline-block;margin-top: 8px;vertical-align: top;}
	.togglebtn span::before{top: -8px;}
	.togglebtn span::after{top: 8px;}
	.togglebtn span::before, .togglebtn span::after {content: "";position: absolute;left: 0;}
	.togglebtn span, .togglebtn span::before, .togglebtn span::after { transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;width: 20px;height:3px;}
	.togglebtn {position: absolute;right: 15px;top:20px;display: block;text-align: center;width:40px;height:40px;border:0;cursor: pointer;
		z-index: 1001;padding:10px 0;background:transparent;border-radius:5px;}
	.togglebtn.active span::before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top:0;}
	.togglebtn.active span::after { -webkit-transition-delay: 0.09s;top:0;transition-delay: 0.09s;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
	.togglebtn.active span{background-color: transparent;}
	.togglebtn.active:before{content: none;}
	.togglebtn span, .togglebtn span::before, .togglebtn span::after{background-color:#ffffff;}
	html.menuhidden{position: fixed;overflow-y: hidden}
	.overlay{position: fixed;top:78px;right: 0;z-index:99;width:100%;height:calc(100% - 78px);display: none;background-color:rgb(0 0 0 / 30%);cursor: pointer;}
	.menu_link nav{padding: 0;}
	.menu_link.active{transform: translateX(0%);-webkit-transform: translateX(0%);}
	.menu_link{float: none;padding: 0;position: fixed;top:78px;height:calc(100% - 78px);width:450px;margin: 0;
		transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-ms-transition: all 0.6s ease;overflow-y:auto;
		left:0;z-index: 1000;transform: translateX(-100%);-webkit-transform: translateX(-100%);padding: 30px 30px 0;
	    background: #ffffff;
	}
    .fixed-header .menu_link,.fixed-header .overlay{top:68px;height:calc(100% - 68px);}
    .fixed-header .togglebtn{top:15px;}
	.menudrop {
		display: block;
		top: 0;
		font-size: 18px;
		height: 45px;
		width: 40px;
		border-radius: 0;
		line-height: 48px;
		right: 0;
		position: absolute;
		color: #242424;
		margin-top: 0;
	  }	
    .mainheader .container{width:100%;max-width:100%;}
   
    .menu_link ul > li .sub-menu{
    -webkit-transform: none;
    transform: none;
    display: none;
    visibility: unset;
    opacity: unset;
    width: 100%;
    position: relative;
    padding: 0;
    left: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    background: transparent;
    min-width: inherit;
    top: auto;
    padding: 5px 10px;
    border-top: 0;
}
    
   .menu_link ul > li:hover .sub-menu {
    display: none;
    -webkit-transform: none;
    transform: none;
    opacity: inherit;
    }
    .nav_list ul.navdrop_block li:hover ul.megamenu{
       display: none;
    -webkit-transform: none;
    transform: none;
    opacity: inherit;
    }
   .menu_link ul.submenu li a {
      font-size: 14px;
      padding: 12px 15px;
      letter-spacing: 0.42px;
      font-weight: 400;
      line-height: 18px;
      display: block;
      color: #242424;
      border-bottom: 1px solid rgb(0 0 0 / 8%);
    }
    .menu_link nav > ul > li > a:hover{color:#000000;font-weight:500;}
    .menu_link ul.submenu li a:hover {
      background-color:#000000;
      color: #ffffff;
    }
    
    .menu_wrap{justify-content:flex-start;align-items:center;justify-content:space-between;}
    
    .menu_wrap .logo{position:relative;left:0;transform:none;margin-left:0;width:auto;height:auto;}
    .menu_left{display:none;}
    .menu_right ul li.hidden_desktop{display:inline-flex;}
    .menu_right ul{display:inline-flex;flex-wrap:wrap;}
    .menu_right ul li.hidden_desktop .btn_dark{height:38px;padding:4px 15px;background-color: #3b3939;
    border-color:#3b3939;}
    .menu_right ul li:not(:last-child){padding-right:10px;}
    .mainheader{padding:15px 0;}
    .menu_right{padding-right:50px;}
    .fixed-header .mainheader{padding:10px 0;}
    html.menuhidden .mainheader{background-color:#242424;   }
    .menu_link nav {
        flex-direction: column;
    }
    .menu_link nav > ul > li {
        display: block;
    text-align: left;
    margin: 0;
    width: 100%;
    height: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .menu_link ul > li:hover .sub-menu {
        display: none;
        -webkit-transform: none;
        transform: none;
        opacity: inherit;
    }

    .menu_link nav > ul > li > a{color:#242424;}
    .menu_link nav ul li.no-listiteam{display:none;}
    .menu_link nav>ul > li .areas_menu{left:0;}
    .menu_link nav>ul > li .areas_menu .areas_ul{    max-height: unset;
    overflow-y: unset;}
    .menu_link li a:hover .menudrop{color:#000000;}
    .menu_link nav > ul > li > a::before{display:none;}
    .menu_link nav > ul > li .areas_menu .areas_ul li{width:100%;}
    .menu_link nav > ul > li .areas_menu{padding:0;margin-left:0;width:100%;}
    .menu_link nav > ul > li.active > a{color:#ffffff;background-color:#242424;}
    .menu_link nav > ul > li > a::before, .menu_link nav > ul > li.active > a::before{display:none;}
    .menu_link .sub-menu ul li ul.sub-menu{
        -webkit-transform: none;
    transform: none;
    display: none;
    visibility: unset;
    opacity: unset;
    width: 100%;
    position: relative;
    padding: 0;
    left: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    background: transparent;
    min-width: inherit;
    top: auto;
    padding: 5px 10px;
    border-top: 0;
    }
    .menu_link nav > ul > li > a{padding:12px 10px;}
    .menu_link nav > ul > li.active .menudrop{color:#FFFFFF;}
    .menu_link ul.submenu li a .menudrop{right:5px;margin:0;}
    .menu_link ul > li:hover > a > i{transform:none;-webkit-transform:none;}
    .mainheader{z-index:999;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .menu_wrap .logo{width:210px;}
    .togglebtn{top:14px;}
    .fixed-header .togglebtn {
        top: 9px;
    }
    .overlay,.menu_link{top:74px;height: calc(100% - 74px);}
     .fixed-header .menu_link, .fixed-header .overlay {
        top:64px;
        height: calc(100% - 64px);
    }
   ul.js_hmbanner li.slide_img img.ban_desk{display:none;}
    ul.js_hmbanner li img.ban_mob{display:block;
    height: 550px;
    object-fit: cover;
    object-position: 0 0;
    }
    
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
     .overlay, .menu_link {
        top: 105px;
        height: calc(100% - 105px);
    }
    .menu_wrap .logo{order:2;}
    .menu_right{width:100%;order:1;}
    .mainheader{padding:0px 0 10px 0;}
    .mainheader .container-fluid{padding:0;}
    .menu_right ul{width:100%;}
    .menu_right{padding:0;background-color:#242424;}
     .menu_right ul li:not(:last-child) {
        padding-right: 0;border-right:1px solid rgba(255,255,255,0.20);
    }
    .menu_right ul li{width:50%;}
    .menu_right ul li a[class*="btn_"]{background-color:#242424;font-size:14px;letter-spacing:1.4px;font-weight:500;
    color:#FFFFFF;border:0;width:100%;padding: 0px 20px;}
    .menu_wrap .logo{margin-left:15px;margin-top:15px;width:200px;}
    .togglebtn{top:50px;}
     .fixed-header .togglebtn {
            top: 50px;
    }
    .fixed-header .mainheader{padding:0 0 10px;}
    .fixed-header .menu_link,.fixed-header .overlay{top:106px;height: calc(100% - 106px);}
    .fixed-header .menu_right{border-bottom:1px solid rgba(255,255,255,0.20);}
    .menu_right ul li.hidden_desktop .btn_dark{background-color: #242424;}
    .menu_link{width:100%;}
}