* {
margin: 0;
padding: 0
}



::-webkit-scrollbar { display: none; }

/* // Sass Mixing */
/*@mixin hideScrollbar {
  &::-webkit-scrollbar {
    width: 0 !important
  }
  -ms-overflow-style: none;
  scrollbar-width: none;
  position: fixed
}*/


body {
font-family: 'montserratRegular';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
color: #232323;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
left: 0; line-height: normal;
}

body > .over-menu {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: fixed;
height: 100%;
content: "";
width: 100%;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9
}

body.open-menu {
left: -100%
}

body.open-menu > .over-menu {
visibility: visible;
opacity: 1
}

body.open-menu .menu-container {
right: 0 !important
}

a {
text-decoration: none !important;
outline: none
}

.hidden {
display: none
}

section {
position: relative;
width: 100%;
float: left
}

ul { padding-left: 1rem; }


header::before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transform-origin: 0;
background: #f5f5f7;
position: absolute;
width: 100%;
content: "";
top: 0;
right: 0;
height: 0
}



/* min-992 */

@media (min-width:992px) {

header {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #fff;
width: 100%;
position: fixed;
z-index: 999999;
/*top: 5%;  height: 80px; */
right: 0;
/* background: transparent; */
	box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}

/* header .desk-menu {
  position: relative;
  width: 100%
} */

header .desk-menu .menu-container .menu-head .e1 { padding: 3px 0; float: left }


}  /* end min-992 */
  


/* max-991 */
@media (max-width:991px) {

header {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
/* background-color: transparent; */
width: 100%;
position: fixed;
z-index: 20;
top: 0; height: 70px;
right: 0;
/* background: transparent; */
}
header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::before,
header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::after { background-color: #004550 }


.mobiledraw { margin-top: 65px; }
/* header .desk-menu .menu-container .menu-header-container { position: relative; width: 100%; float: left; top: 22% } */

header .desk-menu .menu-container  { overflow-y: scroll; height: 100vh; width: 100vw; }


}  /* end max-991 */



/*----- HEADER ---------*/

header .desk-menu .box-menu {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
padding: 0; 
height: 80px;
display: block;
margin: 0 auto;
float: right;
text-align: center
}

@media screen and (max-width: 992px) {
	header .desk-menu .box-menu {
		height: 0 !important;
	}
}

header .desk-menu .menu-container {
float: left; 
}

header .desk-menu .menu-container .menu-head,
header .desk-menu .menu-container .menu-foot {
width: 100%;
float: left;
display: none
}

header .desk-menu .menu-container .menu-head {
background: #f5f5f7;
padding: 0 12px; text-align: right; line-height: 70px;
}

header .desk-menu .menu-container .menu-head .e1 img {
height: auto;
/* width: 150px; */
}

header .desk-menu .menu-container .menu-head .client {
color: #FFF;
float: right
}

header .desk-menu .menu-container .menu-head .client span {
text-transform: uppercase;
padding: 5px 42px 5px 0;
position: relative;
line-height: 100%;
font-size: 9px;
display: block
}

header .desk-menu .menu-container .menu-head .client i {
position: absolute;
font-size: 30px;
right: 0;
top: 0
}

header .desk-menu .menu-container .menu-foot {
position: absolute;
bottom: 0;
padding: 15px 0
}

header .desk-menu .menu-container .menu-foot .social {
display: table;
margin: 0 auto
}

header .desk-menu .menu-container .menu-foot .social a {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: inline-block;
position: relative;
margin: 0 5px 0 0;
color: #FFF;
font-size: 13px;
text-align: center;
padding: 5px 0;
border-radius: 50%;
background: #797c82;
width: 29px;
height: 29px
}

header .desk-menu .menu-container .menu-foot .social a:last-child {
margin: 0
}

header .desk-menu .menu-container .menu-foot .social a:hover {
background: #a4a7ac
}

header .desk-menu .menu-container .menu-foot hr {
margin: 15px auto 20px;
display: table;
width: calc(100% - 20px)
}

header .desk-menu .menu-container .menu-foot address {
position: relative;
text-align: left;
padding: 0 15px;
margin: 0
}

header .desk-menu .menu-container .menu-foot address i {
position: absolute;
left: 0;
top: 0
}

header .desk-menu .menu-container .menu-foot address span {
padding: 0 0 0 20px;
position: relative;
margin-bottom: 5px;
font-size: 12px;
display: block
}

header .desk-menu .menu-container .menu {
/* float: left; */
padding: 0;
margin: 10px 0 0 0;
list-style: none;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}

header .desk-menu .menu-container .menu li.back {
display: none
}

header .desk-menu .menu-container .menu > li {
-webkit-transition: all 0.33s ease;
-moz-transition: all 0.33s ease;
-ms-transition: all 0.33s ease;
-o-transition: all 0.33s ease;
transition: all 0.33s ease;
/*margin: 0 0 0 10px;*/
float: left;
cursor: pointer;
position: relative;
overflow: inherit
}


header .desk-menu .menu-container .menu > li a {
font-family: 'montserratMedium' ;
position: relative;
font-size: 16px;
padding: 24.5px 1em;
display: block;
color: #232323;/* 18jan */
}

header .desk-menu .menu-container .menu > li.menu-item-has-children > a {
padding: 24.5px 28px 24.5px 1em;
position: relative
}


header .desk-menu .menu-container .menu > li.menu-item-has-children > a::before,
header .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #232323; /* 18jan */
position: absolute;
content: "";
height: 1px;
width: 7px;
top: 34px
}



header .desk-menu .menu-container .menu > li.menu-item-has-children > a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
right: 10px
}

header .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 6px
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu {
box-shadow: 1px 2px 4px rgba(46, 61, 73, 0.2);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-overflow-scrolling: touch;
width: 190px;
position: absolute;
list-style: none;
background: #FFF;
padding: 0.5em 0;
float: left;
display: table;
left: 0; margin-top: 0;
display: none;
/* border-top: 1px solid #F4F4F2; */
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu {
position: initial; width: 200px;
}


header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li {
width: 100%;
-webkit-transition: all 0.33s ease;
-moz-transition: all 0.33s ease;
-ms-transition: all 0.33s ease;
-o-transition: all 0.33s ease;
transition: all 0.33s ease
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {
color: #000000;
	font-family: 'montserratRegular';
padding: 0.5em 0.5em;
	font-size: 14px;
}



header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu {
display: none
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before,
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #000000;
position: absolute;
content: "";
height: 1px;
width: 7px;
top: 24px;
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {
transform: rotate(45deg);
right: 6px;
top: 19px;
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
transform: rotate(-45deg);
right: 6px;
top: 23px
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > a {
display: block; width: 200px;
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu {
display: block
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a {
color: #E74B38;
	text-decoration: none !important;
}



header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a::before {
-webkit-transform: rotate(142deg);
-moz-transform: rotate(142deg);
-ms-transform: rotate(142deg);
-o-transform: rotate(142deg);
transform: rotate(142deg);
top: 23px
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a::after {
-webkit-transform: rotate(42deg);
-moz-transform: rotate(42deg);
-ms-transform: rotate(42deg);
-o-transform: rotate(42deg);
transform: rotate(42deg);
right: 11px
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {
left: 100%;
margin-top: -43px
}

header .desk-menu .menu-container .menu > li.menu-item-has-children a {
text-align: left
}

header .desk-menu .menu-container .menu > li.menu-item-has-children a:hover {
margin-top: 0
}

header .desk-menu .menu-container .menu > li.line {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: absolute;
bottom: 11px;
left: 0;
height: 0px;
pointer-events: none;
border: 1px solid #E74B38;
background: #E74B38;
-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
opacity: 0;
display: block
}

header .desk-menu .menu-container .menu > li:hover > a {
color: #E74B38; /* 18jan */
}

header .desk-menu .menu-container .menu > li:hover > a::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
width: 10px;
right: 12px
}

header .desk-menu .menu-container .menu > li:hover > a::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
right: 7px
}

header .desk-menu .menu-container .menu > li:hover.menu-item-has-children .sub-menu {
display: block
}

header .hamburger-menu {
display: none
}

header.small::before {
box-shadow: 0px 5px 25px 0 rgba(46, 61, 73, 0.2); 
height: 100%
}


@media (min-width:992px) {
header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::before,
header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
  background-color: #232323
}
	
	li.mainnav:after {
    content: '';
    position: relative;
    width: 0;
    height: 4px;
    bottom: 14px;
    left: 0%;
    transform: translateX(0%);
    display: inline-block;
    background-color: #E74B38;
    transition: width .25s ease-in-out;
  }
  li.mainnav:hover:after {
    width: 100%;
  }

}


/*-------- CUSTOM NAV ARROW -------*/
@media screen and (min-width: 992px) {
	
	.postlogin header .desk-menu .menu-container .menu > li.menu-item-has-children > a::before {
	background: 0;
}
	
.postlogin header .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
	content: url('../images/layout/arrow_down.svg');
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
	transform: none;
	background-color: rgba(0,0,0,0);
	position: absolute;
	width: 20px;
	top: 24px;
	right: 0;
}
	
	.postlogin header .desk-menu .menu-container .menu > li.menu-item-has-children:hover > a::after {
	content: url('../images/layout/arrow_up.svg');
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
	transform: none;
	background-color: rgba(0,0,0,0);
	position: absolute;
	width: 20px;
	top: 24px;
	right: 0;
}
	
}

/*------- END OF CUSTOM NAV ARROW ---------*/

header.small .desk-menu .box-menu {
padding: 0;
	margin-top: 0;
}

header.small .desk-menu .box-menu ul li a {
color: #232323
}

@media (max-width:991px) {
header:before { height: 70px; background-color: #f5f5f7; box-shadow: 0px 5px 25px 0 rgba(46, 61, 73, 0.2); }

header .hamburger-menu {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  position: absolute;
  top: -5px;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  cursor: pointer;
  left: 15px;
  z-index: 11
}

header .hamburger-menu span {
  text-transform: uppercase;
  left: calc(-100% + -5px);
  padding: 8px 9px 8px 0;
  top: calc(50% - 18px);
  position: absolute;
  font-size: 13px;
  color: #FFF
}

header .hamburger-menu .bar,
header .hamburger-menu .bar::before {
  width: 35px;
  height: 2px
}
	
header .hamburger-menu .bar::after {
  width: 20px;
  height: 2px
}

header .hamburger-menu .bar {
  position: relative;
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
  -ms-transform: translateY(25px);
  -o-transform: translateY(25px);
  transform: translateY(25px);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  background: #000000;
  top: -4px;
	border-radius: 5px;
}

header .hamburger-menu .bar::before,
header .hamburger-menu .bar::after {
  position: absolute;
  background: #000000;
  content: "";
  left: 0;
  border-radius: 5px
}

header .hamburger-menu .bar::before {
  bottom: 10px;
  -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

header .hamburger-menu .bar::after {
  top: 10px;
	/* width: 50%; */
  -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

header .hamburger-menu .bar.animate {
  background: rgba(255, 255, 255, 0)
}

header .hamburger-menu .bar.animate::after {
  top: 0;
  width: 100%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

header .hamburger-menu .bar.animate::before {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
}
	

header .desk-menu .box-menu ul li a { color: #FFF !important; }

header .desk-menu .menu-container {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #FFF;
  position: fixed;
  height: 100%;
  width: 100%;
  right: -100%;
  top: 0
}

header .desk-menu .menu-container .menu-header-container ul { padding: 20px 10px !important; width: 100% }
header .desk-menu .menu-container .menu { margin: 0 }
header .desk-menu .menu-container .menu li.back { position: relative; display: block }
header .desk-menu .menu-container .menu li.back a { padding: 12px 12px 12px 35px !important }

header .desk-menu .menu-container .menu li.back a::before,
header .desk-menu .menu-container .menu li.back a::after {
  background-color: #004550;
  position: absolute;
  content: "";
  height: 2px;
  width: 7px;
  top: 23px
}

header .desk-menu .menu-container .menu li.back a::before {
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -ms-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
  top: 20px !important;
  right: inherit !important;
  left: 15px !important
}

header .desk-menu .menu-container .menu li.back a::after {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  top: 24px !important;
  left: 15px !important
}

header .desk-menu .menu-container .menu li.line { display: none !important }
header .desk-menu .menu-container .menu > li { width: 100%; float: left; margin: 0; text-align: left }
header .desk-menu .menu-container .menu > li a { padding: 12px; color: #000000 !important }
header .desk-menu .menu-container .menu > li a:hover { padding: 12px; color: #E74B38 !important }
header .desk-menu .menu-container .menu > li.menu-item-has-children { position: initial }
header .desk-menu .menu-container .menu > li.menu-item-has-children a { padding: 15px }
header .desk-menu .menu-container .menu > li.menu-item-has-children a::before,
header .desk-menu .menu-container .menu > li.menu-item-has-children a::after { background: #000000 }
header .desk-menu .menu-container .menu > li.menu-item-has-children a::before { right: 6px !important; top: 22px !important; width: 7px !important }
header .desk-menu .menu-container .menu > li.menu-item-has-children a::after { top: 26px !important; width: 7px !important }

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu {
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block !important;
  background: #FFF;
  z-index: 1;
  top: 67px;
  left: 100%;
  min-height: 500px;
}
	
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu { margin-top: 0 }
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub { left: 0%; }
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before,
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after { background-color: #004550 }

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  right: 6px !important;
  top: 22px !important;
  width: 7px !important
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -ms-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
  right: 6px !important;
  top: 26px !important;
  width: 7px !important
}

header .desk-menu .menu-container .menu > li:hover a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 6px;
  top: 22px
}

header .desk-menu .menu-container .menu > li:hover a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 26px
}

header .desk-menu .menu-container .menu-head { display: block; border-bottom: 1px solid #F4F4F2; position: fixed; z-index: 22; }
header .desk-menu .menu-container .menu-foot { display: block; }
header.small .hamburger-menu { top: 0 }
header.small .hamburger-menu span { color: #004550 }
header.small .hamburger-menu .bar { background: #0A7667 }
header.small .hamburger-menu .bar::before,
header.small .hamburger-menu .bar::after { background: #0A7667 }
header.small .hamburger-menu .bar.animate { background: rgba(255, 255, 255, 0) }

}

@media (max-width:767px) {
/* header .desk-menu .menu-container .menu li a { padding: 8px 12px } */
header .desk-menu .menu-container .menu li.back a { padding: 8px 12px 8px 35px !important }
header .desk-menu .menu-container .menu li.back a::before { top: 17px !important }
header .desk-menu .menu-container .menu li.back a::after { top: 21px !important }
header .desk-menu .menu-container .menu > li.menu-item-has-children a { padding: 12px }
header .desk-menu .menu-container .menu > li.menu-item-has-children a::before { top: 18px }
header .desk-menu .menu-container .menu > li.menu-item-has-children a::after { top: 22px }
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a { padding: 8px 12px }
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before { top: 18px; margin-right: 10px; }
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after { top: 22px; margin-right: 10px; }

}

@media (max-width:481px) {
header .desk-menu .logo-adn a { width: 100px; height: 30px }

/*header .hamburger-menu {
  top: 28px;
  right: 0
}*/
	
header .hamburger-menu .bar,
header .hamburger-menu .bar::after,
header .hamburger-menu .bar::before { width: 30px; /*height: 3px*/}
header .hamburger-menu .bar::before { bottom: 9px }
header .hamburger-menu .bar::after { top: 9px; width: 50%; }
header.small .desk-menu .logo-adn a { width: 100px; height: 30px }
}

@media (max-height:550px) {
header .desk-menu .menu-container .menu-foot hr,
header .desk-menu .menu-container .menu-foot address { display: none }
}




.fixed-position { position: fixed !important; }
.full-height-menu { height: 100vh; overflow-y: scroll; width: 97.5vw; }


/*----- MEGA MENU ---------*/

.mega-menu-wrapper { flex-direction: row; display: flex; }
.mega-menu-col { border-right: 1px solid #F4F4F2; display: inline-block; flex: 0.4; padding: 1em 1em 3em; }
.mega-menu-col:last-child { border-right: 0; }
.mega-menu-col h3 { padding: 16px; margin-bottom: 0; font-size: 16px; }
.small { font-size: 80%; font-weight: 400; top: 0; }


@media screen and (max-width: 991px) {
	
.mega-menu-col { display: block; width: 100%; }
.back { margin-bottom: .5em; }
/* header .desk-menu .menu-container .menu-header-container ul { padding: 20px !important; } */

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu { margin-top: 0 }
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub { left: 0%; }
.mega-menu-wrapper { display: block; height: 120%; }

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu { position: fixed; width: 100%; }
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a { padding: 0.2em; line-height: 1.8em; margin-bottom: 0; font-size: 16px; font-family: 'montserratMedium' }
.mega-menu-col h3 { padding: 0.2em; }
.mega-menu-wrapper { display: block; }
.mega-menu-col { border-right: 0; display: block; padding: 0; margin-bottom: 2em; }
}

/*----- END OF sMEGA MENU ---------*/

/*------ Additional Menu ------*/

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
	    z-index: 999;
}



.cart-no {
		background: red;
		color: #fff;
		border-radius: 50px;
		border: 1px solid #fff;
		width: 24px;
		height: 24px;
		position: absolute;
		text-align: center;
		font-size: 14px;
		padding: 2px;
	}

@media screen and (min-width: 992px) {
	
	.header-top {
		padding: 1em 0 !important;
	}
	
	.header-top a {
		padding: 0 1em 0.5em !important;
	}
	
	.dropdown-menu {
		margin-top: 0.5em;
		z-index: 9999999;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		border: 0;
		border-radius: 0;
	}
	
	#dropdownLangButton::after {
		background-image: url('../images/layout/arrow_down.svg');
		background-size: 25px 10px;
		display: inline-block;
		width: 25px; 
		height: 10px;
		content:"";
	}
	
	#dropdownLangButton.arrowup::after {
		background-image: url('../images/layout/arrow_up.svg');
		background-size: 25px 10px;
		display: inline-block;
		width: 25px; 
		height: 10px;
		content:"";
	}
	
	.prelogin .droplang {
		left: 250px;
	}
	
	.droplang {
		left: 120px;
	}
	
	.droplang a {
		padding: 0.5em 1.5em !important;
	}
	
	#dropdownSignInButton::after {
		background-image: url('../images/layout/arrow_down.svg');
		background-size: 25px 10px;
		display: inline-block;
		width: 25px; 
		height: 10px;
		content:"";
	}
	
	#dropdownSignInButton.arrowup::after {
		background-image: url('../images/layout/arrow_up.svg');
		background-size: 25px 10px;
		display: inline-block;
		width: 25px; 
		height: 10px;
		content:"";
	}

	
	.dropsignin a {
		padding: 0.5em 1.5em !important;
	}

	.cart-icon i {
		margin-top: -0.3em;
		margin-left: 2em;
	}
	.cart-no {
		top: 10px;
		right: 5px;
	}
	
	li.mainnav.cart-icon:after {
		display: none;
	}
	
	.header-top {
		font-family: 'montserratMedium';
	}
	
	.bt-1 {
		border-top: 1px solid #000;
	}
}


@media screen and (max-width: 992px) {
	.cart-no {
		right: 0;
	}
	
	.prelogin header:before {
    	height: 0
	}
	
	.prelogin header .hamburger-menu .bar, .prelogin header .hamburger-menu .bar:before, .prelogin header .hamburger-menu .bar:after {
		background: #ffffff;
	}
	
	.prelogin header .desk-menu .menu-container .menu-head {
		background: #000000;
	}
	
	.prelogin header .hamburger-menu .bar.animate {
		background: rgba(255,255,255,0);
	}
}


/*------ End of Additional Menu ------*/

/*------ Language Dropdown ------*/
#nav-header select {
	border: 0;
	width: 80px;
	background-size: 25px 10px !important;
	background: url(../images/layout/arrow_down.svg) 55px 3px no-repeat;
	-webkit-appearance: none;
	margin-left: 1em;
}

@media screen and (max-width: 991px) {
	#nav-header select {
		padding: 12px;
		font-size: 16px;
		margin-left: 0;
		width: 100%;
		font-family: 'montserratMedium';
		background-size: 10px 12px !important;
		background: url("../images/layout/arrow_right_black.svg") 99% 15px no-repeat;
	}

		#nav-header select:hover {
			color: #E74B38;
		}
}
/*------ End of Language Dropdown ------*/