/* template.css overrides -- use only when absolutely necessary
================================*/
.banner {padding-top:41.667%;}
.banner-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 300px;
background: url(../imgs/hero.jpg) no-repeat 0 0;
background-size:289.722222%;
}
.price{margin:0 0 0.825em 0;}
.price-save-dollar,.price-save-label,.price-save-percent{position:relative;background:#cc4e00;color:#fff;font-weight:700;font-size:13px;}
.price-save-percent:after{left: 100%;border-bottom:19px solid #cc4e00;border-right: 10px solid transparent;margin-bottom:0;}
.price-save-label{padding:0 0 1px 6px}
.price-save-dollar{padding:0 0 1px 2px}
.price-save-percent{padding:0 6px 1px 2px}
.price-save-label:before,.price-save-percent:after{content:'';position:absolute;bottom:0;width:0;height:0;}
.item-cell{border-bottom:none;}
.item-promo{margin-top:1em;}
.item-promo-code{border-color:#888;}
.item-promo-title span{color:#333;}
.item-promo-info{color:#cc4e00;}
.item-promo-code{padding:1.5em 5px 1em 5px;height:auto;color:#cc4e00;}
.item-promo-code-save{display:inline;}
.item-promo-code-savetxt{display:inline;color:#cc4e00;font-weight:bold;}
li.mir{display:none;}
.instantSavings, .mir{display:block;}
.finalPrice{font-size:1.6em;}
.instantSavings{font-size:0.925em}
/*.instantSavings{font-size:0.925em; color:#ccc;}*/
.shipping{visibility:hidden;}
.mir{font-size:1em;margin:0;color:#016B04}
.btn-mini{border-color:#E68626;font-family:'Open Sans Condensed','Arial Narrow','Helvetica Narrow',arial,helvetica,sans-serif;letter-spacing:1px}
.header .logo {width:125px;}
.legal { margin-bottom:5%; padding:5%; background-color:#f4f5f7; }
/* No Orange Bar for Custom LPs with Black Background
.price-save-dollar,.price-save-label,.price-save-percent{position:relative;background:none;color:#fff;font-weight:700;font-size:13px;}
.price-save-percent:after{left: 100%;border-bottom:none;border-right: 10px solid transparent;margin-bottom:0;}
================================*/

/* custom CSS on a per project basis
================================*/
/* custom CSS on a per project basis
================================*/
.hero{ position:relative;}
.hero-img{position: absolute; top: 0; left: 0; right: 0;bottom: 0; max-height: 450px; background: url(../imgs/hero.jpg) no-repeat 0 0; background-size: 189.72%;}
section { font-family:'Montserrat', sans-serif; }
#giveaway { margin:5% 0 2%; }
#giveaway img { max-width:1366px; width:100%; }
.fl{ float:left}
.box50{ width:90%; padding:5%; }
.unbox-this img { display:block; max-width:489px; width:100%; padding:0 5% !important; }
.unbox-text { line-height: 150%; margin-top:5%; font-size:1.15em; }
/*.mont {font-family: 'Montserrat', sans-serif;}*/
.wrap-this { display:block; width:100%; background:#171749; color:white; }
/*.wrap-this img { width:95%; max-width:488px; }*/
.wrap-gallery { padding:5% 0%; width:100%; height:auto; }
.wrap-content { padding:5%; min-height:300px; overflow:hidden; }
.wrap-title { padding:2% 2% 0%; text-align:center; font-size:2em; font-weight:600; color:#171749; }
.wt-rev { background-color:#171749; color:#fff; padding:3%; text-align:center; font-size:2em; font-weight:600; }
.rm-pad { padding:0; }
.devyn-peek { padding:0; border-top:50px solid white; }
.devyn-img { float:left; display:block; bottom:0; left:0; padding:0 0 0 7%; max-width:413px; width:100%; margin-top:-15%; z-index:3; }
.devyn-img img { }
.devyn-desc { float:left; display:block; width:46%; margin-top:-5%; margin-left:5%; }
.devyn-desc h3 { font-size:3.5em; font-weight:600; color:#171749; margin-top:-3% }
.devyn-desc p { color:white; width:100%; line-height:150%; }
.wrap-text { display:block; margin-top:5%; padding:0 1%; }
.wrap-text p { padding:5% 0 0;}
.img-peek { background-color:#171749; width:100%; height:100%; max-height:400px; overflow:hidden; z-index:1; }
.img-peek-over { background-color:#fff; width:100%; height:100%; max-height:100px; position:relative; top:0; left:0; z-index:2; }
.left1 { float:left; width:45%; margin:auto; }
.right1 { float:left; width:49%; margin-left:5%; }
.andmore { display:block; width:30%; text-align:center; font-size:1.65em; font-weight:700; padding:1%; margin:0 auto 5%; border-radius:80px; color:#fff; background-color:#09144F; font-family:'Open Sans Condensed',sans-serif; text-transform:uppercase; }
.andsubscribe { display:block; width:30%; text-align:center; font-size:1.45em; font-weight:700; padding:2%; margin:5% auto 0%; border-radius:80px; color:#fff; background-color:#1f99d8; font-family:'Open Sans Condensed',sans-serif; text-transform:uppercase; }
.add-marg { padding-bottom: 2%; padding-left:0; padding-right:0; }
.series-videos { background-color:#f1f1f1; }
.svideos { width:80%; height:200px; }
.pad5 { padding:2% 0 0; }
.pad6 { padding:3% 0; }
.top100 { top:125px; }
.top200 { top:200px; }
.vidbox { max-width:1238px; margin:auto; }
.swpag { height:30px; }
.banner1 { display:block; }
.banner2 { display:none; }


sub{text-align:inherit;vertical-align:baseline;font-size:.825em;}
sup{vertical-align: baseline;font-size: 0.8em;position: relative;top: -0.4em;}
.special{list-style:none;line-height:16px;text-align:left;font-size:.85em;color:#ff0000; font-style:italic; font-weight:bold;}
.color2 li.finalPrice{color:#fff;}
.color2 li.originalPrice{color:#ccc;}
.color2 li.originalPriceLine{color:#ccc;}
.color3 li.finalPrice{ margin-top:15px;text-decoration:line-through; width:200px;background:url(../imgs/free.gif) no-repeat; background-position:right bottom;}
.color3 li.originalPrice{ display:none;}
.title01{color:#c00000; font-family: 'cera_proregular', sans-serif; font-size:20px;}



/* IMAGE + TEXT CONTENT */
.contentwrap p{ padding:10px 0;}
.contentwrap .l-left{float:none; padding:0;}
.contentwrap .l-right{float:none; padding:0;}
.contentwrap .l-clear{width:100%; clear:both; }



/* ALL TEXT CONTENT */
.contentwrap{width:100%;padding:0;font-size:.8em;position:relative;display:table;line-height:1.4;}
.contentwrap .alltext{width:90%;padding:0 5%;display:block;}
.contentwrap h2{font-size:1.9em; line-height:1; font-weight:bold; padding:2em 0 1em}
.contentwrap h3{font-size:1.4em;line-height:1;color:#000;font-weight:normal;margin:10px 0;}
.contentwrap ul{display:block;list-style:disc;padding:10px 0 10px 20px;}
.contentwrap ol{display:block;list-style:decimal;padding:10px 0 10px 20px; }

.contentwrap .l-grid {text-align:left; color:#000 }
.contentwrap .l-grid .features-box_l {display:inline-block; width:46%; margin:0; padding:2%; vertical-align:middle; float:left; }
.contentwrap .l-grid .features-box_r {display:inline-block; width:46%; margin:0; padding:2%; vertical-align:middle; float:right;  }


/* IMAGE */
.contentwrap .features-image {width:100%; margin:0 auto; display:block; max-width:500px; }
/*.contentwrap img{width:100%;max-width:500px;margin:0 auto;display:block;}*/
.contentwrap span{width:90%;padding:0 5%;display:block;}

/* TABLE */
.contentwrap table.specs { width:100%; margin:0 auto; font-size:.90em;border-collapse:collapse; }
.contentwrap table.specs td{border:#CCC 1px solid; border-collapse:collapse; padding:3px;}

/* blank classes for assigning content background and defining hot spot dimensions */
#content-section-ZZ.banner-XXX .banner-hot-spot-01 {top: auto; right: auto; bottom: auto; left: auto; width: auto; height: auto;}
#content-section-ZZ.banner-XXX .banner-hot-spot-02 {top: auto; right: auto; bottom: auto; left: auto; width: auto; height: auto;}
#content-section-ZZ .banner-img-XXX {background-image: url(../imgs/content-XXX-ZZ.jpg);}


/* custom CSS examples on a per project basis
================================*/

#content-section-ZZ.banner-XXX .banner-hot-spot-01 {top: 2%; right: auto; bottom: auto; left: 4%; width: 25%; height: 10%;}
#content-section-ZZ .banner-img-XXX {background-image: url(../images/imgs/content-650-01.jpg);}




/* ---- Custom Bullet List ---- */
ul.list_features_custom{margin:3px 0;padding:0;height:4em;width:auto;font-size:.75em;color:#777;list-style:none;overflow:hidden;}
ul.list_features_custom li{margin:0;padding:0 14px;text-wrap:normal;background:url(../imgs/listStyle.gif) no-repeat;background-position:0 4px;}

/* ---- Spacer(s) ---- */
.blank5{clear:both;display:block;margin:0;padding:0;width:100%;height:5px;background:none;}
.blank10{clear:both;display:block;margin:0;padding:0;width:100%;height:10px;background:none;}
.blank20{clear:both;display:block;margin:0;padding:0;width:100%;height:20px;background:none;}
.blank30{clear:both;display:block;margin:0;padding:0;width:100%;height:30px;background:none;}
.blank40{clear:both;display:block;margin:0;padding:0;width:100%;height:40px;background:none;}
.blank50{clear:both;display:block;margin:0;padding:0;width:100%;height:50px;background:none;}
.blank60{clear:both;display:block;margin:0;padding:0;width:100%;height:60px;background:none;}
.blank70{clear:both;display:block;margin:0;padding:0;width:100%;height:70px;background:none;}
.blank80{clear:both;display:block;margin:0;padding:0;width:100%;height:80px;background:none;}
.blank90{clear:both;display:block;margin:0;padding:0;width:100%;height:90px;background:none;}
.blank100{clear:both;display:block;margin:0;padding:0;width:100%;height:100px;background:none;}
.line_spacer{clear:both;display:block;margin:0 auto;padding:0;width:100%;height:52px;background:url(../imgs/line_spacer.png) no-repeat center;}




/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1100px) {
	/* insert responsive CSS for screens below 1024px */
    .devyn-img { padding:0;  margin-top:-11%; }
    .wrap-text { margin:0; padding:1%; }
    .unbox-this { width:100%; }
    .andmore { width:50%; }
    .andsubscribe { width:45%; }
    /*#giveaway img { width:130%; margin-left:-16%}*/
}


@media only screen and (max-width: 850px) {
	/* insert responsive CSS for screens below 1024px */
    .devyn-desc { width:80%; padding:5%; text-align:center; }
    .devyn-img { max-width:none; text-align: center; margin-top:-16%; }
    .devyn-desc h3 { margin:auto; color:white; padding-top:3%; }

}

@media only screen and (max-width: 768px) {
    .left1, .right1 { width:90%; float:none; margin:auto; }
    .right1 { margin-top:5%; }
    .top200 { top:100px; }
    .top100 { top:133px; }
    .pad6 { padding:6% 0; }
    .swiper-button-next { right:4px; }
    .swiper-button-prev { left:4px; }
    .andmore { width:65% }
}


@media only screen and (max-width: 500px) {
	/* insert responsive CSS for screens below 1024px */
    .devyn-desc { width:80%; padding:5%; text-align:center; }
    .devyn-img { max-width:none; text-align: center; margin-top:-23%; }
    .devyn-img img { width:60%; }
    .devyn-desc h3 { font-size:1.68em; margin:auto; color:white; padding-top:3%; }
    .left1 { width:90%; float:none; }
    .left1 img { width:100%; }
    .andmore { width:90%; padding:3%; font-size:1.3em; }
    .andsubscribe { width:95%; margin:8% 0; }
    .wt-rev { font-size:1.68em; }
    .wrap-title { padding-top:5%; font-size:1.68em; }
    .pad6 { padding:8% 0; }
    .top100 { top:130px; }
    .swpag { height:25px; }
    .swiper-button-next, .swiper-button-prev { display:none; }
    .svideos { width:90%; }
    /*#giveaway img { width:160%; margin-left:-35%}*/
	.banner1 { display:none; }
	.banner2 { display:block; width:100%; margin:10% 0 0; }
  
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner { padding-top: 21.96%; }
	.banner-img {
		background-position:100% 0;
		background-size: 152.7086383601757%;
	}
    .box50{ width:50%}
	
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
.items-grid .item-cell { width: 22%; }
	
.contentwrap .l-left{float:left; padding:0 1% 0 0;}
.contentwrap .l-right{float:right; padding:0 0 0 1%;}		
/*.contentwrap img{width:42.5%;display:inline-block;}*/
.contentwrap span{width:42.5%;display:inline-block}
.f-l{float:left;padding:0 0 0 5%;}
.f-r{float:right;padding:0 5% 0 0;}


}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
	.contentwrap{font-size:1.25em;}	
}

/* Swiper */

.swiper {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #f1f1f1;
        height: calc((100% - 30px) / 2);

        /* Center slide text vertically */
        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;
      }
.backscene img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
}