@charset "utf-8";
/* CSS Document */

.ddsmoothmenu {float: right;padding:0px;text-transform:none;letter-spacing:0.2px;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-size:16px;margin:0px 0px 0 0;width: 100%;position: relative;text-align: right;}
.ddsmoothmenu ul {z-index:100;margin:0;padding:0px 0px;list-style-type: none;text-align: right;float: right;}
/*Top level list items*/
.ddsmoothmenu ul li {position: relative;padding:0px 60px 0 0px;margin:0px;line-height: 20px;float:left;}


.ddsmoothmenu ul li:last-child{padding-right:0px;}
/*Top level menu link items style*/
.ddsmoothmenu ul li a {display: block;color:#fff;text-decoration:none;padding:0px 0px 0px 0;position:relative;font-size: 16px;font-family: 'arialregular';letter-spacing:0.5px;float:left;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.ddsmoothmenu ul li a:after{ position:absolute; content:""; left:0; right: 0px; margin: auto; width: 0px; bottom:-15px; background:#000; height:1px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}

/*.ddsmoothmenu ul li a:hover::before, .ddsmoothmenu ul li a.active::before, .ddsmoothmenu ul li a.selected::before, .ddsmoothmenu ul li.dropdown:hover a::before { width:100%; left:0px; }*/
.ddsmoothmenu ul li a:hover::after, .ddsmoothmenu ul li a.active::after{ width:100%; }

.ddsmoothmenu ul li.dropdown:hover a{ color:#ef7e01} 


* html .ddsmoothmenu ul li a { display: inline-block; }

/*1st sub level menu*/
/*.ddsmoothmenu ul li ul { position: absolute; left:0; display: none; visibility: hidden; padding:18px 22px; width:180px!important; left:-8px!important; margin-top:28px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); float:left; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;  background:#fff;}
.ddsmoothmenu ul li ul::after { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; content: "";
 height: 10px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -10px; width: 10px;}*/
/*Sub level menu list items (undo style from Top level List Items)*/
/*.ddsmoothmenu ul li ul li { float: none; width:100%; padding:0; margin:0; border-right:0px; text-align:left; border-bottom:none; }*/
/* .ddsmoothmenu ul li ul li:hover { background:#B05AA5; } */

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top: 0;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {display:block;padding:12px 0;color: #ffffff!important;line-height:14px;font-size:14px;font-family: 'arialregular';text-transform:none;}

.ddsmoothmenu ul li ul li:last-child { border-bottom:none;}

.ddsmoothmenu ul li ul li a:hover {opacity: 0.7;text-decoration:none;margin: 0px 0px 0px 0px;}
.ddsmoothmenu ul li ul li a:after, .ddsmoothmenu ul li ul li a:before { display:none }

/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; } /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position: absolute; top: 12px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow { /*shadow for NON CSS3 capable browsers*/ position: absolute; left: 0; top: 0; width: 0; height: 0; }
.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ opacity: 0.8; }


.ddsmoothmenu ul li ul li a::after, .ddsmoothmenu ul li ul li a:hover:after { display:none }
.sticky-wrapper.is-sticky .ddsmoothmenu ul li ul li:first-child a:before { display:none; }






/* menu css starts */
.menu-icon {height: 30px;width: 30px;position: relative;z-index: 9999999;cursor: pointer;display: block;}
.menu-icon-line { height: 2px; width: 30px; display: block; background-color: #fff; margin-bottom: 8px; cursor: pointer; -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;  transition: background-color .5s ease, -webkit-transform .2s ease;
transition: transform .2s ease, background-color .5s ease; transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease; }
.menu-line-lft {/* width: 16.5px; */-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.menu-line-rht {/* width: 16.5px; */float: right;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}


body.nav-active .menu-icon-line { background-color: #fff; -webkit-transform: translate(0px, 0px) rotate(-45deg); transform: translate(0px, 0px) rotate(-45deg); }
body.nav-active .menu-line-lft { width: 15px; -webkit-transform: translate(2px, 4px) rotate(45deg); transform: translate(2px, 4px) rotate(45deg);}
body.nav-active .menu-line-rht { width: 15px; float: right; -webkit-transform: translate(-3px, -5.5px) rotate(45deg); transform: translate(-3px, -5.5px) rotate(45deg); }
.menu-icon:hover .menu-line-lft, .menu-icon:hover .menu-line-rht { width: 30px; }
body.nav-active .menu-icon:hover .menu-line-lft, body.nav-active .menu-icon:hover .menu-line-rht { width: 15px;}

body.nav-active .nav::before, body.nav-active .nav::after { -webkit-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%);}
.nav::before, .nav::after {content: "";position: fixed;width: 44%;height: 100vh;background: #000;z-index: -1;-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.1s;transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.1s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.1s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.1s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.1s;-webkit-transform: translateX(0%) translateY(-100%);transform: translateX(0%) translateY(-100%);right: 0; top:0;}
.nav::after {background: #000;-webkit-transition-delay: 0s;transition-delay: 0s;}

body.nav-active .nav::before { -webkit-transition-delay: 0s; transition-delay: 0s; }
.nav::before { -webkit-transition-delay: 0s; transition-delay: 0s; }
/* .nav::before { -webkit-transition-delay: .2s; transition-delay: .2s; } */

body.nav-active .nav-cont { visibility: visible;}
.nav-cont {position: relative;visibility: hidden width: 40%; float: left; padding: 30px 0 30px 80px; max-width: 495px; }
.nav-list { position: relative; padding: 0; margin: 0; }
body.nav-active .nav-list-item:nth-child(1), body.nav-active .mob-pad { -webkit-transition-delay: 0s; transition-delay: 0s;}
body.nav-active .nav-list-item:nth-child(2) { -webkit-transition-delay: 0s; transition-delay: 0s;}
body.nav-active .nav-list-item:nth-child(3) { -webkit-transition-delay: 0s; transition-delay: 0s;}
body.nav-active .nav-list-item:nth-child(4) { -webkit-transition-delay: 0s; transition-delay: 0s;}
body.nav-active .nav-list-item:nth-child(5) { -webkit-transition-delay: 0s; transition-delay: 0s;}
body.nav-active .nav-list-item:nth-child(6) { -webkit-transition-delay: 0s; transition-delay: 0s;}
body.nav-active .nav-list-item:nth-child(7) { -webkit-transition-delay: 0s; transition-delay: 0s;}
body.nav-active .nav-list-item:nth-child(8) { -webkit-transition-delay: 0s; transition-delay: 0s;}
body.nav-active .nav-list-item:nth-child(9) { -webkit-transition-delay: 0s; transition-delay: 0s;}
body.nav-active .lang{-webkit-transition-delay: 0s; transition-delay: 0s;}

body.nav-active .nav-list-item, body.nav-active .mob-pad, body.nav-active .lang {opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);
-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease;transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;transition-delay: 0s, 0s, 0s, 0s;
}

.nav-list-item a {position: relative;text-decoration: none;color: rgba(255,255,255,0.6);/* overflow: hidden; */cursor: pointer;padding-left: 5px;padding-right: 5px;z-index: 2;display: inline-block;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
/*.nav-list-item a::after { position: absolute; content: ''; bottom: 2px; left: 0; width: 100%; height: 0; opacity: 0; margin-top: 3px; background-color: rgba(255,255,255,0.2); z-index: 1; -webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.nav-list-item a:hover::after { height: 20px; opacity: 1;}*/
.nav-list-item a:hover { color: #fff; }
.nav-cont ul li ul{ display: none;}
.nav-cont ul li ul li { font-size:26px;line-height:34px;font-family: 'Museo 300'; }
.nav-cont ul li.nav-list-item ul li a{color: rgba(255,255,255,0.6);}
.nav-cont ul li.nav-list-item ul li a:hover{color: rgba(255,255,255,1);}
.nav-cont ul li.nav-list-item ul li a::after {height: 0;opacity: 0;margin: 0px;}
body.nav-active .lang{-webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
/*.nav-list-item.active-nav a::after { height: 14px; opacity: 1;}
.nav-list-item a::after { position: absolute; content: ''; bottom: 2px; left: 0; width: 100%; height: 0; opacity: 0; margin-top: 3px; background-color: rgba(255,255,255,0.2); z-index: 1; -webkit-transition: all 200ms linear;
transition: all 200ms linear; }*/
.nav-list .sub-links { position: relative; padding: 0; margin: 0; margin-bottom: 20px; }

.nav-list-item.show a:not([href]):not([tabindex]) {  color: rgba(255,255,255,1); }
.nav-list-item a:not([href]):not([tabindex]) {  color: rgba(255,255,255,0.6); }
.nav-list-item.active-nav a { color: rgba(255,255,255,1);}

body.nav-active .nav { visibility: visible; }
/*.nav {position: fixed;z-index: 9999;}
.nav {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;top: 0;}*/

/* menu css ends */
.nav-cont ul li ul li {
    font-size: 24px;
    line-height: 30px;
}




li.menu-item.nav-list-item.active-nav.has-submenu a span { background: url(../images/dropdown-icon.svg) no-repeat center center; float: right; width: 15px; position: relative; content: ""; height: 15px;
 right: auto; top: auto; margin-left:60px;padding-top:8px;}
li.menu-item.nav-list-item ul { padding: 0 0 0 20px; margin-top: 15px; }
li.menu-item.nav-list-item ul li a { font-size:14px; }

.nav-list-item, .mob-pad, .lang { position: relative; display: block; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; opacity: 0; text-align: center; color: #fff; overflow: hidden; 
font-weight: 400; line-height: normal; -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, -webkit-transform .3s ease; transition: opacity .2s ease, transform .3s ease; transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease; margin-top: 0; margin-bottom: 0px; }

.nav-list-item, .mob-pad, .lang { text-align:left; line-height:normal; font-size:normal; }

.mob-pad { float: left; width: 100vh; left: 0; text-align: left; border-bottom: 1px solid #262626; padding: 30px 0;/* display: none; */ background: #000;}
.mob-pad p { color: #fff; margin-left: 80px; background: url(../images/phone-icon-menu.svg) no-repeat left; padding-left: 30px; float:left; }
.lang { float: left; width: 100%; position: absolute; bottom:0px; left: 0; margin-bottom: 0!important; padding:40px 0px 40px 80px; border-top:1px solid #141414; z-index: 9; }
.lang ul li { width:auto; margin-right: 60px; padding:0;}
.lang ul li:last-child { margin-right:0;}
.ddsmoothmenu .nav .lang li { float: left; width: auto; }
a.linked { float: right; margin-right: 130px; padding: 0; min-width: inherit; width: 20%; }
.ddsmoothmenu .nav .lang ul { float: left; width: 50%; }

.nav { padding-left: 0; margin-bottom: 0; list-style: none; float: right; width: 44%; position:fixed; right:0; height:100%; z-index:10; visibility:hidden; top:0; }

.nav ul li a { font-family: 'arialregular'; color: #fff; }


.menu-item.nav-list-item.active-nav.has-submenu ul { float:left; width:100%;}
.menu-item.nav-list-item.active-nav.has-submenu ul li { padding:0; }
.mob-pad p a { color:#fff;}
.mob-pad p a:hover { opacity:0.7;}

.wh-header .is-sticky .main-menu { background:#fff; z-index:8; }
.wh-header .we-2 { display: none;}

.ddsmoothmenu .nav ul {float: left;width: 100%;margin:0px;text-align: center;/* border-top: 1px solid #f0f7fd; */padding-left: 0px;}
.menu-main-menu-container .menu-item.nav-list-item.active-nav.has-submenu a.hover-target.acti span { transform: rotate(180deg); }