/************************* NOTICE ***********************\

- THIS FILE SHOULD BE USED FOR CUSTOM CSS MODIFICATIONS -

- Using this file for CSS modifications rather than
modifying Style.css directly will allow your site to
receive template updates in the future.

\************************* NOTICE ***********************/
.clear{clear:both;}
.news_clear{clear:both; float:left !important;}
#in_news strong{text-align: center; display:block; margin-bottom:15px;}
#in_news .four.columns{margin-bottom:25px;}
footer.main .credit-links p{padding-top:8px; font-size:0.95em;}

#DescriptionTab blockquote{text-transform: none;}
.blog-title{margin-bottom:15px; font-style:normal; font-family: "Titillium Web", sans-serif; color:#ed7233; font-size:28px; font-weight:300; line-height:32px; text-transform: none; display:block; border-bottom: solid 2px #dbdbdb; text-align: center;}

.brandnew{background:url('../images/brandnew.png') 215px center no-repeat;}
.onsale{background:url('../images/onsale.png') 215px center no-repeat;}

/* Product Grid */
.on-sale-badge{display:none !important;}
.ProductPrice strike{color:#cc0000;}

/* Footer */
.default .customersSay{
   margin-top:0;
}
.customersSay{
    display:block;
    margin-top:40px;
    padding:13px 0;
}
.customersSay p{
    font-family:'Arial',sans-serif;
    font-size:15px;
    margin:0 0 5px;
}
.customersSay strong{
    display:block;
    font-size:37px;
    font-weight:normal;
    line-height:37px;
    margin-bottom:5px;
}
.customersSay .button{
    text-transform:none;
    font-size:18px;
    font-family:'Arial',sans-serif;
    font-weight:normal;
    padding:6px 15px 5px;
}
.customersSay .button:after{
    content:url("../images/buttonArrowRight.png");
    display:inline-block;
    margin-left:20px;
    vertical-align:middle;
}
.customersSay .audioCol{text-align:center;}
.customersSay .audioCol span{
    font-family: 'Titillium Web', sans-serif;
    font-size:20px;
}
.customersSay .audioCol strong{
    font-size:24px;
    font-weight:bold;
}

.aboveFooter{margin-top:0;}

.ShopPage .customersSay{margin-top:0;}

#MixMatch_popup{position:fixed; padding:10px 25px; top:68px; left:-250px; background:url('../images/x-mark.png') no-repeat scroll top 4px right 4px #f6f6f6; box-shadow:0 0 0 2px #f1f1f1; text-transform: uppercase; font-family: "Titillium Web",sans-serif; font-style: normal; font-weight: 700; line-height:35px;}
.createbtn{border-radius:3px; background:url('../images/createarrow.jpg') right 10px center no-repeat #ed7233; text-transform: uppercase; font-family: "Titillium Web",sans-serif; font-style: normal; font-weight: 700; color:#fff; text-align:center; margin: 0 0 0 20px; padding: 5px 30px 5px 10px;}
.createbtn:hover{color:#fff;}

#freeshipping{position:relative;}
#freeshipping span{color:#ed7233; font-weight:bold;}
#freeshipping span:first-of-type{text-transform:uppercase; font-size:18px; color:#ed7233; font-weight:bold; letter-spacing:.025em;}
#freeshipping p{font-weight:bold; cursor:pointer;}
#freeshipping .nine.column{padding-top:15px;}

/* HOME PAGE */
.promoBoxWrap{clear:both; padding-top:1.4%;}
.utilitarian-home .promo-box-row ul li{
    width:48.8%;
    text-align:center;
}

/* Newsletter Popup */
#mask{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
    height: 100%;
    max-width: 100%;
    min-width: 100%;
    opacity: 0.9;
    position: absolute;
    width: 100%;
    z-index: 9999;
    top:0;
}
#newsletterPopup{
    display:none;
    position:fixed;
    width:600px;
    height:auto;
    background:#fff;
    border:solid 2px #ccc;
    top: 20%;
    left: 50%;
    margin-top: -100px;
    margin-left: -300px;;
    z-index: 10000;
    padding:10px 20px;
}
#newsletterPopup strong{
    color: #ed7233;
    display: block;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 55px;
    padding: 0;
    text-transform: none;
}
.subscribe_form_popup{
    position:relative;
}
#closeNewsletter{
    height:35px;
    width: 35px;
    position: absolute;
    right: -2px;
    top: -2px;
    cursor: pointer;
    background:url('../images/x-mark.png') no-repeat center center;
}

/*Landing Pages*/
.webpage.page:not(.blogpage) #PageContent h1.landingH, #PageContent h1.landingH{
    margin-top:-45px;
    color: #ed7233;
    display: block;
    font-family: "Titillium Web",sans-serif !important;
    font-size: 48px !important;
    font-weight: 300 !important;
    letter-spacing: normal;
    line-height: 55px !important;
    margin-bottom: 5px;
    padding: 0;
    text-transform: none;
    top: 0;
}
/*FAQ Pages*/
#faq_container{margin-bottom:20px;}
#faq_container, #faq_container li{list-style: none;}
.faq_question{background: url('../images/plus.png') center right no-repeat #eee; cursor: pointer;}
.faq_question{margin-bottom:8px; padding:14px;}
.faq_answer{margin-bottom:8px; padding:10px;}
.faq_answer{border:solid 1px #ededed;}
.BlockContent span.bigQ{font-size:48px !important; color:#7d7f82 !important;}
.BlockContent strong.landingH{font-size:18px; color:#ed7233 !important; line-height: 20px;}

/*Testimonials*/
.orange-quote{padding:25px; background:#ed7233; border-radius: 8px; position:relative; overflow: visible;}
.BlockContent div .orange-quote p, .grey-quote p {color:#fff !important;}
.orange-quote:after{
    content:'';
    background:url('https://cdn2.bigcommerce.com/server2900/f2237/templates/__custom/images/orangetriangle.png');
    position:absolute;
    bottom:-19px;
    right:15px;
    overflow: visible;
    height:20px;
    width:41px;
}
.orange-qoute img{float:left; margin-right:8px;}
.orange-qoute >div.qoute-source{text-align:right;}

.grey-quote{padding:25px; background:#868686; border-radius: 8px; position:relative; overflow: visible; color:#fff !important;}
.BlockContent div .grey-quote p{color:#fff !important;}
.grey-triangle{}
.grey-quote img{}
.grey-qoute img{float:right; margin-right:8px;}
.grey-quote:after{
    content:'';
    background:url('https://cdn2.bigcommerce.com/server2900/f2237/templates/__custom/images/greytriangle.png');
    position:absolute;
    bottom:-19px;
    left:15px;
    overflow: visible;
    height:20px;
    width:41px;
}
div.testimonals ul{list-style: none;}
.quote-source{display:block; margin-bottom:35px; clear:both; padding-top:20px; font-weight: bold; font-style:normal; text-align:right;}
/*.quote-source:nth-of-type(odd){text-align:right;}*/
.testimonials .quote-source{padding-top:0;}

.general-quote{padding:25px; background:#f8f8f8; border-radius: 8px; position:relative; overflow: visible; border-bottom:solid 1px #dadada;}
.general-quote .quote-source{margin-bottom:0;}
.general-quote:nth-of-type(odd):after{
    content:'';
    background:url('https://cdn2.bigcommerce.com/server2900/f2237/templates/__custom/images/generaltriangle.png');
    position:absolute;
    bottom:-20px;
    right:15px;
    overflow: visible;
    height:20px;
    width:41px;
}
.general-quote:nth-of-type(even):after{
    content:'';
    background:url('https://cdn2.bigcommerce.com/server2900/f2237/templates/__custom/images/generaltriangle.png');
    position:absolute;
    bottom:-20px;
    left:15px;
    overflow: visible;
    height:20px;
    width:41px;
}
.testimonials ul{list-style: none;}
.orange-quote p, .grey-quote p{color:#fff;}
#top-promo{margin-bottom:15px;}

.mobileimg{display:none;}
.phoneNo{text-align: right;}

.grecaptcha-badge{z-index:100000 !important;}

/*Shipping Page*/
    #shippingPage center h2{text-align: center !important;}
    #shippingPage center:first-of-type{margin-top:125px;}
    #shippingPage center:nth-child(1){margin-top:150px;}
    #shippingPage center:last-of-type{margin-top:125px;}
    #shippingPage .row{margin-bottom:25px !important;}
    .row .box{background:#f8f8f8; border:solid 1px #e1e0e0; padding:0 8px;  vertical-align: middle; display:table-cell; margin-bottom:15px !important;}
    .row .box p{line-height:95px !important;}
    .row .box img:last-of-type{padding-top:35px;}
    #shippingPage .row .five{margin-top:25px;}
    .icon-padding:first-of-type{margin-top:15px;}

    @media screen and (max-width: 600px){
        #shippingPage{text-align:center;}
        #shippingPage center:first-of-type{margin-top:5px;}
        #shippingPage center:nth-child(1){margin-top:5px;}
        #shippingPage center:last-of-type{margin-top:5px;}
        #shippingPage img, .row .box img{margin:0 auto; display:block; text-align:center;}
        .row .box p{line-height:inherit !important; text-align:center;}

        .row .box img:last-of-type {padding:10px 0}
        p.nextday{float:left !important; line-height:82px !important; margin-right:20px;}

    }
    @media screen and (min-device-width: 768px){
        p.nextday{float:left !important; line-height:25px !important; margin-right:20px;}
        .row .box p{padding-top:25px; line-height:inherit !important; text-align:center;}
    }
/*Returns Page*/
    .BlockContent .bigNumber{background:#f8f8f8; padding:12px 24px; border-radius: 50%; height:65px; width:65px;}
    .BlockContent .step > span{color:#ed7233 !important; font-size:36px !important; float:left; margin-right:8px; vertical-align: top; font-weight: bold;}
    .BlockContent .step p{margin-top: 24px;}
    .BlockContent .step img{display:block; clear:both; margin-top:15px; margin:0 auto;}
    @media screen and (max-width: 600px){
                .BlockContent .step img{display:none !important;}
        #returnsExchanges .three{float:left;}
                }
/*Video PopUps audio/video page*/
.reveal-modal.videoiframe {
    width: auto;
    z-index: 120;
}

.videoPopup iframe{cursor:pointer; border:solid 2px #444; margin-bottom:5px;}
.videoPopup p{margin-bottom:25px;}
.lazy-hidden {
    background: #000 url(//cdn2.bigcommerce.com/server2900/f2237/templates/__custom/images/fancybox/fancybox_loading.gif?t=1756684519) no-repeat 50% 50%;
}

/*Whats an ionloop chart*/
.wContainer{float:left; width:16.6%;  text-align: center; height:150px; overflow:hidden;}
.wContainer img{}
.wBox{height:150px; float:left; width:16.6%; text-align: center; position: relative;}
.wContainer > .wTitle{background:#e45303; color:#fff !important;}
.wBox .fa{font-size:32px !important; vertical-align: middle; position: absolute; top:50%; bottom:50%; margin-top:-16px; margin-left:-16px;}
.wBox .fa-check{color:#e45303 !important;}
.wAlt{background:#f1f1f1;}
.wBoxRow{border-bottom: solid 3px #ccc;}

.loopdeals{color:#ed7233 !important; font-weight:bold;}

/*Media*/
@media (min-width: 769px) {
    .BlogPostContent .thumbnail{min-height:200px;}
}

/* tablet size and below */
@media (max-width: 768px) {
    #habla_beta_container_do_not_rely_on_div_classes_or_names{display:none;}
    header.main .freeShipping span{font-size:10px !important;}
    .newline{display:block !important;}
    .loopdeals{color:#41413b !important; font-weight:normal; margin:8px 0;}
    .brandnew{background:url('../images/brandnew.png') 215px center no-repeat;}
}
@media (max-width: 520px) {
    .responsive .nav li li .parent{background-position:150px center;}
    .brandnew{background:url('../images/brandnew.png') 215px center no-repeat;}
    #top-promo{margin:5px 0;}
    .mobileimg{display:block;}
    .desktopimg{display:none;}
    .phoneNo{text-align:left; display:block; clear:both;}
    .wContainer > .wTitle{height:100%; padding-top:85%;}
    .BlockContent .wContainer .wTitle, .BlockContent .wBoxRow .wBox .wTitle{font-size:12px !important;}
}

@media only screen and (max-width: 480px) {
    .responsive .utilitarian-home{padding:0;}
    .responsive .utilitarian-home .promo-box-row ul li{margin-bottom:1.4%;}
    #newsletterPopup{display:none;}
    #mask{display:none;}
    #top-promo{margin:5px 0;}
    #Technology .utilitarian-home strong{margin-left:25px !important;}
    #Technology .utilitarian-home strong, #Technology .utilitarian-home h1{font-size:45px !important;}

    .responsive ul.product-thumbs li > a .thumb-image img{
        max-height: 250px;
        width: auto;
        margin: 0 auto;
        display: block;
    }

}

@media (min-width: 570px) and (max-width: 768px){
    .phoneNo{position:absolute; right:25px; top:75px;}
    #Technology .utilitarian-home strong{margin-left:25px !important;}
}