
/* Contact Us page Style */
.contacts-index-index  .page-title {position:relative;}
.contacts-index-index   .page-title h1 {background: rgba(255, 255, 255, 0.6);height: 50px;margin:20.3% 0 0;padding: 0;position: absolute;text-align: center;width: 100%;font:600 38px/50px "Raleway","Helvetica Neue",Verdana,Arial,sans-serif; color:#1e4485;text-transform: capitalize;}
.contacts-index-index  .cms_banner img{width:100%;}
.contact_col_left {width:62.666666666%;margin:2% 5.333333333% 0 0;float:left;}
.contact_col_left ul li {float:left;width:100%;font:400 18px/22px "Helvetica",Verdana,Arial,sans-serif;color:#535353;margin:0 0 23px 0;}
.contact_col_left ul li  a {text-decoration:underline;font-weight:800;color:#0099ff;float:left;margin:0 8px 0 0;}
.contact_col_left ul li  a:hover {text-decoration:none;}
.contact_col_left ul li  a.locate {font-weight:400;margin:0 0 20px;}
.contact_col_left span.label {width:110px;padding:0 0 0 23px;float:left;color:#1e4485;}
.contact_col_left span {float:left;width:80%;}
.contact_col_left ul li .phone {background-position:-7px -4px;height:30px;margin:0 auto;float:left;}
.contact_col_left ul li .email {background-position:-7px -35px;height:30px;margin:0 auto;float:left;}
.contact_col_left ul li .live_chat {background-position:-6px -65px;height:30px;margin:0 auto;float:left;}
.contact_col_left ul li .fax  {background-position:-6px -156px;height:30px;margin:0 auto;float:left;}
.contact_col_left ul li .social  {background-position:-6px -184px;height:30px;margin:0 auto;float:left;}
.contact_col_left ul li .address  {background-position:-6px -214px;height:30px;margin:0 auto;float:left;}
.contact_col_left .map_image{float:left; margin-left:110px;width:100%;position:relative; height: 100%;overflow:hidden;}

.contact_col_left .map_image img {width:100%;}
.contact_col_right{width:31.833333333%;float:left;margin:2% 0 0 0;}
.contact_col_right .scaffold-form {background:#f4f4f4;border:1px solid #ccc;padding:10px;margin:0 0 30px 0;}
.contact_col_right h3 {font-weight:600;}
.contact_col_right form .legend{border:0px none; color:#535353;margin:0 0 10px 0;text-transform:none;font-weight:700;}
.contact_col_right p a {text-decoration:underline;}
.contact_col_right p a:hover {text-decoration:none;}
.contact_col_right label {font:14px/18px "Helvetica",Verdana,Arial,sans-serif;color:#535353;}
.contacts-index-index .contact_col_right .buttons-set {border:0px none;margin-bottom: 10px;}
.contacts-index-index .contact_col_right button {padding:12px 20px 9px;}
.contacts-index-index .contact_col_right button:hover {background: #ea7756 !important;}
.contacts-index-index .contact_col_right button span {font-size:16px;font-family:"Helvetica",Verdana,Arial,sans-serif;font-weight: 400;}
.subcategories li a span {/*max-width: 270px;*/}


@media screen and (min-width:801px){
    .contact_col_left ul li.social a img{width: 40px;float: left;margin: 5px 2px;}
}
@media only screen and (max-width:1199px){
    .contacts-index-index .page-title h1{margin:20% 0 0;}
    .contact_col_left .map_image iframe {height: 250px;
        max-width: 500px !important;
        vertical-align: middle;
        width: 500px;}
}
@media only screen and (max-width:979px){
    .contact_col_left span.label{width:23%;}
    .contact_col_left span{width:77%;}
    .contacts-index-index .page-title h1{margin:19% 0 0;}
    .contact_col_left .map_image iframe {height: 215px;
        max-width: 450px !important;
        vertical-align: middle;
        width: 450px;}
    .subcategories li a span {max-width:180px;}
 

}
@media only screen and (max-width:900px){
    .contact_col_left span.label{width:20%;}
    .contact_col_left span{width:80%;}
    .contact_col_left ul li a {margin:0 4px 0 0;}
    .contacts-index-index .page-title h1{margin:18.6% 0 0;}
    .contact_col_left .map_image {margin-left:100px;}
    .contact_col_left .map_image iframe {height: 175px;
        max-width: 370px !important;
        vertical-align: middle;
        width: 370px;}

}


@media only screen and (max-width:800px){
    .contact_col_left span.label{width: 24%;}
    .contact_col_left ul li a img {    height: 35px;width: auto;padding: 2px 2px;}
    .contact_col_left ul li a{margin:0;}
    .contacts-index-index .page-title h1{margin:17.6% 0 0;}

    .contact_col_left .map_image {    padding: 0 10px; height: 100%; margin-left:0;}
    .contact_col_left .map_image iframe {
        height: 175px;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
    .contact_col_right, .contact_col_left{padding: 0 10px;}
    .contact_col_left ul li span:nth-child(2){
        width: 70%;
        padding: 0 10px;
    }
    .contact_col_left ul li  span:nth-child(2) span{width:100%;}
    .contacts-index-index .page-title{display:none;}
    .contact_col_left ul li.social span a{
        margin: 0;
        width: 30px;
        float: left;
        margin: 5px 2px;
    }
    .contact_col_right .input-text, .contact_col_right  textarea#comment.required-entry.input-text{width:100%; max-width: 100%;}
}
@media screen and (max-width:599px){
	.contact_col_left ul li span:nth-child(2) {width: 72% !important;}
}
@media screen and (max-width:480px){
    .contacts-index-index .page-title h1 {
        margin: 11.6% 0 0;
        font-size: 16px;
        height: auto;
    }
	.contact_col_right, .contact_col_left {padding:0;}
	.contact_col_left span.label {padding:0 0 0 20px;}
	.contact_col_left ul li span:nth-child(2) a:nth-child(5) {clear:both;}
	.contact_col_left ul li a {margin:10px 10px 0 0;}
}




/* Customer Account Create page CSS */
.customer-account-login .page-title h1, .customer-account-create .page-title h1, .customer-account-forgotpassword .page-title h1 {color: #1e4485;text-transform:none;font-size:30px;border-bottom:1px solid #acacac;margin:0 0 41px 0;padding:0 0 10px 0;}
.customer-account-create form .form-instructions, .customer-account-login form .form-instructions,
.customer-account-forgotpassword .form-instructions {font-style:normal;font:14px/18px "Helvetica",Verdana,Arial,sans-serif;color:#535353; margin-bottom: 23px;}
.customer-account-create .account-create .form-list .custom_chk input {overflow:hidden;}
.customer-account-create .account-create .form-list .custom_chk input[type="checkbox"]+label {background:url(../images/checkbox-bg.png) no-repeat scroll 0 3px !important;cursor:pointer;display:block;float:left;height:auto;margin:-1px 4px 0 0;padding:0 0 0 20px;vertical-align:middle;width:100%;}
.customer-account-create .account-create .form-list .custom_chk input[type="checkbox"]:checked+label{background:url(../images/checkbox-bg.png) 0px -52px no-repeat !important;width:auto;}
.customer-account-create  .scaffold-form .button {font-size:13px;max-width:118px;padding:8px 17px}

.customer-account-create  .link-tip,  .customer-account-login  .link-tip{background:rgba(0, 0, 0, 0) url(../images/sprite.png) no-repeat scroll 0 -246px;display:inline-block;height:24px;position:absolute;width:23px;}
.customer-account-create .remember-me-box a.hide {display:inline-block;}
.customer-account-login .page-title h1 {margin:0 0 10px 0;}
.customer-account-login .col2-set .col-1{padding-left:85px;}
.customer-account-login  .scaffold-form .button {padding:8px 17px;}
.customer-account-login .registered-users ul li:nth-child(3) {float:left;width:auto;}
.customer-account-login .registered-users ul li:nth-child(4) {width:auto;float:left;margin:0 0 0 73px;}
.customer-account-login .col2-set .col-2 .buttons-set .button {background:#819f41;}
.customer-account-create .back-link, .customer-account-login  .f-left, .customer-account-forgotpassword .back-link a{text-decoration:underline;}
.customer-account-create .back-link:hover, .customer-account-login  .f-left:hover, .customer-account-forgotpassword .back-link a:hover {text-decoration:none;}
@media only screen and (max-width: 1199px) {
    .customer-account-login .col2-set .col-2 {padding-left:5%;}
    .customer-account-login .col2-set .col-1 {padding-left:5%;}
    .remember-me-popup.show {clear:both;}
}
@media only screen and (max-width: 800px) {
    .customer-account-login .registered-users ul li:nth-child(4){margin: 0 0 0 14px;}
    .custom_chk input[type="checkbox"]:checked + label {background-position:0 -52px !important;}
}
@media only screen and (max-width: 770px) {
    .customer-account-login .registered-users ul li:nth-child(4) {clear:both;margin:0;}
    .customer-account-login .col2-set .col-1 ul {padding-left:0;}
    .customer-account-login .col2-set .col-1 {padding-left:0;}
}
@media only screen and (max-width: 479px) {
    .customer-account-login .col2-set .col-2 {padding-left:0;}
}

.customer-account-forgotpassword p.support{margin:60px 0 40px 30px;max-width: 400px;}
.customer-account-forgotpassword .buttons-set {padding-top:0;}

/* Customer Account Create page CSS */



/* Manufacturer Warranties Page CSS */
.manufacturer_warranties  {margin:0;padding:0;list-style:none;}
.manufacturer_warranties li{padding:15px; border:1px solid #cccccc;float:left;width:22.25%;height:267px;margin:0 3.666666666% 3.666666666% 0;}
.manufacturer_warranties li img {text-align:center; margin:0px auto;width:auto;}
.manufacturer_warranties li a {text-decoration:underline;}
.manufacturer_warranties li a:after{font-family:FontAwesome;content: "\f08e";display:inline-block;font-size:14px;margin-right:10px;text-align:right;color:#535353;margin:0 0 0 5px;position:relative;top: 2px;}
.manufacturer_warranties li a.pdf:after{font-family:FontAwesome;content:"\f1c1";display:inline-block;font-size:14px;margin-right:10px;text-align:right;color:#535353;margin:0 0 0 5px;}
.manufacturer_warranties li:nth-child(4n){margin-right:0;}
.manufacturer_warranties li:nth-child(4n+1){clear:left;}

@media screen and (max-width: 1199px) {
    .manufacturer_warranties li img {width:100%;}
}
@media screen and (max-width: 800px) {
    .manufacturer_warranties li {width:30.8%;}
    .manufacturer_warranties li:nth-child(3n){margin-right:0%;}
    .manufacturer_warranties li:nth-child(3n+1){clear:left;}
    .manufacturer_warranties li:nth-child(4n) {margin-right:3.666666666%;}
    .manufacturer_warranties li:nth-child(4n+1){clear:none;}
}
@media screen and (max-width: 599px) {
    .manufacturer_warranties li {width:47.8%;}
    .manufacturer_warranties li:nth-child(2n){margin-right:0%;}
    .manufacturer_warranties li:nth-child(2n+1){clear:left;}
    .manufacturer_warranties li:nth-child(3n+1){clear:none;}
    .manufacturer_warranties li:nth-child(4n+1){clear:none;}
    .manufacturer_warranties li:nth-child(3n) {margin-right:3.666666666%;}
    .manufacturer_warranties li:nth-child(6n){margin-right:0% !important;}
}
/* Manufacturer Warranties Page CSS */


/* Brands Page CSS */
/*.category-brands .subcategories {display:none;}*/
.brand-block.premium-brands {margin:35px 0.8% 0;width:18%;}
.brand-block {display:inline-block;vertical-align:top;}
.brand-block img {margin-bottom:15px;width:100%;}
.brand-block.premium-brands {margin:35px 0.8% 0;width:18%;}
.brand-block {display:inline-block;vertical-align:top;}
.brand-block img {margin-bottom:15px;width:100%;}
.brand-block.premium-brands ul {list-style:outside none none;}
.brand-block.premium-brands li {margin-left:0;}
.brand-block.premium-brands li a{color:#535353;}
.brand-container-top {clear:both;display:block;overflow:hidden;}
.brand-container-top .where-to-help {width:20%;float:left;}
.brand-container-top .brand-banner {width:78%;float:left;margin-left:2%;}
.brand-container-top .brand-banner img {width:100%;}
.brand-container-top .brand-banner h1 {background:rgba(255, 255, 255, 0.7);font-size:36px;margin:-43px 0 0;position:relative;text-align:center;width:100%;}
@media only screen and (max-width: 1199px) {
    .brand-container-top .where-to-help {width:30%;}
    .brand-container-top .brand-banner {width:68%;}
}
@media only screen and (max-width: 900px) {
    .brand-container-top .where-to-help {width:33%;}
    .brand-container-top .brand-banner {width:65%;}
    .brand-block.premium-brands {margin:35px 0.75% 0;}
}
@media only screen and (max-width: 770px) {
    .brand-container-top .where-to-help {width:100%;}
    .brand-container-top .brand-banner {width:100%;margin:20px 0 0 0;}
    .section-divider {margin: 2em 0 0;}
    .section-divider h2 {margin:-0.5em 0 0;padding:0.05em 1.5em 0;}
    .brand-block.premium-brands {width:23%;margin:35px 0.70% 0;}
}
@media only screen and (max-width: 599px) {
    .brand-block.premium-brands  { width:30%;margin:35px 1.3% 0;}
}
@media only screen and (max-width: 479px) {
    .brand-block.premium-brands  { width:46%;margin:35px 1.3% 0;}
    .section-divider h2 {font-size:18px;}
}
/* Brands Page CSS */

/*======== We Are Here to Help Block CSS ========= */
.help_block {background: #f4f4f4;border:1px solid #ccc;padding: 11px;}
.sprite_icon, .Select_bg {background:url("../images/sprite.png") no-repeat left top;display:inline-block;height:0;margin:0;}
.help_block h3 {color:#d55530;font-weight: 800;font:14px/60px "Helvetica", Verdana, Arial, sans-seri;text-transform: uppercase;}
.help_block h3 span {float:left;font-weight: 800;}
.help_block h3 .sprite_icon.help {background-position:-600px 0;height:60px;margin:0 auto;width:60px;float:left;padding-left: 60px;}
.help_block p{margin:10px 0 15px 0;font:14px/21px "Helvetica", Verdana, Arial, sans-seri;color:#535353;float:left;}
.help_block > ul {clear:both;font-family:"Helvetica", Verdana, Arial, sans-seri; }
.help_block > ul li {line-height: 30px;}
.help_block ul li.call .phone {background-position:-7px 0;height:30px;margin:0 auto;width:30px;float:left;}
.help_block ul li.call .email {background-position:-7px -30px;height:30px;margin:0 auto;width:30px;float:left;}
.help_block ul li.call .live_chat {background-position:-7px -60px;height:30px;margin:0 auto;width:30px;float:left;}
.help_block ul li.call strong {color:#1e4485;}
@media only screen and (max-width: 900px) {
    .help_block > ul {font-size:12px;}
    .help_block ul li.call .phone, .help_block ul li.call .email, .help_block ul li.call .live_chat {width:22px;}
}
/*======== We Are Here to Help Block CSS ========= */


/* Added CMS updates */
@media screen and (max-width:991px){
    .cms-page-view .col2-set .col-1, .cms-page-view .col2-set .col-2{width:100%!important; padding: 10px;}
    .cms-page-view .std img, .cms-no-route .std img{max-width: 100%; margin: 0 auto; float: none;}
    .cms-page-view .col2-set .col-1, .cms-page-view .col2-set .col-2{width:100%!important; padding:10px!important;}
    .cms-page-view .subheading_cms{margin: 0!important;}
    .cms-page-view .subheading_cms .heading-border h3{font-size: 24px;}
}
@media only screen and (max-width: 530px){
    .main-container .yotpo.yotpo-main-widget .yotpo-display-wrapper .yotpo-label.yotpo-small-box .yotpo-default-button.yotpo-icon-btn.pull-right.yotpo-hidden-mobile.write-button.write-review-button, .main-container .yotpo.yotpo-main-widget .yotpo-display-wrapper .yotpo-label.yotpo-small-box .yotpo-default-button.yotpo-icon-btn.pull-right.yotpo-hidden-mobile.write-question-button{
        display: block;
    }
}
@media screen and (max-width:469px){

.cms-page-view .col2-set h3{font-size:18px;}
.cms-page-view .subheading_cms .heading-border h3 span{line-height: initial;}
.cms-page-view .subheading_cms .heading-border h3 {padding: 0.05em 0.5em 1em; font-size: 22px;margin-top: -14px;}
}

.block-layered-nav .block-content > dl > dt.empty-filter::after ,
.block-layered-nav .block-content.accordion-open > dl > dt.empty-filter.current::after {display:none;}
.block-layered-nav .block-content > dl > dd.empty-filter{padding: 0;}
.catalog-product-view .page .main-container .yotpo .yotpo-small-box {display: block !important;}
.firecheckout-questions{
    display: none;
}

.yotpo.yotpo-lightbox .yotpo-lightbox-products-main .yotpo-lightbox-product-main-image{
    display: inline-block !important;
}

/* out of stock call us link that replaces add to cart button */
.out-of-stock-call {
    float: right;
    width: auto;
}
@media screen and (max-width: 770px) {
    .out-of-stock-call {
        width: 100%;
    }
}

/* Contact Category Form */
.contact-form-buttom {
    color: #3399cc;
}

.contact-form-modal {
    display: none;
    right: 5%;
    position: absolute;
    max-width: 80%;
    max-height: 80%;
    height: 700px;
    width: 0%;
    border: 1px solid black;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.close-contact-modal-button {
    float: right;
    padding-bottom: 7px;
    line-height: 1.4 !important;
    margin-bottom: 15px;
    padding-right: 10%;
}

.contact-form-success {
    display: none;
    font-size: 14px;
    padding-top: 15px;
    padding-left: 12px;
    width: 100%;
}

.contact-form-captcha-error {
    text-align: right;
    display: none;
}
