body,h1,h2,h3,h4,h5,h6,p,ul{margin:0}body,h1,h2,h3,h4,h5,h6{font-weight:600}body,ul{padding:0}button,h1,h2,h3,h4,h5,h6,header .top .call span,header .top .cart a{text-transform:uppercase}.arrow-wrap,header{position:fixed;right:0;left:0}header,img{width:100%}header .logo a,header .top .call a{vertical-align:middle}*{box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box}body{color:#232323;font-family:"Open Sans",sans-serif;font-size:18px}h1{font-size:60px;line-height:65px}h1.banner{font-family:Antonio,sans-serif;font-weight:500}h2{font-size:50px;line-height:50px}a,i,span{display:inline-block}a{text-decoration:none}ul{list-style:none}img{display:block}.row:after,.row:before{clear:both;content:"";display:table}.container{margin:0 auto;max-width:1420px}.flex{display:flex;-moz-display:flex;-o-display:flex;-webkit-display:flex}input,select,textarea{background:#fff;border:1px solid #777;border-radius:0;color:#252525;font-family:"Open Sans",sans-serif;font-size:17px;font-weight:500;padding:15px;width:100%}input:focus,select:focus,textarea:focus{outline:0}select{background:url(../images/select-arrow.png) 97% center no-repeat #fff;appearance:none;-moz-appearance:none;-o-appearance:none;-webkit-appearance:none;position:relative}button{background:0 0;border:2px solid #dd1b25;border-radius:3px;color:#dd1b25;font-size:15px;font-weight:700;padding:15px 40px}#home .hero a,header .main .button a{border:1px solid #dd1b25;letter-spacing:2px}button:hover{background:#dd1b25;color:#fff}.arrow-wrap{background:rgba(43,43,43,.8);bottom:0;color:#dd1b25;display:inline-block;font-size:35px;margin:0 auto;max-width:50px;padding:0 15px;text-align:center;z-index:9999999}header{background:rgba(106,106,106,.75);padding:0 0 10px;top:0;z-index:9999}header .top .call span i,header .top .cart i{background-image:url(../images/sprite-images.png);content:""}header.scroll{transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;-webkit-transition:background .3s ease-in-out}header .mobile-menu{display:none}#home .hero .round,footer nav li,footer p,header .main .button,header .main li,header .main ul,header .top .call,header .top .cart{display:inline-block}header .logo{float:left;line-height:85px}header nav{float:right}header .top{margin-bottom:10px;text-align:right}header .top .call{margin-right:60px}header .top .call span{color:#aaa;font-size:12px;font-weight:800;margin-right:5px}header .top .call span i{margin-right:5px;vertical-align:middle;width:13px;height:14px;background-position:-39px 0}header .top .call a{color:#fff;font-family:Antonio,sans-serif;font-size:30px;font-weight:600}header .top .cart a{color:#fff;font-size:15px}header .top .cart i{height:12px;margin-right:5px;width:14px;background-position:-23px 0}header .top .cart span{color:#dd1b25}header .main .button a,header .main li a{color:#fff;vertical-align:middle;text-transform:uppercase}header .main ul{margin-right:21px}header .main li{padding:0 14px}header .main li a{font-size:15px}header .main .button a{background:#dd1b25;border-radius:3px;font-size:12px;font-weight:700;padding:10px 20px}header .main .button a:hover{background:#fff;color:#dd1b25}footer{border-top:1px solid #dd1b25;padding:45px 30px 40px}footer a,footer p{color:#444;font-size:12px;font-weight:300}footer .copyright{float:left}footer nav{float:right}footer nav li{padding:0 10px}footer nav li:last-child{padding-right:0}#contact-cta{padding:40px 30px;text-align:center}#contact-cta h2{color:#dd1b25;margin-bottom:60px}#contact-cta form{margin:0 auto;max-width:640px}#contact-cta .row{margin-bottom:15px}#contact-cta .col{float:left;margin-right:15px;width:48.8%}#contact-cta .col:last-child{margin-right:0}#contact-cta button{margin-top:40px}#home .hero{height:auto!important;padding:140px 30px 40px;text-align:center}#home .section1 li:before,#home .section2 li a:before{height:24px;vertical-align:middle;content:""}#home .hero .image1{margin:0 auto 35px;max-width:51px}#home .hero .image2{margin:20px auto 25px;max-width:274px}#home .hero .image3{margin:0 auto;max-width:273px}#home .hero .round{background:#232323;border-radius:50%;padding:95px 55px}#home .hero h1{color:#fff;margin-bottom:45px}#home .hero span{display:block;color:#969696;font-size:17px;font-weight:300}.purchase-barcode-btn a span{ text-transform: lowercase;  font-weight: 700; color: #fff; font-size:26px}#home .hero a{background:#dd1b25;border-radius:3px;color:#fff;display:block;font-size:15px;font-weight:700;margin:0 auto!important;max-width:260px;padding:15px 30px;text-transform:uppercase}#home .hero a:hover{background:#fff;color:#dd1b25}#home .hero .slide-content{display:inline-block;position:relative}#home .section1{padding:205px 30px 120px}#home .section1 .desc,#home .section1 .image{float:left;width:50%}#home .section1 .image{padding-right:50px}#home .section1 h1{margin-bottom:50px}#home .section1 li{font-size:17px;font-weight:600;margin-bottom:15px}#home .section1 .button a,#home .section2 .button a{font-weight:800;letter-spacing:2px;text-transform:uppercase}#home .section1 li:last-child{margin-bottom:0}#home .section1 li:before{display:block;float:left;margin:2px 15px 20px 0;background-image:url(../images/sprite-images.png);width:23px;background-position:0 -24px;margin-top:4px!important}#home .section1 li a{color:#dd1b25;text-decoration:underline}#home .section1 .button a{background:#dd1b25;border:1px solid #dd1b25;border-radius:3px;color:#fff;font-size:15px;margin-top:40px;padding:15px 20px}#home .section1 .button a:hover{background:0 0;color:#dd1b25}#home .section2 .overlay{background:rgba(0,0,0,.53);color:#fff;padding:40px 30px}#home .section2 .overlay a{color:#fff}#home .section2 h2{margin-bottom:47px;max-width:510px}#home .section2 .col{float:left;padding-right:30px;width:50%}#home .section2 li{font-size:18px;margin-bottom:20px}#home .section2 li:last-child{margin-bottom:0}#home .section2 li a:before{display:inline-block;margin-right:10px;background-image:url(../images/sprite-images.png);background-position:0 0;width:23px}#home .section2 .button{margin-top:85px;text-align:center}#home .section2 .button a{border:2px solid #fff;border-radius:3px;color:#fff;font-size:15px;padding:15px 25px}#home .section2 .faq-popup{background:rgba(0,0,0,.8);bottom:0;display:none;left:0;line-height:100vh;position:fixed;right:0;text-align:center;top:0;z-index:99999}#home .section2 .faq-popup .overlay{bottom:0;left:0;position:absolute;right:0;top:0}#home .section2 .faq-popup .wrap{background:#fff;display:inline-block;line-height:normal;max-width:900px;padding:30px 50px 30px 40px;position:relative;vertical-align:middle;width:100%;z-index:9999}#home .section2 .faq-popup .wrap h6{color:#dd1b25;font-size:30px;margin-bottom:20px}#home .section2 .faq-popup .wrap p{font-size:20px;line-height:35px;text-align:left}#home .section2 .faq-popup .wrap .close{cursor:pointer;position:absolute;right:15px;top:15px;opacity:1}#home .section2 .faq-popup.open{display:block}#home .section2 .button a:hover{background:#dd1b25;border-color:#dd1b25;color:#fff}#home .section3{background:#f8f8f8;padding:40px 0}#home .section3 .container{padding:0 20px}#home .section3 .col-2{float:left;padding:0 30px;width:50%}#home .section3 .col-2:first-child .wrap{background:#dd1b25}#home .section3 .col-2:first-child .wrap h6,#home .section3 .col-2:first-child .wrap p,#home .section3 .col-2:first-child .wrap span{color:#fff}#home .section3 .col-2:first-child .wrap span:after{background:#fff}#home .section3 .col-2 .wrap{background:#fff;height:100%;padding:25px 60px;text-align:center}#home .section3 .image{margin:0 auto 30px;max-width:109px}#home .section3 .image img{border-radius:100%}#home .section3 h6{color:#dd1b25;font-size:18px;font-weight:600;text-transform:initial}#home .section3 span{color:#8f8f8f;font-size:14px;font-weight:500}#home .section3 span:after{background:#01010c;content:"";display:block;height:2px;margin:20px auto;width:22px}#home .section3 p{color:#8f8f8f;font-size:14px;font-style:italic;font-weight:600;line-height:30px}#home .section4{padding:40px 30px;text-align:center}#home .section4 h2{margin-bottom:90px}#home .section4 .row{padding:0 20px}#home .section4 .col{display:inline-block;margin-bottom:50px;padding:0 30px;vertical-align:middle;width:19%}#home .section4 .col:after,#home .section4 .col:before{clear:both;content:"";display:table}#home .section4 .image{display:inline-block}#db-order-history .download-part{border-right:1px solid #dd1b25;padding-right:5px;margin-right:3px}#db-order-history .download-part:last-child{border-right:none}#barcode-order{padding-top:60px;position:relative}#barcode-order .pagination{left:0;position:absolute;right:0;text-align:right!important;top:0}#barcode-order .pagination span{font-family:"Open Sans";font-size:12px;font-weight:600;left:0;position:absolute;top:7px}#barcode-order .pagination button{background:#dd1b25;color:#fff;font-family:"Open Sans";font-size:12px;padding:5px 10px}#barcode-order .pagination button:first-child{margin-right:5px!important}#barcode-order .pagination button:last-child{margin-left:5px!important}.barcode-listing{width:100%}.barcode-listing tbody{column-count:5;-moz-column-count:5;-o-column-count:5;-webkit-column-count:5;display:block}.barcode-listing tr{display:block}.barcode-listing tr:nth-child(odd){background:#ccc}.barcode-listing td{display:block;line-height:25px;width:100%;text-align:center}.products .banner{position:relative}@media (max-width:1760px){.products .banner{justify-content:right!important}.products .banner article.container{margin:0 6% 0 0}}@media (max-width:1550px){.products .banner article.container{margin-right:0}}@media (max-width:1460px){.products .banner article.container{margin-top:125px}}@media (max-width:1134px){#home .section3 .pagination{bottom:20px}}@media (max-width:1032px){header .main ul{margin-right:0}}@media (max-width:1024px){h1{font-size:50px}h2{font-size:40px}header{padding:10px 30px;position:fixed}header .logo{line-height:normal;max-width:250px}header .mobile-menu{display:block;float:right;line-height:50px}header .mobile-menu button{display:inline-block;line-height:normal;padding:5px 10px;vertical-align:middle}header nav{display:none}header nav.open{background:rgba(106,106,106,.75);display:block;float:none;left:0;padding:0 30px 20px;position:absolute;right:0;text-align:right;top:79px}header.scroll nav.open{background:rgba(106,106,106,1);transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;-webkit-transition:background .3s ease-in-out}footer{padding:20px 30px;text-align:center}footer .copyright,footer nav{float:none}#contact-cta{padding:50px 30px}#contact-cta h2{margin-bottom:30px}#home .section3 .slide,#home .section3 .title{width:50%}#home .section3 .swiper-wrapper{height:418px}#home .hero{padding-top:120px}#home .hero .slide-content{display:block}#home .hero .round{padding:55px}#home .hero h1{display:inline-block;font-size:30px!important;line-height:40px;margin-bottom:0;margin-left:10px;vertical-align:middle}#home .section1{padding:100px 30px}#home .section1 .image{padding-right:30px}#home .section2 .overlay,#home .section3{padding:50px 30px}#home .section1 h1{margin-bottom:20px}#home .section2 h2,#home .section4 h2{margin-bottom:30px}#home .section2 .button{margin-top:50px}#home .section3 .container{padding:0}#home .section3 .title{padding:80px 40px 70px}#home .section3 .slide{padding-right:0}#home .section3 .swiper-slide{padding:25px 60px}#home .section3 .pagination{bottom:5px}#home .section4{padding:70px 30px}#home .section4 .col{margin-bottom:20px;padding:0 15px}.purchase-barcode-btn{display:inline-block;position:relative;top:0!important;left:0!important}.flex{display:block}#home .section1 .image img{margin-left:27px}.about-us .sec-3 .btn-red{margin-top:-10px;position:relative;bottom:0;top:86px;left:-217px}}@media (max-width:773px){#home .hero h1{font-size:21px!important;line-height:normal!important}}@media (max-width:768px){.about-us .sec-3 .btn-red{margin-top:-10px;position:relative;bottom:0;top:0;left:0}.about-us .sec-2 img{max-width:305px;width:100%;max-height:438px}}@media (max-width:767px){#home .section1 .desc,#home .section1 .image,#home .section2 .col,#home .section3 .slide,#home .section3 .title{float:none;width:100%}h1{font-size:43px;line-height:50px}h2{font-size:36px;line-height:35px}h2 br{display:none}.flex{display:block}#contact-cta{padding:30px}#contact-cta button{margin-top:20px}#home .hero .round{padding:40px 20px}#home .hero .image1{margin-bottom:10px}#home .hero h1{margin-bottom:20px}#home .hero .image2{margin-top:15px;margin-bottom:15px}#home .section1{padding:30px}#home .section1 .image{margin-bottom:30px;padding-right:0}#home .section1 li:before{margin-bottom:0}#home .section1 .button a{margin-top:25px;padding:15px}#home .section2 .overlay{padding:30px}#home .section2 .col{margin-bottom:20px;padding:0}#home .section2 .col:last-child{margin-bottom:0}#home .section2 li{margin-bottom:20px}#home .section2 .button{margin-top:25px}#home .section3 .title h2{margin-bottom:35px}#home .section3 .slide{padding:0}#home .section3 .swiper-slide{padding:25px 30px 50px}#home .section3 .pagination{bottom:15px}#home .section4{padding:50px 30px}#home .section4 h2{font-size:20px;margin-bottom:50px}#home .section4 .row{padding:0}#home .section4 .col{width:auto}#home .hero h1{font-size:55px;line-height:58px}#home .section1 li{margin-bottom:22px}#home .section3 .title{margin-bottom:30px;padding:30px 20px;text-align:center}#home .section1 .image img{margin-left:-1px}.order-detail-page{padding:0}.barcode-listing tbody{column-count:4;-moz-column-count:4;-o-column-count:4;-webkit-column-count:4}}@media (max-width:705px){.barcode-listing tbody{column-count:3;-moz-column-count:3;-o-column-count:3;-webkit-column-count:3}}@media (max-width:700px){header .main li{padding:0 10px}header .main .button a{padding:10px}#home .hero{padding-top:120px;margin-bottom:-94px}#home .hero .round{padding:105px 55px;border-radius:0!important;background-color:rgba(35,35,35,.66)!important}#home .hero{padding:110px 0}#home .hero h1{display:none;font-size:55px;line-height:70px}#home .section1 .image img{margin-left:0!important}}@media (max-width:683px){input,select,textarea{padding:15px 10px}#contact-cta .col{margin-right:0;width:100%}#contact-cta .col:first-child{margin-bottom:15px}}@media (max-width:640px){header,header nav.open{background:#6a6a6a}header nav.open{top:63px}header .logo{max-width:180px}header .mobile-menu{line-height:35px}header .main .button,header .main li,header .main ul{display:block;text-align:center}header .main li{margin-bottom:20px}header .top{text-align:center}header .top .call{margin-right:20px}header .top .call a{font-size:21px}header .main .button a{position:relative;left:0}footer nav li{display:block;padding:0}#home .hero .round{height:100%;padding:0;background-color:rgba(35,35,35,.53)!important;border-radius:0!important;width:100%}.about-us .sec-2 img{max-width:305px;width:100%;max-height:100%}.products .banner p{text-shadow:none}}@media (max-width:596px){#home .hero{padding-top:50px}#home .hero .round{background:0 0;padding:40px 0 0}#home .hero a{margin-top:25px}}@media (max-width:384px){.products .banner .btn-red{width:90%!important;margin:15px 0!important;padding:20px!important}}@media (max-width:537px){.barcode-listing tbody{column-count:2;-moz-column-count:2;-o-column-count:2;-webkit-column-count:2}}@media (max-width:380px){.barcode-listing tbody{column-count:1;-moz-column-count:1;-o-column-count:1;-webkit-column-count:1}}@media (max-width:372px){#home .section3 .title a{text-align:center}}.purchase-barcode-btn{top:-160px!important}#home .hero .labor-day{bottom:-30px;position:absolute;right:180px}a.labor-day.test:after{display:none!important}.labor-day.mobile{display:none}.labor-day,.labor-day:hover{background:#dd1b24!important;border-radius:50%!important;color:#fff!important;display:block!important;letter-spacing:0!important;max-width:310px!important;padding:50px 40px!important;text-align:center;width:100%}.labor-day:before{border:2px solid #fff;border-radius:50%;content:"";display:block;left:6px;position:absolute;top:6px;right:6px;bottom:6px}.labor-day h4{font-size:30px;font-weight:700;line-height:30px;margin-bottom:10px}.labor-day p,.labor-day span{font-size:18px;font-weight:600;line-height:30px;text-transform:none}.labor-day p b{font-weight:800}.labor-day span{color:#fff!important;text-decoration:underline}.fall-banner img{width:auto;position:absolute;right:310px;z-index:8;bottom:130px}@media (max-width:1190px){#home .hero .labor-day{right:160px}.fall-banner img{right:300px}}@media (max-width:1024px){#home .hero .round{padding:50px 90px!important}#home .hero .purchase-barcode-btn{top:-170px!important}}@media (max-width:950px){#home .hero .labor-day{right:13%}#home .hero a{margin:40px auto 0!important}.fall-banner img{bottom:135px;right:290px;z-index:8;max-width:120px}}@media (max-width:854px){#home .hero .slide-content{padding:0 60px;text-align:left}#home .hero .labor-day{bottom:70px;right:0}#home .hero .purchase-barcode-btn{display:block;position:static!important;text-align:center}#home .hero a{margin:20px auto!important}.labor-day,.labor-day:hover{padding:40px 50px!important}.fall-banner img{width:auto;position:absolute;right:150px;z-index:8;max-width:120px;bottom:270px}}@media (max-width:810px){#home .hero .slide-content{padding:0}.labor-day,.labor-day:hover{max-width:324px!important;padding:70px 30px 60px!important}}@media (max-width:740px){#home .hero .round{padding:50px 70px!important}}@media (max-width:700px){#home .hero .round{display:block}#home .hero a{font-size:20px!important;margin:40px auto!important}#home .hero .labor-day{bottom:0;border-radius:0!important;margin:0 auto;max-width:490px!important;padding:30px 20px!important;position:relative}.labor-day:before{border-radius:0}.fall-banner img{right:0;left:10%;z-index:8;max-width:100px;bottom:150px}}@media (max-width:560px){.fall-banner img{right:0;left:0;z-index:8;max-width:100px}}@media (max-width:425px){.fall-banner img{bottom:120px}}@media (max-width:320px){.fall-banner img{bottom:190px;max-width:80px}}#home .section1 h2{font-size:36px;margin-bottom:50px}html, body { width: 100%; padding: 0; margin: 0 auto; overflow-x: hidden; color: #232323 } h1 { font-size: 54px } h2 { margin-bottom: 50px } p { font-size: 16px; font-weight: 400 } section { margin-top: 50px; margin-bottom: 50px } .padding-0 { padding: 0 } ._main-div, .banner-main, .about-us .banner, .products .banner, .cart .banner, .checkout .banner, .faq .banner, .blog-detail .banner, .blog-overview .banner, .contact .banner, .testimonials .banner, nav .pagination div, .products .sec-2 .swiper-slide { width: 100%; height: 100% } ._ver-center, .banner-main, .about-us .banner, .products .banner, .cart .banner, .checkout .banner, .faq .banner, .blog-detail .banner, .blog-overview .banner, .contact .banner, .testimonials .banner, .page-not-found .banner, .products .sec-2 .swiper-slide { display: flex; align-items: center } ._hor-center, .banner-main, .about-us .banner, .products .banner, .cart .banner, .checkout .banner, .faq .banner, .blog-detail .banner, .blog-overview .banner, .contact .banner, .testimonials .banner, .page-not-found .banner, nav .pagination div, .products .sec-2 .swiper-slide { display: flex; justify-content: center } ._table-ver-center, .cart .sec-1 table td { display: table-cell; vertical-align: middle } .center { text-align: center } .effects, .solid { transition: all .3s ease-in-out 0; -moz-transition: all .3s ease-in-out 0; -webkit-transition: all .3s ease-in-out 0 } .shadow, .btn-gray:hover, .blog-overview .sec-1 article .blog-summary div:hover { -webkit-box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.3) } .solid { background: #2b2b2b } a { color: #dd1b25; text-decoration: none } a:hover, a:focus { text-decoration: none; color: #dd1b25 } .morecontent span { display: none } .morelink { display: block } .btn-red { padding: 10px 48px; border-radius: 4px; background: #dd1b25; color: #fff; text-transform: uppercase; text-decoration: none; border: 1px solid #dd1b25 } .btn-red:hover, .btn-red:focus { color: #dd1b25; text-decoration: none; background: #fff; border: 1px solid #dd1b25 } .btn-red-circle { height: 25px; width: 25px; margin-right: 10px; padding: 2px; text-align: center; color: #fff; font-size: 14px; background: #dd1b25; border: 1px solid #dd1b25; border-radius: 25px } .btn-red-circle:hover, .btn-red-circle:focus, .btn-red-circle:active { color: #dd1b25; text-decoration: none; background: #fff; border: 1px solid #dd1b25 } .btn-white { padding: 7px 35px; color: #dd1b25; text-transform: uppercase; text-decoration: none; font-weight: 300; font-size: 14px; border: 1px solid #dd1b25 } .btn-white:hover { color: #fff; text-decoration: none; background: #dd1b25; border: 1px solid #fff } .btn-gray { padding: 4px 20px; color: #535252; font-weight: 400; font-size: 14px; text-transform: uppercase; text-decoration: none; border: 1px solid #e1e1e1 } .btn-gray:hover { color: #535252; background: #ebebeb; text-decoration: none } header .top .call a { color: #fff; font-family: "Antonio", sans-serif; font-size: 25px; text-decoration: none } .banner-main, .about-us .banner, .products .banner, .cart .banner, .checkout .banner, .faq .banner, .blog-detail .banner, .blog-overview .banner, .contact .banner, .testimonials .banner, .page-not-found .banner { margin-top: 0; text-align: center } .banner-main h2, .about-us .banner h2, .products .banner h2, .cart .banner h2, .checkout .banner h2, .faq .banner h2, .blog-detail .banner h2, .blog-overview .banner h2, .contact .banner h2, .testimonials .banner h2, .page-not-found .banner h2 { position: relative; top: 70px; font-family: "Antonio", sans-serif; color: #fff } .banner-main h1, .about-us .banner h1, .products .banner h1, .cart .banner h1, .checkout .banner h1, .faq .banner h1, .blog-detail .banner h1, .blog-overview .banner h1, .contact .banner h1, .testimonials .banner h1, .page-not-found .banner h1 { position: relative; top: 70px; font-family: "Antonio", sans-serif; color: #fff; margin-bottom: 50px; font-size: 50px; line-height: 50px } .cart .sec-2 { margin-top: 0 } .panel .accordion-toggle:before { position: relative; right: 15px; top: 10px; float: right; font-family: 'Glyphicons Halflings'; font-weight: 500; color: #535252; opacity: .3; content: "e259" } .panel.open .accordion-toggle:before { content: "e260" } nav .pagination { margin: 30px 0 100px; width: 100%; text-align: center; position: relative } nav .pagination li { padding: 0 3px } nav .pagination li:first-child, nav .pagination li:last-child { position: absolute } nav .pagination li:first-child { left: 10px } nav .pagination li:last-child { right: 10px } nav .pagination .fa { margin-left: 7px; margin-right: 7px } nav .pagination li a { padding: 7px 11px; font-size: 12px; color: #757575 } nav .pagination .disabled span { font-size: 12px; padding: 7px 11px } nav .pagination .active span { background: #ebebeb; border-color: #dadada; color: #000; padding: 7px 11px; font-size: 12px } nav .pagination div { float: left; max-width: 817px } nav .pagination .btn-gray { padding: 4px 10px; margin-left: -5px; color: #5b5b5b; background: #f8f8f8 } nav .pagination .btn-gray:active, nav .pagination .btn-gray:focus { color: #232323; background: #e1e1e1; border: 1px solid #c1c1c1; box-shadow: none } .pagination>li>a, .pagination>li>span { position: relative; float: none } header .main li a:hover, header .top .cart a:hover, header .top .call a:hover { color: #dd1b25 } #home .hero { text-align: center } .bg-image { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative } .bg-image.banner { overflow: hidden } .bg-image.banner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1 } .bg-image.banner>* { position: relative; z-index: 2 } #home .hero:after { display: none!important } #home .hero .round { text-align: center } #home .hero h1 { text-align: center } #home .hero a { margin: 40px auto; max-width: 450px; padding: 28px 33px; font-size: 26px } .purchase-barcode-btn a span { text-transform: lowercase; font-weight: 700; color: #fff } .purchase-barcode-btn { display: inline-block; position: relative; top: -140px; left: 50px } #home .section1 .image img { margin-left: -40px; margin-top: 15px } #home .section3 p { font-size: 18px; line-height: 25px } #home .section3 span:after { margin: 10px auto } #home .section1 { padding: 40px 30px } #home .hero .round { padding: 70px 30px } #home .hero h1 { font-size: 63px } #home .section2 li a { font-size: 20px; padding-left: 50px; text-indent: -40px } #home .section1 li:before { margin: 6px 15px 0 0 } #home .section1 li { font-size: 19px } #home .section1 li:last-child:before { margin-bottom: 39px } #home .section3 h6 { font-size: 22px } #home .section3 .pagination { bottom: 0 } header .main .button a { position: relative; left: -10px } header .top .call, header .top .cart { display: inline-block; left: -12px } header { background: rgba(43, 43, 43, 0.8) } .about-us { position: relative } .about-us .banner { height: 260px } .about-us .sec-1 { margin-top: 0; margin-bottom: 0 } .about-us .sec-1 h2 { margin-bottom: 30px; text-align: center } .about-us .sec-1 div { margin-top: 0 } .about-us .sec-1 p { margin-bottom: 20px; font-weight: 600 } .about-us .sec-2 { color: #fff; margin: 30px 0 0 } .about-us .sec-2 article { height: 475px } .about-us .sec-2 .ceo-desc { padding: 70px 55px } .about-us .sec-2 img { max-width: 305px; width: 100% } .about-us .sec-2 .ceo-img { position: relative; top: 200px } .about-us .sec-3 { margin: 0 0 20px } .about-us .sec-3 article { padding: 27px 55px } .about-us .sec-3 h5, .about-us .sec-3 span { font-size: 16px; font-weight: 700; text-transform: initial } .about-us .sec-3 span { display: block; color: #535252; font-weight: 400 } .about-us .sec-3 h3 { margin-bottom: 25px } .about-us .sec-3 .btn-red { margin-top: -10px; position: relative; bottom: 0; top: 86px; left: -267px } .products { position: relative } .products .banner { height: auto; padding-bottom: 40px; padding-top: 130px; margin-bottom: 20px } .products .banner .btn-red { padding: 24px 15px; margin: 25px 0 0 20px; width: 348px; font-size: 23px; position: relative } .products .banner .btn-red:focus { color: #fff; background-color: #dd1b25; border-color: #dd1b25 } .products .banner img { display: inline-block; width: 100%; max-width: 274px; margin: 15px 33px } .products .banner p { color: #fff; font-size: 25px; line-height: 27px; margin-bottom: 20px; text-shadow: 3px 5px 3px #000; -moz-text-shadow: 3px 5px 3px #000; -o-text-shadow: 3px 5px 3px #000; -webkit-text-shadow: 3px 5px 3px #000 } .products .labor-day p { text-shadow: none } .products .banner h2 { top: 0; margin-bottom: 25px; font-size: 42px } .products .banner div:first-of-type { margin-top: 30px } .products .banner div:last-child { margin-top: 0; position: relative; top: 0 } span.adding-to-cart { position: absolute; font-weight: 400; top: 0; left: 0; width: 100%; height: 100%; color: #dd1b25; text-transform: none; background: #fff; display: block; font-size: 18px; line-height: 34px; line-height: 72px; overflow: hidden } .products span.adding-to-cart img { max-width: 167px; height: auto; margin: auto; position: absolute; top: -25px; float: left; left: -22px; z-index: 0 } span.adding-to-cart:after { content: 'Adding to cart..'; position: relative } span.adding-to-cart.added:after { content: 'Added!' } span.adding-to-cart.added { color: green } .products .recommended { margin-top: 0; margin-bottom: 10px } .products .recommended div { text-align: center } .products .recommended img { display: inline-block; width: 100%; max-width: 340px; margin: 15px 33px } .products .sec-1 { margin-top: 0; margin-bottom: 0 } .products .sec-1 h1, .products .sec-1 p { text-align: center } .products .sec-1 h1 { margin-bottom: 20px } .products .sec-1 .product-items { margin-top: 10px } .products .sec-1 .product-items article div, .products .sec-1 .product-items .article div { height: 200px; padding: 20px 25px; margin-bottom: 30px; border: 1px solid #e1e1e1 } .products .sec-1 .product-items article div h3, .products .sec-1 .product-items .article div h3 { margin-bottom: 10px; font-weight: 300; font-size: 32px; text-transform: capitalize } .products .sec-1 .product-items article div a, .products .sec-1 .product-items .article div a { color: #535252; text-transform: uppercase; text-decoration: none; font-size: 12px } .products .sec-1 .product-items article div a:hover, .products .sec-1 .product-items .article div a:hover { color: #dd1b25 } .products .sec-1 .product-items article div p, .products .sec-1 .product-items .article div p { margin-top: 25px; font-weight: 300; font-size: 14px; text-align: left } .products .sec-2 { margin-top: 30px; margin-bottom: 0; padding-bottom: 0; background: #e1e1e1 } .products .sec-2 h2 { margin-top: 50px; margin-bottom: 0; text-align: center } .products .sec-2 img { max-width: 165px; -webkit-filter: grayscale(100%); filter: grayscale(100%) } .products .sec-2 .swiper-container { width: 100%; height: 200px; margin: 0 auto } .products .sec-2 .swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .products .sec-2 .swiper-container-horizontal > .swiper-pagination-bullets, .products .sec-2 .swiper-pagination-custom, .products .sec-2 .swiper-pagination-fraction { bottom: 0 } .products .sec-2 .swiper-pagination-bullet-active { opacity: 1; background: #dd1b25 } .cart { position: relative } .cart .banner { height: 260px; margin-bottom: 0 } .cart .sec-1 { margin-bottom: 0 } .cart .sec-1 h2 { margin-bottom: 50px; text-align: center } .cart .sec-1 div { margin-top: 50px } .cart .sec-1 p { margin-bottom: 20px } .cart .sec-1 table { overflow: scroll; border-left: none; border-right: none; border-bottom: none } .cart .sec-1 table tr { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .cart .sec-1 table th { padding: 15px 20px; border: none } .cart .sec-1 table td { border: none; padding: 20px; font-weight: 400 } .cart .sec-1 table .total { text-align: center } .cart .sec-1 table td.price { padding-right: 50px; text-align: right } .cart .sec-1 table td.price span { color: #000 } .cart .sec-1 table td.price span:last-child { font-weight: 700; margin-left: 20px } .cart .sec-1 table td .delete { display: block } .cart .sec-1 table td.cart-submit input { background: transparent; width: auto } .cart .sec-1 table td.cart-submit input:hover { background: #dd1b25; color: #fff } .cart .sec-1 table tr.proceed { border: none; text-align: right } .cart .sec-1 table tr.proceed td { padding: 30px 0 } .cart .sec-1 table tr.proceed a { border-radius: 0; font-size: 14px; font-weight: 700; padding: 10px 20px } .cart .sec-1 .table .mobile { display: none } .cart .sec-1 table i { color: #000; font-style: normal; padding: 5px 6px; width: 30px; height: 30px; line-height: 15px; text-align: center; border: 1px solid #e1e1e1; border-radius: 30px } .cart .sec-1 table img { display: inline; max-width: 74px; margin-left: 45px } .cart .sec-1 table .number-only { padding: 10px 15px; width: 60% } .cart .sec-1 table select { background: #fff url(../images/select-arrow.png) no-repeat 90% center; padding: 7px 17px; max-width: 140px; color: #232323; border: 1px solid #e1e1e1 } .cart .section-2 { float: left; margin: 0 0 30px; width: 100% } .cart .section-2 .container { padding: 0 40px } .cart .section-2 .row { margin: 0 -40px } .cart .section-2 .col-2 { float: left; width: 50%; padding: 0 40px } .cart .section-2 .col-2 .image { display: inline-block } .cart .section-2 .col-2 .wrap { background: #dd1b25; color: #fff; padding: 25px 50px 50px; text-align: center } .cart .section-2 .col-2 .wrap .image { margin-bottom: 20px } .cart .section-2 .col-2 .wrap h6 { font-size: 22px; text-transform: none } .cart .section-2 .col-2 .wrap span:after { background: #fff none repeat scroll 0 0; content: ""; display: block; height: 2px; margin: 10px auto; width: 22px } .cart .section-2 .col-2 .wrap span { color: #fff; font-size: 14px; font-weight: 500 } .cart .section-2 .col-2 .wrap p { font-size: 18px; font-style: italic; font-weight: 600; line-height: 25px } .cart .section-2 .col-2:last-child { padding-top: 70px } .cart .section-2 .col-2:last-child span { color: #5f5f5f; display: block; font-size: 17px; font-weight: 300; margin-bottom: 30px } .cart .section-2 .col-2:last-child .image { margin-bottom: 30px } .checkout { position: relative } .checkout .banner { height: 260px } .checkout .note { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #ddd; font-size: 17px; margin-bottom: 34px; padding: 15px } .checkout .note strong { color: #dd1b25; display: block; margin-bottom: 5px } .checkout .note p { font-size: 15px } .checkout .note a { display: none } .checkout .sec-1 { margin-top: 0 } .checkout .sec-1 h4 { margin-bottom: 20px; text-transform: capitalize } .checkout .sec-1 h5 { display: inline; font-size: 17px; text-transform: capitalize } .checkout .sec-1 .accordion { margin-top: 25px } .checkout .sec-1 .accordion .panel { box-shadow: none } .checkout .sec-1 .accordion .info { margin: 10px 35px } .checkout .sec-1 .panel .accordion-toggle:before { display: none } .checkout .sec-1 td { font-weight: 400 } .checkout .sec-1 td, .checkout .sec-1 th { padding: 15px 25px; font-size: 16px } .checkout .sec-1 .subtotal td:first-of-type { font-weight: 400; color: #535252 } .checkout .sec-1 .price { text-align: right } .checkout .sec-1 .btn-red { padding: 10px 15px; font-size: 15px; border-radius: 1px } .checkout form p { display: inline } .checkout form input { width: 100%; padding: 10px 15px } .checkout form .cc-info input.exp-date { max-width: 240px } .checkout form input[type="checkbox"], .checkout form input[type="radio"] { width: auto } .checkout form input.error, .checkout form input:focus, .checkout form select.error, .checkout form select:focus { -webkit-box-shadow: 0 0 5px 0 rgba(255, 3, 3, 1); -moz-box-shadow: 0 0 5px 0 rgba(255, 3, 3, 1); box-shadow: 0 0 5px 0 rgba(255, 3, 3, 1) } .checkout form span { color: #dd1b25 } .checkout form span.lbl-txt { color: #5b5b5b } .checkout .credit-card { width: 100%; padding: 5px 15px; height: 45px } .checkout .cc-info { background: #f8f8f8; padding: 20px 25px; margin-bottom: 25px } .checkout .cc-info p { padding-bottom: 20px } .checkout .cc-info div { margin-bottom: 20px } .checkout label { font-weight: 400; color: #5b5b5b } .checkout .cc-info .card-code { width: 90px } .checkout input[type="text"], .checkout input[type="number"], .checkout input[type="email"], .checkout input[type="password"], .checkout textarea, .checkout select, .checkout .form-control { height: 45px; color: #535252; border-radius: 0; border-color: #777 } .checkout select { background: #fff url(../images/select-arrow.png) no-repeat 97% center; appearance: none; -moz-appearance: none; -o-appearance: none; -webkit-appearance: none } .checkout .margin-top { margin-top: 18px } .checkout .payment-type { margin: 30px auto } .checkout .payment-type img { position: relative; display: inline-block; top: -6px; margin: 0 15px; max-width: 140px } .checkout .cc-main img { position: relative; display: inline-block; top: -3px; margin: 0 1px; max-width: 39px } .payment-selection img { display: inline-block } .checkout label.error { font-size: 12px; color: #b00000; width: 100% } .coupon-wrapper { position: relative } .checkout .sec-1 .coupon-wrapper .accordion { margin-top: auto } .checkout .sec-1 .coupon-wrapper .accordion .accordion-toggle { max-width: 50%; text-align: right; position: absolute; top: -54px; right: 0 } .coupon-wrapper .accordion .panel-heading { cursor: pointer } .checkout .sec-1 .coupon-wrapper .accordion label { font-size: 14px } .checkout .sec-1 .coupon-wrapper .accordion button.validate-coupon-code { height: 45px; padding-top: 9px } .checkout form p.error.coupon-error label { color: #b00000!important } .payment-stripe .error-cc-wrapper { display: none; margin-bottom: auto; color: #b00000; font-size: 14px } .faq { position: relative; margin-top: 0 } .faq .banner { height: 260px; margin-bottom: 0 } .faq .sec-1 { background: #f8f8f8; margin-top: 0; margin-bottom: 0; padding-top: 50px; padding-bottom: 40px } .faq .sec-1 h4 { margin-bottom: 20px; text-transform: capitalize } .faq .sec-1 h5 { display: inline; font-size: 17px; text-transform: capitalize } .faq .sec-1 .accordion { position: relative; margin-top: 25px } .faq .sec-1 .accordion .panel { padding: 5px; background: #fff; box-shadow: none; cursor: pointer; margin-bottom: 10px } .faq .sec-1 .accordion p { margin-left: 6px; font-weight: 600; color: #535252; line-height: 30px } .faq .sec-1 .info { margin: 0 35px } .faq .sec-1 h5:hover, .faq .sec-1 h5:active { color: #dd1b25 } .blog-detail { position: relative; margin-top: 0 } .blog-detail .banner { height: 355px; margin-bottom: 0 } .blog-detail .sec-1 { background: #f8f8f8; margin-top: 0; margin-bottom: 0 } .blog-detail .sec-1 article { padding: 50px; margin-top: 50px; background: #fff } .blog-detail .sec-1 article h2 { margin-top: 30px; font-size: 42px; text-transform: none } .blog-detail .sec-1 article span { font-size: 14px } .blog-detail .sec-1 article p { margin-bottom: 20px } .blog-detail .sec-1 article span, .blog-detail .sec-1 article p { font-weight: 400; color: #5b5b5b } .blog-detail .sec-1 article i { margin: 0 10px; color: #535252 } .blog-detail nav .pagination { margin: 65px 0; width: 100% } .blog-overview { position: relative; margin-top: 0 } .blog-overview .banner { height: 260px; margin-bottom: 0 } .blog-overview .sec-1 { background: #f8f8f8; margin-top: 0; margin-bottom: 0 } .blog-overview .sec-1 article { margin: 30px auto 0; overflow: hidden } .blog-overview .sec-1 article .blog-summary { margin-bottom: 30px } .blog-overview .sec-1 article .blog-summary div { margin: 20px 10px; padding: 40px 30px; height: 100%; min-height: 410px; background: #fff } .blog-overview .sec-1 article .blog-summary div h2:hover { color: #dd1b25 } .blog-overview .sec-1 article h2 { margin-top: 8px; margin-bottom: 20px; font-size: 34px; line-height: 38px; text-transform: none } .blog-overview .sec-1 article span { display: none; font-size: 14px; font-weight: 400 } .blog-overview .sec-1 article p { margin-bottom: 20px; line-height: 30px; font-weight: 600 } .blog-overview .sec-1 article a { text-decoration: underline } .blog-overview .sec-1 article span, .blog-overview .sec-1 article p { color: #5b5b5b } .blog-overview .sec-1 article i { margin: 0 10px; color: #535252 } .blog-overview nav .pagination { margin-bottom: 40px } .contact { position: relative; margin-top: 0 } .contact .banner { height: 260px; margin-bottom: 0 } .contact .sec-1 #contact-cta { padding: 20px 0; text-align: left } .contact .sec-1 #contact-cta h2 { color: #535252; margin-bottom: 60px } .contact .sec-1 #contact-cta form { margin: 10px 15px!important; max-width: 640px } .contact .sec-1 #contact-cta button { margin-left: -15px } .contact .sec-1 #contact-cta textarea { resize: none!important } .contact .sec-1 .details { position: relative; top: 105px } .contact .sec-1 h5 { margin: 22px 0 0; font-size: 20px; text-transform: initial } #contact-cta input:focus, #contact-cta textarea:focus, #contact-cta select:focus { -webkit-box-shadow: 0 0 5px 0 rgba(255, 3, 3, 1); -moz-box-shadow: 0 0 5px 0 rgba(255, 3, 3, 1); box-shadow: 0 0 5px 0 rgba(255, 3, 3, 1) } form#contactFormID input.error { border: 1px solid red!important } form#contactFormID #tokenhoneypot { display: none!important; visibility: hidden!important; position: absolute; bottom: -100%; right: -100% } form#contactFormID p.has-error-msg { color: #f00000; font-size: 12px } form#contactFormID button[type="submit"] { display: none!important; visibility: hidden!important } .testimonials { position: relative; margin-top: 0 } .testimonials .banner { height: 355px; margin-bottom: 0 } .testimonials .sec-1 { background: #f8f8f8; margin-top: 0; margin-bottom: 0; padding-bottom: 35px } .testimonials .sec-1 article { padding: 50px; margin-top: 50px; background: #fff } .testimonials .sec-1 article div { border-bottom: 1px solid #e1e1e1; margin: 5px 0 40px } .testimonials .sec-1 article div:last-child { border-bottom: none } .testimonials .sec-1 article h4 { margin: 15px 0; font-size: 20px; text-transform: initial } .testimonials .sec-1 article span { font-size: 14px } .testimonials .sec-1 article p { margin-bottom: 40px; font-style: italic } .testimonials .sec-1 article span, .testimonials .sec-1 article p { font-weight: 400; color: #5b5b5b } .testimonials .sec-1 article i { margin: 0 10px; color: #535252 } .order-detail-page { margin-top: -10px!important } #db-order-history { margin-top: 0 } #db-order-history>legend { margin-bottom: 0 } #db-order-history>div { margin-top: 0 } #db-order-history br { display: block; content: ""; margin-bottom: 15px } #db-order-history td>span { margin-bottom: 10px } .page-not-found .banner { height: 260px } .page-not-found .sec-1 { text-align: center; padding: 3% 0 10% } .page-not-found .sec-1 h2 { font-size: 100px; line-height: 1; margin-bottom: 15px } .landing-page-template .banner { height: auto; padding-top: 10%; padding-bottom: 65px; margin-top: 0; margin-bottom: 20px; text-align: center } .landing-page-template .banner h2 { color: #fff; top: 0; margin-bottom: 25px; font-size: 42px } .landing-page-template .banner p { color: #fff; font-size: 25px; line-height: 27px; margin-bottom: 20px; text-shadow: 3px 5px 3px #000; -moz-text-shadow: 3px 5px 3px #000; -o-text-shadow: 3px 5px 3px #000; -webkit-text-shadow: 3px 5px 3px #000 } .landing-page-template .banner .btn-red { padding: 10px 15px; margin: 25px 10px 0; width: 245px; font-size: 15px; position: relative } .landing-page-template .banner .recommended { margin-top: 8%; margin-bottom: 2% } .landing-page-template .banner .recommended p { color: #fff; font-size: 17px; font-weight: 300 } .landing-page-template .banner .recommended img { display: inline-block; width: 100%; max-width: 282px } .landing-page-template .sec-1 { color: #232323; margin: 15px 0 } .landing-page-template .sec-1 h2 { text-align: center; font-size: 58px; line-height: 1; font-weight: 400; margin-bottom: 38px } .landing-page-template .sec-1 .product-items .desc { color: #232323; font-size: 18px; max-width: 610px; text-align: center; margin: 0 auto 90px } .landing-page-template .sec-1 .product-items .article div { height: 245px; padding: 20px 25px; margin-bottom: 30px; border: 1px solid #e1e1e1 } .landing-page-template .sec-1 .product-items .article div h3 { margin-bottom: 10px; font-weight: 300; font-size: 32px; text-transform: capitalize } .landing-page-template .sec-1 .product-items .article div p { color: #535252; margin-top: 20px; font-weight: 300; font-size: 17px; text-align: left } .landing-page-template .sec-1 .product-items .article div .sub-title { color: #666; font-size: 12px; text-transform: uppercase } .landing-page-template .sec-2 { margin: 20px 0 } .landing-page-template .sec-2 h2 { font-size: 38px; text-align: center } .landing-page-template .sec-2 span { color: #dd1b25; font-weight: 700 } .landing-page-template .sec-2 p { color: #000; font-size: 16px; line-height: 43px; margin-bottom: 0 } .landing-page-template .sec-2 a { color: #2370a6 } .landing-page-template .sec-3 h2 { font-size: 38px; font-weight: 700; text-align: center } .landing-page-template .sec-3 { background-color: #f8f8f8; margin: 0; padding: 90px 0 70px } .landing-page-template .sec-3 .swiper-container { width: 100%; height: 200px; margin: 40px auto 0; padding-bottom: 40px } .landing-page-template .sec-3 .swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .landing-page-template .sec-3 .swiper-slide img { max-width: 165px; -webkit-filter: grayscale(100%); filter: grayscale(100%) } .landing-page-template .sec-3 .swiper-pagination-bullet { width: 15px; height: 15px; opacity: .1 } .landing-page-template .sec-3 .swiper-pagination-bullet-active { background: #dd1b25; opacity: 1 } footer .landing-pages { margin-top: 15px } footer .landing-pages li a { color: #dd1b25; font-size: 13px; font-size: 13px; font-weight: 600; color: #dd1b25 } footer .landing-pages li a:focus, footer .landing-pages li a:hover { color: #444 } .position-relative { position: relative; height: 900px; width: 100%; text-align: center } .position-center { position: absolute; top: -50%; bottom: -50%; left: -50%; right: -50%; width: 100px; height: 100px; margin: auto } .bb-modal { position: fixed; top: 0; width: 100%; height: 100%; left: 0; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all .5s ease-out 1s; -moz-transition: all .5s ease-out 1s; -o-transition: all .5s ease-out 1s; transition: all .5s ease-out 1s; -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); filter: alpha(opacity=0); opacity: 0; z-index: -1 } .bb-modal.showme { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: alpha(opacity=1); opacity: 1; z-index: 1 } .sk-cube-grid { width: 40px; height: 40px; margin: 40px auto } .sk-cube-grid .sk-cube { width: 33.33%; height: 33.33%; background-color: #fff; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: .2s; animation-delay: .2s } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: .3s; animation-delay: .3s } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: .4s; animation-delay: .4s } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: .1s; animation-delay: .1s } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: .2s; animation-delay: .2s } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: .3s; animation-delay: .3s } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0; animation-delay: 0 } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: .1s; animation-delay: .1s } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: .2s; animation-delay: .2s } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1) } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1) } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1) } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1) } } @media (max-width: 1340px) { .products .banner h2 { font-size: 36px!important } .products .banner p { font-size: 18px; margin-bottom: 10px!important } } @media (max-width: 1199px) { header .logo { float: left; line-height: 101px; max-width: 270px } header .cart-mobile { display: none } .about-us .sec-3 .btn-red { margin-top: -10px; position: relative; bottom: 0; top: 86px; left: -217px } .purchase-barcode-btn { left: 15px } .contact .sec-1 .details { left: 100px } .products .banner { height: auto } .landing-page-template .banner { padding-top: 25%; text-align: center } .landing-page-template .banner .recommended p { text-align: center } .products .banner { height: auto } } @media (max-width: 1190px) { header .logo { width: 287px; line-height: 58px } header .main li a { font-size: 14px } #home .hero { padding: 177px 30px 40px } #home .hero .round { padding: 65px 37px } #home .hero h1 { font-size: 57px } .purchase-barcode-btn { display: inline-block; position: relative; top: -120px; left: 15px } #home .section1 .image img { margin-left: 0 } } @media (max-width: 1085px) { #home .hero .round { padding: 51px 37px } .purchase-barcode-btn { top: -180px } } @media (max-width: 1024px) { header nav.open { background: rgba(43, 43, 43, 0.8); top: 80px } header .top .cart { display: none } .about-us .sec-3 .btn-red { margin-top: -10px; position: relative; bottom: 0; top: 86px; left: -215px } header .cart-mobile { position: relative; float: right; display: block; top: -15px; right: -10px } header .cart-mobile a { position: relative; top: 15px; color: #fff } header .cart-mobile a i { background: url(../images/cart.png) no-repeat center center / cover; content: ""; height: 13px; margin-right: 10px; width: 17px } header .cart-mobile a:hover { color: #dd1b25 } header .top .call { display: none } header .main ul { margin-right: 0; float: left } header .main li { text-align: left; width: 100% } header .main .button { display: inline-block; width: 100%; float: left; text-align: left } header .main .button a { left: -8px; padding: 0 20px; background: transparent; border: none } header .main .button a:hover { left: -8px; background: transparent; border: none } header .top { margin-bottom: 0 } #home .section3 { padding: 40px 20px } #home .section3 .container { width: 100% } #home .section3 .row { margin: 0 } #home .section3 .col-2 { padding: 0 15px } .about-us .sec-2 .ceo-desc h2 { line-height: 1; margin-bottom: 30px } .about-us .sec-2 .ceo-desc p { font-size: 14px } #home .hero .round { padding: 51px 70px } .products .banner h2 { padding-top: 0 } .products .banner .labor-day { position: relative; left: unset; top: unset; margin: 30px auto } .products .banner .labor-day.mobile { display: block!important } .products .banner .labor-day p { display: block } } @media (min-width: 992px) and (max-width: 1024px) { header { padding: 8px 11px } .products .sec-1 .product-items article div { padding: 30px 20px } .products .sec-1 .product-items article div h3 { font-size: 30px } .faq .sec-1 .accordion .panel { margin-right: 15px } .blog-overview .sec-1 article h2 { font-size: 30px; line-height: 37px } .blog-overview .sec-1 article .blog-summary div { max-height: 430px } .blog-overview .sec-1 .next-page { height: 150px } } @media (max-width: 991px) { h2 { margin-bottom: 20px; font-size: 36px } header nav.open { top: 84px } section { margin-top: 10px; margin-bottom: 20px } #home .section3 .title, #home .section3 .slide { width: 100%; padding: 0; text-align: center } #home .section3 .swiper-slide { width: 100%!important } #home h2 br { display: none } #home .hero { padding: 109px 30px 40px } #home .section1 .image, #home .section1 .desc { float: left; width: 100% } #home .section2 .col { width: 100%; margin-bottom: 25px } #home .section3 .title h2 { margin-top: 20px; text-align: center; margin-bottom: 40px } #home .section3 .title a { bottom: 20px; position: relative; text-align: center } .banner-main h2, .about-us .banner h2, .cart .banner h2, .checkout .banner h2, .faq .banner h2, .blog-detail .banner h2, .blog-overview .banner h2, .contact .banner h2, .testimonials .banner h2 { top: 45px } .about-us .sec-2 article { height: 430px } .about-us .sec-3 article { padding: 10px 55px } .about-us .sec-2 .ceo-img { top: 36px; float: right } .about-us .banner h2 { top: 45px } .about-us .sec-2 .ceo-desc { padding: 30px 55px } .about-us .sec-2 img { width: 100%; height: auto } .about-us .sec-1 h2 { margin-bottom: 10px; text-align: center } .about-us .sec-2 { color: #fff; padding: 0 } .products .banner .btn-red { padding: 10px 15px; margin: 15px; font-size: 18px; width: 185px } .about-us .sec-3 .btn-red { bottom: 0; top: 0; left: 0 } .faq .sec-1 .accordion .panel { margin-right: 15px } .blog-overview .sec-1 article h2 { font-size: 28px; line-height: 30px } .blog-overview .sec-1 .next-page { height: 150px } .contact .sec-1 .details { position: inherit } .landing-page-template .banner { text-align: center } } @media (max-width: 790px) { header .container { width: 100% } header .container .row { margin: 0 } #home .hero .round { padding: 66px 53px } } @media (max-width: 768px) { header { padding: 8px 11px } header nav.open { top: 80px } .blog-detail .sec-1 article h2 { margin-top: 30px; margin-bottom: 30px; font-size: 32px; line-height: 38px } .blog-detail .sec-1 article { padding: 35px } .blog-detail .sec-1 { padding: 0 } .blog-overview .sec-1 article .blog-summary { padding: 0 } .blog-overview .sec-1 article .blog-summary div { min-height: 500px } .about-us .sec-3 .btn-red { margin-top: -10px; position: relative; bottom: 0; top: 0; left: -3px } .about-us .sec-2 img { max-height: 100% } .landing-page-template .banner .recommended p { text-align: center } .landing-page-template .banner .recommended img { display: block; margin: 15px auto } } @media (max-width: 767px) { #home .hero h1 { font-size: 45px } #home .section4 h2 { font-size: 30px } #home .hero { padding: 144px 30px 40px } #home .section3 { padding: 40px 0 } #home .section3 .col-2 { float: none; display: block; margin-bottom: 30px; width: 100% } #home .section3 .col-2:last-child { margin-bottom: 0 } .about-us .banner, .contact .banner, .blog-overview .banner, .faq .banner, .cart .banner, .checkout .banner { height: 170px } .products .banner h2 { padding-top: 0 } .products .banner div:last-child { top: 20px } .faq .sec-1 .accordion .panel { margin-right: 0 } .blog-overview .sec-1 article .blog-summary div { min-height: initial } .blog-overview .sec-1 article .blog-summary { max-height: initial; margin-bottom: 0 } .cart .sec-1 table .number-only { padding: 10px 0!important; text-align: center } .cart .section-2 .container { padding: 0 20px } .cart .section-2 .container .row { margin: 0 } .cart .section-2 .col-2:first-child { margin-bottom: 20px } .cart .section-2 .col-2 { float: none; padding: 0; width: 100% } .cart .section-2 .col-2 .wrap { padding: 25px 30px 50px } .cart .section-2 .col-2:last-child .image { display: block } .cart .section-2 .col-2 .image img { width: auto } .checkout .note a { margin-top: 10px } .checkout .note a.show-more, .checkout .note.show a.show-less, .checkout .note.show p { display: block } .checkout .note.show a.show-more, .checkout .note a.show-less, .checkout .note p { display: none } } @media (max-width: 700px) { #home .hero { margin-bottom: 0 } .faq .sec-1 .accordion .panel-heading { padding: 10px 45px 10px 15px } } @media (max-width: 680px) { h2 { margin-bottom: 20px; font-size: 28px } .col-xs-6 { width: 100% } .about-us .sec-1 h2 { margin-bottom: 25px } .about-us .sec-1 div { margin-top: 20px } .about-us .sec-2 .ceo-desc { width: 100% } .about-us .sec-2 article { height: 315px } .about-us .sec-2 .ceo-img { width: 100%; padding: 40px 0 } .about-us .sec-2 img { margin: 0 auto } .products .banner .btn-red { width: 165px } .products .banner div:last-child { top: 10px } .checkout .cc-info div:nth-child(2), .checkout .cc-info div:nth-child(3) { width: 60% } .about-us .sec-3 .btn-red { margin-top: -10px; position: relative; bottom: 0; top: 0; left: 0 } header .mobile-menu { line-height: 50px } header .cart-mobile a { top: 21px } #home .hero .round { padding: 23px 20px } #home .hero h1 { line-height: 52px } #home .section3 .title h2 { padding-top: 20px } #home .section3 { margin: 0 20px } #home .section3 .title h2 { margin-top: 0; padding: 20px 30px 0 } #home .section3 { margin: 0 10px } #home .section3 .title { margin-bottom: 0 } .about-us .sec-3 .col-xs-6 { margin-bottom: 10px } } @media (max-width: 670px) { .checkout form p { display: block } } @media (max-width: 600px) { .cart .sec-1 .table img { display: none } } @media (max-width: 579px) { .products .recommended { padding: 0 10px } .products .recommended img { display: block; margin: 15px auto } } @media (max-width: 560px) { .about-us .sec-2 .bg-image { height: 400px } } @media (max-width: 555px) { .cart .sec-1 { padding: 0 } } @media (max-width: 520px) { .cart .sec-1 .table .mobile-hide { display: none } .cart .sec-1 .table .mobile { display: block } .cart .sec-1 .table .mobile div { margin-top: 0 } .cart .sec-1 .table .mobile p, .cart .sec-1 .table .mobile h3 { margin-bottom: 10px } .cart .sec-1 .table .mobile a, .cart .sec-1 .table .mobile a i { margin-bottom: 10px } .cart .sec-1 .table img { display: block; margin: 0 } .cart .sec-1 .table .mobile .float-left { text-align: center } .cart .sec-1 .table .mobile .float-left .left-content { padding: 0 } .cart .sec-1 .table .mobile .float-left .right-content { padding-top: 30px; padding-left: 10px; text-align: left } .cart .sec-1 .table .mobile .float-right { text-align: center; padding: 0 } .cart .sec-1 .table .mobile .float-right .total-wrap { width: 120%; padding-right: 18px } .cart .sec-1 .table .mobile .float-right .total-wrap h3, .cart .sec-1 .table .mobile .float-right .total-wrap p { display: inline-block } .cart .sec-1 .table .mobile .float-right h3 { font-size: 16px } .cart .sec-1 .table .mobile .float-right p { font-size: 12px } .cart .sec-1 .table .mobile .float-right input { max-width: 50px; width: 100%; padding: 0 6px; font-size: 13px } } @media (max-width: 480px) { h2 { font-size: 32px } .about-us .sec-2 .ceo-desc { padding: 47px 30px } .about-us .sec-2 article { height: 340px } .about-us .sec-1 h2 { text-align: left; padding-left: 12px } .about-us .sec-2 .ceo-img { width: 100%; padding: 0 0 40px } .products .banner .btn-red { width: 160px } .products .banner h2 { line-height: 45px } .products .banner .btn-red { padding: 10px } .cart .sec-2 .accordion .info { margin: 10px 0 } .checkout .cc-info div:nth-child(2), .checkout .cc-info div:nth-child(3) { width: 100% } .faq .sec-1 .btn-red-circle, .cart .sec-1 .btn-red-circle, .checkout .sec-1 .btn-red-circle { display: none } .faq .sec-1 .accordion .panel-body { padding: 15px } .panel-heading { padding: 0 } .accordion .info { margin: 0!important } .blog-detail .sec-1 article { padding: 23px; margin: 30px auto } .blog-detail .sec-1 article h2 { font-size: 28px } .panel-body { padding-left: 0 } .panel-body p { margin: 0!important } } @media (max-width: 467px) { .labor-day, .labor-day:hover { border-radius: 0!important; padding: 35px 20px!important } .labor-day::before { border-radius: 0; bottom: 6px; height: auto; right: 6px; width: auto } .labor-day h4 { font-size: 24px } } @media (max-width: 452px) { #home .section1 li:first-child:before, #home .section1 li:nth-child(2):before, #home .section1 li:nth-child(4):before { margin-bottom: 26px } } @media (max-width: 413px) { .about-us .sec-2 .bg-image { height: 450px } } @media (max-width: 401px) { #home .hero { height: auto; margin-bottom: 10px } #home .hero .round { height: auto } #home .hero a { margin: 20px 0!important } } @media (max-width: 384px) { header .logo { width: 100%; max-width: 200px } header nav.open { top: 74px } .about-us .sec-2 .ceo-desc { padding: 28px } } @media (max-width: 360px) { h2 { margin-bottom: 20px; font-size: 26px } p { font-size: 13px } .about-us .sec-2 .ceo-desc { padding: 70px 30px } .about-us .sec-2 article { height: 375px } .about-us .sec-1 { margin-top: 20px } .about-us .sec-1 h2 { margin-bottom: 0 } .about-us .sec-2 .ceo-img { padding: 15px 0 40px } .about-us .sec-3 article { padding: 10px 20px } .about-us .sec-3 div:first-of-type { margin-bottom: 25px } .products .banner div:first-of-type { padding: 0 } .products .banner .btn-red { margin: 10px } .products .banner div:last-child { top: 0 } .products .sec-1 .product-items { margin-top: 40px } .products .sec-1 .product-items article { padding: 0 } .products .sec-1 .product-items article div h3 { font-size: 28px } .products .sec-1 .product-items article div { padding: 25px 35px } .cart .sec-2 h5, .cart .sec-2 td, .cart .sec-2 th { font-size: 15px } .checkout .cc-info { padding: 10px 12px; margin-bottom: 20px } input[type=checkbox], input[type=radio] { position: relative; top: 2px } .blog-detail .sec-1 article, .blog-overview .sec-1 article { margin: 30px auto 0 } .blog-overview .sec-1 article { padding: 0 } .blog-overview .sec-1 article .blog-summary div { margin: 20px 0; padding: 20px 25px } .blog-overview .blog-summary { padding: 0 } .next-page div { text-align: center } .next-page .arrow-right { float: none } .next-page { margin: 27px 0 } .next-page .arrow-left { margin-bottom: 20px } } @media (max-width: 327px) { .product-items .article div { height: auto!important } } @media (max-width: 320px) { h2 { margin-bottom: 20px; font-size: 23px } p { font-size: 12px } .products .sec-1 .product-items article div h3 { margin-bottom: 5px; font-weight: 300; font-size: 22px; text-transform: capitalize } .products .banner img { max-width: 230px } .products .sec-1 .product-items article div { padding: 25px } } .products .banner article.container { margin: auto } .landing-page-template .banner h1 { color: #fff; top: 0; margin-bottom: 25px; font-size: 42px } .custom-accordion div, .custom-accordion { margin: 0!important; border: 0!important; box-shadow: none!important } .custom-accordion .btn-red-circle { width: auto; height: auto; float: left; display: block; pointer-events: none } .custom-accordion .btn-red-circle i { color: #fff!important; border: 0!important; padding: 8px!important } .custom-accordion .panel-heading h5 { display: block; padding: 10px } .custom-accordion .panel-heading { cursor: pointer } .custom-accordion .panel-body { padding: 0 } .custom-accordion .panel-body button.validate-coupon-code { width: 100%; padding: 5px } @media only screen and (max-width: 800px) { .custom-accordion .panel-body button.validate-coupon-code { margin: 10px 0!important } } .checkout #accordion_coupon { display: none } div#coupon_code_toggle { pointer-events: none!important } div#collapsible-coupon { display: block!important } @media only screen (max-width: 600px) { .cart button.validate-coupon-code-mobile { padding: 5px; display: block; width: 100%; margin: 10px 0 } } .cart .panel .accordion-toggle:before { display: none } .about-us .sec-2 img { max-width: 200px!important; height: auto } .about-us .sec-2 .ceo-img { position: relative; top: 20%; left: -60px } @media only screen and (max-width: 600px) { .about-us .sec-2 .ceo-desc { display: none } .about-us .sec-2 .ceo-img { top: inherit; left: inherit } } #home .hero .image2 { margin: 20px auto 25px; max-width: 320px !important; } #home .hero .image3 { margin: 0 auto; max-width: 300px !important; }
a.labor-day.test {
  overflow: hidden;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  padding: 50px 35px 25px 35px !important;
  /*
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; */ }
  a.labor-day.test .star {
    position: absolute;
    top: 25px;
    left: 0;
    background-image: url(../images/stars.png);
    width: 100%;
    height: 25px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center; }
    @media only screen and (max-width: 600px) {
      a.labor-day.test .star {
        top: 12px; } }
  a.labor-day.test p {
    position: relative;
    z-index: 2;
    font-weight: 600;
    font-size: 21px !important; }
    a.labor-day.test p strong {
      font-weight: 700; }
    a.labor-day.test p span {
      font-weight: 600 !important;
      font-size: 20px !important; }
  a.labor-day.test:before {
    z-index: 3; }
  a.labor-day.test:after {
    background: #1b32dd !important;
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    left: 100px;
    transform: rotate(-46deg);
    bottom: -64px; }
    @media only screen and (max-width: 600px) {
      a.labor-day.test:after {
        left: 144px;
        bottom: -119px; } }
  a.labor-day.test:hover {
    /*
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    */
  }
  .fall-banner {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .fall-banner:hover {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  /*
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  */
}

/*# sourceMappingURL=front-end.css.map */


/* October 2 injection */
a.labor-day.test {
  width: 307px;
  height: 307px;
  padding-top: 75px !important;
}

.fall-banner img {
  width: auto;
  position: absolute;
  right: 330px;
  z-index: 8;
  bottom: 158px;
}

@media only screen and (max-width:700px) {
  .fall-banner img {
    display:none;
  }
}



/* oct 19 injection */
#home .hero .image2 {
  margin: 20px auto 25px;
  max-width: 320px;
}
#home .hero .image3 {
  margin: 0 auto;
  max-width: 300px;
}