/* CSS FOR HEADER AND MENU */

header { background-color:#fff; }
header div.mainhead { background-color: #333; }
header div.homehead { background-color: #333; }
header div.breadcrumbs { background-color:#d72b31; border-bottom:1px solid #333; box-sizing:border-box; }
header.hdr-mobile { background-color:#333; color:#fff; margin-bottom:1rem; }

/*div.carousel-crop { background-color:silver; }*/

/*div.carousel-crop { height:100px; overflow:hidden; position:relative; } 
  @media (min-width:    0px) { div.carousel-crop { height:200px; overflow:hidden; } }
  @media (min-width:  576px) { div.carousel-crop { height:300px; overflow:hidden; } }
  @media (min-width:  768px) { div.carousel-crop { height:400px; overflow:hidden; } } 
  @media (min-width:  992px) { div.carousel-crop { height:500px; overflow:hidden; } } 
  @media (min-width: 1200px) { div.carousel-crop { height:780px; overflow:hidden; } } 
  @media (min-width: 1400px) { div.carousel-crop { height:780px; height:auto; width:100%; } }*/

@media (min-width: 768px) {  
  body { padding-top: 88px; min-height:41rem; }
  header { height:88px; }
  header div.mainhead { height:88px; }
  header div.homehead { height:88px; }
  /*header div.breadcrumbs { height:20px; }  */
  .main-yht-logo { position:fixed; top:0; z-index:8; }
  .logo-main { max-width:130px; }
}

/*@media (min-width: 992px) {  
  body { padding-top: 132px; min-height:62rem; }
  header { height:132px; }
  header div.mainhead { height:103px; }
  header div.homehead { height:132px; }  
  .main-yht-logo { position:fixed; top:0; z-index:8; }
  .logo-main { max-width:146px; }
}*/

@media (min-width: 992px) {  
  body { padding-top: 113px; min-height:53rem; }
  header { height:113px; }
  header div.mainhead { height:113px; }
  header div.homehead { height:113px; }
  /*header div.breadcrumbs { height:26px; }  */
  .main-yht-logo { position:fixed; top:0; z-index:8; }
  .logo-main { max-width:146px; }
}

/*@media (min-width: 1200px) {  
  body { padding-top: 160px; min-height:75rem; }
  header { height:160px; }
  header div.mainhead { height:124px; }
  header div.homehead { height:160px; }
  header div.breadcrumbs { height:36px; }  
  .main-yht-logo { position:fixed; top:0; z-index:8; }
}*/

@media (min-width: 1200px) {  
  body { padding-top: 137px; min-height:64rem; }
  header { height:137px; }
  header div.mainhead { height:137px; }
  header div.homehead { height:137px; }
  /*header div.breadcrumbs { height:31px; }  */
  .main-yht-logo { position:fixed; top:0; z-index:8; }
  .logo-main { max-width:177px; }
}

@media (min-width: 1400px) {  
  body { padding-top: 160px; min-height:75rem; }
  header { height:160px; }
  header div.mainhead { height:160px; }
  header div.homehead { height:160px; }
  /*header div.breadcrumbs { height:36px; }  */
  .main-yht-logo { position:fixed; top:0; z-index:8; }
  .logo-main { max-width:206px; }
}

/* CONTACT CLASSES IN HEADER */
.btn-contact { background-color:transparent; color:#fff; border:none; padding:0.11rem 1.35rem 0.03rem 1.5rem; line-height:3.6rem; vertical-align:middle; }
.btn-contact-label { font-family:Roboto, sans-serif; text-transform:uppercase; font-size:1rem; padding-right:0.65rem; vertical-align:middle; }
.btn-contact-icon { font-family:"Material Icons"; font-size:2rem; vertical-align:middle; }
.btn-contact:hover { background-color:#d72b31; }
a.btn-contact { text-decoration:none; display:inline-block; color:#fff; }

/* NEWS CLASSES IN HEADER */
.btn-news { background-color:transparent; color:#fff; border:none; padding:0.11rem 1.35rem 0.03rem 1.5rem; line-height:3.6rem; vertical-align:middle; }
.btn-news-label { font-family:Roboto, sans-serif; text-transform:uppercase; font-size:1rem; padding-right:0.65rem; vertical-align:middle; }
.btn-news-label-mby { font-family:Roboto, sans-serif; font-size:1rem; vertical-align:middle; font-size:1.25rem; }
.btn-news-icon { font-family:"Material Icons"; font-size:2rem; vertical-align:middle; }
.btn-news:hover { background-color:#d72b31; color:#fff; }
a.btn-news { text-decoration:none; display:inline-block; color:#fff; }

/* SEARCH CLASSES IN HEADER */
.btn-search { background-color:transparent; color:#fff; border:none; padding:0.11rem 1.35rem 0.03rem 1.5rem; line-height:3.6rem; vertical-align:middle; }
.btn-search-label { font-family:Roboto, sans-serif; text-transform:uppercase; font-size:1rem; padding-right:0.65rem; vertical-align:middle; }
.btn-search-icon { font-family:"Material Icons"; font-size:2rem; vertical-align:middle; }
.btn-search:hover { background-color:#d72b31; }
a.btn-search { text-decoration:none; display:inline-block; color:#fff; }

/* SEARCH CLASSES IN HEADER */
/*.btn-search { background-color:transparent; color:#fff; border:none; padding:0.11rem 1.35rem 0.03rem 1.5rem; line-height:3.6rem; vertical-align:middle; }
.btn-search-label { font-family:Roboto, sans-serif; text-transform:uppercase; font-size:1rem; padding-right:0.65rem; vertical-align:middle; }
.btn-search-icon { font-family:"Material Icons"; font-size:2rem; vertical-align:middle; }
.btn-search:hover { background-color:#d72b31; }
a.btn-search { text-decoration:none; display:inline-block; color:#fff; }
a.btn-search:link, a.btn-search:visited { border-bottom:none !important; }
a.btn-search:hover { color:#fff; }*/


/* MENU CLASSES IN HEADER */
.btn-menu { margin-left:1rem; background-color:#d72b31; color:#fff; border:none; padding:0.11rem 1.35rem 0.03rem 1.7rem; line-height:3.6rem; vertical-align:middle; }
.btn-menu-2 { background-color:#d72b31; color:#fff; }
.btn-menu-label { font-family:Roboto, sans-serif; text-transform:uppercase; font-size:1rem; padding-right:0.65rem; vertical-align:middle; }
.btn-menu-icon { font-family:"Noto Sans Math", Cambria, "Cambria Math", "Segoe UI Symbol"; font-size:2.79rem; vertical-align:middle; }
.btn-menu:hover { background-color:#f01121; }
#main-menu-col { border-left:1px solid #22222225;}

.mnu-dropdown-menu { min-width:700px; z-index:999999999999999 !important; }
.mnu-dropdown-menu.show { min-width:700px; z-index:999999999999999 !important; }
ul.nobullet li.mnu-l1 { margin:0; padding:0.25rem 0.25rem !important; text-transform:uppercase; border-bottom:1px solid #8fc0db80; }
ul.nobullet li.mnu-l1 a { font-weight:bold; font-size:0.97rem; }
ul.nobullet li.mnu-l1 a:link { border-bottom:none; }
ul.nobullet li.mnu-l2 { margin:0 0 0 0.5rem; padding:0.15rem 0.15rem 0.15rem 1rem !important; text-transform:none; }
ul.nobullet li.mnu-l2 a { font-weight:500; font-size:1rem; }
ul.nobullet li.mnu-sh { margin:0.5rem 0 0 0.5rem; padding:0.1rem 0.15rem 0.1rem 0.25rem !important; text-transform:uppercase; background-color:#8fc0db25; }
ul.nobullet li.mnu-sh { font-weight:500; font-size:1rem; }

.menu-top-ten h3 { margin-top:1rem; margin-bottom:1.25rem; font-size:1rem; font-weight:700; text-transform:uppercase; color:#222;}
.menu-top-ten ul li a { font-family: Roboto, sans-serif; font-weight:bold; font-size:0.95rem; text-transform:uppercase; letter-spacing:-0.5pt; }
.menu-top-ten li.ptr-right { background:url(../img/bg/ptr-right) 0 0 no-repeat; padding-left:26px; }

@media (max-width: 769px)  { /*<MD*/ .menu-top-ten li.ptr-right { background:none; padding-left:0; } }

.screen-darken {
  content: ''; 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,.5);
  pointer-events: none;
  z-index:100; opacity:1; 
  visibility:visible;
  position: fixed;
}

.dropdown {
  /*position: relative;
  z-index: 15;*/
}

/* BREADCRUMBS CLASSES FOR HEADER */
.breadcrumbs { font-family:Roboto,sans-serif; text-transform:uppercase; font-size:0.9rem; vertical-align:middle; color:#fff; font-weight:300; }
.breadcrumbs-container { vertical-align:middle; }
.breadcrumbs-container a { text-decoration:none; color:#fff; }
.breadcrumbs-container a:hover { border-bottom:1px solid #fff; }
.breadcrumbs-container a:focus { border-bottom:1px solid #fff; }
.breadcrumbs-container a:active { border-bottom:1px solid #fff;  }
.breadcrumbs span.breadcrumb-current { font-weight:600 !important; }

/*@media (min-width: 576px) {    
  header div.breadcrumbs { background-color:orangered;}
  }
@media (min-width: 768px) {    
  header div.breadcrumbs { background-color:gold;}
  }
@media (min-width: 992px) {  
  header div.breadcrumbs { background-color:green;}
  }
@media (min-width: 1200px) {  
  header div.breadcrumbs { background-color:blue;}
  }  
@media (min-width: 1400px) {  
header div.breadcrumbs { background-color:purple;}
}*/


/* CONTACT INFO IN HEADER */


/*No media query for `xs` since this is the default in Bootstrap*/

/* XS */

div.header-contact-panel-holder { 
  font-size:95%; 
}

ul.header-contact-panel a { text-decoration:none; font-weight:400; }
ul.header-contact-panel a:link { color:#fff; border-bottom:1px solid #ffffff20; }
ul.header-contact-panel a:visited { color:#fff; border-bottom:1px solid #ffffff20; }
ul.header-contact-panel a:hover { color:#ffffff; border-bottom:1px solid #f01121; }

/* ICON CLASSES FOR HEADER */
ul.header-contact-panel {
  /*padding-top:0.35rem; 
  padding-top:9%;*/
  margin-bottom:0;
  margin-top:0;
  padding-top:0;
  padding-bottom:0;
}

ul.header-contact-panel li {  
  display:block !important; 
  line-height:160% !important;
  padding-left:50px !important; 
  padding-top:3px !important; 
  padding-bottom:2px !important;
}

ul.header-contact-panel li.icn-email {   
  background: url(../img/icn/icn-email.png) no-repeat 18px 5px;     
}

ul.header-contact-panel li.icn-phone { 
  background: url(../img/icn/icn-phone.png) no-repeat 18px 5px;     
}

ul.header-contact-panel li.icn-twitter { 
  background: url(../img/icn/icn-twitter-02.png) no-repeat 18px 5px; 
}

ul.header-contact-panel li.icn-web { 
  background: url(../img/icn/icn-web.png) no-repeat 18px 5px;     
}

ul.header-contact-panel li.icn-web {
  display:none !important;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

  
  div.header-contact-panel-holder { 
    font-size:80%; 
  }
  
  ul.header-contact-panel a { text-decoration:none; font-weight:400; }
  ul.header-contact-panel a:link { color:#fff; border-bottom:1px solid #ffffff20; }
  ul.header-contact-panel a:visited { color:#fff; border-bottom:1px solid #ffffff20; }
  ul.header-contact-panel a:hover { color:#ffffff; border-bottom:1px solid #f01121; }
  
  /* ICON CLASSES FOR HEADER */
  ul.header-contact-panel {
    /*padding-top:0.35rem; 
    padding-top:9%;*/
    margin-bottom:0;
    margin-top:0;
    padding-top:0;
    padding-bottom:0;
  }
  
  ul.header-contact-panel li {  
    display:block !important; 
    line-height:160% !important;
    padding-left:50px !important; 
    padding-top:3px !important; 
    padding-bottom:2px !important;
  }
  
  ul.header-contact-panel li.icn-email {   
    background: url(../img/icn/icn-email.png) no-repeat 18px 5px;     
  }
  
  ul.header-contact-panel li.icn-phone { 
    background: url(../img/icn/icn-phone.png) no-repeat 18px 5px;     
  }
  
  ul.header-contact-panel li.icn-twitter { 
    background: url(../img/icn/icn-twitter-02.png) no-repeat 18px 5px; 
  }
  
  ul.header-contact-panel li.icn-web { 
    background: url(../img/icn/icn-web.png) no-repeat 18px 5px;     
  }

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

  div.hdr-buttons-230425 .btn-contact,
  div.hdr-buttons-230425 .btn-search {
    padding:0.11rem 0.75rem 0.03rem 0.75rem;    
  }

  div.hdr-buttons-230425 .btn-contact-label,
  div.hdr-buttons-230425 .btn-search-label,
  div.hdr-buttons-230425 .btn-menu-label {
    font-size:0.8rem;
    padding-right:0.2rem;
  }

  div.hdr-buttons-230425 .btn-contact-icon,
  div.hdr-buttons-230425 .btn-search-icon,
  div.hdr-buttons-230425 .btn-menu-icon { 
    font-size:1.2rem;
  }

  div.header-contact-panel-holder { 
    font-size:65%; 
  }
  
  ul.header-contact-panel a { text-decoration:none; font-weight:400; }
  ul.header-contact-panel a:link { color:#fff; border-bottom:1px solid #ffffff20; }
  ul.header-contact-panel a:visited { color:#fff; border-bottom:1px solid #ffffff20; }
  ul.header-contact-panel a:hover { color:#ffffff; border-bottom:1px solid #f01121; }
  
  /* ICON CLASSES FOR HEADER */
  ul.header-contact-panel {
    /*padding-top:0.35rem; 
    padding-top:9%;*/
    margin-bottom:0;
    margin-top:0;
    padding-top:0;
    padding-bottom:0;
  }
  
  ul.header-contact-panel li {  
    display:block !important; 
    line-height:160% !important;
    padding-left:50px !important; 
    padding-top:2px !important; 
    padding-bottom:1px !important;
  }
  
  ul.header-contact-panel li.icn-email {   
    background: url(../img/icn/icn-email.png) no-repeat 18px 2px;     
  }
  
  ul.header-contact-panel li.icn-phone { 
    background: url(../img/icn/icn-phone.png) no-repeat 18px 2px;     
  }
  
  ul.header-contact-panel li.icn-twitter { 
    background: url(../img/icn/icn-twitter-02.png) no-repeat 18px 2px; 
  }
  
  ul.header-contact-panel li.icn-web { 
    background: url(../img/icn/icn-web.png) no-repeat 18px 2px;     
  }

  ul.header-contact-panel li.icn-web {
    display:none !important;
  }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

  div.hdr-buttons-230425 .btn-contact,
  div.hdr-buttons-230425 .btn-search {
    padding:0.11rem 0.75rem 0.03rem 0.75rem;    
  }

  div.hdr-buttons-230425 .btn-contact-label,
  div.hdr-buttons-230425 .btn-search-label,
  div.hdr-buttons-230425 .btn-menu-label {
    font-size:0.85rem;
    padding-right:0.25rem;
  }

  div.hdr-buttons-230425 .btn-contact-icon,
  div.hdr-buttons-230425 .btn-search-icon,
  div.hdr-buttons-230425 .btn-menu-icon { 
    font-size:1.5rem;
  }

  div.header-contact-panel-holder { 
    font-size:70%; 
  }
  
  ul.header-contact-panel a { text-decoration:none; font-weight:400; }
  ul.header-contact-panel a:link { color:#fff; border-bottom:1px solid #ffffff20; }
  ul.header-contact-panel a:visited { color:#fff; border-bottom:1px solid #ffffff20; }
  ul.header-contact-panel a:hover { color:#ffffff; border-bottom:1px solid #f01121; }
  
  /* ICON CLASSES FOR HEADER */
  ul.header-contact-panel {
    /*padding-top:0.35rem; 
    padding-top:9%;*/
    margin-bottom:0;
    margin-top:0;
    padding-top:0;
    padding-bottom:0;
  }
  
  ul.header-contact-panel li {  
    display:block !important; 
    line-height:160% !important;
    padding-left:50px !important; 
    padding-top:2px !important; 
    padding-bottom:1px !important;
  }
  
  ul.header-contact-panel li.icn-email {   
    background: url(../img/icn/icn-email.png) no-repeat 18px 2px;     
  }
  
  ul.header-contact-panel li.icn-phone { 
    background: url(../img/icn/icn-phone.png) no-repeat 18px 2px;     
  }
  
  ul.header-contact-panel li.icn-twitter { 
    background: url(../img/icn/icn-twitter-02.png) no-repeat 18px 2px; 
  }
  
  ul.header-contact-panel li.icn-web { 
    background: url(../img/icn/icn-web.png) no-repeat 18px 2px;     
  }

  ul.header-contact-panel li.icn-web {
    display:inline-block !important;
  }

}

/*X-Large devices (large desktops, 1200px and up)*/
/*ALSO APPLIES HERE TO XXL*/
@media (min-width: 1200px) {

  div.hdr-buttons-230425 .btn-contact,
  div.hdr-buttons-230425 .btn-search {    
    padding:0.11rem 1.35rem 0.03rem 1.5rem;  
  }

  div.hdr-buttons-230425 .btn-contact-label,
  div.hdr-buttons-230425 .btn-search-label,
  div.hdr-buttons-230425 .btn-menu-label {
   font-size:1rem;
   background-color:inherit;
  }

  div.hdr-buttons-230425 .btn-contact-icon,
  div.hdr-buttons-230425 .btn-search-icon,
  div.hdr-buttons-230425 .btn-menu-icon { 
    font-size:2rem;
  }

  div.header-contact-panel-holder { 
    font-size:80%; 
  }
  
  ul.header-contact-panel a { text-decoration:none; font-weight:400; }
  ul.header-contact-panel a:link { color:#fff; border-bottom:1px solid #ffffff20; }
  ul.header-contact-panel a:visited { color:#fff; border-bottom:1px solid #ffffff20; }
  ul.header-contact-panel a:hover { color:#ffffff; border-bottom:1px solid #f01121; }
  
  /* ICON CLASSES FOR HEADER */
  ul.header-contact-panel {
    /*padding-top:0.35rem; 
    padding-top:9%;*/
    margin-bottom:0;
    margin-top:0;
    padding-top:0;
    padding-bottom:0;
  }
  
  ul.header-contact-panel li {  
    display:block !important; 
    line-height:160% !important;
    padding-left:50px !important; 
    padding-top:3px !important; 
    padding-bottom:2px !important;
  }
  
  ul.header-contact-panel li.icn-email {   
    background: url(../img/icn/icn-email.png) no-repeat 18px 5px;     
  }
  
  ul.header-contact-panel li.icn-phone { 
    background: url(../img/icn/icn-phone.png) no-repeat 18px 5px;     
  }
  
  ul.header-contact-panel li.icn-twitter { 
    background: url(../img/icn/icn-twitter-02.png) no-repeat 18px 5px; 
  }
  
  ul.header-contact-panel li.icn-web { 
    background: url(../img/icn/icn-web.png) no-repeat 18px 5px;     
  }

}