.classy-nav-container {position: relative;z-index: 100;}
.classy-nav-container * {box-sizing: border-box;}
.classy-nav-container a {-webkit-transition-duration: 500ms;transition-duration: 500ms;text-decoration: none;outline: none;font-size: 14px;font-weight: 400;color: #232323;display: inline-block;}
.classy-nav-container a:hover, .classy-nav-container a:focus {-webkit-transition-duration: 500ms;transition-duration: 500ms;text-decoration: none;outline: none;font-size: 14px;font-weight: 400; background: #061E4A;color:#fff;}
.classy-nav-container.classy-sticky {position: fixed;z-index: 1010;width: 100%;top: 0;right: 0;left: 0;}
.classy-nav-container.box-skins .classynav>ul>li {background-color: #1abc9c;}
.classy-nav-container.box-skins .classynav>ul>li>a {color: #fff;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.classy-navbar {width: 100%;display: -webkit-box;display: -ms-flexbox; display: block;-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
.classy-navbar .nav-brand {font-size: 26px;font-weight: 500;color: #565656;display: inline-block;margin-right: 30px;}
.classy-navbar .nav-brand:focus, .classy-navbar .nav-brand:hover {font-size: 26px;font-weight: 500;}
.classynav ul li {display: inline-block;clear: both;z-index: 10;}
.classynav ul li.cn-dropdown-item {position: relative;z-index: 10;}
.classynav ul li.cn-dropdown-item ul li {position: relative;z-index: 10;}
.classynav ul li ul li {display: block;}
.classynav ul li ul li a {padding: 0 15px;border-bottom:1px solid #C48900;}
.classynav ul li a {padding: 15px 18px;display: block;font-size: 14px;}
.classynav ul li ul li a {line-height:32px;position:relative;}
.classynav ul li ul li a:hover{background: #061E4A;color:#fff;}
.classynav ul li .megamenu li a {padding: 0 12px;}
.classynav ul li div.single-mega a {height: auto;line-height: 1;}

@font-face {font-family: 'classyfonts';src: url("../../fonts/classy.eot?fftrrv");src: url("../fonts/classy.eot?fftrrv#iefix") format("embedded-opentype"), url("../fonts/classy.woff?fftrrv") format("woff"), url("../fonts/classy.svg?fftrrv#classyfonts") format("svg");font-weight: normal;font-style: normal;}

.icon-classy-nav-down-arrow {font-family: 'classyfonts';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-classy-nav-down-arrow:before {content: "\e900";}
.classynav ul li.megamenu-item>a:after,.classynav ul li.has-down>a:after {font-family: 'classyfonts';content: "\e900";font-size: 12px;color: #000000;padding-left: 5px;-webkit-transition-duration: 500ms;transition-duration: 500ms;}
.classynav ul>li.has-down>a:hover:after  {color:#fff;}
.classynav ul li ul li.has-down>a::after {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position: absolute;top: 4px;right: 10px;z-index: 3;}
.classy-btn {position: relative;z-index: 1;min-width: 120px;padding: 0 25px;line-height: 42px;height: 42px;background-color: #1abc9c;border-radius: 50px;color: #fff !important;margin-left: 30px;text-align: center;}
.classy-btn:hover, .classy-btn:focus {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.dd-trigger {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: transparent;cursor: pointer;z-index: 500;border-radius: 0;display: none;}

.classycloseIcon {position: absolute;top: 20px;right: 20px;z-index: 12;display: none;}
.classycloseIcon .cross-wrap {width: 26px;height: 26px;display: none;cursor: pointer;position: relative;}
.classycloseIcon .cross-wrap span {position: absolute;display: block;width: 100%;height: 2px;border-radius: 6px;background: #232323;}
.classycloseIcon .cross-wrap span.top {top: 12px;left: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.classycloseIcon .cross-wrap span.bottom {bottom: 12px;left: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.classy-navbar-toggler {border: none;background-color: transparent;cursor: pointer;display: none;padding:8px 0 0 0;}
.classy-navbar-toggler .navbarToggler {display: inline-block;cursor: pointer;}
.classy-navbar-toggler .navbarToggler span {position: relative;background-color: #000;border-radius: 3px;display: block;height: 3px;margin-top: 5px;padding: 0;-webkit-transition-duration: 300ms;transition-duration: 300ms;width: 30px;cursor: pointer;}
.classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);top: 8px;}
.classy-navbar-toggler .navbarToggler.active span:nth-of-type(2) {opacity: 0;}
.classy-navbar-toggler .navbarToggler.active span:nth-of-type(3) {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);top: -8px;}
.classynav ul li .megamenu {position: absolute;width: 100%;left: 0;top: 100%;background-color: #ffffff;z-index: 200;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);}
.classynav ul li .megamenu .single-mega.cn-col-5 {width: 20%;float: left;padding: 15px;border-right: 1px solid #f2f4f8;}
.classynav ul li .megamenu .single-mega.cn-col-5:last-of-type {border-right: none;}
.classynav ul li .megamenu .single-mega.cn-col-4 {width: 25%;float: left;padding: 15px;border-right: 1px solid #f2f4f8;}
.classynav ul li .megamenu .single-mega.cn-col-4:last-of-type {border-right: none;}
.classynav ul li .megamenu .single-mega.cn-col-3 {width: 33.3333334%;float: left;padding: 15px;border-right: 1px solid #f2f4f8;}
.classynav ul li .megamenu .single-mega.cn-col-3:last-of-type {border-right: none;}
.classynav ul li .megamenu .single-mega .title {font-size: 14px;border-bottom: 1px solid #f2f4f8;padding: 8px 12px;}
.classynav ul li .dropdown li .dropdown li a {border-bottom: 1px solid #C48900;}
.classynav ul li .dropdown li .dropdown li .dropdown li a {border-bottom: 1px solid rgba(242, 244, 248, 0.7);}
.classynav ul li .dropdown li .dropdown li .dropdown li:last-child a {border-bottom: none;}

.breakpoint-off .classynav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
.breakpoint-off .classynav ul li .dropdown {min-width:160px;white-space:nowrap;position: absolute;background-color: #FFB500;color:#fff;top: 120%;/*! left: 0; */z-index: 100;height: auto;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);-webkit-transition-duration: 300ms;transition-duration: 300ms;opacity: 0;visibility: hidden;padding:  0;/*! display: contents; */}
.breakpoint-off .classynav ul li .dropdown li .dropdown {top: 10px;left: 100%;z-index: 200;opacity: 0;visibility: hidden;}
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown{opacity: 0;visibility: hidden;top: 120%;}
.breakpoint-off .classynav ul li:hover .dropdown {opacity: 1;visibility: visible;top: 100%;}
.breakpoint-off .classynav ul li .dropdown li:hover .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown {opacity: 1;visibility: visible;top: 0;}
.breakpoint-off .classynav ul li .megamenu {opacity: 0;visibility: hidden;position: absolute;width: 100%;left: 0;top: 120%;background-color: #ffffff;z-index: 200;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.breakpoint-off .classynav ul li.megamenu-item:hover .megamenu, .breakpoint-off .classynav ul li.megamenu-item:focus .megamenu {top: 100%;visibility: visible;opacity: 1;}

.breakpoint-on .classycloseIcon {display: block;}
.breakpoint-on .classy-navbar-toggler {display: block;}
.breakpoint-on .classy-navbar .classy-menu {background-color: #061E4A;position: fixed;top: 0;left: -310px;z-index: 1000;width: 215px;height: 100%;-webkit-transition-duration: 500ms;transition-duration: 500ms;padding: 0;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);display: block;overflow-x: hidden;overflow-y: scroll;}
.breakpoint-on .classy-navbar .classy-menu.menu-on {left: 0;}
.breakpoint-on .classynav ul li {display: block;position: relative;clear: both;z-index: 10;}
.breakpoint-on .classynav ul li a {padding: 0 10px;line-height: 35px;border-bottom: 1px solid #777;color: #fff;}
.breakpoint-on .classynav ul li a:hover{background: #FFB500;}
.breakpoint-on .classynav ul li .dropdown {width: 90%;position: relative;top: 0;left: 8%;box-shadow: none;}
.breakpoint-on .classynav ul li .dropdown li .dropdown {width: 100%;position: relative;top: 0;left: 0;}
.breakpoint-on .classynav ul li.megamenu-item {position: relative;z-index: 10;}
.breakpoint-on .dd-trigger {height: 38px;top: 0;left: 0;right: 0;bottom: 0;display: block;}
.breakpoint-on .classynav ul li .dropdown,.breakpoint-on .classynav ul li .megamenu {display: none;}
.breakpoint-on .classynav ul li .megamenu {position: relative;width: 100%;left: 0;top: 0;z-index: 200;box-shadow: none;}
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5,.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3 {width: 100%;border-right: none;border-bottom: 1px solid #f2f4f8;}
.breakpoint-on .classynav ul li ul.dropdown li ul li {margin-left: 15px;}
.breakpoint-on .classy-btn {width: calc(100% - 30px);margin: 30px 15px;}
.breakpoint-on .classynav ul li.megamenu-item>a::after,.breakpoint-on .classynav ul li.has-down>a::after {position: absolute;top: 0;right: 20px;z-index: 5;color:#fff;}
