@charset "UTF-8";

*{font-family: Helvetica, Arail, Sans-Serif;}
html{scroll-behavior: smooth;}
h1{font-size: calc(28px + .5vw); margin: 0; padding: 0; color: #003366; font-weight: 700;}
h2{font-size: calc(20px + .5vw); margin: 0; padding: 0; color: #003366; font-weight: 700;}
h3{font-size: calc(16px + .5vw); margin: 0; padding: 0; color: #003366; font-weight: 700;}
p{font-size: calc(11px + .7vw);}
div{font-size: calc(16px + .7vw);}
img {image-rendering: crisp-edges;}
body{margin: 0; padding: 0px; font-size: calc(16px + .7vw); color: #000; __position: fixed;}
body:before{content: "."; line-height: 142px; color: transparent;}
a{text-decoration: none; margin: 0; padding: 0; font-size: calc(14px + .5vw); color: #000; opacity: .9; font-weight: 700; outline: none;}
a:hover{opacity: 1; color: #CC6600;}


input{padding: 6px ; border: solid 1px #003366; outline: none; }
.std-field {font-size: 24px; border-radius: 4px; border-width: 2px; border-style: solid; border-color: #b5b4b7; padding-right: 1rem; padding-left: 1rem; width: 100%; margin-top: 5px; margin-bottom: 5px;}

/* CORE STRUCTURE*/
.page-outer-w-margin{width: 98%; margin-left: 2%; text-align: left;}
.page-outer{width: 100%; text-align: center; margin-bottom: 100px;}
.page-inner{display: inline-block; margin: 0 auto; text-align: left; max-width: 96%; margin-bottom: 50px;}
.address_cell {text-align: left;  border: solid 1px #ccc; float: left; width: 26%; min-height: 250px; margin-left: 4%;}
.full-width{line-height: 1.5em; padding-left: 6vw; padding-right: 6vw; text-rendering: optimizeLegibility; font-size: calc(16px + .7vw); margin-top: 20px;}
#pagewrap{width: 98%; margin-left: 2%;} /* OLD PAGES DO NOT USE*/

#CurrentUser{background-color: yellow; position: absolute; top: 0px; left: 0px; width: 600px; height: 40px; z-index: 9999999;}

@media screen and (max-width: 500px) {
    .address_cell{width: 100%;}
}

a.pagebutton{color: White; margin: 3px; border-radius: 2px; background: #003366; width: 40px; height: 40px; text-align: center; font-size: 16px; font-weight: 700; cursor:default; text-decoration: none; line-height: 40px; float: right ; cursor: pointer;}
a.pagebutton:hover{opacity: 1; color: yellow;}
a.bigpagebutton{color: White; margin: 3; border-radius: 4px; background: #003366; width: 40; height: 40; text-align: center; font-size: 22px; font-weight: 700; cursor:default; text-decoration: none; line-height: 40px; float: right ; cursor: pointer;}
a.bigpagebutton:hover{opacity: 1; color: yellow;}
.checkoutButton{text-align: right; font-weight: bold; cursor: pointer; min-width: 125px; margin: 5px 0px 5px 0px; background-color: #003366; color: white; padding: 15px 5px 15px 5px; text-align: center; border-radius: 10px; display: inline-block; font-size: 30px; border: none; text-transform: uppercase;}
.checkoutButton:hover{color: yellow;}
.checkoutButton_click{background: url('https://d1vo2ulxpswjig.cloudfront.net/images/rwait.gif'); background-repeat: no-repeat; background-position: center center; color: white; width: 125px; height: 25px; border: solid 0px red; padding: 8 4 8 4; }

.shoulder_left{border: solid 1px #ccc; float: left; padding: 0; margin: 0; width: 85px;}
.center_cell{border: solid 1px #ccc; float: left; padding: 0; margin: 0; width: 600px;}
.shoulder_right{border: solid 1px #ccc; float: left; padding: 0; margin: 0; width: 85px;} 

/* Catalog Content*/
.catalogContent{font-weight: 400;}
.catalogContent h2{margin: 15px 0 0px 0; font-size: 24px; font-weight: 700;}
.catalogContent h3{margin: 15px 0 0px 0; color: black; font-weight: 700; }
._catalogContent a{color: #fa8404;}
.emoji{width: 30px; height: auto; margin-top: 0; vertical-align: bottom;}
.emoji:hover {width: auto;}
.catalogProductHeaderDescription{width: 550px; height: 140px; margin: 10px 0px 0px 10px;}
.catalogProductHeader{background: none; height: 210px;cursor: pointer; background-position:center center; background-repeat: no-repeat; background-color: white; color: #003366; _border: solid 1px yellow !important; }
.catalogProductHeader h1{white-space: nowrap; background-color: none; text-align: left; border: solid 0px red; width: 100%; margin-bottom: 10px; color: white; font-weight: 700; font-size: 36px; line-height: 38px; color: #003366;}
.catalogProductHeader h2{background-color: none; text-align: left; border: solid 0px red; width: 100%; color: white; font-weight: 700; font-size: 16px; color: black;}
.cpmini {height: 60px !important;}

/* HEADER 2019 */
.framed-header{padding: 0px; margin: 0px; position: fixed; top: 0px; left: 0px;  width: calc(100% + 10px);}

.header {border-top: solid 6px #003366; overflow: hidden; position: fixed; top: 0px; left: 0px; height: 135px; width: calc(100% + 10px); box-shadow: 0 1px 1px rgba(0,0,0,.25); _border-bottom: solid 1px #CCCCCC; z-index: 999; background-color: white;}
.header a{text-decoration: none;}
.header a:hover{background-color: transparent !important;}
.header ul{display: table; width: 100%; height: 100%; _background: #f0f0f0; padding: 0; margin: 0; _border: solid 1px red;}
.header ul li{display: inline-block; display: table-cell; border: solid 0px blue; vertical-align: top;}
.header ul li a{font-size: calc(10px + 1vw); color: #003366; max-height: 30px;}
.icontab{width: 56px; text-align: center;}
.icontab img{width: 50%; height: auto; padding: 0px; margin: 0px; padding: 2px;}
.phonetab{border-left: solid 1px #cccccc; font-size: calc(14px + .7vw); color: #003366; font-weight: 700; text-align: center; width: 225px; padding-right: 10px;}
.logotab{border-left: solid 1px #cccccc; text-align: left; padding: 0 1vw 0 1vw; width: 170px;}
.logotab img{max-width: 100%; margin: 10px;}
.texttab{text-align: center; text-transform: uppercase;}
.menutab{width: 64px; cursor: pointer; padding-top: 10px; _display: none !important;}
.hb-bar{background-color: #003366; width: 70%; margin: 5px auto; height: 6px; border-radius: 10px;}
.hb-text{margin: 4px auto; height: 16px; line-height: 16px; text-align: center; color: #003366; text-transform: uppercase; font-weight: 700;}
#icontab-dc{display: none;}

.menu-link{}
.menu-link:hover{color: #CC6600 !important;}
.menu-indicator{}
.menu-indicator:hover{color: #CC6600;}
.menu-hover:hover{border-bottom: solid 4px #003366;}
.menu-indicator:after{content: ''; width: 30px; height: calc(10px + 1vw); display: inline-block; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAMAAACVQ462AAAArlBMVEX////4+fvAzdm/zNmKobkAM2aWq8ABNGehtMcDNWirvM0FN2m2xdMIOWsMPW3I094RQXDQ2eMWRXPX3+cbSXbe5eshTXrk6e8oU37q7vIwWYPv8vU4YIjz9fhBZ433+fpKbpL6+/xUdpj8/f1ff5/+/v5qiKZ2ka2Cm7SPpbybr8MCNWemuMoENmiwwNAHOWq6yNYKO2zDz9sOPm7L1eATQnHT3OUYRnTb4uk8Y4oyTsd8AAAA20lEQVR4AaTLU4LFQBRAwfNs27aZ/e9sPHHSt1P/RWSxeEJfPAYkU/qSfElnNHsmzY9sTuvnsvzJF1JyhTymYkn8S0WsEmXhLyewq1RFv1rBqVYX/HoNt0ZT+TcbeGm1FX+7hbdOV+l3O/jp9RV+v4e/wTD0DwcEGY1D/nhEsMk08E8nhJnNA/58RrjF0vcvF6hYrX3+eoWijeffoG7r8bdI7Fx/h8z+YOuHPVLHk+WfjsidL///ckbH9fb7b1f03B/f/3FH1/P1+V9P9L2NlPEmio9ZWFow0BgAAO75HYXWX/8EAAAAAElFTkSuQmCC'); background-position: 2px center; background-repeat: no-repeat; background-size: calc(10px + 1vw) auto;}
.menu-indicator:hover:after{transform: rotate(360deg); transition: .1s;}
#icon-menu6 {visibility: hidden; padding-right: 10px;}
#mobileUploadMenu{display: none;}

/* HEADER 2021 */
.header-strip{width: 100%; background-color: #003366; height: 20px; text-align: right;}
.header-strip a{color: white; font-size: 16px; font-weight: 100; margin: 0px; padding-right: 20px; vertical-align: top;}



/* Menu */        
#menuContent{ margin: 0 auto; margin-top: 70px; padding: 0px;}
#menuContent li a{background-color: rgb(255, 255, 255); border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 0px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 0px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 0px;border-top-color: rgb(221, 221, 221);border-top-left-radius: 0px;border-top-right-radius: 0px;border-top-style: solid;border-top-width: 1px;color: rgb(51, 51, 51);display: block; font-size: 16px; height: 16px; line-height: 18px;list-style-image: none;list-style-position: outside;list-style-type: none;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;overflow-y: hidden;padding-bottom: 12px;padding-left: 16px;padding-right: 16px;padding-top: 12px;position: relative;text-align: left;text-overflow: ellipsis;_text-shadow: rgb(243, 243, 243) 0px 1px 0px; text-size-adjust: 100%; white-space: nowrap; width: 813.375px;_-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-decoration: none;}             
#menuContent .divider{background-color: #003366; color: white; font-weight: 700; height: 30px; line-height: 30px; padding-left: 16px; font-weight: 700;}   
        
/* SEARCH */
.search-overlay {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgba(0,0,0,.6); transition: 0.2s; z-index: 99999; overflow: hidden;}
.search-overlay-content {position: relative; top: 25%; width: 100%; text-align: center; margin-top: 30px;}
.search-overlay-content input{height: calc(40px + 2vh); width: 50%; font-size: calc(30px + 2vh); padding-top: 0;}
.overlay-close:hover {color: black; opacity: 1; background-color: white;}
.overlay-close:focus {_color: yellow;}
.overlay-close{opacity: 1;  font-size: 48px; width: 50px; font-weight: 400; height: 50px; line-height: 42px; position: absolute; top: 3%; right: 3%; color: black; text-align: center; background-color: white; border-radius: 25px;}


#txtSearch{opacity: 1; z-index: 999999;}
        
/* Header media */

/* DESKTOP */
#icon-menu1{display: none;}
#icon-menu2{display: none;}
#icon-menu3{display: none;}

@media screen and (min-width: 1025px) {
    .header ul li a {font-size: 24px; }
    ._header-menu-bar{margin-top: 0px;}
    .menu-indicator:after{height: 24px; background-size:24px auto;}
    #chat-link:before {padding: 5px 12px 10px 5px;}
    #header-divider{margin-top: 16px !important;}    
}

@media screen and (min-width: 1200px) {    
    .header ul li a {font-size: 28px; }
    .header-menu-bar{margin-top: 0px;}
}

@media screen and (min-width: 1400px) {
    .header ul li a {font-size: 30px; }
    .header-menu-bar{margin-top: 0px;}
    #header-divider{margin-top: 8px !important;}
}

@media screen and (max-width: 1250px) {
    .header-menu-bar{margin-top:4px !important;}
    #header-menu1-p2{display: none;}
    #header-menu2-p2{display: none;}
}

@media screen and (max-width: 930px) {
    #icon-menu3{display: table-cell;}    
    #header-divider{margin-top: calc(10px + 1vw);}

    #header-menu1-p3{display: none;}
    #header-menu2-p3{display: none;}
}

@media screen and (max-width: 800px) {
    #icon-menu3{display: table-cell;}
    #header-link2{display: none;}
    #icon-menu2{display: table-cell;}
    .overlay-close {top: 0px !important; right: 25px !important; font-size: 50px;}
    .overlay-close {padding: 0px !important;}        
    #header-divider{margin-top: calc(10px + 1vw);}
}

@media screen and (max-width: 660px) {
    #header-link2{display: none;}
    #header-chat-link{display: none;}
    #header-phone-link{border-right: none !important;}    
    .overlay-close {top: 10px !important; right: 25px !important; font-size: 50px;}
    .overlay-close {padding: 0px !important;}
    #header-divider{display: none;}
    .header-menu-bar{display: none;}
    .header{height: 94px; border-top: solid 3px #003366;}
    body:before{line-height: 94px;}
    #header-hamburger {display: block !important;}
    #mobile-cart {display: block !important;}


    #header-overlay {display: none;}

    #header-menu1-p3{display: none;}
    .header-contact-box{display: none;}
    #header-menu1{display: none;}
    #header-menu2{display: none;}
    #header-menu3{display: none;}
}  
        
/* FOOTER 2019 */
#footer2019 {_width: calc(100% + 20px); margin-left: -10px; padding-bottom: 0; }
#footer2019 div{padding: 0px; margin: 0px; background-color: #f0f0f0; display: block;}
#footer2019 ul{display: table; width: calc(100% - 50%); padding: 10px 25% 0 25%; background-color: #f0f0f0; height: 48px; margin: 0px;}
#footer2019 ul li{display: table-cell; text-align: center; width: 25%;}
#footer2019 ul li:hover {background-color: #e1e1e1;}
#footer2019 ul li a{text-decoration: none;}
#pnlSocial{text-align: center; border: none; background-color: #f0f0f0; height: 75px; width: 100%; float: left;}
#pnlSocial img{width: 32px; margin-top: 15px;}
#pnlSocial a{opacity: .5; margin: 10px 12px 0 12px; }
#pnlSocial a:hover{opacity: 1; background-color: #f0f0f0;}
#bbb {width: 100%;float: left;text-align: center;}
#bbb a:hover {background-color: transparent;}

#pnlSocial a div{display:inline-block;background-repeat:no-repeat;background-image:url('https://d1vo2ulxpswjig.cloudfront.net/images/smf.png'); margin-top: 15px;}
.smy{background-position:0 0; width:48px; height:48px;}
.smf{background-position:-50px 0; width:48px; height:48px;}
.smi{background-position:-100px 0; width:48px; height:48px;}
.smt{background-position:-150px 0; width:48px; height:48px;}
 
/* REVIEW BLOCKS */
.review-block{width: 100%; text-align: center; padding: 0px; margin-top: 20px; display: inline-block;}
.review-block li{display: inline-block; overflow: hidden; margin: 20px 2vw 20px 2vw; width: 25%;}
.review-bubble {background: #EEEEEE; -webkit-border-radius: calc(10px + 1vw); border-radius: calc(10px + 1vw); font-size: 1.2rem; line-height: 1.3; margin: auto 40px; max-width: 400px; padding: 15px; position: relative;}
.review-bubble p {margin: 0 0 10px; line-height: 1.5em; text-rendering:optimizeLegibility; font-size: calc(16px + .5vw);}
.review-bubble p:last-of-type {margin-bottom: 0;}
.review-bubble::after {border-left: 20px solid transparent; border-top: 20px solid #EEEEEE; bottom: -20px; content: ""; position: absolute; right: 50px;}    
.rb-blue{background: #003366; color: white;}
.rb-blue::after{border-top: 20px solid #003366; right: 80px;}
.rb-gray{background: #eeeeee; color: black;}
.rb-gray::after{border-top: 20px solid #eeeeee; right: 90px;}


@media screen and (max-width: 1024px) {
    #footer2019 ul{width: calc(100% - 30%); padding: 0 15% 0 15%;}
}

@media screen and (max-width: 800px) {
    .review-block{margin-left: 0px; width: 95%; margin: 40px auto;}
    .review-block li{width: 100%; margin: 0; margin-top: 20px;}
    #footer2019 ul {width: 100%; padding: 0;}
}

/* WHY BAR */
.why-bar{_width: calc(100% + 20px); margin-left: -10px; text-align: center; padding: 10px 0px 0px 0px;}
.why-bar-left{background-color: #f0f0f0; display: inline-block; float: left; width: 50%; min-height: 450px; padding-top: 20px; padding-bottom: 20px;}
.why-bar-left img{max-width: 200px; width: 64px; height: 63px;}
.why-bar-left p{line-height: 1.5em; padding-left: 8vw; padding-right: 8vw; text-rendering:optimizeLegibility; font-size: calc(14px + .7vw); margin-top: 5vh;}
.why-bar-right{background-color: white; display: inline-block; float: right; width: 50%; min-height: 450px; padding-top: 20px; padding-bottom: 20px; overflow: hidden;}
.why-bar-right a {font-size: calc(14px + .7vw); text-align: center;}
.why-bar-right a:hover{background-color: white;}
.why-bar-left h4{font-size: calc(14px + .7vw); font-weight: 700; color:#003366; margin: 10px 0px 10px 0px; text-align: center; width: 100%; _padding-left: 20%; text-transform: capitalize;}
.why-bar-right h4{font-size: calc(14px + .7vw); font-weight: 700; color:#003366; text-align: center; margin: 0px 0px 20px 0px;}
.why-bar-right img{width: 128px; height: 128px;}
.why-bar-bullet {line-height: calc(30px + .7vw); width: 100%; text-align: left; padding:5px 0px 10px 8vw; margin: 10px 0px 10px 0px; height: calc(30px + .7vw); text-rendering:optimizeLegibility; font-size: calc(14px + .7vw); overflow: hidden;}
.why-bar-bullet:before{line-height: calc(30px + .7vw); vertical-align: top;content:"\2bC8"; padding-right: 5px; color: #003366; font-weight: 700; font-size: calc(28px + .7vw);}
.why-bar-h4 {padding-left: 0; width: 100%; text-transform: capitalize;}
.why-bar-a {padding-left: 0; width: 100%; text-align:center; margin-top: 20px;}

@media screen and (max-width: 800px) {
    .why-bar-left {width: 100%;}
    .why-bar-right {width: 100%;}
}


/* CORE CSS BLOCKS*/

/* TEXT MENU */
.onpagescroll{text-align: center; padding: 0px;}        
.onpagescroll li{display: inline-block; /*border-bottom: solid 5px #c1c1c1; */ margin-right: 2vw; margin-left: 2vw; font-weight: bold; height: 50px; line-height: 50px; text-transform: uppercase;}
.onpagescroll li a{color: black; text-decoration: none; font-size: calc(16px + .7vw); }
.onpagescroll li a:hover{color: #CC6600;}
.onpagescroll div{font-size: calc(14px + .5vw); color: dimgray; width: 100%; text-align: center;}
        
@media screen and (max-width: 800px) {
    .onpagescroll{border-top: solid 1px #c1c1c1; margin-left: 0px; width: 95%; margin: auto;}
    .onpagescroll li{ border-bottom: solid 1px #c1c1c1; width: 100%; margin: 0px;}
    .onpagescroll li::after {content: "";}
}

/* H1 BLOCK */
.h1cell{width: 100%; margin: 10px 0px 0px 0px; text-align: center;}			
.h1cell span{font-size: calc(16px + 1vw); color: #C1C1C1;}
.h1cell h1{line-height: 40px; font-size: calc(18px + 1vw); text-align: center; }
			
@media screen and (max-width: 800px) {
	.h1cell h1{border-bottom: none; font-size: calc(16px + 1vw);}
}

/* H2 BLOCK */
.h2cell{width: 100%; margin-bottom: 10px; margin-top: 30px; text-align: center; }			
.h2cell span{font-size: calc(14px + .5vw); color: dimgray;}
.h2cell h2{line-height: 30px; font-size: calc(14px + 1vw); text-align: center;}
			
@media screen and (max-width: 800px) {
	.h2cell h2{border-bottom: none;}
}

/* H3 BLOCK */
.h3cell{width: 100%; margin-bottom: 10px; margin-top: 30px; text-align: center; }			
.h3cell span{font-size: calc(14px + .5vw); color: dimgray;}
.h3cell h3{line-height: 30px; font-size: calc(16px + .5vw);}
			
@media screen and (max-width: 800px) {
	.h3cell h3{border-bottom: none;}
}

/* H4 BLOCK */
.h4cell{width: 100%; margin-bottom: 10px; margin-top: 10px; text-align: center; }			
.h4cell span{font-size: calc(14px + .5vw); color: dimgray;}
.h4cell h4{line-height: 30px; font-size: calc(15px + .5vw);}
			
@media screen and (max-width: 800px) {
	.h4cell h4{border-bottom: none;}
}
    
/* TEXT BLOCK */
.text-block{line-height: 1.5em; padding-left: 6vw; padding-right: 6vw; text-rendering: optimizeLegibility; font-size: calc(16px + .7vw); margin-top: 20px;}
.text-block br{_line-height: 7vh;}
.text-block a{font-size: calc(16px + .7vw);}
.text-block img{float: left; margin: 10px 20px 10px 0px; max-height: 200px;}

.right{float: right !important;  margin: 10px 0px 10px 20px;}
      
.text-block-after{padding-left: 6vw; padding-right: 6vw; font-size: calc(16px + .7vw); margin: 60px 0 60px 0; }
.text-block-after  ul{text-align: center; margin: 0 auto; list-style-type: none;}
.text-block-after  ul li{font-size: calc(20px + .7vw); margin: 30px 0 30px 0; font-weight: 700;}

/* HORIZ CONTENT LEFT */
.hibl{display: inline-block; width: 100%; margin-top: 10px; margin-bottom: 30px;}
.hibl-image{float: left; margin: 0px 20px 20px 10vw;  font-size: 16px; color: #bbbbbb; text-align: center;}
.hibl-image img{}
.hibl-content{margin: 0px 9vw 0px 10vw;}
.hibl-content h2{font-size: calc(16px + .5vw); margin: 0; padding: 0; font-weight: 700; color: #003366; _display: inline-block;}
.hibl-content h3{font-size: calc(16px + .5vw); margin: 0; padding: 0; font-weight: 700; color: #003366; _display: inline-block;}      
.hibl-content h4{font-size: calc(16px + .5vw); margin: 0; padding: 0; color: black; _display: inline-block; text-decoration: underline;}
.hibl-content div{margin-top: 10px; font-size: calc(16px + .7vw); min-width: 200px; line-height: 1.5em;}
.hibl-content a{font-size: calc(16px + .5vw);}

@media screen and (max-width: 800px) {          
    .hibl-image {margin: 0px auto; text-align: center;width: 100%;}
    .hibl-image img{width: 100%; height: auto;}        
    .hibl-content {width: 100%; margin: 0px;}
    .hibl-content h2{margin-top: 20px;}
    .hibl-content h3{margin-top: 20px;}
    .hibl-content h4{margin-top: 20px;}
}
    
/* HORIZONTAL CONTENT RIGHT */
.hibr{display: inline-block; width: 100%; margin-top: 10px; margin-bottom: 30px;}
.hibr-image{float: right; margin: 0px 9vw 20px 20px; font-size: 16px; color: #bbbbbb; text-align: center;}
.hibr-image img{}
.hibr-content{margin: 0px 10vw 0px 9vw;}
.hibr-content h2{font-size: calc(16px + .5vw); margin: 0; padding: 0; font-weight: 700; color: #003366; padding-left: 10px; _display: inline-block;}
.hibr-content h3{font-size: calc(16px + .5vw); margin: 0; padding: 0; font-weight: 700; color: #003366; padding-left: 10px; _display: inline-block;}        
.hibr-content h4{font-size: calc(16px + .5vw); margin: 0; padding: 0; color: black; _display: inline-block; text-decoration: underline;}
.hibr-content div{margin-top: 10px; font-size: calc(16px + .7vw); padding-left: 10px; line-height: 1.5em; min-width: 200px;}
.hibr-content a{font-size: calc(16px + .5vw);}
        
@media screen and (max-width: 800px) {
    .hibr-image {margin: 0px auto; text-align: center; width: 100%;}  
    .hibr-image img{width: 100%; height: auto;}         
    .hibr-content {width: 100%; margin: 0px;}
    .hibr-content h2{margin-top: 20px;}
    .hibr-content h3{margin-top: 20px;}
    .hibr-content h4{margin-top: 20px;}
    .fit-window img{width: 100%; height: auto;}    
}

/* IMAGE PACK */
.img3{width: 100%; text-align: center; padding: 0px; margin: 0 auto}
.img3 a:hover{background-color: transparent;}
.img3 img{width: 100%; height: auto;}
.img3 li{display: inline-block; overflow: hidden; vertical-align: top; margin: 10px;  margin-right: 2vw; margin-left: 2vw; width: 300px;}
.img3 h3{font-size: calc(16px + .5vw); margin: 10px 0 0 0; padding: 0; font-weight: 700; color: #003366;}
.img3-content{width:300px; text-align: left; font-size: calc(16px + .5vw);}
.img3-desc {font-size: calc(16px + .5vw); margin: 10px 0 0 0;}
.img3-desc  a{font-size: calc(16px + .5vw) !important; color: black;}
.img3-desc  a:hover{background-color: #e1e1e1; color: #CC6600;}

@media screen and (max-width: 450px) {
    .img3-content {width: 100%;}
}

/* SIMPLE HERO */      
.simple-hero-image {background-color: #d9e1e4; width: calc(100% + 10px); margin-left: -10px; overflow: hidden; height: 600px; background-position: center; background-repeat: no-repeat;background-size: cover; position: relative; cursor: pointer;}
.simple-hero-animation {animation-name: simple-hero-animation; animation-duration: 5s;}
@keyframes simple-hero-animation{
    0%{opacity: 0}
    40%{opacity: 1}
    100%{opacity:1}
}

@media screen and (max-width: 1599px) {
    .simple-hero-image{height: 500px;}    
}

@media screen and (max-width: 1399px) {
   .simple-hero-image{height: 500px;}
   _body{background-color: blue;}
}

@media screen and (max-width: 1199px) {
   .simple-hero-image{height: 400px;}
   _body{background-color: green;}
}

@media screen and (max-width: 550px) {
    .simple-hero-image{background-position: top;}
    .simple-hero-image{height: 300px;}
    _body{background-color: red;}
}
/* Spacer */
.vertical-spacer{width: 100%; height: 20px;}

/* HEADER MENUS */
#headerTray{}
#header-overlay {height: 0; width: 100%; position: fixed; z-index: 1; top: 141px; left: 0; background-color: rgba(0,0,0,.3); overflow-x: hidden; transition: 0.1s; z-index: 99999;}  

.header-menu{width: 95%; _max-width: 1024px; height: 525px; background-color: white; border: solid 1px #f0f0f0; margin: 0 auto;  box-shadow: 0 1px 1px rgba(0,0,0,.25); z-index: 100; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.header-menu a{font-size: calc(14px + .5vw);}
.header-menu ul{width: 100%; height: 100%;   list-style-type: none; display: table; margin: 0px; padding: 0px;}
.header-menu ul li{height: 100%;   padding: 25px; display: table-cell; _min-width: 250px; _max-width: 300px; _border: solid 1px green;}
.header-menu ul li a{font-weight: initial; display: block; white-space: nowrap; font-size: 24px; padding: 2px;}

.header-menu h2{font-size: 24px; white-space: nowrap; padding-bottom: 5px; padding-top: 15px; text-decoration: underline; text-decoration-color: #CCCCCC;}

#header-menu1-p1 {line-height:34px;}
#header-menu1-p1 a{font-size: 26px; font-weight: bold;}
#header-menu1-p1 h2{font-size: 26px; font-weight: bold;}

@media screen and (min-width: 1920px) {
    .header-menu ul li a{font-size: 28px;}
    .header-menu h2{font-size: 28px;}
    .header-menu{max-width:initial; width: 90%;}
}


#product-menu ul{_border: solid 1px red; }
#product-menu ul li{_border: solid 1px blue; }
    
#product-menu{display: none;}
#design-menu {display: none;}
#account-menu{display: none;}

.headerRecentlyViewed{border: solid 0px red; width: 100%; height: 100%;}
.recentProduct{float: left; width: 45%; border: solid 0px blue; text-align: center; padding-top: 10px;}
.recentProduct img{width: 100%; height: auto;}
.recentProduct a{padding: 0px !important; line-height: 20px !important;}
.recentProduct a:hover{background-color: transparent;}
.recentProductMask{max-height: 180px; overflow: hidden; margin-bottom: 5px;}

.header-brands {max-width: 300px; margin: 0 auto; padding-top: 10px; text-align: center;}
.header-brands a{padding: 0px !important; margin: 0px !important; opacity:1;}
.header-brands a:hover{background-color: transparent;}

.header-top-bar{border: solid 0px red; width: calc(100% - 5px); height: 70px; padding: 5px;}
.header-main-logo{width: 220px; padding-top: 12px; padding-left: 2%;}
.header-contact-box{float: right;  font-size: calc(18px + .7vw); font-weight: 700; color: #003366; padding-right: 8%; padding-top: 24px;}
#header-phone-link{border-right: solid 2px #cccccc; float: left; padding-right: 10px;}

#header-chat-link{float: left; padding-left: 10px;}
    
#header-divider{background-color: #f0f0f0; width: 100%; height: 1px; margin-top: 16px;}
    
.header-menu-bar{border: solid 0px orange; _border-top: solid 1px #f0f0f0; width: 100%; height: 29px; margin-top: 2px;}
#header-hamburger {display: none; cursor: pointer; background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/hamburger64.png'); background-size: 40px 40px; background-position: center center; background-repeat: no-repeat; width: 50px; height: 64px; position: absolute; bottom: 0; right: 4%;}

#mobile-cart{display: none; cursor: pointer; background-image: url(https://d1vo2ulxpswjig.cloudfront.net/images/shoppingbag-full.png); background-size: 40px 40px; background-position: center center; background-repeat: no-repeat; width: 50px; height: 64px; position: absolute; bottom: 0; right: 20%;}

#chat-link{font-size: calc(18px + .7vw); color: #7f7f7f;}
#chat-link:hover{color: #CC6600; }
#phone-link{font-size: calc(18px + .7vw); color: #7f7f7f;}
#phone-link:hover{color: #CC6600;}

#chat-link:before{vertical-align:bottom; content:""; display: inline-block; background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAsLCwsMCwwODgwREhASERkXFRUXGSYbHRsdGyY6JCokJCokOjM+Mi8yPjNcSEBASFxqWVRZaoFzc4GimqLT0/8BCwsLCwwLDA4ODBESEBIRGRcVFRcZJhsdGx0bJjokKiQkKiQ6Mz4yLzI+M1xIQEBIXGpZVFlqgXNzgaKaotPT///CABEIACoALQMBIgACEQEDEQH/xAAaAAACAwEBAAAAAAAAAAAAAAAEBwADBgUC/9oACAEBAAAAAGoscmYxdiocv4Htdqr3XMDq0xiXonZfJAWeDzrckkrs/8QAFgEBAQEAAAAAAAAAAAAAAAAAAwQA/9oACAECEAAAALKI2QJE3//EABcBAQEBAQAAAAAAAAAAAAAAAAMEAAL/2gAIAQMQAAAAkCozanjf/8QALBAAAgIBBAADBgcAAAAAAAAAAQIDBAUABhESECFhEyQxMlFxFCAiQVKBof/aAAgBAQABPwCzZgqQvNPIEjQcljrKb9ndmShEET+b6l3Bm5WLNkZ/6bqNVN25yqR72ZV+knnrA7vqZN0gnX2Fj/G8N85WSe8KKMRFCAW9WOmwuVWqLTUpRCRz241TxOSvhjWqSSBfiRoU7bWPw4ryGbnj2fU886tUb+OlQWIJIX+Kk621lGyeJhlfzkX9D/ca3VG9bcNl3TkF1ceo1PvTCvjX4LmV4ivsSmts7oxVOk0FlzEwcnnqSDqHdGOXcc14owgdOgPGt4bgx+UhrQVCX6P3L8a2JC8eHd2HlJMSutz7dGYriSHgWYvl9RqzVsVJWiniaN1PBBHjgcS2XyCVg3VAC7n6KNVq8NWCKCJesaKFUeFzHUrydLNdJR6jT7JwLHkRSL9n1f2HjZIfdHeGT9uTyDrB4y/hM9WFmMhZOY+4+U8+A/I6qQOQD5jw/8QAHxEAAgIDAAIDAAAAAAAAAAAAAQIAAxEhMRITMkFx/9oACAECAQE/AKaUChn6eAzxqORgal1QUBl4YgS5Fydr9T0Jljvcu8UQVj9mxwwW2A/Myxy5BPZ//8QAHhEAAgICAgMAAAAAAAAAAAAAAQIAAxEhEjETMkH/2gAIAQMBAT8AttbJCfOyJmwbyZVYWyrdiPzqZsDRnmbA61KgzsXM0Ya6yPURFC6E/9k='); background-position: center 8px; width: 16px; height: 16px; background-size: calc(14px + .6vw) calc(14px + .6vw); background-repeat: no-repeat; padding: 5px 10px 18px 5px;}
#phone-link:before{vertical-align:bottom; content:""; display: inline-block; background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAsLCwsMCwwODgwREhASERkXFRUXGSYbHRsdGyY6JCokJCokOjM+Mi8yPjNcSEBASFxqWVRZaoFzc4GimqLT0/8BCwsLCwwLDA4ODBESEBIRGRcVFRcZJhsdGx0bJjokKiQkKiQ6Mz4yLzI+M1xIQEBIXGpZVFlqgXNzgaKaotPT///CABEIACkAKQMBIgACEQEDEQH/xAAbAAACAgMBAAAAAAAAAAAAAAAAAgYHAQQFCP/aAAgBAQAAAADstYIFGcn0OwV/HbiAWmd7jzWeZWuIDIbjcEbP/8QAFwEBAQEBAAAAAAAAAAAAAAAABAIDAP/aAAgBAhAAAAB4OVOMoz//xAAXAQEBAQEAAAAAAAAAAAAAAAAEAgAD/9oACAEDEAAAABNxq60e/wD/xAArEAABAwQABAMJAAAAAAAAAAACAQMEAAUGERASIDITISIUI0FCUWFjcqL/2gAIAQEAAT8AyzKJEF5IUNUFzW3DrEMkcmkcKYe3u5svr05g0bd/l7+dAJKtLcw7hG9kEleE0UdUHNyDz92vPozqznIjtz2R2bHpc/SsJvEeDKdjP6FJGuVzpMBMCEkRRJNKlZTjLtrfKRHBSiH/ABVgzUojSRp6G42PY4ndU/K7rInlIYkm02i+7BKsOaNTSajTh8N5fIT+BVtODgA6BAYoQkmlRUq84Ihkb1uNA/CVSbNdYpKL0J5Pug7SsbxidJmMyJDRssNmh+pNKVcidC0nD//EAB8RAAICAQQDAAAAAAAAAAAAAAECAAMRECFBcQQSFP/aAAgBAgEBPwAVIaR1nOtLh0NTHqfM/sRwOYyMhwRonkONjvLLGdsmf//EAB4RAAIDAAEFAAAAAAAAAAAAAAECAAMREBMhQXGB/9oACAEDAQE/ADY4t+5nNqlWFij3OumA+Yrqw0Hh6UPeJWqif//Z'); background-position: center 8px; width: 16px; height: 16px; background-size: calc(14px + .6vw) calc(14px + .6vw); background-repeat: no-repeat; padding: 5px 10px 18px 5px; }

.brand-logo-menu img{width: 39%; padding: 5px; height: auto;}
.brand-logo-menu-w img{width: 78%; padding: 5px; height: auto;}

#header-menu3{height: 450px;}
#header-menu3 img{width: 100%; max-width: 300px;}
#header-menu3 ul li {min-width:initial; max-width: initial; width: 32%; text-align: center;}
#header-menu3 h2{margin-bottom: 10px;}
#header-menu3 a{padding: 0; margin:0; opacity: 1;}
#header-menu3 a:hover{padding: 0; opacity: .9;}

#header-menu3 a {background-color: transparent;}
#header-menu3 p {text-transform: capitalize; font-weight: 700;}

#header-menu2-p2 a{_padding: 0px;}
#header-menu2-p2{_text-align: center;}
.header-nav-links{width: 100%; margin: 0 auto;}

/* Home page brands*/
.hpbl-newera{width: 90px; height: auto;}
.hpbl-ogio{width: 56px; height: auto;}                                   		
.hpbl-ua{width: 56px; height: auto;}
.hpbl-carhartt{width: 78px; height: auto;}
.hpbl-nike{width: 82px; height: auto;}
.hpbl-patagonia{width: 150px; height: auto; vertical-align: baseline;}
.hpbl-eb{width: 96px; height: auto; vertical-align: super;}
.hpbl-gildan{width: 116px; height: auto; vertical-align: super;}
.hpbl-tnf{width: 94px; height: auto;}

@media screen and (min-width: 1679px) {
    .hpbl-newera{width: 120px; height: auto;}
    .hpbl-ogio{width: 86px; height: auto;}                                   		
    .hpbl-ua{width: 86px; height: auto;}
    .hpbl-carhartt{width: 108px; height: auto;}
    .hpbl-nike{width: 112px; height: auto;}
    .hpbl-patagonia{width: 180px; height: auto; vertical-align: baseline;}
    .hpbl-eb{width: 126px; height: auto; vertical-align: super;}
    .hpbl-gildan{width: 146px; height: auto; vertical-align: super;}
    .hpbl-tnf{width: 124px; height: auto;} 
    .header-menu{height: 600px; }       
}


@media screen and (min-width: 1599px) {
    #chat-link:before{background-position: center 2px;}
    #phone-link:before{background-position: center 2px;}
}


.tinylb{background: orange; color: white; padding: 5px 10px 5px 10px; margin-top: 5px; border-radius: 5px; display: inline-block; opacity: .8; font-weight: initial; text-transform: uppercase; text-align: center;}
.tinylb:hover{opacity: 1; color: white;}


/* MAIN OVERLAY AND CLOSE */
.ccOverlayClose {font-size: 48px; width: 50px; height: 50px; line-height: 45px; position: absolute; top: 3%; right: 3%; color: black; text-align: center; background-color: white; border-radius: 25px; margin: 0; padding: 0; border: 0; cursor: pointer; background: none; z-index: 3000; background-color: white;}
.ccOverlay {display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.6); overflow: hidden; z-index: 99999;}


/* DDUPLOADER */
#ddCanvas{border: solid 1px red; padding: 0px; display: none;}

#ddUploaderOverlay{ background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/w/dd-upload.png'); background-position: center center; background-repeat: no-repeat; background-size: 300px 300px;}
#ddUploaderOverlay p {color: white; font-size: calc(20px + 1vw); width: 100%; text-align: center; position: absolute; bottom: 10%; }

.thinking{animation-duration: 2s; animation-iteration-count: 1000; animation-name: thinking;}
@keyframes thinking {
    0% {opacity: .8; background-color: black;}
    50%{opacity: .1; background-color: white;}
    100% {opacity: .8; background-color: black;}
}

#ddResultOverlay{}
#ddResultOverlay h2 {width: 100%; text-align: center; text-transform: capitalize;}
#ddResultOverlay div{width: 50%; margin: 5% auto; background-color: white; text-align: center; padding: 20px;}
#ddResultOverlay div p{font-size: 20px; padding: 0px 20px 0px 20px; margin: 0;}
#ddResultOverlay div ul{width: 100%; list-style-type: none; display: table; margin: 0px; padding: 0px;}
#ddResultOverlay div ul li{padding: 25px; display: table-cell; _border: solid 1px red;}
#ddResultOverlay div ul li img{width: 50%; height: auto;}
#ddResultOverlay div button{outline: none; background-color: #003366; color: white; padding: 10px 20px 10px 20px; margin: 10px; width: 90%; border: none; font-size: 24px; border-radius: 5px; text-transform: capitalize;}

#ddLogoSample{height: auto; margin-top: 10px; max-height: 250px; max-width: 90%;}


#ddBackgroundOverlay{}
#ddBackgroundOverlay div{width: 50%; margin: 10% auto; background-color: white; text-align: center;}
#ddBackgroundOverlay div img{max-width: 90%; max-height: 250px; margin-top: 20px; margin-bottom: 20px;} 
#ddBackgroundOverlay div p{font-size: 20px; font-weight: 700; width: 90%; padding-left: 5%; padding-right: 5%;}
#ddBackgroundOverlay div button{outline: none; background-color: #003366; color: white; padding: 10px 20px 10px 20px; margin: 10px; width: 90%; border: none; font-size: 24px; border-radius: 5px; text-transform: capitalize;}

#ddMessage{}
#ddMessage div{width: 50%; margin: 25% auto; background-color: white; text-align: center;}
#ddMessage div img{max-width: 90%; max-height: 200px; margin-top: 20px; margin-bottom: 20px;} 
#ddMessage div p{font-size: 24px; font-weight: 700; width: 90%; padding-left: 5%; padding-right: 5%; margin-top: 23px;}
#ddMessage div p a{font-size: 24px;}
#ddMessage div button{outline: none; background-color: #003366; color: white; padding: 10px 20px 10px 20px; margin: 10px; width: 90%; font-size: 24px; border-radius: 5px; text-transform: capitalize; border: none;}

#powerwash{all: initial; width: 100%; margin: 0 auto !important; padding: 0; text-align: center; display: none;}
#powerwash ul{display: table; width: 90%; padding: 25px 0 0 0; margin: 0 auto;}
#powerwash ul li{display: table-cell;}
#powerwash button{outline: none; touch-action: manipulation; background-color: #003366; color: white; padding: 10px 20px 10px 20px; margin: 0px; _width: 100px !important; border: none; font-size: 24px; border-radius: 5px; text-transform: capitalize; }
#powerwash input {margin: 20px 0 20px 0; font-size: 24px; border-radius: 4px; border-width: 2px; border-style: solid; border-color: #b5b4b7;  width: 150px !important; height: 45px; text-align: center;}
.power-wash-loading{background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/square-loader.gif'); background-repeat: no-repeat; background-size: 30px 30px; width: 30px; height: 30px; background-position: 10px center;}
#bgWashPowerMeter{height: 30px; width: 150px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#bgWashPowerMeter::-webkit-progress-value{background-color:red; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;}
#bgWashPowerMeter::-moz-progress-bar {background-color:red;}

.ddFileSelector-hide{display: none;}
/* DDUPLOADER */


/* INLINE SIGNUP */
#inlineSignup{}
#isuDialog{position: relative; width: 50%; padding: 10px; margin: 15% auto; background-color: white; text-align: center;}

#inlineSignup input{margin: 20px 0 20px 0; font-size: 24px; border-radius: 4px; border-width: 2px; border-style: solid; border-color: #b5b4b7; padding-right: 1rem; padding-left: 50px; width: calc(90% - 50px); height: 45px; background-size: 30px 30px; background-position: 5px center; background-repeat: no-repeat;}
.inline-form-button{margin: 10px 0 10px 0; background-color: #003366; border: none; color: white; font-size:24px; font-weight: 700; border-radius: 4px; height: 48px; width: 90%; text-transform: uppercase;}
.inline-form-button-reverse{margin: 10px 0 10px 0; background-color: white; border: solid 4px #003366; color: #003366; font-size:24px; font-weight: 700; border-radius: 4px; height: 48px; width: 90%; text-transform: uppercase;}


.email-icon-field {background: url('https://d1vo2ulxpswjig.cloudfront.net/images/w/inline-email-icon.png');}
.password1-icon-field{background: url('https://d1vo2ulxpswjig.cloudfront.net/images/w/inline-password1-icon.png');}
.password2-icon-field{background: url('https://d1vo2ulxpswjig.cloudfront.net/images/w/inline-password2-icon.png');}
.zipcode-icon-field{background: url('https://d1vo2ulxpswjig.cloudfront.net/images/w/inline-zipcode-icon.png');}

         
.field-email-icon{vertical-align: bottom; display: inline-block; background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/login-email.png'); background-position: center center; background-size: 20px 20px; background-repeat: no-repeat;   background-color: #003366; width: 48px; height: 45px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.field-lock-icon{vertical-align: bottom; display: inline-block; background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/login-lock.png'); background-position: center center; background-size: 20px 20px; background-repeat: no-repeat;   background-color: #003366; width: 48px; height: 45px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.field-lock1-icon{vertical-align: bottom; display: inline-block; background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/login-lock1.png'); background-position: center center; background-size: 20px 20px; background-repeat: no-repeat;   background-color: #003366; width: 48px; height: 45px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.field-lock2-icon{vertical-align: bottom; display: inline-block; background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/login-lock2.png'); background-position: center center; background-size: 20px 20px; background-repeat: no-repeat;   background-color: #003366; width: 48px; height: 45px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.field-zip-icon{vertical-align: bottom; display: inline-block; background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/login-zip.png'); background-position: center center; background-size: 20px 20px; background-repeat: no-repeat;   background-color: #003366; width: 48px; height: 45px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.field-name-icon{vertical-align: bottom; display: inline-block; background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/login-name.png'); background-position: center center; background-size: 20px 20px; background-repeat: no-repeat;   background-color: #003366; width: 48px; height: 45px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

.isuImageMask{_height: 250px !important; _width: 100% !important; _margin: 0 !important;}

.isaShowButton{    position: absolute; right: 50px; top: 151px;}
#_isuThinking{display: none;  background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/square-loader.gif'); background-repeat: no-repeat; background-position: center center; height: 99%; width: 99%; position: fixed; top: 0; left: 0; background-color: transparent; overflow-x: hidden; z-index: 99999; }

#isudialog{display: none;}

  @media screen and (max-width: 660px) {
      
    #ddResultOverlay div{width: 90% !important; margin: 70px auto !important;}
    #ddResultOverlay h2{width: 90%;}
    #ddMessage div{width: 90% !important; margin: 70px auto !important;}    
    #ddBackgroundOverlay div{width: 97%; margin: 70px auto !important;}
    #ddBackgroundOverlay div button{font-size: 16px;}
    .powerwash input{width: 100px;}
    .powerwash{width: 90%;}

    #isuDialog{width: 90% !important; margin: 70px auto !important;}
    .ccOverlayClose{top: 10px;}

    .inline-form-button{font-size:20px; }
    .inline-form-button-reverse{font-size:20px;}

}

  /* Brand header */
.bh{display: inline-block; background-repeat: no-repeat; background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/w/bh60-3.jpg' ); margin-bottom: 10px;}
.bh-new-era{background-position:0 0; width:106px; height:60px;}
.bh-ogio{background-position:-127px 0; width:72px; height:60px;}
.bh-ua{background-position:-220px 0; width:77px; height:60px;}
.bh-carhartt{background-position:-316px 0; width:96px; height:60px;}
.bh-nike{background-position:-433px 0; width:93px; height:60px;}
.bh-eb{background-position:-726px 0; width:108px; height:60px;}
.bh-gildan{background-position:-855px 0; width:134px; height:60px;}
.bh-tnf{background-position:-1004px 0; width:113px; height:60px;}
.bh-hh{background-position:-1523px 0; width:83px; height:60px;}
.bh-511{background-position:-1705px 0; width:143px; height:60px;}
.bh-adidas{background-position:-1613px 0; width:85px; height:60px;}
.bh-champion{background-position:-1310px 0; width:208px; height:60px;}
.bh-columbia{background-position:-1123px 0; width:184px; height:60px;}
.bh-vineyard-vines{background-position:-531px 0; width:190px; height:60px;}
.bh-spyder{background-position:-1856px 0; width:184px; height:60px;}
.bh-cra{background-position:-2044px 0; width:184px; height:60px;}
.bh-marmot{background-position:-2246px 0; width:214px; height:60px; opacity: .85;}
.bh-bb{background-position:-2476px 0; width:270px; height:60px; opacity: .85;}
.bh-tm{background-position:-2761px 0; width:97px; height:60px; opacity: .85;}

/* widget header */
.wh{display: inline-block; background-repeat: no-repeat; background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/w/wh-v2.jpg' );}            
.wh-t-shirts{background-position:0 0; width:237px; height:100px;}
.wh-sweatshirts{background-position:-239px 0; width:237px; height:100px;}
.wh-polo-shirts{background-position:-478px 0; width:237px; height:100px;}
.wh-outerwear{background-position:-717px 0; width:237px; height:100px;}
.wh-infant{background-position:	-956px 0; width:	237px; height:	100px;}
.wh-hats{background-position:-1195px 0; width:237px; height:100px;}
.wh-dress-shirts{background-position:-1434px 0; width:237px; height:100px;}
.wh-masks{background-position:-1673px 0; width:237px; height:100px;}
.wh-bags{background-position:-1912px 0; width:237px; height:100px;}
.wh-activewear{background-position:-2151px 0; width:237px; height:100px;}
.wh-accessories{background-position:-2390px 0; width:237px; height:100px;} 
/*.wh-masks {background-size: 100%; background-image: url('https://d1vo2ulxpswjig.cloudfront.net/images/w/widget-mask.jpg'); width: 237px;height: 100px;} */


/* Product page Form Widget  */
#widgetForm {width: 90%; text-align: center;}
.widget-h2 {font-size: 28px; margin: 10px; }
.widget-article {font-size: calc(16px + .7vw); margin: 10px; text-align: left;}
.widget-input {margin: 20px 0 20px 0; font-size: 24px; border-radius: 4px; border-width: 2px; border-style: solid; border-color: #b5b4b7; width: 95%; height: 45px;}
.widget-textarea {height: 70px; margin: 20px 0 20px 0; font-size: 24px; border-radius: 4px; border-width: 2px; border-style: solid; border-color: #b5b4b7; width: 95%; padding-left: 5px;}
.widget-form-button{margin: 10px 0 10px 0; background-color: #003366; border: none; color: white; font-size:24px; font-weight: 700; border-radius: 10px !important; height: 58px !important; line-height: 46px; width: 95%; text-transform: uppercase; border-color: #003366 !important;}
.widget-email-link{text-align: left; margin-left: 2%; margin-top: 20px; margin-bottom: 100px;}
.widget-email-link a{color: #003366; font-size: 20px; }     
         
@media screen and (max-width: 1023px) {
    #widgetForm {width: 100%;}
    .widget-h2{width: 90%; margin-left: 2%;}
    .widget-article{width: 90%; margin-left: 4%;}
    .widget-article{width: 90%; margin-left: 2%;}
    .widget-input{width: 90%; margin-left: 2%;}
    .widget-textarea{width: 90%; margin-left: 2%;}
    .widget-form-button {width: 90%; margin-left: 2%;}
}
   

/* LARGE DESKTOP SIZE */
@media screen and (min-width: 1600px) {
    .simple-hero-image{height: 700px;}

}


/* TOOLTIPS */
.tooltip {display:inline-block;position:relative;}
.tooltip h3 {margin:12px 0;}
.tooltip .left {min-width:200px;max-width:400px;top:50%;right:100%;margin-right:10px;transform:translate(0, -50%);padding:10px;color:black;background-color:#FFFFE0;font-weight:normal;font-size:calc(16px + .1vw);border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;display:none;border:2px solid black;text-decoration: none;font-style:initial;line-height: 20px;text-align: left;}
.tooltip:hover .left {display:block;}
.tooltip .left i {position:absolute;top:50%;left:100%;margin-top:-12px;width:12px;height:24px;overflow:hidden;}
.tooltip .left i::after {content:'';position:absolute;width:12px;height:12px;left:0;top:50%;transform:translate(-50%,-50%) rotate(-45deg);background-color:#FFFFE0;border:2px solid black;}

.__facet-link{text-transform: capitalize; margin: 0px;}


/********************* LIGHTBOX *************************/
.slbOverlay, .slbWrapOuter, .slbWrap {position: fixed; top: 0; right: 0; bottom: 0; left: 0;}
.slbOverlay {overflow: hidden;  z-index: 2000;  background-color: #000;  opacity: 0.7;  -webkit-animation: slbOverlay 0.5s;  -moz-animation: slbOverlay 0.5s; animation: slbOverlay 0.5s;}
.slbWrapOuter {overflow-x: hidden; overflow-y: auto; z-index: 2010;}
.slbWrap {position: absolute; text-align: center;}
.slbWrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.slbContentOuter {position: relative; display: inline-block; vertical-align: middle; margin: 0px auto; box-sizing: border-box; z-index: 2020; text-align: left; max-width: 800px; overflow: hidden;}
.slbContentEl .slbContentOuter {width: 95%; margin-top: 10px;}
.slbContent {position: relative; min-height: 630px;}
.slbContentEl .slbContent {-webkit-animation: slbEnter 0.3s; -moz-animation: slbEnter 0.3s; animation: slbEnter 0.3s; background-color: #fff; box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4);}
.slbContent{/* content height*/}

.slbImageWrap {-webkit-animation: slbEnter 0.3s; -moz-animation: slbEnter 0.3s; animation: slbEnter 0.3s; position: relative;}
.slbImageWrap:after {content: ""; position: absolute; left: 0; right: 0; top: 5em; bottom: 5em; display: block; z-index: -1; box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6); background-color: #FFF;}
.slbDirectionNext .slbImageWrap {-webkit-animation: slbEnterNext 0.4s; -moz-animation: slbEnterNext 0.4s; animation: slbEnterNext 0.4s;}
.slbDirectionPrev .slbImageWrap {-webkit-animation: slbEnterPrev 0.4s; -moz-animation: slbEnterPrev 0.4s; animation: slbEnterPrev 0.4s;}
.slbImage {width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; margin: 0 auto; background-size: cover; padding: 5em 1em;}
.slbCaption {display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-size: 1.4em; position: absolute; left: 0; right: 0; bottom: 0; padding: 0.71429em 0; color: #fff; color: rgba(255, 255, 255, 0.7); text-align: center;}

.slbCloseBtn, .slbArrow {margin: 0; padding: 0; border: 0; cursor: pointer; background: none; z-index: 3000;}
._slbCloseBtn::-moz-focus-inner, .slbArrow::-moz-focus-inner {padding: 0;border: 0;}
.slbCloseBtn:hover, .slbArrow:hover {opacity: 1;}
.slbCloseBtn:active, .slbArrow:active {opacity: 1;}

.slbCloseBtn {font-size: 48px; width: 50px; height: 50px; line-height: 45px; position: absolute; top: 3%; right: 3%; color: black; text-align: center; background-color: white; border-radius: 25px;}