.container{max-width: 1366px;}

.classy-nav-container {

  position: relative;

  z-index: 100;

/*  background-color: #fff;*/

}



div#sticky {

    position: inherit!important;

}

/*.classy-menu{

  display: table;

  margin: 0 auto;

}*/

.classy-nav-container * {

  box-sizing: border-box;

}

.classy-navbar {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -ms-grid-row-align: center;

  align-items: center;

}

.classynav ul li {

  display: inline-block;

  clear: both;

  position: inherit;

  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;

    line-height: 32px;

}

.classynav ul li ul li {

  display: block;

  line-height: 32px;





}

.classynav ul li ul li a {

  padding: 0 10px;

   color: #000;

    font-size: 13px;

    border-bottom: 1px solid#efefef;

    line-height:40px;

    transition: 0.6s;

}



.classynav ul li ul li a:hover{ background: #0d5ba6;  color: #ffff; letter-spacing: 1px; }

.classynav ul li a {

  padding: 0 12px;

  display: block;

  font-size: 15px;

  line-height: 34px;

   color: #000;

   text-decoration: none;

     font-weight: 500;

}

.classynav ul li a:focus, .classynav ul li a:hover {

    color: #0d5ba6;

}

.classynav ul li a:hover{background: none;

    color: #0d5ba6;

    border-color: #efefef; }

.classynav ul li .megamenu li a {

  padding: 0 12px;

}

.classynav ul li div.single-mega a {

  height: auto;

  line-height: 1;

}

/*.classynav ul li.megamenu-item>a:after, .classynav ul li.has-down>a:after {

  font-family: 'fontawesome';

  content: "\f0d7";

  font-size: 12px;

  color: #000000;

  padding-left: 5px;

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms;

}*/

.classynav ul li ul li.has-down>a::after {

  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg);

  position: absolute;

  top: 0;

  right: 10px;

  z-index: 3;

}

/* Dropdown Toggle */



.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;

}

/* Close Icon */



.classycloseIcon {

  position: absolute;

  top: 20px;

  right: 20px;

  z-index: 12;

  display: none;

}

.classycloseIcon .cross-wrap {

  width: 26px;

  height: 26px;

  cursor: pointer;

  position: relative;

}

.classycloseIcon .cross-wrap span {

  position: absolute;

  display: block;

  width: 100%;

  height: 2px;

  border-radius: 6px;

  background: #000;

}

.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);

}

/* navbarToggler */



.classy-navbar-toggler {

  border: none;

  background-color: transparent;

  cursor: pointer;

  display: none;

}

.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: 25px;

  cursor: pointer;

   margin-bottom: 8px;

}

.classy-navbar-toggler .navbarToggler span.middle{  width:13px;}

span.navbarToggler.active{opacity: 0;}









.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:33%;

  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;

}

/* Desktop Area CSS */



.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 {

    width: 270px;

    position: absolute;

    background-color: #ffffff;

    top: 46px;

    left: 0;

    z-index: 100;

    height: auto;

    box-shadow: 0 1px 5px rgb(0 0 0 / 10%);

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

    opacity: 0;

    visibility: hidden;

}

.breakpoint-off .classynav ul li .dropdown li .dropdown {

  top: 10px;

  left: 180px;

  z-index: 200;

  opacity: 0;

  visibility: hidden;

}

.breakpoint-off .classynav ul li:hover .dropdown {

    opacity: 1;

    visibility: visible;

    border-top: 0px;

    padding: 0px;

    transition: 0.6s;

}



.breakpoint-off .classynav ul li .megamenu {

    opacity: 0;

    visibility: hidden;

    position: absolute;

    width: 100%;

    left: 0;

    background-color: #ffffff;

    z-index: 200;

    box-shadow: 0 1px 4px rgb(0 0 0 / 15%);

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

    left: 50%;

    transform: translate(-50%, 0%);

}

.breakpoint-off .classynav ul li.megamenu-item:hover .megamenu, .breakpoint-off .classynav ul li.megamenu-item:focus .megamenu {

    top: 46px;

  visibility: visible;

  opacity: 1;

}

/* Mobile/Tablet Nav CSS */



.breakpoint-on .classycloseIcon {

  display: block;

}

.breakpoint-on .classy-navbar-toggler {

  display: block;

}

.breakpoint-on .classy-navbar .classy-menu {

    background-color: #f2f4f8;

    position: fixed;

    top: 0;

    left: -310px;

    z-index: 1000;

    width: 300px;

    height: 100%;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    padding: 0;

    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);

    display: block;

    overflow-x: hidden;

    overflow-y: scroll;

    border-bottom: 5px solid#05357c;

}

.breakpoint-on .classy-navbar .classy-menu.menu-on {

  left: 0;

}

.breakpoint-on .classynav ul li {

  display: block;

  position: relative;

  clear: both;

  z-index: 10;

  background: #fff;

}

.breakpoint-on .classynav ul li a {

  padding: 0 10px;

  line-height:45px;

   color: #000;

}

.breakpoint-on .classynav ul li .dropdown {

  width: 100%;

  position: relative;

  top: 0;

  left: 0;

  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 {

  padding-top: 70px;

}

.classynav ul {

    padding: 0px;

}

.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;

  background: #fff;

}

.breakpoint-on .classynav>ul>li>a {

  background-color: #f2f4f8;

  border-bottom: 1px solid #dcdcdc;

}

.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;

}

.breakpoint-on .classynav ul li.has-down.active>a:after, .breakpoint-on .classynav ul li.megamenu-item.active>a:after {

  color: #2ecc71;

}

@media(max-width:768px) {

.classynav ul li a i.fa.fa-caret-down {

    text-align: right;

    float: right;

}



nav#croseNav h1{ font-size:18px; }

}



.classynav ul {

    margin: 0px;

}