*{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;font-weight:600;margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p,ul{margin:0}
h1,h2,h3,h4,h5,h6{font-weight:600;font-family:Cutive,serif}
h1{font-size:60px;line-height:1.3}
h2{font-size:49px;line-height:1.5}
a,i,span{display:inline-block}
a{text-decoration:none}
ul{list-style:none;padding:0}
img{display:block;width:100%}
.row:after,.row:before{clear:both;content:"";display:table}
.container{margin:0 auto;max-width:1420px}
@media (max-width:1366px){
.container{margin:0 auto;max-width:1170px}
}
.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:#fff url(../images/select-arrow.png) no-repeat 97% center;appearance:none;-moz-appearance:none;-o-appearance:none;-webkit-appearance:none}
button{background:0 0;border:2px solid #03275b;border-radius:3px;color:#03275b;font-size:15px;font-weight:700;padding:15px 40px;text-transform:uppercase}
button:hover{background:#03275b;color:#fff}
.arrow-wrap{background:rgba(43,43,43,.8);bottom:0;color:#03275b;display:inline-block;font-size:35px;left:0;margin:0 auto;max-width:50px;padding:0 15px;position:fixed;right:0;text-align:center;z-index:2000}
header{background:rgba(106,106,106,.75);left:0;position:fixed;padding:0 0 10px;right:0;top:0;width:100%;z-index:9999}
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}
header .logo{float:left;line-height:85px}
header .logo a{vertical-align:middle}
header nav{float:right}
header .top{margin-bottom:10px;margin-top:20px;text-align:right}
header .top .call,header .top .cart{display:inline-block}
header .top .call{margin-right:60px}
header .top .call span{color:#757575;font-size:12px;font-weight:800;margin-right:5px;text-transform:uppercase}
header .top .call span i{background:url(../images/phone.png) no-repeat center center/cover;content:"";height:11px;margin-right:5px;width:10px;vertical-align:middle}
header .top .call a{color:#fff;font-family:Antonio,sans-serif;font-size:30px;font-weight:600;vertical-align:middle}
header .top .cart a{color:#1b2833;font-size:15px;text-transform:uppercase}
header .top .cart i{background:url(../images/cart.png) no-repeat center center/cover;content:"";height:10px;margin-right:5px;width:13px}
header .top .cart span{color:#03275b}
header .main ul{display:inline-block;margin-right:21px}
header .main li{display:inline-block;padding:0 14px}
header .main li a{color:#1b2833;font-size:16px;text-transform:uppercase;vertical-align:middle}
header .main .button{display:inline-block}
header .main .button a{background:#1a7dd7;border:1px solid #1a7dd7;border-radius:25px;color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;padding:10px 20px;text-transform:uppercase;vertical-align:middle}
header .main .button a:hover{background:#fff;color:#03275b}
footer{border-top:1px solid #03275b;padding:45px 30px 40px}
footer a,footer p{color:#444;font-size:12px;font-weight:300}
footer p{display:inline-block}
footer .copyright{float:left}
footer nav{float:right}
footer nav li{display:inline-block;padding:0 10px}
footer nav li:last-child{padding-right:0}
#contact-cta{padding:40px 30px;text-align:center}
#contact-cta h2{color:#fff;font-weight:400;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;background-color:#1a7dd7;border:2px solid #1a7dd7;border-radius:25px;color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;padding:10px 30px;text-transform:uppercase}
#contact-cta button:focus,#contact-cta button:hover{color:#1a7dd7;border:2px solid #1a7dd7;background-color:transparent;background:0 0}
.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,.testimonials .banner{margin-top:0;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,.page-not-found .banner h2,.products .banner h2,.testimonials .banner h2{position:relative;top:70px;color:#fff}
#home .hero{height:auto!important;padding:140px 30px 40px;text-align:center}
#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%;display:inline-block;padding:95px 55px}
#home .hero h1{color:#fff;margin-bottom:45px}
#home .hero span{display:block;color:#969696;font-size:17px;font-weight:300}
#home .hero a{background:#03275b;border:1px solid #03275b;border-radius:3px;color:#fff;display:block;font-size:15px;font-weight:700;letter-spacing:2px;margin:40px auto 0;max-width:260px;padding:15px 30px;text-transform:uppercase}
#home .hero a:hover{background:#fff;color:#03275b}
#home .hero .slide-content{display:inline-block;position:relative}
#home .tagline{color:#969696;font-size:17px;background-color:#03275a;padding:25px 0;margin:0}
#home .tagline .container{position:relative}
#home .tagline h3{color:#fff;font-size:32px;font-family:Cutive,serif;line-height:1.2;text-transform:none;margin:17px 0}
#home .tagline img{margin-top:10px;max-width:275px}
#home .tagline .circle-ads{width:180px;height:180px;background-color:#1a7dd7;border-radius:50%;padding:45px 30px;text-align:center;position:absolute;right:-60px;top:-80px;z-index:1}
#home .tagline .circle-ads img{max-width:25px;margin:0 auto}
#home .tagline .circle-ads p{font-size:18px;line-height:1.2;font-weight:600;color:#fff;text-transform:uppercase;margin-top:10px}
#home .section1{padding:205px 30px 120px}
#home .section1 h1{margin-bottom:50px}
#home .section1 .desc{float:left;width:50%}
#home .section1 .image{float:left;width:50%;padding-right:50px}
#home .section1 li{font-size:17px;font-weight:600;margin-bottom:15px}
#home .section1 li a{color:#03275b;text-decoration:underline}
#home .section1 li:last-child{margin-bottom:0}
#home .section1 li:before{background:url(../images/check.png) no-repeat center center/cover;content:"";display:block;float:left;height:23px;margin:2px 15px 20px 0;vertical-align:middle;width:23px}
#home .section1 .button a{background:#1a7dd7;border:1px solid #1a7dd7;border-radius:50px;color:#fff;font-size:15px;font-weight:800;letter-spacing:2px;margin-top:40px;padding:15px 20px;text-transform:uppercase}
#home .section1 .button a:hover{background:0 0;color:#03275b}
#home .section2 .overlay{background:rgba(0,0,0,.2);color:#fff;padding:40px 30px}
#home .section2 .overlay a{color:#fff}
#home .section2 h2{margin-bottom:47px;max-width:510px;font-weight:500}
#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{background:url(../images/plus.png) no-repeat center center/cover;content:"";display:inline-block;height:30px;margin-right:10px;vertical-align:middle;width:30px}
#home .section2 .button{margin-top:85px;text-align:center}
#home .section2 .button a{border:2px solid #fff;border-radius:50px;color:#fff;font-size:15px;font-weight:800;letter-spacing:2px;padding:15px 25px;text-transform:uppercase}
#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}
.faq section.banner article.container h2{text-transform:uppercase}
#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 20px;position:relative;vertical-align:middle;width:100%;z-index:9999}
#home .section2 .faq-popup .wrap h6{color:#03275b;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;position:fixed}
@media (min-width:768px){
#home .section2 .faq-popup .wrap .close{color:#222}
}
#home .section2 .faq-popup.open{display:block;overflow-y:auto;overflow-x:hidden;text-align:center}
@media (max-width:767px){
#home .section2 .faq-popup.open{text-align:left}
}
#home .section2 .button a:hover{background:#03275b;border-color:#03275b;color:#fff}
#home .section3{background:#f8f8f8;padding:40px 0}
#home .section3 .container{padding:0 20px}
#home .section3 .home-testimonials{background:#fff}
#home .section3 .col-1{float:left;padding:0 30px;width:100%}
#home .section3 .col-2{float:left;padding:0 30px;width:50%}
#home .section3 .col-2 .wrap{background:#fff;height:100%;/*padding:25px 0;*/padding: 25px 60px 25px;text-align:center}
@media (max-width:1024px){
.#home .section3 .col-2 .wrap{height:100%}
}
#home .section3 .col-2 .image{margin:0 auto 30px;max-width:109px}
#home .section3 .col-2 .image img{border-radius:100%}
#home .section3 .col-2 h6{color:#03275b;font-size:18px;font-weight:600;text-transform:initial}
#home .section3 .col-2 span{color:#8f8f8f;font-size:14px;font-weight:500}
#home .section3 .col-2 .underline:after{background:#01010c;content:"";display:block;height:2px;margin:20px auto;width:22px}
#home .section3 .col-2 p{color:#8f8f8f;font-size:14px;font-style:italic;font-weight:600;line-height:30px}
#home .section3 .home-testi .swiper-pagination-bullet{width:12px;height:12px}
#home .section3 .home-testi .swiper-pagination-bullet-active{opacity:1;background:#c7000b}
#home .section3 .home-testi .swiper-pagination{position:relative;bottom:10px}
.swiper-container.home-testi.swiper-container-horizontal { padding-bottom: 20px;} 
#home .section3 .col-2:first-child .wrap{ /*background:#03275b;padding:0 60px 0;*/padding:25px 60px 25px;display:flex;flex-direction:column;justify-content:center;align-items:left}
/*#home .section3 .col-2:first-child .wrap h6, #home .section3 .col-2:first-child .wrap p { color: #fff; } */
@media (max-width:809px){
#home .section3 .col-2:first-child .wrap{padding:0 30px 0}
}
@media (max-width:767px){
#home .section3 .col-2:first-child .wrap{text-align:center!important}
#home .section3 .col-2:first-child .wrap h3{text-align:center!important;display:block!important;width:100%!important}
#home .section3 .col-2:first-child .wrap .button{text-align:center!important;width:100%!important}
}
#home .section3 .col-2:first-child .wrap h3{color:#fff;font-size:32px;font-weight:400;line-height:1.2;text-align:left}
#home .section3 .col-2:first-child .wrap .button{text-align:left;margin-top:20px}
#home .section3 .col-2:first-child .wrap .button a{background-color:#1a7dd7;border:2px solid #1a7dd7;border-radius:25px;color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;padding:10px 20px;text-transform:uppercase}
#home .section3 .col-2:first-child .wrap .button a:focus,#home .section3 .col-2:first-child .wrap .button a:hover{color:#fff;border:2px solid #fff;background:0 0;background-color:transparent}
#home .section4{padding:40px 30px;text-align:center}
#home .section4 h2{font-size:36px;line-height:1.5;max-width:860px;margin:60px auto 30px}
#home .section4 .row{padding:0 20px}
#home .section4 .col{display:inline-block;margin-bottom:50px;padding:0 30px;vertical-align:middle;width:130px}
#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 #03275b;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:#03275b;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}
.about-us .sec-2 .ceo-desc h2{font-size:40px;line-height:1.3;margin-bottom:30px}
@media (max-width:550px){
.about-us .sec-2 .ceo-desc h2{font-size:23px}
}
.about-us .sec-2 .ceo-desc p{margin-bottom:10px}
.about-us .sec-2 .ceo-desc p:last-child{margin-bottom:0}
@media (min-width:1200px){
.container{width:1420px}
}
@media (max-width:1760px){
.products .banner{justify-content:right!important}
.products .banner article.container{margin:0;margin-right:6%}
}
@media (max-width:1550px){
.products .banner article.container{margin-right:0}
#home .tagline .circle-ads{right:-30px;top:-230px}
}
@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:#6a6a6a;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{color:#fff;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 .section1 h1{margin-bottom:20px}
#home .section2 .overlay{padding:50px 30px}
#home .section2 h2{margin-bottom:30px}
#home .section2 .button{margin-top:50px}
#home .section3{padding:50px 30px}
#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 h2{margin-bottom: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){
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 .desc,#home .section1 .image{float:none;width:100%}
#home .section1 .image{margin-bottom:30px;padding-right:0}
#home .section1 li{margin-bottom:20px}
#home .section1 li:before{margin-bottom:0}
#home .section1 .button a{margin-top:25px;padding:15px}
#home .section2 .overlay{padding:30px}
#home .section2 .col{float:none;margin-bottom:20px;padding:0;width:100%}
#home .section2 .col:last-child{margin-bottom:0}
#home .section2 li{margin-bottom:20px}
#home .section2 .button{margin-top:25px}
#home .section3 .slide,#home .section3 .title{float:none;width:100%}
#home .section3 .title{margin-bottom:30px;padding:30px 20px}
#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:30px 0}
#home .section4 h2{font-size:20px;margin-bottom:50px}
#home .section4 .row{padding:0}
#home .section4 .col{width:130px}
#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}
#home .swiper-container.homeslide-swiper{height:600px!important}
#home .tagline h3{font-size:26px!important}
#home .section1 .desc h3{font-size:26px!important}
#home .section1{padding-left:15px!important;padding-right:15px!important}
#home .section3 .col-2:first-child .wrap h3{font-size:26px}
#home .tagline .circle-ads{right:10px}
}
@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 .main li a{color:#fff}
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}
}
#home .swiper-container.homeslide-swiper{overflow:visible;height:780px}
#home .hero .round{position:relative;padding:0 40px 70px!important}
#home .hero .image1{display:none}
#home .purchase-barcode-btn{left:70px!important}
#home .section1{padding:40px 30px}
#home .section1 .desc h3{font-size:32px;line-height:1.3;margin-bottom:30px}
.sales-banner{background:url(../images/halloween.png) no-repeat center center/cover!important;border:none!important;border-radius:0!important;height:437px;max-width:unset!important;margin:0!important;padding:0!important;position:absolute;width:356px;bottom:-100px;right:140px}
@media (max-width:1190px){
#home .hero .round{padding:0 60px 70px!important}
#home .purchase-barcode-btn{top:-230px!important;left:40px!important}
}
@media (max-width:1024px){
#home .hero .round{padding:0 110px 70px!important}
#home .purchase-barcode-btn{top:-140px!important}
.sales-banner{height:325px;width:260px;bottom:-50px;right:20%}
}
@media (max-width:894px){
#home .purchase-barcode-btn{position:static!important}
#home .purchase-barcode-btn a{margin:10px auto}
.sales-banner{height:250px;width:200px;bottom:25%;right:1%}
}
@media (max-width:767px){
.sales-banner{height:230px;width:185px;right:0}
}
@media (max-width:700px){
#home .hero .round{padding:0 50px 70px!important}
.sales-banner{bottom:unset;top:-70px}
}
@media (max-width:640px){
#home .hero .round{padding:0 20px 70px!important}
.sales-banner{right:-40px}
}
@media (max-width:401px){
#home .hero a.sales-banner{margin:0!important}
.sales-banner{bottom:15%;top:unset}
#home .hero .purchase-barcode-btn a{font-size:21px!important;padding:15px 10px!important;margin-top:160px!important}
}