/* template.css overrides -- use only when absolutely necessary
================================*/
body { background-color:#000; }
.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}

/* 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 { width:100%; }
.hero-img{position: absolute; top: 0; left: 0; right: 0;bottom: 0; max-height: 728px; background: url("../imgs/hero_fantastech.jpg") no-repeat 0 0; background-size: cover;}

/*input::input-placeholder {color:#999;}
input::-wdbkit-input-placeholder {color:#999;}
input:-mozplaceholder {color:#999;}
input::-mozplaceholder {color:#999;}
input:-ms-input-placeholder {color:#999;}*/

.grey-bg{background:rgba(0,0,0,0.8); margin:0 auto;height:auto;padding:0;}
.circle-bg{background:url(../imgs/circles.png) no-repeat top center; background-size: 150% 110%; z-index:9999;}
.img-fluid { width: 100%; max-width: 100%; display: block; }
.off-message { max-width: 280px; height: auto; margin: 0 auto; }
.page-btn2 { width:65% !important; max-width: 400px; font-size: 1.3em; }
.btn-color { background:#5959ff; border:1px solid #000; color:#ffffff; }
input::placeholder { font-size:.8em; }
.add-mar { margin:5% 0 0 !important; font-size:2em; }
.disclaimer { font-size:0.9em !important; color:#999; padding-bottom:5%; margin:1.5em 10% 0em 10%; }
.negg-social-icon { margin:0 auto; text-align:center; padding-bottom: 5%; }
.negg-social-icon img { max-width:50px; width:100%; padding:5px; display:inline-block; transition:0.9s; }
.negg-social-icon img:hover { opacity:0.5; }
.form{ text-align:center;padding:2% 11%; margin-top:2%; }
button,
input,
optgroup,
select,
textarea {
	color:#999;
	font: inherit;
	margin: 0; padding:0;
}

.clock { 
	font-size:1.45em; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    padding: 1% 3% 12%;
	font-weight: bold;
    height:auto;
}
.clock-time { width:400px; margin:0 auto; text-align: center; }

.clock ul { margin:0 auto!important; padding:0; text-align: center!important; width:300px; }
.clock li { list-style-type:none; float: left; font-size:.7em; font-weight:bold; text-transform:uppercase; color:#ccc; }
.c_days { padding:2% 0% 0 0%; }
.c_hrs { padding:2% 0% 0 8.35%; }
.c_mins { padding:2% 0% 0 8.35%; }
.c_secs { padding:2% 0% 0 9.35%; }


#timer { 
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
	width:310px;
	margin:0 auto;
    font-size:40px;
}
.timer { float:left; font-weight:normal; font-size:1em; text-align:center; text-transform:uppercase; color:#fff; width:90px; padding:0 1%; border-right:0px solid #669999; }
.timer:last-child { border-right:0px; }
.timer span { font-size:4em !important; font-weight:bold !important; color:#ffb600 !important; }


.line{min-height:150px;width:2px;background:none;margin-top:4%; float:left;}

.stay-connected { width:100%; max-width:1300px; color:#fff; padding:2%;font-size:12px; text-align:center; }
.stay-item { float:left; width:33%; min-height:165px; }
.stay-padd { padding-top:9%; }

.f-l_half_1{width:96%; float:left; text-align:left;color:#fff; padding:2%;font-size:12px;}
.f-r_half_1{width:96%; float:right; text-align:center;color:#fff;padding:2%;font-size:12px;}

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;}



/* CHANGE TITLE COLOR */
/*.item-title a {color: #FFF;text-decoration: none;}*/


/* ---- Typography (pricing) ---- */
/*.originalPrice{font-size:1.0em;color:#999;}
.originalPriceLine{font-size:.75em;color:#999;}
.finalPrice{font-size:1.75em;font-weight:bold;color:#000;}
.soldOut{font-size:.75em;font-weight:bold;text-transform:uppercase;color:#d00;}
.soldout{font-size:.75em;font-weight:bold;text-transform:uppercase;color:#d00;}
.promo_text{font-size:.75em;color:#5f9000;}
.mapPricing{clear:both;float:left;margin:4px 0;padding:4px 8px;width:auto;height:auto;text-align:center;line-height:normal;background-color:#f7f7f7;border:1px solid #ddd;}
.freeShipping{font-size:.75em;color:#06F;}

.item-info {min-height:18em;}



.product_image{float:left;display:block;margin:0 0 4px 0;padding:0;width:180px;height:135px;}
.product_image_right{float:right;display:block;margin:0 0 4px 0;padding:0;width:180px;height:135px;}
a.ProductTitle, a.ProductTitle:link, a.ProductTitle:active, a.ProductTitle:visited{font-size:1.0em;font-weight:normal;color:#000;text-wrap:normal;}
a.ProductTitle:hover{font-size:1.0em;font-weight:normal;color:#244e6d;text-wrap:normal;}

.cntr_ProductTitle_3{clear:both;margin:5px 0;padding:0;height:6em;width:auto;line-height:1.4em;overflow:hidden;}
.cntr_ProductTitle_4{clear:both;margin:5px 0;padding:0;height:6em;width:auto;line-height:1.4em;overflow:hidden;}

.combo-items li { white-space: normal;}


*/







/* IMAGE + TEXT CONTENT */
.contentwrap p{ padding:10px 0; font-size:1.2em; font-weight:600; line-height:180%; }
.contentwrap .l-left{float:none; padding:0;}
.contentwrap .l-right{float:none; padding:0;}
.contentwrap .l-clear {width:100%; clear:both; }



/* ALL TEXT CONTENT */
.alltext { font-family:'Open Sans Condensed',sans-serif; }
.contentwrap{width:100%;padding:0;font-size:.8em;position:relative;display:table;line-height:1.4;}
.contentwrap .alltext{width:70%;padding:1% 0%;display:block;margin:0 auto;color:#fff; text-align:center;}
.alltext h1 { color:#5959ff; }
h2{font-size:3em;line-height:1;color:#fff;font-weight:lighter;margin:10px 0; padding:2% 0;text-align:center;}
h3{font-size:1.8em;line-height:1.3;color:#fff;margin:0;padding:1% 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 .features-image200 {width:100%; margin:0 auto; display:block; max-width:200px; }
.contentwrap .features-image152 {width:100%; margin:0 auto; display:block; max-width:152px; }
.contentwrap .features-image1366 {width:100%; margin:0 auto; display:block; max-width:1366px; }
.contentwrap .features-image69 {width:100%; margin:0 auto; float:left; max-width:55px; padding:2%; }


.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: 500px) {
    .page-btn { width:90%; }
    .negg-social-icon img { max-width:40px; }
}

@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%;
	}	
	
	.circle-bg{background:url(../imgs/circles.png) no-repeat top center; background-size: 100% 100%; z-index:9999;}

}
@media only screen and (max-width: 869px) {
	.f-r_half_1 { float:none; margin-bottom:5%; }
    .stay-item { width:100%; margin-bottom: 5%;}
    .stay-padd { padding-top:0; }
}
@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;}

.f-l_half_1{width:45%; float:left; text-align:left;color:#fff; padding:2%;font-size:16px;}
.f-r_half_1{width:45%; float:right; text-align:center;padding:2%;font-size:16px;}


.timer { float:left; font-weight:normal; font-size:1em; text-align:center; text-transform:uppercase; width:100px; padding:0 2%; border-right:0px solid #669999; }

.c_days { padding:2% 0% 0 0%; }
.c_hrs { padding:2% 0% 0 16.35%; }
.c_mins { padding:2% 0% 0 16.35%; }
.c_secs { padding:2% 0% 0 19.35%; }
.line{min-height:150px;width:2px;background:#fff;margin-top:4%; float:left;}

.circle-bg{background:url(../imgs/circles.png) no-repeat top center; padding:2% 0;background-size: 80%; z-index:9999;}

.clock-time { width:500px; margin:0 auto; text-align: center; }
h3{font-size:2em;line-height:1.3;color:#fff;margin:10px 0;padding:0;}
h1{font-size:2em;line-height:1.3;color:#fff;margin:10px 0;font-weight:bold;padding:0;}

.grey-bg{background:rgba(0,0,0,0.9); width:71%;margin:0 auto;height:auto;padding:0;}

.box25{width:14%;padding:1% 5px;font-size:12px;text-align:center; float:left;}


}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
	.contentwrap{font-size:1.25em;}	
}
@media only screen and (max-width:1300px) {
    .contentwrap p { font-size:1.35em; }
    .contentwrap .alltext { width:80%; padding:5% 10%; }
    .alltext h1 { font-size:2em; }
}