@charset "UTF-8";
/* CSS Document */

/* Font-Awesome */
@import "templates/yoo_glass/font-awesome/css/font-awesome.min.css";
.fa {padding-right: 0.8em !important;} 

/* Load Montserrat Font */
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,700&display=swap');

/* Globals */
body {color: #797979 !important; font-weight: 200; background: none repeat scroll 0 0 #dfdfdf !important; background-image: none; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
img {max-width: 100%;}

.system-white hr {border-top-color: #c5c5c5;}

.hidden {display: none;}
.small {font-size: inherit;}

.faq-button a {color: #fff !important;}

/* Header */
.newheader-wrapper {background: #1946BA; height: 100px;}
.navbkg {height: 40px; background: #797979; position: relative;}
.wrapper {margin-top: -40px;}
.custom-logo {
  display: inline-block;
  width: 320px;
  height: 64px;
  background: url("../../../images/logo_wht.png") 50% 50% no-repeat;
  background-size: contain !important;
  margin-top: 20px;
}
#header {margin: 0px auto !important;}
#logo, #logo > img,
#menu { float: none !important;}
#menu {margin-top: 0px;}

/* Hide dumb system messages */
#system-message {display: none !important;}
.alert-notice {display: none !important;}

/* text colors */
.red {color: #ff0000; font-weight:bold;}
.lightblue {color: #1c8cda;}
.darkblue {color: #1946ba;}
.mblu {color: #1c8cda;}
.dblu {color: #1946ba;}
.dgry {color: #797979;}
.white {color: #fff;}
.cgrey {color: #ccc; }

.mblu-intro {color: #1c8cda; font-size: 24px; line-height: 48px;}
.dblu-intro {color: #1946ba; font-size: 24px; line-height: 48px;}
.dgry-intro {color: #797979; font-size: 24px; line-height: 48px;}
.white-intro {color: #fff; font-size: 24px; line-height: 48px;}

/* Buy Now and Price */
.buynow {margin-right: 4px; background: #1c8cda; color: #fff !important; padding: 8px 16px; display: inline-block; font-size: 1em; border-radius: 4px; vertical-align: center; margin-bottom: 2px;}
.buynow a, .buynow a:visited {color: #fff !important;}
.price-buy {margin-bottom: 14px;}
.price {color: #797979; display: inline;}

/* Blue Button */
.blue-button {
    background: #1c8cda none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff !important;
    font-size: 1em;
    padding: 8px 16px;
}

/* White Button */
.white-button {background: #fff; color: #1946ba;}

/* Utility Menu */
.util-menu {max-width: 1200px; margin: 0px auto; position: relative; min-height: 30px;}

/* Country Selector Dropdown Menu */
.choosecountry {position: absolute; right: 0;}
.countryselector {margin-top: -24px; position: absolute; right: 20px; top: 12px; z-index: 2000;}
.countryselector-globe {background: rgba(0, 0, 0, 0) url("../../../images/icon_globe.png") no-repeat scroll 0 0; display: inline-block; height: 12px; width: 12px; margin-right: -6px; vertical-align: middle;}
.countryselector-current {color: #fff; border: none; font-size: 10px; cursor: pointer; background: none; text-transform: uppercase;}
.countryselector-current::after {border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; content: " "; cursor: pointer; height: 0; pointer-events: none; vertical-align: middle; width: 0;}
.countryselector-dropdown {position: relative; display: inline-block;}
.countryselector-dropdown-content {display: none; position: absolute; right: -10px; background: #fff; min-width: 225px; z-index: 100000; text-align: right;}
.countryselector-dropdown-content ul li {list-style: none; indent: 0;}
.countryselector-dropdown-content a {color: #797979 !important; padding: 4px 16px; text-decoration: none; display: block; font-size: 10px;}
.countryselector-dropdown-content a:hover {background-color: #1c8cda; color: #fff !important;}
.countryselector-dropdown:hover .countryselector-dropdown-content {display: block;}

/* Form elements */
.inputbox {font-size: 11px; position: relative; height: 18px; border: 0px; padding: 0 6px; color: #8D8D8D; border-radius: 9px; width: 70px; vertical-align: middle;}
.submit_button {margin-left: 0px; display: inline; vertical-align: top;}
.submit_button input {background: url('../../../images/go.png') no-repeat; border: none; cursor: pointer; padding-right: 8px; width: 16px;}

/* Utility Bar */
.util-bar {max-width: 1200px; margin: 0px auto; position: relative;}

/*Locator Bar */
.locator {font-weight: 400;}
.locator-bkg {background: #1c8cda none repeat scroll 0 0; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 18px 4px 2px 8px;}
.locator_form {}
.locatorheader-container {width: 100%; height: 38px; z-index: 1000;}
.locatorheader {max-width: 1185px;}
.locator_module {display: inline-block;}
.locatormodule {vertical-align: top; position: fixed; width: 230px; z-index: 5000; margin-top: -17px;}
.locatormodule h3 {color: #fff;}
.locator_tag {width: 100%; color: #fff; font-size: 12px;}
.locatorbarwidth{max-width: 1200px; margin: 0px auto; position: relative;}
.locatorbar img {vertical-align: top;}
.locatorbar h3 {display: inline-block !important; font-size: 14px !important; vertical-align: middle; margin-right: 2px !important;}
.locatorbar {height: 30px; max-width: 1185px; position: relative;}
.locatorbar .clearfix:before, .clearfix:after, .grid-block:before, .grid-block:after, .deepest:before, .deepest:after {display:inherit;}
.locatorbar input:required {border: none !important;}
.locatorbar input:invalid {border: none !important;}
.locatorbar input:focus {border: none !important;}

/* SysGenMedia Store Locator */
.mylocation-button {background-image: url("../../../images/mapmarkers/mylocation.png"); height: 30px; width: 30px; border: none !important; box-shadow: none !important; border-radius: 0 !important; position: inherit; vertical-align:top; margin-right:6px; background-color: rgba(255, 255, 255, 0); box-shadow: 0 1px 4px rgba(0, 0, 0, 0);}
.locator_container .row-fluid .span10 {height: 20px;}
.result-container h4 {font-size: 1.5em; font-weight: 200; line-height: 1.2em; margin: 0;}
#sl_sidebar .result-container {border-bottom: 1px solid #1c8cda; vertical-align: top; margin-bottom: 10px;}
#addressInput {width: 30%;}
.mylocation-widget {display: none;}
.locatorsearchbox {padding: 10px; width: 98.5%;}
.locatorsearchbox h1 {font-size: 36px; line-height: 36px;}
#sl_search_container label.checkbox {margin-right: 20px;}
#sl_sidebar .result-container:hover {background: #e5e5e5}
#sl_sidebar {display: inline-block !important; float: none !important; width: 100%; vertical-align: top; margin-top: 20px;}
#sl_locate_results {display: none;}

/* Locator Admin Form */
label#jform_email-lbl, #jform_email, label#jform_twitter-lbl, #jform_twitter, label#jform_facebook-lbl, #jform_facebook {display: none;}

/* Brand Bar */
#brand-bar {background:#313131;padding: 20px; margin:8px;}


@media only screen
and (max-width : 784px) {
	#map {width: 100% !important; max-height: 430px;}
	#sl_sidebar {width: 100% !important;}
}

/* RokSprocket Showcase Carousel */
.layout-slideshow .sprocket-features-pagination {bottom: -5px;}
.layout-slideshow .sprocket-features-arrows .arrow {box-shadow:none !important; color: #1c8cda; border: 1px solid #1c8cda; background: none !important;}
.layout-slideshow .sprocket-features-arrows .arrow {opacity: 1;}
.layout-slideshow .sprocket-features-pagination li {background: #1c8cda;}
.layout-slideshow .sprocket-features-pagination li {padding: 5px; margin: 0 4px;}
.layout-slideshow .sprocket-features-pagination ul {display: inline-flex;}
.layout-slideshow .sprocket-features-pagination {position: inherit !important;}
.layout-slideshow .sprocket-features-pagination {left: 0;}
.layout-slideshow .sprocket-features-pagination {position: inherit !important; bottom: 0;}
.layout-slideshow .sprocket-features-pagination {left: 0;}

.choosecountry {font-size: 14px;}

.learnmore-button {border: 2px solid #fff !important; border-radius: 24px !important; padding: 8px 16px; display: table-cell; color: #fff !important;}
.learnmore-button a {color: #fff !important;}

.video75 {position: absolute; bottom: 0px; width: 98.6%; background: rgba(25,70,186,0.7); padding: 10px;}
.video75 a, .video75 a:hover, .video75 a:active {color: #fff !important;}

/* LEG3ND styles */
.leg3nd-header {background: #133c6c; padding: 40px; font-size: 3vw; font-family: 'Montserrat', sans-serif; letter-spacing: 1px;}
.legend-lifestyle-mbl {display: none;}
@media only screen
and (max-width : 640px) {
    .leg3nd-header {background: #133c6c; padding: 20px; font-size: 5vw; font-family: 'Montserrat', sans-serif; letter-spacing: 1px;}  
    .legend-lifestyle {display: none;}
    .legend-lifestyle-mbl {display: block;}
}

.leg3nd img {width: 400px;}

hr.legend-ring {
    overflow: visible;
    padding: 0;
    border: none;
    border-top: 1px solid #bcbcbc;
    text-align: center;
}
hr.legend-ring:after {
    content: url(../../../images/leg3nd/Legend-ring.svg);
    display: inline-block;
    position: relative;
    top: -.75em;
    padding: 0 0.25em;
    background: white;
    height: 30px;
    width: 30px;
}


@media only screen
and (max-width : 1080px) {
  .video75 {width: 96.2%;}
}

@media only screen
and (max-width : 760px) {
  .video75 {position: inherit; background-color: rgba(25,70,186,1);}
}

/* Careers Page Styles */
.summary {color: #1c8cda; font-size: 1.2em; line-height: 1.5em;}

/*Instrumentation buttons */
a.instruments-learnmore {
    background: none;
    border: 1px solid #1c8cda;
    border-radius: 4px;
    color: #1c8cda;
    font-size: 16px;
    line-height: 16px;
    padding: 6px 12px;
    text-align: center;
    transition: all 0.5s ease 0s;
}

a.instruments-learnmore:hover {
  background: #1c8cda;
  color: #fff;
}

a.instruments-compare {
    background: none;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 6px 12px;
    text-align: center;
    transition: all 0.5s ease 0s;
}

a.instruments-compare:hover {
  background: #fff;
  color: #1c8cda;
}

.software-title {
	color: #1c8cda;
	font-size: 28px;
	border-bottom: 1px solid #797979;
	padding-bottom: 4px;
	margin-bottom: 8px;
}
.software-column {width: 24%; min-width: 232px; vertical-align: top; display: inline-block; margin-bottom: 20px;}
.software-column img {height: auto; min-width: 250px;}


/* Promo Boxes */
.promos {position: relative; z-index: 0; margin-top: -60px;}
#top-b {margin-top: 56px;}
#content, .module {margin: 8px;}

/* Hide the Home link in topnav */
.item101 {display: none !important;}

.menuitem-red {background: #C00; color: #fff; margin-right:40px;}
.menuitem-blue {background: #1946ba; color: #fff;}
.menuitem-black {background: black; color: #fff;}

/* Menu Spacer */
.separator.level2 {visibility:hidden; border: none !important;}

/* Menu */
.menu-dropdown a.level1, .menu-dropdown span.level2 {font-size: 18px;}
.menu-dropdown .dropdown {top: 40px;}
.menu-dropdown li.level1 {font-weight: 200;}
.module-marker {float: left; margin-right: 10px; width: 45px !important; height: 58px !important;}
.module-text {display: inline-table; width: 70%; color: #fff; font-size: .8em; line-height: 1em; vertical-align: top; margin-bottom: 20px;}

.size-auto {max-width: 200% !important;}

.newsletter a {color: #fff;}
.newsletter a:hover {color: #1c8cda;}

.distributor {clear: both; padding:4px; font-weight: 300; font-size: 10pt; letter-spacing: 1px; background-color: transparent;}
.distributor img {vertical-align: middle;}
.dist-full {display: block;}
.dist-mbl {display:none;}

/* Module Specific */
#top-b .mod-plain h1.frontpage {
    margin-bottom: 30px;
    font-size: 200%;
    line-height: 55px;
}
#top-c .mod-plain h1.frontpage {
    margin-bottom: 30px;
    font-size: 200%;
    line-height: 55px;
}
#top-d .mod-plain h1.frontpage {
    margin-bottom: 30px;
    font-size: 200%;
    line-height: 55px;
}
#top-e .mod-plain h1.frontpage {
    margin-bottom: 30px;
    font-size: 200%;
    line-height: 55px;
}

#top-a, #top-b, #top-c, #top-d, #top-e {text-align: center;}

#bottom-b .mod-plain .frontpage { margin: 30px 10px 30px 0; }

#top-b .mod-plain h1.frontpage, #top-c .mod-plain h1.frontpage, #top-d .mod-plain h1.frontpage, #top-e .mod-plain h1.frontpage,
#bottom-b .mod-plain .frontpage a { color: #797979; }

#promo-bkg {position: absolute; bottom: 3%; height: 65px; background-color: #1946BA; width: 100%; opacity: 1;}
.diags {background: url("../../../images/diags.png") repeat;}
#promo-copy {position: absolute; line-height: 1.25em; top: 12px; left: 12px; font-weight: 200;}
#promo-title {text-align: left !important; color: #fff; font-size: 1.5em; }
#promo-text {text-align: left !important; color: #fff; font-size: 1em;}

.module.mod-box.deepest img {width: 100%;}
.mod-box {padding: 20px 0 0px;}


/* General */
.frontpage-padding-top { padding-top: 50px; }
.frontpage-padding-bottom { padding-bottom: 50px; }


/* Custom Module background colors */
.mod-box-gray {background: #797979; color: #fff; padding: 20px;}
.mod-box-gray > h3 {color: #fff;}
.mod-box-gray #formbutton {
  background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    border-radius: 25px;
    min-width: 50px;
    padding: 6px;}
.mod-box-blue {background: #1946BA; color: #fff; padding: 20px;}
.mod-box-lblue {background: #1c8cda; color: #fff; padding: 20px;}
.mod-box-white {background: #fff; color: #797979; padding: 20px;}

/* RokSprocket Overrides */
.sprocket-mosaic-item img {max-width: 100%;}
.sprocket-mosaic-item .sprocket-mosaic-head, .sprocket-mosaic-item .sprocket-mosaic-text, .sprocket-mosaic .sprocket-mosaic-header {display: none;}
.sprocket-mosaic-item .sprocket-padding {padding: 0;}
.sprocket-mosaic-item {border: none; border-radius: 0;}

/* Zebra Table Class */
table.zebra {
    width: 100%;
}
table.zebra th {
    font-size: inherit !important;
    font-weight: normal;
    text-align: left;
}
table.zebra th, table.zebra td {
    padding: 5px;
}
table.zebra tbody, table.zebra tfoot {
    font-size: inherit !important;
}
table.zebra .bold {
    font-weight: bold;
}
table.zebra .center {
    text-align: center;
}
table.zebra td * {
    vertical-align: middle;
}
table.zebra tfoot {
    font-style: italic;
}
table.zebra caption {
    font-size: 11px;
    font-style: italic;
    text-align: left;
}
.even {background: none !important; border-bottom: none;}
.odd {border-bottom: none;}

ul.zebra > li:nth-of-type(2n+1), table.zebra tbody tr:nth-of-type(2n+1) {background: none repeat scroll 0 0 #e7e7e7;}



/* K2 Overrides */
div.itemImageBlock span.itemImage img {border:0px !important; padding:8px;}

div.itemFullText {margin-bottom: 20px;}
div.itemFullText p {font-size: 120%; line-height: 160%;}

div.itemRatingBlock {padding:0px 0 !important;}
div.itemRatingBlock span {display:block; float:none !important; font-style:normal; padding:0 4px 0 0; margin:0; color:#999;}

div.simpleTabsContent #tabber24 {border: 0px !important;}
div.simpleTabs {clear:both; padding:0 !important;}

div.itemView {border-bottom: none; margin: 0px;}
div.itemHeader h2.itemTitle {font-weight: 300; margin-left: -10px;}

div.itemImageBlock {padding:0px !important; margin:0 20px 0 0; float: left; width: 50%;}
span.itemImage {display:block; margin:0 0 8px 0; width: 45%; height: auto;}

/* Is this stuff needed? */
div.itemIsFeatured, div.catItemIsFeatured, div.userItemIsFeatured {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;}

div.itemHeader h2.itemTitle {font-family: inherit !important;}

/* K2 Related Items */
div.itemImageGallery {display: none;}
div.itemRelated li {list-style:none; margin: 0px 10px;}
div.itemRelated ul li {display: inline-flex;}
div.itemRelated ul {padding-left: 0px;}
.recommended_items {float: left; min-width: 150px; margin-top: 20px;}

.tagItemList h2 {font-size: 120% !important; line-height: 10% !important;}
.tagItemList h1 {font-size: 120% !important; line-height: 10% !important;}

#k2Container h1 {font-size: 2.5em;}

.itemHeader sup {font-size: 30%; vertical-align: super; background: #1c8cda none repeat scroll 0 0; color: #fff !important; padding: 2px 4px; border-radius: 2px;}

/* Tag Results Page Layout */
div.tagItemList {float: left;}
.tagItemWrapper {position: relative;}
.tagItemWrapper sup {
  background-color: #1c8cda;
    color: #fff;
    font-size: 10px;
	top: 41px;
    left: 10px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
  }

/* Hide the itemImage from the itemp.php file to only show the gallery */
.itemBody .itemImageBlock span.itemImage {display: none;}



/* Inceptive Nivo Slider Overrides */
.slider-wrapper.theme-default {float: left;}
.theme-default .nivoSlider {box-shadow: none;}
.nivo-caption {display: none !important;}
.nivo-main-image {width:100%; height: auto;}
.nivoSlider {width: 100%;}
.slider-wrapper.theme-default {width: 45%;}
.nivo-box {display: none;}



/* SW Tabs Hashtabs Overrides */
#tab-container .tab a {font-size: 1.25em; font-weight: 300;}
#tab-container {font-weight: 300;}
.itemExtraFieldsLabel {display: none;}
.tabpage {padding-left: 14px;}



/* Product Weight Calculator */
.calculatorTotals {
    background: none repeat scroll 0 0 #1946BA;
    border-radius: 20px;
    color: #FFFFFF;
    margin-bottom: 10px;
    padding: 10px;
    width: 98%;
}
.calc-button {
    background-color: #1c8cda;
    padding: 4px 12px !important;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
}
.weightcalc_inputbox {
    background-color: #fff;
    padding: 4px 12px !important;
    border: none;
    border-radius: 4px;
    color: #797979;
}


/* Support Menu Styles */
#innertop a {
  float: left;
  background: #797979;
  border-radius: 4px;
  margin: 2px;
  padding: 6px;
  color: #fff;
}
#innertop a:hover {background: #008DDA;}
#innertop .menu-sidebar li.level1 {border-bottom: none;}

.keypoints {
    background: none repeat scroll 0 0 #E8E8E8;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #000000;
    font-size: 12pt;
    margin-bottom: 10px;
    padding: 5px;
}


/*Videos page styles */
.video-wrapper {
  max-width: 100%;
  margin: 0 0 20px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Safety page div */
.floating-box {
    display: inline-block;
    width: 200px;
    height: 211px;
    margin: 5px;
	border: 3px solid #000;  	
}

.safety-red { color: #F00; font-weight:bold; }
.black-bold { color: #000; font-weight:bold; }



/* Responsive Breakpoints */  
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 435px)
and (max-width: 767px) {
.wrapper #main {padding: 0 !important;}
div#main {margin-top: 65px !important;}
.slider-wrapper.theme-default {width: 100%;}
div.itemBody {width: 100%; margin-left: 0px;}
.item h1 {font-size: 34px; line-height: normal;}
.itemImageGallery {width: 100%;}
.frontpage-icons img { width: 70px; }
#locator_map_canvas {display: none;}
.content50 {float: left; margin: 10px; width: 100%;}
}



/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 434px) {
.wrapper #main {padding: 0 !important;}
div#main {margin-top: 65px !important;}
.software-column {width: 100%; vertical-align: top; display: inline-block; margin-bottom: 30px;}
.software-column img {}
.slider-wrapper.theme-default {width: 100%;}
div.itemBody {width: 100%; margin-left: 0px;}
.menu-responsive {width: 90%;}
.item h1 {font-size: 34px; line-height: normal;}
#locator_map_canvas {display: none;}
.content50 {float: left; margin: 10px; width: 100%;}
}


/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.slider-wrapper.theme-default {width: 45%;}  
div.itemBody {position: relative; float: left; width: 45% !important; margin-left: 20px !important;}
  
div.item h1.title {font-size: 36px;}
.frontpage-padding-top { padding-top: 10px; }
.frontpage-padding-bottom { padding-bottom: 0px; }  
#ExtraFields {font-size: 12px !important;}
div.itemImageBlock {padding:0px !important; margin:0 20px 0 0; text-align: center; width: 100% !important;}
h1.title {font-size: 1.85em !important;}
#promo-bkg {bottom: 3%;}
#locator_map_canvas {display: inherit;}
.locator_tag{width: 440px;}

.promos {margin-left: 202px;}
#maininner, #sidebar-a, #sidebar-b {margin-left: 20px; width: 95%}

.content50 {float: left; margin: 10px; width: 40%;}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.slider-wrapper.theme-default {width: 100%;}
div.itemBody {width: 100% !important; margin-left: 0px;}

.item h1 {font-size: 36px; line-height: normal;}
#locator_map_canvas {display: inherit;}
.locator_tag{width: 440px;}

.promos {margin-left: 76px;}

.content50 {float: left; margin: 10px; width: 40%;}
}

/* Hide the TopNav Menu under 768px */
@media only screen
and (min-width : 0px)
and (max-width : 767px) {
#menu {display: none !important;}
#header-responsive {margin-bottom: 0px !important;}
}

/* Switch the Distributor logo to the 400px version */
@media only screen
and (min-width: 0px)
and (max-width: 639px) {
.dist-full {display: none !important;}
.dist-mbl {display: block;}
}
  
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1024px) {
.slider-wrapper.theme-default {width: 45%;}  
div.itemBody {position: relative; float: left; width: 45% !important; margin-left: 20px !important;}
  
.item h1 {font-size: 36px; line-height: normal;}
#locator_map_canvas {display: inherit;}

.content50 {float: left; margin: 10px; width: 45%;}
}

/* Prevent long words buttons on the overview page to wrap onto the next line  */
.btn-overview {
	font-family: "sourcesanspro";
	font-weight: 200;
	text-transform: uppercase;
	background: none;
	border: 1px solid #1c8cda;
	border-radius: 4px;
	color: #1c8cda;
	font-size: 16px;
	line-height: 16px;
	padding: 6px 12px;
	text-align: center;
	transition: all 0.5s ease 0s;
}

.btn-overview:hover {
  background: #1c8cda;
  color: #fff;
}