@font-face {
  font-family: 'ITCFranklinGothicStd-Book';
  src: url('../fonts/ITCFranklinGothicStd-Book.eot');
  src: url('../fonts/ITCFranklinGothicStd-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/ITCFranklinGothicStd-Book.woff2') format('woff2'), url('../fonts/ITCFranklinGothicStd-Book.woff') format('woff'), url('../fonts/ITCFranklinGothicStd-Book.ttf') format('truetype'), url('../fonts/ITCFranklinGothicStd-Book.otf') format('opentype');
}
@font-face {
  font-family: 'ITCFranklinGothicStd-BkCp';
  src: url('../fonts/ITCFranklinGothicStd-BkCd.eot');
  src: url('../fonts/ITCFranklinGothicStd-BkCd.eot?#iefix') format('embedded-opentype'), /*url('../fonts/ITCFranklinGothicStd-BkCd.woff2') format('woff2'), */url('../fonts/ITCFranklinGothicStd-BkCd.woff') format('woff'), url('../fonts/ITCFranklinGothicStd-BkCd.ttf') format('truetype'), url('../fonts/ITCFranklinGothicStd-BkCd.otf') format('opentype');
}
@font-face {
  font-family: 'ITCFranklinGothicStd-DmCd';
  src: url('../fonts/ITCFranklinGothicStd-DmCd.eot');
  src: url('../fonts/ITCFranklinGothicStd-DmCd.eot?#iefix') format('embedded-opentype'), url('../fonts/ITCFranklinGothicStd-DmCd.woff2') format('woff2'), url('../fonts/ITCFranklinGothicStd-DmCd.woff') format('woff'), url('../fonts/ITCFranklinGothicStd-DmCd.ttf') format('truetype'), url('../fonts/ITCFranklinGothicStd-DmCd.otf') format('opentype');
}
@font-face {
  font-family: 'ITCFranklinGothicStd-Demi';
  src: url('../fonts/ITCFranklinGothicStd-Demi.eot');
  src: url('../fonts/ITCFranklinGothicStd-Demi.eot?#iefix') format('embedded-opentype'), url('../fonts/ITCFranklinGothicStd-Demi.woff2') format('woff2'), url('../fonts/ITCFranklinGothicStd-Demi.woff') format('woff'), url('../fonts/ITCFranklinGothicStd-Demi.ttf') format('truetype'), url('../fonts/ITCFranklinGothicStd-Demi.otf') format('opentype');
}
@font-face {
  font-family: 'ITCFranklinGothicStd-Med';
  src: url('../fonts/ITCFranklinGothicStd-Med.eot');
  src: url('../fonts/ITCFranklinGothicStd-Med.eot?#iefix') format('embedded-opentype'), url('../fonts/ITCFranklinGothicStd-Med.woff2') format('woff2'), url('../fonts/ITCFranklinGothicStd-Med.woff') format('woff'), url('../fonts/ITCFranklinGothicStd-Med.ttf') format('truetype'), url('../fonts/ITCFranklinGothicStd-Med.otf') format('opentype');
}
/*@font-face {
  font-family: 'UnitedSansCond-Heavy';
  src: url('../fonts/unitedsanscdhv.eot');
  src: url('../fonts/unitedsanscdhv.eot?#iefix') format('embedded-opentype'), url('../fonts/unitedsanscdhv.woff2') format('woff2'), url('../fonts/unitedsanscdhv.woff') format('woff'), url('../fonts/unitedsanscdhv.ttf') format('truetype'), url('../fonts/unitedsanscdhv.otf') format('opentype');
}*/

@font-face {
  font-family: 'UnitedSans-SemiCondHeavy';
  src: url('../fonts/unitedsanssmcdhv.eot');
  src: url('../fonts/unitedsanssmcdhv.eot') format('embedded-opentype'), url('../fonts/unitedsanssmcdhv.woff') format('woff'), url('../fonts/unitedsanssmcdhv.ttf') format('truetype'), url('../fonts/unitedsanssmcdhv.svg#UnitedSans-SemiCondHeavy') format('svg'); }
  
  @font-face {
  font-family: 'UnitedSans-SemiCondHeavy';
  src: url('../fonts/unitedsanssmcdhv.eot');
  src: url('../fonts/unitedsanssmcdhv.eot') format('embedded-opentype'), url('../fonts/unitedsanssmcdhv.woff') format('woff'), url('../fonts/unitedsanssmcdhv.ttf') format('truetype'), url('../fonts/unitedsanssmcdhv.svg#UnitedSans-SemiCondHeavy') format('svg'); }

body{
  -webkit-tap-highlight-color: transparent;
}
.header-container .header-strip{
  background-color: #eff2f7;
  border-color: #eff2f7;
  color: #212a34;
  padding:20px 3.2rem;
}
.header-strip .alert-message{
  font-size: 15px;
  font-weight: normal;
  font-family: "ITCFranklinGothicStd-Book";
}
.header-strip .alert-message span{
  float:right;
  color: #000;
  cursor: pointer;
}
.logo-container{
  padding:30px 28px 27px 32px;
  display:flex;
}
.logo-container a {
  display: inline-block;
  line-height: 10px;
}
.logo-container .col-md-6{
  width:50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.logo-container .col-md-6:first-child{
  display: inline-flex;
}
.logo-container .col-md-6:last-child{
  text-align:right;
  display: flex;
  justify-content: flex-end;
}
.logo-container .col-md-6:last-child a.mini-cart{
  display: flex;
  margin-left: 15px;
  position: relative;
}
.logo-container .col-md-6:last-child a.mini-cart:hover .mini-cart-price,
.logo-container .col-md-6:last-child a.mini-cart:focus .mini-cart-price{
  color: #b71f20;
}
.logo-container .col-md-6:last-child a.mini-cart .mini-cart-icon{
  position: relative;
  top: 5px;
}
.logo-container .col-md-6:last-child a.mini-cart .mini-cart-price{
  color:#000;
  font-weight:600;
  float: left;
  font-size:17px;
  font-family: 'ITCFranklinGothicStd-BkCp';
  margin-top: 15px;
  margin-right: 5px;
}

.mini-cart-total span.nav-total-items{
position: absolute;
    right: -9px;
    top: -3px;
    background: #212a34;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 10px;
    font-family: "ITCFranklinGothicStd-Demi";
    line-height: 22px;
}
.logo-container .col-md-6:last-child a.usericon{
  padding: 0 0 0 2rem;
  color: #212a34;
  cursor: pointer;
  text-transform: uppercase;
  position:relative;
  font-family: 'ITCFranklinGothicStd-BkCp';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
.logo-container .col-md-6:last-child a.usericon span{
display: inline-block;
    -webkit-transform: scale(0.9,1.1);
    -moz-transform: scale(0.9,1.1);
    -ms-transform: scale(0.9,1.1);
    -o-transform: scale(0.9,1.1);
    transform: scale(0.9,1.1);
    letter-spacing: 0.6px;
}
.logo-container .col-md-6:last-child a.usericon img{
  position: relative;
  top: 5px;
}

header.dark .container{
  width:100%;
  display: flex;
  padding-right: 27.7px;
}
header.dark .container .col-md-10{
  width: 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
header.dark .container .col-md-2{
  width: 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
header.dark .container .search-form form{
  display:flex;
  margin-bottom: 0;
}
header.dark .container .search-form form .form-group{
  width:100%;
  display: flex;
  margin-top: 0;
}
header.dark .container .search-form form .form-group input[type="text"]{
  height: 48px;
  box-shadow: none;
  border-right: 0px;
  border-top: 0;
  background: transparent;
  color: #212a34;
  font-size:17px;
  border-bottom: 0;
  margin-bottom: 0;
  border-radius: 0px !important;
  border-color: #c4cbd4;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.41;
  padding-left: 23px;
}
header.dark .container .search-form form .form-group input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8d949e;
  font-weight: 400;
  text-transform: capitalize;
  vertical-align: middle;
  line-height: 1.41;
}
header.dark .container .search-form form .form-group input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #8d949e;
  font-weight: 400;
  text-transform: capitalize;
  vertical-align: middle;
  line-height: 1.41;
}
header.dark .container .search-form form .form-group input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #8d949e;
  font-weight: 400;
  text-transform: capitalize;
  vertical-align: middle;
  line-height: 1.41;
}
header.dark .container .search-form form .form-group input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #8d949e;
  font-weight: 400;
  text-transform: capitalize;
  vertical-align: middle;
  line-height: 1.41;
}
header.dark .container .search-form form .form-group  button{
  background: transparent;
  border-color: transparent;
  position: relative;
  font-size: 0;
  white-space: nowrap;
  margin-top: 10px;
}
header.dark .container .search-form form .form-group  button img{
  width: 30px;
}
header.dark .container .search-form form .form-group ::placeholder{
  color: #999999;
  font-size:18px;
  font-weight:600;
}
.exo-menu{
  list-style: none;
  font-family: "ITCFranklinGothicStd-BkCp";
  position:relative;
  margin-bottom: 0px;
  line-height: normal;
  padding-left: 21px;
}
.exo-menu  li {  display: inline-block;float:left;}
.exo-menu  li  a{
  display: block;
  position: relative;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  padding: 12px 11px;
  font-weight: normal;
  text-transform: uppercase;
  cursor: pointer;
  transition: all ease 0.4s;
}
.exo-menu i {
float: left;
font-size: 18px;
margin-right: 6px;
line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
li.drop-down:before {
content: "\f103";
color: #fff;
font-family: FontAwesome;
font-style: normal;
display: inline;
position: absolute;
right: 6px;
top: 20px;
font-size: 14px;
}
li.drop-down ul{
left: 0px;
min-width: 230px;
z-index: 999

}
.drop-down-ul{display:none;}
.flyout-right ul,
.flyout-left ul{
top: 0;
min-width: 230px;
display: none;
border-left: 1px solid #365670;
}

li.drop-down ul li a,
.flyout-right ul li a ,
.flyout-left ul li a {
color: #fff;
display: block;
padding: 20px 22px;
text-decoration: none;
background-color: #365670;
border-bottom: 1px dotted #547787;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul li a ,
.flyout-left ul li a {
border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
top: 0;
right: 0;
left: 100%;
width: 100%;
display:none;
height: 100%;
padding: 15px;
min-width: 742px;

}
h4.row.mega-title {
color:#eee;
margin-top: 0px;
font-size: 14px;
padding-left: 0px;
padding-bottom: 13px;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
}
.flyout-mega ul li a {
font-size: 90%;
line-height: 25px;
color: #fff;
font-family: inherit;
}
.flyout-mega ul li a:hover,
.flyout-mega ul li a:active,
.flyout-mega ul li a:focus{
text-decoration: none;
background-color: transparent !important;
color: #ccc !important
}
/*mega menu*/

.mega-menu {left: 0;right: 0;padding: 15px;display:none;padding-top: 0;z-index: 999;min-height: 100%;border: solid 1px #ccc;border-top: 0;}
h4.row.mega-title {
color: #b71f20;
margin-top: 0px;
font-size: 14px;
padding-left: 0px;
padding-bottom: 13px;
text-transform: uppercase;
border-bottom: 1px solid #fff;
padding-top: 0px;
font-family: "ITCFranklinGothicStd-BkCp";
background-color: #fff;
}
.mega-menu ul{
  text-transform: uppercase;
  margin-left: -17px;
  display: grid;
}
.mega-menu ul li{
  list-style:none;
}
.mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block;
  color: #19212b;
  line-height: 30px;
}
ul.stander li a {
  padding: 3px 0px;
}

ul.description li {
  padding-bottom: 12px;
  line-height: 8px;
}

ul.description li span {
  color: #ccc;
  font-size: 85%;
}
a.view-more{
border-radius: 1px;
margin-top:15px;
background-color: #009FE1;
padding: 2px 10px !important;
line-height: 21px !important;
display: inline-block !important;
}
a.view-more:hover{
color:#fff;
background:#0DADEF;
}
ul.icon-des li a i {
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: #009FE1;
  line-height: 35px !important;
}

ul.icon-des li {
  width: 100%;
  display: table;
  margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
left:0;
display:none;
color:#fefefe;
padding-top:15px;
background:#547787;
padding-bottom:15px;
}
.Blog .blog-title{
color:#fff;
font-size:15px;
text-transform:uppercase;

}
.Blog .blog-des{
color:#ccc;
font-size:90%;
margin-top:15px;
}
.Blog a.view-more{
margin-top:0px;
}
/*Images*/
.Images{
left:0;
 width:100%;
 display:none;
color:#fefefe;
padding-top:15px;
background:#547787;
padding-bottom:15px;
}
.Images h4 {
font-size: 15px;
margin-top: 0px;
text-transform: uppercase;
}
/*common*/
.flyout-mega ul li a,
.flyout-mega ul li a,
.flyout-mega-wrap,
.mega-menu{background-color: #FFF;margin-top: 1px;}

/*hover*/
@media (min-width: 1024px){
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left ul:hover,
li.flyout-right ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down a:hover+.Blog,
li.drop-down a:hover +.drop-down-ul,
.images-drop-down a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega a:hover +.flyout-mega-wrap{
display:block;
}  

}

/*responsive*/
@media (min-width:1024px){
a.close-menu{
 display: none;
}
.exo-menu li:first-child .mega-menu{
   width: 66%;
}
.exo-menu li:nth-child(2) .mega-menu{ 
   width:100%;
}
.exo-menu li:nth-child(3) .mega-menu{ 
   width: 66%;
}
.exo-menu li:nth-child(4) .mega-menu{ 
    left: 3%;
    width: 63.5%;
}
.exo-menu li:nth-child(6) .mega-menu{
    left: 25%;
    width: 70%;
}
.exo-menu li:last-child .mega-menu{
   left: 52%;
    width: 35%;
}
.exo-menu li .col-md-6 {
    width:50%;
}
.exo-menu li .col-md-4{
    width:31.5%;
}
/*.exo-menu li:nth-child(2) .mega-menu{ 
   width:60%; 
}
.exo-menu li:nth-child(5) .mega-menu{ 
   left:2%; 
   width:80%;
}
.exo-menu li:nth-child(7) .mega-menu{ 
   left:27%; 
   width:80%;
}
.exo-menu li:nth-child(8) .mega-menu{ 
   left:67%; 
   width:33.5%;
}*/
/*.exo-menu li:nth-child(2) .mega-menu{ 
   width:100%; 
}
.exo-menu li:nth-child(3) .mega-menu{ 
   width:80%; 
}
.exo-menu li:nth-child(4) .mega-menu{ 
   left:2%; 
   width:80%;
}
.exo-menu li:nth-child(6) .mega-menu{ 
   left:27%; 
   width:80%;
}
.exo-menu li:nth-child(7) .mega-menu{ 
   left:67%; 
   width:33.5%;
}*/
.exo-menu li a.usericon{
    display: none;
 }
 a.toggle-menu{
   display:none;
 }
.exo-menu li a{
  display: block;
  padding: 15px 8px 8px 8px;
}
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right ul,
.flyout-left ul, li.drop-down ul{
  position:absolute;
}
.mega-menu .mega-menu-wrap{
  padding: 20px 10px;
  display: flex;
}
.mega-menu .mega-menu-wrap .row{
  display:flex;
  max-width:100%;
}
.mega-menu .mega-menu-wrap .row .col-md-4{
  width:100%;
}
.flyout-right ul{
left: 100%;
}
.flyout-left ul{
right: 100%;
}
.exo-menu li span.arrow{
  display: none;
}
}
.exo-menu li a span.back{
    display:none;
}
@media (max-width:1023px) {
  .exo-menu li a.usericon{
    background-color: #f6f7f8;
    padding:9px 12px 13px 12px;
    border-bottom: 1px solid #c3cbd4;
    border-right: 1px solid #c3cbd4;
  }
  .exo-menu li a.usericon img{
    position: relative;
    top: 4px;
    left: 0;

  }
  .exo-menu li a{
    padding: 29px 17px 20px 17px;
    text-transform: uppercase;
  }
  body.display {
      overflow-y:hidden;
  }
  .logo-container .col-md-6:last-child a.usericon{
      display: none;
  }
  /*header.dark .container .content{
    height: 0;
  }
  */.exo-menu {
    background-color: #fff;
    width: 100%;
    display: inline-block;
    transition: all ease 0.4s;
    position: absolute;
    top: 0px;
    left: -50%;
    z-index: 9;
    width: 50%;
    bottom: 0;
  }
  .exo-menu.display{
    transform: translateX(100%);
    padding:0;
  }
  .exo-menu  li{
    display: block;
    float: none;
  }
  .mega-menu, .Images, 
  .flyout-left ul, li.drop-down ul{
    position:relative;
  }
  header.dark .container .col-md-10{
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  header.dark .container .col-md-2{
    width: 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .exo-menu li.mega-drop-down a{
      position:relative;
  }
  .exo-menu li.mega-drop-down a span.arrow{
    position: absolute;
    right: 32px;
    top: 24px;
    height: 24px;
    width: 24px;
    text-align: right;
    z-index: 999;
  }
  .mega-menu ul li a:before{
    display: none;
  }
  .exo-menu li.active a span.previous{
      display:none;
  }
  .exo-menu li.active a span.back{
    display: block;
    padding-left: 40px;
  }
  .exo-menu li.active a.back{
      margin-left:30px;
  }
  /*.exo-menu li.active a.back:before{
      left:-18px;
      right:unset;
      transform: rotate(180deg);
      top: 23px;
  }*/
  .exo-menu li.mega-drop-down.active a span.arrow{
      right: auto;
      left: 24px;
      margin-top: 1px;
      transform: rotate(180deg);
  }
  .mega-menu{
    border:0px;
  }
  h4.row.mega-title{
    border-top:solid 1px #c3cbd4;
    border-bottom: solid 1px #c3cbd4; 
  }
  .h4.row.mega-title:first-child{
    border-top: 0px;
  }
  .mega-menu-wrap .row .col-md-4:first-child h4.row.mega-title{
     border-top:0px;
  }
  ul.exo-menu.display.active li.account{
      display:block;
  }
  ul.exo-menu.display.active li.active{
    display:block;  
  }
  ul.exo-menu.display.active .mega-menu li{
    display:block;  
    
  }
  ul.exo-menu.display.active li{
    display:none;  
  }
  ul.exo-menu.display.active li.active a:before{
      left:-10px;
      transform:rotate(180deg);
      top:25px;
  }
  ul.exo-menu.display.active li.active .mega-menu-wrap .row h4.row.mega-title{
    margin-left: 0;
    margin-right: 0;
    padding: 20px 7px 16px 0px;
    text-transform: uppercase;
    border-bottom: solid 1px #c3cbd4;
    border-top: solid 1px #c3cbd4;
    font-size: 18px;
    line-height:24px;
  }
/*  ul.exo-menu.display.active li.active .mega-menu-wrap .row h4.row.mega-title:first-child {
    border-top:0;
  }*/
  ul.exo-menu.display.active li.active .floating-menu ul li a {
    padding: 17px 20px 8px 8px;
    border-bottom: none;
  }
  ul.exo-menu.display.active li.active .floating-menu ul.stander {
    padding: 10px 0;
  }
  .header-container{
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    min-height: 100vh;
  }
  .scroll-menus{
    height: 100vh;
    max-height: calc(100vh - 127px);
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 2px 64px 0 rgba(0, 0, 0, 0.08);
  }
  .scroll-menus .mega-menu.floating-menu {
    padding:0px 23px;
  }
}
a.toggle-menu{
  position: absolute;
  padding: 11px 15px 1px 28px;
  font-size: 27px;
  color: #23364B;
  top: 0;
  right: -67px;
  background-color: #fff;
}
a.close-menu.visible-xs-block {
  position: absolute;
  padding: 12px 12px 5px 12px;
  top: 0;
  right: 0;
}
header.dark {
  border-top: solid 1px #c3cbd4;
  border-bottom: solid 1px #c3cbd4;
  position: relative;
}
.header-container .wrapper-messages {
  transition: all ease 0.4s;
}
.display .header-container .wrapper-messages {
  transform: translateX(500px);
}
@media (max-width:767px){
    .exo-menu.display{
        width:100%;
        left:0;
        transform: translate(0%);
    }
    body.display header.dark .container .col-md-10 {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
body.display header.dark .container .col-md-2{
    display:none;
}
body.display a.toggle-menu.visible-xs-block{
    display:none;
}
body.display header.dark .container{
    width: 100%;
}
body.display header.dark .container{
  padding-right: 0;
}
}
.breadcrumb-section {
    width: 100%;
    background: #d9d9d9;
    padding-left: 32px;
    padding-right: 30px;
    clear: both;
    padding-top: 13px;
}
.breadcrumb-section ol li{
  list-style: none;
}
.breadcrumb-section ol li a{
  color: #000;
  line-height: 22px;
  position: relative;
  top: -7px;
}
.breadcrumb-section ol.breadcrumb{
  font-size: 12px;
  font-weight: 500;
 text-transform: uppercase;
}
body.display .breadcrumb-section{
  display: none;
}
header .exo-menu li a {
  font-family: 'ITCFranklinGothicStd-BkCp';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #212a34;
  line-height: normal;
}
/*header .exo-menu li {
  position: relative;
}*/
@media (max-width: 1023px){
    .exo-menu li a span.previous{
display: inline-block;
    -webkit-transform: scale(0.9,1.1);
    -moz-transform: scale(0.9,1.1);
    -ms-transform: scale(0.9,1.1);
    -o-transform: scale(0.9,1.1);
    transform: scale(0.9,1.1);
    letter-spacing: 0.6px;
  }
    header .exo-menu li .floating-menu ul li a {
    -webkit-transform: scale(0.9,1.1);
    -moz-transform: scale(0.9,1.1);
    -ms-transform: scale(0.9,1.1);
    -o-transform: scale(0.9,1.1);
    transform: scale(0.9,1.1);
    letter-spacing: 0.6px;
    padding:14px 7px 14px 2px !important;
  }
}
@media (min-width: 1024px) {
  header .exo-menu li .floating-menu {
    width: auto;
 /*   box-shadow: 0 2px 64px 0 rgba(0, 0, 0, 0.08);*/
    border: solid 1px #c3cbd4;
    margin-top: 0px;
    left: 0;
  }
  .exo-menu li a span.previous{
display: inline-block;
    -webkit-transform: scale(0.9,1.1);
    -moz-transform: scale(0.9,1.1);
    -ms-transform: scale(0.9,1.1);
    -o-transform: scale(0.9,1.1);
    transform: scale(0.9,1.1);
    letter-spacing: 0.6px;
  }
/*  header .exo-menu li.levl-1 > a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    height: 4px;
    background-color: #b71f20;
    width: 0;
    left: 50%;
    transition: all 0.4s ease-in-out;
  }*/
/*  header .exo-menu li.levl-1:hover > a:after {
    width: calc(100% - 20px);
    left: 10px;
  }*/
  .floating-menu  h4.row.mega-title {
    font-family: "ITCFranklinGothicStd-DmCd";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #b91c18;
    padding-top:0;
    padding-bottom: 3px;
    margin-bottom: 1rem;
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
  }
  header .exo-menu li .floating-menu ul {
    margin-bottom: 16px;
  }
  header .exo-menu li .floating-menu ul > li {
    margin-bottom: 10px;

  }
  header .exo-menu li .floating-menu ul li a {
    font-family: 'ITCFranklinGothicStd-BkCp';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: normal;
    color: #212a34;
    text-transform: uppercase;
    padding: 1px 0 0 0;
    min-height: 24px;
    -webkit-transform: scale(0.9,1.1);
    -moz-transform: scale(0.9,1.1);
    -ms-transform: scale(0.9,1.1);
    -o-transform: scale(0.9,1.1);
    transform: scale(0.9,1.1);
    letter-spacing: 0.6px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header .exo-menu {
    padding-left: 17px;
  }
  header .exo-menu li a {
    padding: 5px 15px 13px 15px;
    font-size: 16px !important;
  }
}
@media (min-width:1024px){
  header .exo-menu li .floating-menu  {
    padding: 1.1rem 0.5rem;
  } 
  header .exo-menu li .floating-menu .mega-menu-wrap{
    padding:3px 30px 0 27px;
  }
  header .exo-menu .col-md-6 a:first-child{
    padding-left:0;
}
header .exo-menu .col-md-4 a:first-child{
    padding-left:0;
}
}
@media (max-width:767px){
  .breadcrumb-section{
    padding-left:22px;
  }
  .logo-container {
    padding: 22px 24px 18px 24px
  }
  a.toggle-menu {
    padding: 11px 24px 1px 24px;
    right: -72px;
  }
  header.dark .container .col-md-10 {
    width: 72px;
    -ms-flex: 0 0 72px;
    flex: 0 0 72px;
    max-width: 72px;
  }
  header.dark .container .col-md-2 {
    width: calc(100% - 72px);
    -ms-flex: 0 0 calc(100% - 72px);
    flex: 0 0 calc(100% - 72px);
    max-width: calc(100% - 72px);
  }
  header.dark .container {
    padding-right: 24px;
  }
}
@media (max-height: 400px){
  .scroll-menus{
    height: auto;
    max-height: 170px;
    z-index: 999;
  }
}
@media (min-height: 401px) and (max-height: 414px){
 .scroll-menus{
    height: auto;
    max-height: 242px;
    z-index: 999;
  }
}
@media (max-width:1023px){
/*body.display .exo-menu.display{
    position:fixed;
    top:12.88%
}
body.display .exo-menu.display .scroll-menus{
    overflow-y: scroll;
    max-height: unset;
}*/
.exo-menu.display li{
    border-bottom:1px solid #c3cbd4;
}    
.exo-menu.display li:nth-child(7){
   border-bottom:0px;
}
.exo-menu.display.active li{
    border-bottom:0px;
}
}
@media (max-width:1023px){
    .breadcrumb-section{
        margin-top: 60px;
    }
    header.dark{
        border-top:0px;
    }
    a.toggle-menu{
        top:1px;
        padding:12px 24px 12px 24px;
        border-right: solid 1px #c3cbd4;
    }
    a.toggle-menu img{
        position:relative;
        top:5px;
    }
    body.display header.dark{
        border-top:solid 1px #c3cbd4;;
    }
    body.display .exo-menu.display .mega-menu ul{
    margin-left:0;
}
.exo-menu.display.active li.mega-drop-down.active .mega-menu-wrap .col-md-6 a:first-child{
  padding:10px;
}
ul.exo-menu.display.active li.active .floating-menu ul.stander li a{
 left:-10px;
}
body.display .exo-menu.display.active li.active a:first-child{
    padding: 29px 17px 10px 17px;
}
}
@media (min-width:1400px){
 .exo-menu li:first-child .mega-menu{
   width: 44%;
}
.exo-menu li:nth-child(2) .mega-menu{ 
   width:66.8%;
}
.exo-menu li:nth-child(3) .mega-menu{ 
   width: 44%;
}
.exo-menu li:nth-child(4) .mega-menu{ 
    left: 7.5%;
    width: 44.8%;
}
.exo-menu li:nth-child(6) .mega-menu{
    left: 28%;
    width: 46%;
}
.exo-menu li:last-child .mega-menu{
   left: 48.5%;
   width: 25%;
   padding: 25px 25px 16px;
}
}