body,html{width:100%;padding:0;margin:0 auto;overflow-x:hidden;color:#232323}
h1{font-size:36px}
h2{margin-bottom:50px}
p{font-size:16px;font-weight:400}
section{margin-top:50px;margin-bottom:50px}
.padding-0{padding:0}
._main-div,.about-us .banner,.banner-main,.blog-detail .banner,.blog-overview .banner,.cart .banner,.checkout .banner,.contact .banner,.faq .banner,.products .banner,.products .sec-2 .swiper-slide,.testimonials .banner,nav .pagination div{width:100%;height:100%}
._ver-center,.about-us .banner,.banner-main,.blog-detail .banner,.blog-overview .banner,.cart .banner,.checkout .banner,.contact .banner,.faq .banner,.page-not-found .banner,.products .banner,.products .sec-2 .swiper-slide,.testimonials .banner{display:flex;align-items:center}
._hor-center,.about-us .banner,.banner-main,.blog-detail .banner,.blog-overview .banner,.cart .banner,.checkout .banner,.contact .banner,.faq .banner,.page-not-found .banner,.products .banner,.products .sec-2 .swiper-slide,.testimonials .banner,nav .pagination div{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 0s;-moz-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s}
.blog-overview .sec-1 article .blog-summary div:hover,.btn-gray:hover,.shadow{-webkit-box-shadow:0 0 8px -1px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px -1px rgba(0,0,0,.3);box-shadow:0 0 8px -1px rgba(0,0,0,.3)}
.solid{background:#fff}
a{color:#dd1b25;text-decoration:none}
a:focus,a:hover{text-decoration:none;color:#1a7dd7}
.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:focus,.btn-red:hover{color:#dd1b25;text-decoration:none;background:#fff;border:1px solid #dd1b25}
.btn-blue{padding:10px 48px;border-radius:4px;background:#1a7dd7;color:#fff;text-transform:uppercase;text-decoration:none;border:1px solid #1a7dd7}
.btn-blue:focus,.btn-blue:hover{color:#1a7dd7;text-decoration:none;background:#fff;border:1px solid #1a7dd7}
.btn-red-circle{height:25px;width:25px;margin-right:10px;padding:2px 2px;text-align:center;color:#fff;font-size:14px;background:#dd1b25;border:1px solid #dd1b25;border-radius:25px}
.btn-red-circle:active,.btn-red-circle:focus,.btn-red-circle:hover{color:#dd1b25;text-decoration:none;background:#fff;border:1px solid #dd1b25}
.btn-white{padding:7px 35px;color:#1a7dd7;text-transform:uppercase;text-decoration:none;font-weight:300;font-size:14px;border:1px solid #1a7dd7}
.btn-white:focus,.btn-white:hover{color:#fff;text-decoration:none;background:#1a7dd7;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:#1b2833;font-family:Cutive,serif;font-size:21px;text-decoration:none}
.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 0;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 .call a:hover,header .top .cart a:hover{color:#1a7dd7}
#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,.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:400px;padding:28px 33px;font-size:26px}
.purchase-barcode-btn{display:inline-block;position:relative;top:-140px;left:50px}
#home .section1 .image img{margin-top:15px}
#home .section3 p{font-size:18px;line-height:25px}
#home .section3 span:after{margin:10px auto}
#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:#fff}
.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:15px;text-align:center}
.about-us .sec-1 div{margin-top:0}
.about-us .sec-1 p{margin-bottom:5px;font-weight:normal;}
.about-us .sec-2{color:#fff;margin:30px 0 0}
.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:20px 0}
.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}
.products{position:relative}
.products .banner{height:auto;padding-bottom:40px;padding-top:130px;margin-bottom:20px}
.products .banner .btn-blue{padding:24px 15px;margin:25px 0 0 20px;width:175px;font-size:16px;font-weight:700;position:relative}
.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 .banner h2{top:0;margin-bottom:25px;font-size:33px}
.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}
@media (max-width:1024px){
.products .sec-1 h1{font-size:31px;line-height:1.3}
}
.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:170px;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:24px;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:10px;font-weight:300;font-size:14px;text-align:left}
.products .sec-1 .product-items .article div{display:flex;flex-flow:column;justify-content:center;align-items:left;padding:0 25px}
@media (max-width:1199px){
.products .sec-1 .product-items .article div p,.products .sec-1 .product-items article div p{margin-top:5px}
}
.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;font-size:36px}
.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:0 0;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:#03275b;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 #ff0303;-moz-box-shadow:0 0 5px 0 #ff0303;box-shadow:0 0 5px 0 #ff0303}
.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 .form-control,.checkout input[type=email],.checkout input[type=number],.checkout input[type=password],.checkout input[type=text],.checkout select,.checkout textarea{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:16px;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:active,.faq .sec-1 h5:hover{color:#1a7dd7}
.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;margin-bottom:50px;background:#fff}
.blog-detail .sec-1 article h2{margin-top:30px;margin-bottom:10px;font-size:42px;text-transform:none}
@media (max-width:1024px){
.blog-detail .sec-1 article h2{font-size:28px}
}
.blog-detail .sec-1 article p{margin-bottom:10px}
.blog-detail .sec-1 article p,.blog-detail .sec-1 article span{font-weight:400;color:#5b5b5b}
.blog-detail .sec-1 article i{margin:0 10px;color:#535252}
.blog-detail nav .pagination{margin:65px 0 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:0}
.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}
@media (max-width:1199px){
.blog-overview .sec-1 article .blog-summary div{min-height:auto!important}
}
@media (max-width:1366px){
.blog-overview .sec-1 article .blog-summary div{min-height:416px}
}
.blog-overview .sec-1 article h2{margin-top:8px;margin-bottom:20px;font-size:30px;line-height:1.3;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{color:#1a7dd7;text-decoration:underline}
.blog-overview .sec-1 article p,.blog-overview .sec-1 article span{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 select:focus,#contact-cta textarea:focus{-webkit-box-shadow:0 0 5px 0 #ff0303;-moz-box-shadow:0 0 5px 0 #ff0303;box-shadow:0 0 5px 0 #ff0303}
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 p,.testimonials .sec-1 article span{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 10px;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}
.promobanner{color:#fff;font-size:18px;height:60px;line-height:60px;text-align:center;background-color:#232323}
.promobanner p{font-size:18px}
.promobanner .discount{color:#dd1b24;font-weight:700}
.promobanner .code{text-decoration:underline}
.promobanner.hide{display:none}
.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,.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(.5);-webkit-transform:scale(.5);transform:scale(.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:0s;animation-delay:0s}
.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%,100%,70%{-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%,100%,70%{-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:1240px){
.products .banner h2{font-size:32px!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}
}
@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:-160px;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,.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:0 0;border:none}
header .main .button a:hover{left:-8px;background:0 0;border:none}
header .top{margin-bottom:0}
#home .hero .round{padding:51px 70px}
#home .section3{padding:40px 20px}
#home .section3 .container{width:100%}
#home .section3 .row{margin:0}
#home .section3 .col-2{padding:0}
.products .banner article.container{margin-top:0}
.products .banner{justify-content:center!important}
}
@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:1024px){
.blog-overview .sec-1 article .blog-summary div{min-height:auto!important}
}
@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 .slide,#home .section3 .title{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 .desc,#home .section1 .image{float:left;width:100%}
#home .section1 .desc{margin-top:20px}
#home .section2 .col{width:100%}
#home .section2 .col{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}
.about-us .banner h2,.banner-main h2,.blog-detail .banner h2,.blog-overview .banner h2,.cart .banner h2,.checkout .banner h2,.contact .banner h2,.faq .banner h2,.testimonials .banner h2{top:45px}
.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-blue{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}
}
@media (max-width:768px){
header{padding:8px 11px}
header nav.open{top:80px}
.blog-detail .sec-1 article h2{margin-top:20px;margin-bottom:20px;font-size:30px;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,.blog-overview .banner,.cart .banner,.checkout .banner,.contact .banner,.faq .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}
.blog-overview .sec-1 article .blog-summary{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 a.show-less,.checkout .note p,.checkout .note.show a.show-more{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 .ceo-img{width:100%;padding:40px 0}
.about-us .sec-2 img{margin:0 auto}
.products .banner .btn-blue{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 30px}
#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: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 h3,.cart .sec-1 .table .mobile p{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-1 h2{text-align:left;padding-left:12px}
.about-us .sec-2 .ceo-img{width:100%;padding:0 0 40px}
.products .banner .btn-blue{width:160px}
.products .banner h2{line-height:45px}
.products .banner .btn-blue{padding:10px 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%}
.cart .sec-1 .btn-red-circle,.checkout .sec-1 .btn-red-circle,.faq .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: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: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}
.products .banner{padding-top:200px}
.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-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,.products .banner div:first-of-type{padding:0}
.products .banner article.container{margin-top:120px}
.products .banner .btn-blue{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 auto}
.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 25px}
}