.micro-site-container {position: relative;width: 960px;/* margin-left : -5px; */ margin-left : -20px;} .micro-site-container .bmst-content {padding: 0!important;} .micro-site-container .logo-container {height: 100px;width: 100%;} .micro-site-container .logo-container IMG {float: right;padding: 10px 10px;max-height: 100px;max-width: 100%;} /* ---------------------- NAV MAIN ---------------------- */ .micro-site-container .micro-site-nav-megamenu {margin: 0!important;} .micro-site-nav-main {position: relative;} .micro-site-nav-main .nav-show {display: block !important;margin-top: 2px;} .micro-site-nav-main .nav-open {padding-bottom: 0;} .micro-site-nav-main UL {padding: 0;list-style-type: none;width: 100%;margin: 0!important;} .micro-site-nav-main LI {float: left;margin: 0;padding: 0;line-height: 31px;font: 600 18px "Gotham Narrow Book";} .micro-site-nav-main LI A, .micro-site-nav-main LI SPAN {padding: 6px 10px;text-decoration: none;display: block;font-weight: bold;} .micro-site-nav-toggle-btn.btn-link.pull-left {float: left;} /* ---------------------- HERO CONTAINER / CAROUSEL ---------------------- */ .micro-site-container .hero-container {clear: both;} .micro-site-container .hero-container #carousel-main {margin: 0!important;clear: both;} .micro-site-container .hero-container #carousel-main .carousel-titles {position: absolute;} .micro-site-container .hero-container #carousel-main .carousel-titles H3 {padding-left: 8px;margin: 5px 0;margin-top: 8px;} .micro-site-container .hero-container #carousel-main .carousel-titles H4 {padding-left: 8px;margin: 5px 0;font-family: "Gotham Narrow Book";color: #FF671F;font-weight: 700;} .micro-site-container .hero-container #carousel-main .carousel-indicators {text-align: right;position: absolute;bottom: 7px;padding-right: 10px;margin-bottom: 0;} /* ---------------------- WIDGET ---------------------- */ .micro-site-container .widget-container P {text-align: center;font-weight: bold;} /* ---------------------- VIDEO OBJECT ---------------------- */ .micro-site-container .embed-video {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;width: 100%;} .micro-site-container .embed-video OBJECT, .micro-site-container .embed-video EMBED, .micro-site-container .embed-video IFRAME {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* ---------------------- SIDE MENU ---------------------- */ .micro-site-container .side-menu {padding-left: 0px;margin-top: 5px;} .micro-site-container .side-menu UL LI {float: none;} /* ---------------------- BMST HEADER ---------------------- */ .bmst-left-col-template .microsite-header {margin-bottom: 5px!important;} .microsite-header .logo {width: 100%; min-height: 80px;} /* ---------------------- FANCY BOX ---------------------- */ .fancy-content {border-radius: 3px;border-top:26px solid #e0e0e0;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;margin:2px;padding:10px;} /* ====================== MEDIA QUERIES ====================== */ /* ---------------------- MOBILE ---------------------- */ @media (max-width: 979px) { .micro-site-container {width: auto;margin-left: 0;} /* ---------------------- HEADER ---------------------- */ .microsite-header .logo {margin-bottom: 0!important;float: left!important;max-width:75%;min-height:81px;} .micro-site-container .logo-container {display: none;clear: both;} .micro-site-nav-megamenu #micro-site-logo {float: left;max-width: 100%;} /* ---------------------- NAV ---------------------- */ .micro-site-container .side-menu {padding: 0!important;margin-top: 0!important;} .micro-site-container .side-menu UL LI {float: none;} .micro-site-container .micro-site-nav-megamenu {clear: both;width: 100%;overflow: auto;} /* ---------------------- MOBILE NAV ---------------------- */ .micro-site-container .micro-site-nav-main-mob {overflow: auto;min-height: 81px;} .micro-site-nav-main-mob .pull-left, .micro-site-nav-main-mob .pull-right {float: left!important;} .micro-site-nav-main-mob .micro-site-logo {float: left!important;} /* ---------------------- MOBILE NAV TOGGLE ---------------------- */ .micro-site-nav-toggle-btn.btn-link.pull-left {float: right!important;} .micro-site-nav-toggle-label {padding: 6px 0 6px 2px;text-decoration: none;font: 400 2.5em "Gotham Narrow Book";font-weight: bold;} .micro-site-nav-toggle-btn {padding: 20px 10px 0;float: right;} .micro-site-nav-toggle-btn .nav-icon, .bmst-microheader-nav-toggle-btn .nav-icon {padding-top: 8px;padding-left: 10px;width: 30px;float: right !important;} .micro-site-nav-toggle-btn .nav-icon > .icon-bar, .bmst-microheader-nav-toggle-btn .nav-icon > .icon-bar {display: block;height: 2px;width: 22px;margin-top: 5px;} .bmst-microheader-nav-toggle-btn .nav-icon > .icon-bar {background-color: #585858;} .micro-site-nav-toggle-btn .nav-icon > .icon-close, .bmst-microheader-nav-toggle-btn .nav-icon > .icon-close {font-size: 2.1em;color: #ff671f;padding-right: 5px;} .micro-site-nav-toggle-btn > .nav-toggle-label {padding-right: 8px;padding-top: 2px;font-size: none;font: 400 1.6em "Gotham Narrow Book";font-size: 2.1em;text-transform: uppercase;} .micro-site-nav-main {border: none;display: none;padding: 0;width: 100%;} .micro-site-nav-main .glyphicon.glyphicon-chevron-down, .micro-site-nav-main .glyphicon.glyphicon-chevron-up {top:0;left:-5px;} .micro-site-nav-main > UL .glyphicon {margin-top: -25px!important;} .micro-site-nav-main UL {position: relative;} .micro-site-nav-main UL LI {padding: 0!important;float: none;height: auto!important} .micro-site-nav-main UL LI A {height: auto!important;} .micro-site-nav-main UL > LI {display: block;border: none;border-top: 1px solid #c0c0c0;font-family: "Gotham Narrow Book";text-transform: uppercase;} .micro-site-nav-main UL > LI > A {font-size: 1em;} .micro-site-nav-main UL .nav-inverted {border-top: 2px solid #c0c0c0;position: absolute;top: 0;width: 100%;} .micro-site-nav-main ul .nav-inverted > A {color: #ff671f;} .micro-site-nav-main UL .nav-open {padding-bottom: 0;} .micro-site-nav-main UL.nav-secondary > LI, .micro-site-nav-main UL.nav-tertiary > LI {margin-left: 10px!important;} .micro-site-nav-main UL > LI:hover > A {text-decoration: none;} .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary {display: none;position: static;padding: 0;margin-top: 0!important;} .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary .glyphicon, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary .glyphicon {margin-top: -24px!important;} .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary LI, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary LI, .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary LI A, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary LI A, .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary LI SPAN, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary LI SPAN {font-weight: 400!important;font-size: 14px!important;} } @media (max-width: 340px) { .micro-site-nav-megamenu #micro-site-logo {float: left;max-width: 80%;} } /* ---------------------- DESKTOP ---------------------- */ @media (min-width: 980px) { .micro-site-nav-megamenu .micro-site-nav-main {text-align: justify;min-width: 940px;margin-bottom: 0px;height: 30px;} .micro-site-nav-megamenu .micro-site-nav-main:after {content: '';display: inline-block;width: 100%;} .micro-site-nav-megamenu .micro-site-nav-main > UL > LI {display: inline-block;position: relative;cursor: pointer;margin-left: 0;text-transform: uppercase;} .micro-site-nav-megamenu .micro-site-nav-main > UL > LI A, .micro-site-nav-megamenu .micro-site-nav-main > UL > LI SPAN {text-decoration: none!important;font-size: 16px!important;font-weight: 600;padding: 5px;} .micro-site-nav-megamenu .micro-site-nav-main > UL > LI:hover {text-decoration: none!important;} .micro-site-nav-main > UL > LI:hover .nav-secondary, .micro-site-nav-main .nav-secondary LI:hover .nav-tertiary {display: block;} .micro-site-nav-megamenu.side-menu .micro-site-nav-main .nav-secondary {top:0!important;} .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary {left:auto!important;top:30px!important;} .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary {display: none;left: 100%;top: 0%;position: absolute;z-index: 1001;width: 220px;min-width: 150px;max-width: 300px;text-align: left!important;} .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary > LI, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary > LI {cursor: pointer;text-transform: none;position: relative;width: 100%;} .micro-site-nav-megamenu .micro-site-nav-main > UL > LI, .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary LI A, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary LI A, .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary LI SPAN, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary LI SPAN {font-size: 14px!important;font-weight: 400;} .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary A, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary A, .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary SPAN, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary SPAN {padding: 10px!important;} .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary LI A:hover, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary LI A:hover, .micro-site-nav-megamenu .micro-site-nav-main .nav-secondary LI SPAN:hover, .micro-site-nav-megamenu .micro-site-nav-main .nav-tertiary LI SPAN:hover {text-decoration: none;display: block;} /* ---------------------- BMST Left Col Template ---------------------- */ .bmst-left-col-template {padding: 0 0 0 10px!important;} .bmst-left-col-template .micro-site-nav-main {min-width: 0!important;} .bmst-left-col-template .micro-site-nav-megamenu .micro-site-nav-main > UL > LI {font-size: 16px!important;font-weight: 600;padding: 0 5px;display: block;} .bmst-left-col-template .micro-site-nav-main > UL > LI {padding: 0!important;} .bmst-left-col-template .micro-site-nav-main .nav-secondary, .bmst-left-col-template .micro-site-nav-main .nav-tertiary {position: relative;left: 0!important;padding-left: 10px!important;width: 100%;height: auto!important;} .bmst-left-col-template .micro-site-nav-main .nav-secondary A, .bmst-left-col-template .micro-site-nav-main .nav-secondary SPAN, .bmst-left-col-template .micro-site-nav-main .nav-tertiary A, .bmst-left-col-template .micro-site-nav-main .nav-tertiary SPAN {font-size: 16px!important;font-weight: 400;} .bmst-left-col-template .micro-site-nav-main > ul > li:hover .nav-secondary, .bmst-left-col-template .micro-site-nav-main .nav-secondary li:hover .nav-tertiary {display: none;} .bmst-left-col-template .glyphicon {top: -21px;left: -5px;font-size: 12px;} .bmst-left-col-template .nav-secondary .glyphicon, .bmst-left-col-template .nav-tertiary .glyphicon {top: -25px;} } /*======================= BMST Microheader ======================= */ .bmst-micro-header {height: 50px; margin: -78px 0 0 94px; max-width: 60%; position: relative;} .bmst-micro-header UL {list-style-type: none;width: 100%;margin: 0!important; position: absolute; left: 0; top: 0; padding-top: 0.9em;} .bmst-micro-header LI {font: 400 1.5em "Gotham Narrow Book"!important; } .bmst-micro-header A, .bmst-micro-header A:hover {color: #585858;} .bmst-microheader-search-field {line-height: 1.25em; padding: 2px 25px; float: left; border-color: #000000 #D0D0D0 #DBDBDB #CECECE; border-style: none; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.6) inset; padding: 7px 6px 5px 27px!important; padding: 1px 0 0 27px!important;/* HO -added new padding as IE search box text was very misaligned. keeping above css for now*/ width: 160px!important;margin-right: 5px;margin-top: 3px;} .bmst-microheader-glyphicon-search {top: 6px!important;left: 28px!important;font-size: 13px!important;} .bmst-microheader-standard-login-menu {margin-left: 15px;margin-top: 8px;} /*.header-standard {margin-top: -10px;} .header-standard .logo {margin-left:15px;}*/ .bmst-nav-megamenu {display: none;} /*======================= BMST Microheader - MEDIA QUERIES ======================= */ /* ---------------------- MOBILE ---------------------- */ @media (max-width: 979px) { .bmst-microheader-nav-toggle-btn.micro-site-nav-toggle-btn {margin:-70px 12px;} .header-standard {margin-bottom:10px!important;} .header-standard .logo {margin-bottom:0!important;max-width:75%;} .header-standard .nav-search-container {display: none;} .bmst-microheader-show {display:inline!important;} .bmst-nav-megamenu {display: inline-block;} .bmst-micro-header UL {position: static; padding-top: 0;} } .bmst-loading {display:none;}