/**/

body, html { overflow-x:hidden; 
	}

body {
    background-color: #333 !important;
	
	/*background-image:url(../images/bgOutter.png) !important; */
	background:fixed;
	
    font-family:  'Open Sans', Arial, Helvetice Neue, sans-serif;
    font-size: 12px;
	
	font-weight: 300; 
	font-style: normal; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	}

}
/*my base complimentary colors*/
/*:root {
--copper: #b87333;
--copperCompBlue: #3378b8;
--copperCompGreen: #33b873;
--copperCompMagenta: #b83378;
}*/

/*
h1 {font-size: 2.5em !important; margin:0 auto 0 !important; padding: 15px}
h2 {font-size: 1.5em !important margin:0 auto 0 !important; padding: 15px}
h3 {font-size: 1.5em !important margin:0 auto 0 !important; padding: 15px}
h4 {font-size: 1.5em !important margin:0 auto 0 !important; padding: 15px}
h5 {font-size: 1.5em !important margin:0 auto 0 !important; padding: 15px}
h6 {font-size: 1.5em !important margin:0 auto 0 !important; padding: 15px}*//*THESE H1-H6 ARE TO SATY COMMNETED OUT and used only in media queries: min-width: 375, 667, 1024, 1280*/


/*common heading colors for easy re-use*/
.lightTeal {color: #0590b4 !important;} 	/*bg,btns*/
.darkTeal {color:#1785a9 !important;}			/*subHeads & borders*/
.lightBlue {color: #1075bc !important;} 	/*bg, btns*/	
.darkBlue {color: #1e76bc !important;}		/*subHeads & borders*/
.lightGreen {color:#139d4c !important;}	 	/*bg,btns*/
.darkGreen {color: #139d4c !important;} 		/*subHeads & borders*/
.lightRed {color: #e20505 !important;} 		/*bg,btns*/
.darkRed{color: #b80000 !important;}
.lightOrange {color: #ff7600 !important}
.darkOrange {color: #c87126 !important;}
.black {color:#000;}							/*subHeads & borders*/
.darkGray {color: #666;}
.lightGray {color: #777;}

/*tweaks margins tops and bottoms*/
.spacer5px {width:100%; height:5px}
.spacer10px {width:100%; height:10px}
.spacer15px {width:100%; height:15px}
.spacer20px {width:100%; height:20px}
.spacer25px {width:100%; height:25px}
.spacer30px {width:100%; height:30px}
.spacer35px {width:100%; height:35px}
.marginTop1em {margin-top: 1em!important}
.marginTop2em {margin-top: 2em!important}
.marginTop3em {margin-top: 3em!important}
.marginTop4em {margin-top: 4em !important}
.marginTop5em {margin-top: 5em !important}
.marginBot5em {margin-bottom: 5em !important}
.marginBot4em {margin-bottom: 4em !important}
.marginBot3em {margin-bottom: 3em !important}
.marginBot2em {margin-bottom: 2em !important}
.marginBot1em {margin-bottom: 1em !important}
/*and negatives: *//*beware of overlaps in responsive stacking*/
.marginTop--10px {margin-top: -10px!important}
.marginTop-1em {margin-top: -1em!important}
.marginTop-2em {margin-top: -2em!important}
.marginTop-3em {margin-top: -3em!important}
.marginTop-4em {margin-top: -4em !important}
.marginTop-5em {margin-top: -5em !important}
.marginBot-5em {margin-bottom: -5em !important}
.marginBot-4em {margin-bottom: -4em !important}
.marginBot-3em {margin-bottom: -3em !important}
.marginBot-2em {margin-bottom: -2em !important}
.marginBot-1em {margin-bottom: -1em !important}

/*font size tweaks — because until rems are universal ems continue to cascade
the decimal are .3, .5, .8 Think Fibonacci — use sparingly & BE SURE TO CHECK HOW USING THESE AFFECTS SMALL SCREENS SINCE THESE ARE ONLY FAST TWEAKS -- MEDIA QUERIES ARE STILL KING*/
.font-5em {font-size: .5em !important; font-weight: 900}}
.font-7em {font-size: .7em !important; font-weight: 800}
.font1em {font-size: 1em !important; font-weight: 700}
.font1-1em {font-size: 1.1em !important; font-weight: 900 !important}}
.font1-3em {font-size: 1.3em !important}
.font1-5em {font-size: 1.5em !important}
.font1-8em {font-size: 1.8em !important}
.font2em {font-size: 2em !important}
.font2-3em {font-size: 2.3em !important}
.font2-5em {font-size: 2.5em !important}
.font2-8em {font-size: 2.8em !important}
.font3em {font-size: 3em !important}
.font3-1em {font-size: 3.1em !important}
.font3-3em {font-size: 3.3em !important}
.font3-5em {font-size: 3.5em !important}
.font3-8em {font-size: 3.8em !important}

.weight100 {font-weight: 100 !important}
.weight200 {font-weight: 200 !important}
.weight300 {font-weight: 300 !important}
.weight400 {font-weight: 4100 !important}
.weight500 {font-weight: 500 !important}
.weight600 {font-weight: 600 !important}
.weight700 {font-weight: 700 !important}
.weight800 {font-weight: 800 !important}
.weight900 {font-weight: 900 !important}

/* ### .clearfix is a good place for random add-ons ### */
.clearfix {margin:-10px !important}

/*this  .center class works in most inline overides*/
.center {
	text-align:center !important; 
	margin:0 auto 0 !important;
	padding: 20px
	}
.floatLeft {float:left !important}

.floatRight {float: right !important}

/*these .maxWidth variations will help inline decisions*/
.maxWidth300 {width:100%; max-width:300px !important}
.maxWidth320 {width:100%; max-width:320px !important; margin: 0 auto 0}
.maxWidth340 {width:100%; max-width:340px !important; margin: 0 auto 0}
.maxWidth360 {width:100%; max-width:360px !important;}
.maxWidth380 {width:100%; max-width:380px !important}
.maxWidth400 {width:100%; max-width:480px !important}
.maxWidth420 {width:100%; max-width:420px !important;}
.maxWidth460 {width:100%; max-width:460px !important;}
.maxWidth500 {width:100%; max-width:500px !important;}
.maxWidth720 {width:100%; max-width:720px !important;}
.maxWidth768 {width:100%; max-width:768px !important;}
.maxWidth800 {width:100%; max-width:800px !important;}
.maxWidth840 {width:100%; max-width:840px !important;}
.maxWidth900 {width:100%; max-width:900px !important;}
.maxWidth960 {width:100%; max-width:960px !important;}
.maxWidth1020 {width: 100%;max-width:1020px !important; margin: 0 auto 0 !important}
.maxWidth1350 {width: 100%;max-width:1350px !important; margin: 0 auto 0 !important}

.minHeight300 {min-height: 350px !important;}

/*my common graphic styles to change per product*/
.transBg {
	background-color: transparent !important;
	}

.noStyle {
	text-decoration: none !important; 
	color: inherit !important;
	}

/*h1, h2, h3, h4, h5, h6, span,*/ p {
	font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; font-weight:400}

h1,.topHeadline {
	font-size:2.5em !important; 
	/*color:#0590b4 !important; */
	/*font-family:qwigley,arizonia;*/
		font-weight:600; 
		line-height:auto
	}

h2 {
	/*color:red !important; 
	font-size:2.4em;*/
	margin-bottom:20px; 
	/*font-family:'arial narrow';*/ 
	font-weight:500
	}

h2.center {
	line-height: 1.4em;
	/*font-family:  'Open Sans', Arial, Helvetice Neue, sans-serif;*/
	}

h2.faqHeading {
	color:#139d4c !important; 
	text-align: center;
	/*font-family: Arial, helvetica, sans-serif !important; font-size: 1.8em*/
	}

.brandBorder {
	border:3px solid #1e76bc;
	border-radius:13px !important;
	}

h3.discountValue {
	font-size:2.3em !important;
	font-weight:600; 
	color:teal;font-style:italic}

.cursive2 {
	font-family:Courgette, cursive !important;}

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
	}

.bgPatternInner {
	background-color:transparent !important; background-image:url(../images/bg.png) !important; 
	background: fixed}

.footerBanner {
	background-image: url(../images/footerProductBanner.png);   	
	background-repeat: no-repeat;
	}

.engageSubhead {
	font-size:1.7em !important
	} 

.templatemo_clear {
	clear: both;
	}

.height30 {
	height: 30px;
	}

.templatemo-top-bar {
    min-height: 40px;
    background-color:#eeeeee;
	}

.templatemo-top-menu {
    min-height:110px;
    background-color:#ffffff;
    z-index: 5000;
    width:100%;
	border-bottom: 3px yellow solid;
	}

.templatemo-top-menu .navbar-toggle {
    margin-top: 38px;
}

.templatemo-top-menu .navbar-brand {
    padding: 0;
    margin: 30px 0 0 0;
}

h2.compareCaptionSub {
		text-align: center;
		}

.faqQuestion, .faqAnswer {
	margin: 0 7% 1em 7% !important}

/* ------ Carousel ----- */

#templatemo-carousel {
    background: url('../images/templatemo_carousel_bg.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x: hidden;
    margin-bottom:0;
    height: 500px;
}

#templatemo-carousel .carousel-caption {
    z-index: 10;
}

#templatemo-carousel .item {
    height: 500px;
}
#templatemo-carousel .carousel-inner > .item > img {
    position: absolute;
    min-width: 100%;
    height: 500px;
    left: 0;
    top: 0;
}

.productSampleImg {
	border: solid 2px #666;
}

.imgBorder {border: 2px solid #666; border-radius: 12px !important}

.videoContainer {border-radius: 24px 24px 0 0  !important}

input[type="radio"] {
   display: inline;
	height: 25px;
   width: 25px;
	cursor: pointer;
   vertical-align: text-top;
	background-color: green;
}


input[type="radio"]:hover {
	border:3px solid #000;
    border-color: #c2c2c2;
	background-color: green;
}

input[type="radio"]:checked {
    background:blue;
}

.submitBtn.img-responsive {
	margin: 0 auto 0; 
	width:100% !important; 
	height:auto; max-width:420px !important;
	}


@media (min-width: 667px) {
	.cartHeading {
		font-size: 4.9em !important;
	}
	
}

@media (max-width: 667px) {
	.caption p {
		font-size:.9em !important
		}
	
	.templatemo-top-menu.gradGrayVertical {
		height:69px !important
		}
	
	.container.navbar.navbar-default.container.navbar-header {
		height:999px !important
		}/*this clearly does not work. Need to find the sticky header boostrap nav-bar-header class*/
	
	.headlogoDiv .headLogo {
		width: 150px;
		max-width: 150px !important;
			margin-top: 0 !important;
			margin-left: 0 !important
	}
	
	/*.icon-bar {margin-top:0px !important}*/
	
	.row.videoContainer {
		width:80% !important; 
		/*margin-top:70px !important*/}
	
	.videoWrapper {
		margin-top:23px !important
		}
	
	.navbar-toggle {
		margin-top:6px !important
		}
	
	h1.topHeadline {
		font-size:1.7em !important; line-height: 1.3em !important
		}
	
	h2.firstFeatureSubHead {
		font-size:2em !important
		}
	h2.center {
		font-size:1.6em
		}
	
	p.features {
		font-size:1.4em !important; 
		margin:.5em 0 .7em 0!important; 
		
		}
	
	h2.topHeadline.center.engageSubhead {
		font-size:5.2em !important; 
		margin-top:6px !important}
	
	.caption h3.productSampleSubHead {
		font-size:1.3em !important
		}
	
	li.col-md-12.featuresContainer {
		margin: 0 auto 0 !important;
	width:60% !important;
	height: inherit !important;
    background: transparent;
    -moz-border-radius: 50% ;
    -webkit-border-radius: 50% ;
    border-radius: 50% !important;
	border: 7px solid #ddd;
	padding: 2%;
	box-shadow: 0px 0px 28px #777;
		margin-left: -25px !important;
		font-size: 1.3em !important;
		line-height: .8em !important
	}
	
	h2.compareCaptionSub {
		font-size:1.1em !important
	}
	
	.offerEnds {
		font-size:1.2em !important
		}
	
	.submitBtn.img-responsive {
		margin: 0 auto 0 !important; 
		width:290px !important; 
		max-width: 290px !important; 
		display:block !important; 
		position: relative !important}
	
	/*.offers .col-sm-5.col-md-6.blog_post label {width:100% !important; max-width:647px}*//*the iPhone 6s horizontal does not fill to 100% Tere must  be a max-width fighting this somehwere*/
	
	.faqHeading {
		font-size:1.6em !important
	}
		
	p.faqQuestion {font-size:.8em !important;margin-bottom:0px !important}
	
	p.faqAnswer {font-size:.8em !important}
	
	p.shipingDisclaimer {
		font-size:.6em !important
	}
	

	.maxWidth768.center.banner {
		max-width: 550px !important
	}
	
	
}/*ends @media (max-width: 667px*/

/*My iPhone 7 responsive overrides*/
@media (min-width: 412px) {
		
	.blog_box .col-sm-5.col-md-6.blog_post.offers label {
		width:100% !important; 
		max-width: 310px !important;  
		float: left !important}
	
	.selectOfferBtn.img-responsive {
		width: 250px !important; 
		max-width:250px !important; 
		margin: 0 auto 0;}
	
	.submitBtn.img-responsive {
		margin: 0 auto 0 !important; 
		width:290px !important; 
		max-width: 290px !important; 
		display:block !important; 
		position: relative !important
	}
	
	h2.videoHeading {
		font-size:1.7em; display:block; margin-top:30px !important
	}
	
	h2.topHeadline {
		font-size:1.8em !important
	}
	
	.productSampleContainer h3 {
		font-size:inherit !important
	}
	
	h2.compareCaptionSub {
		font-size:1.1em !important
	}
	
	h2.faqHeading {
		font-size:1.1em !important
	}
	
	.cartHeading {
		font-size: .92em !important;
	}
	p.features {
		font-size:1.5em !important; margin:.5em 0 .8em 0!important; 
	}.offers {padding:40px !important}
	
	.offers label {
		width:10% !important; 
		margin: 0 0 0 -15px !important;
		min-width: 320px !important;
		float: left !important
	}
	
	label {
		max-height: 560px !important;
		min-height: 560px !important;
	}
	li.col-md-12.featuresContainer {
		margin: 0 auto 0 !important;
	width:100% !important;
	height: inherit !important;
    background: transparent;
    -moz-border-radius: 50% ;
    -webkit-border-radius: 50% ;
    border-radius: 50% !important;
	border: 7px solid #ddd;
	padding: 3%;
	box-shadow: 0px 0px 28px #777;
		margin-left: 5px !important;
		font-size: 1.1em !important;
			line-height: 1em !important;
	}  
	
	/*p.features {
		font-size:1.6em !important; margin:1em 0 .8em 0!important; }*/

	
	p.shipingDisclaimer {
		font-size:.6em !important
	}
	
	.banner {
		max-width:340px !important
	}
	.blog_box .col-sm-5.col-md-6.blog_post.offers label {
		width:100% !important; 
		max-width: 600px !important;   
		float: left !important
	}
	.maxWidth768.center.banner {
		max-width:340px !important
	}
	
	.footerBanner {
 	background-position: center 65% !important;
	background-size:100vmin auto !important;
	}
	
		label.shippingSkew {min-height:450px !important;
	}
	
	
}/*END MEDIA min-width:412px QUERY*/

@media (max-width: 412px) {
	.blog_box .col-sm-5.col-md-6.blog_post.offers label {
		width:100% !important; 
		max-width: 305px !important;   
		float: left !important;
			margin-left: 7px !important;
			margin-top: 20px !important
	}
	label {
		width:300px !important;max-width: 300px !important
	}
	
	.maxWidth768.center.banner {
		max-width:340px !important
	}
	
	
}

/*My iPhone 6s responsive overrides*/
@media (max-width: 375px) {
    .member-thumb .thumb-overlay {
            padding-left: 30%;
    }
	.templatemo-service-item-header {
		font-size: 16px;
		
		padding: 23px 10px 22px;
	}
	.templatemo-header-orange {
		min-width: 0px;
	}
	
	/*.row {padding:0 !important; width:100% !important; margin:0 !important}*/ /*just need to make iPhoneVertical full width*/
	
	.templatemo-top-menu.gradGrayVertical {
		height:75px !important
	}
	
	.headlogoDiv .headLogo {
		width: 180px;
		max-width: 180px !important;
			margin-top: 0 !important;
			margin-left: 0 !important
	}
	
	h1 {font-size:2em !important; font-weight: 600 !important;}
	h2.topHeadline {font-size:2.5em !important; font-weight: 600 !important;}
	
	.firstAccessorySubHead {
		font-size:1.9em !important;
	}
	
	.topHeadline {
		font-size:2.1em !important; 
		margin-top:35px; 
		text-align: center !important
	}
	
	.col-lg-12 h2.videoCaption {
		font-size:1.8em !important
	}
	
	.pull-left. firstFeatureSubHead {
		font-size:2.1em !important; 
		/*font-family: Arial, sans-serif !important;*/
	}
	
	.list-inline {height:inherit; margin-left:-25px !important}

	
	
	li.col-md-12.featuresContainer {
		margin: 0 auto 0 !important;
	width:100% !important;
	height: inherit !important;
    background: transparent;
    -moz-border-radius: 50% ;
    -webkit-border-radius: 50% ;
    border-radius: 50% !important;
	border: 7px solid #ede;
	padding: 0 2% 0 2% ;
	box-shadow: 0px 0px 28px #999;
		margin-left: -25px !important;
		font-size: 1.0em !important;
		line-height:1.4em !important;
		
	}
	
	h2.compareCaptionSub {
		font-size:1.1em !important
	}
	
	.cartHeading {
		font-size:1.1em !important
	}
	
	label   {
		max-height: 600px;
		min-height: 600px;
	}
	
	.checkBoxLabel {
		font-size:.9em !important; 
		line-height:10px !important;
		text-align:center !important
	}
	
	.cartBullets {
		font-size:0.8em !important; 
		line-height: 1.4em 
	}
	
	.option_one_dropdown {
		font-size:0.8em !important
	}
	
	.topSubhead {
		color: #1890b2 !important; font-weight:500
	}
	
	h3.productSampleSubHead {
		/*font-size: 1.6em !important; */
		
	}
	
	.col-md-12 p .productSample {
		font-size: 3.1em !important
	}
	
	h2.faqHeading {
		color:#139d4c !important; text-align: center;
		/*font-family: Arial, helvetica, sans-serif !important; font-size:1.6em !important;*/
	} /*look into this font size not resolving for responsive*/


	.faqAnswer {
		text-align:center; 
		font-size:2em !important}
	
	.col-sm-5.col-md-6.blog_post {
		width:310px !important; 
		max-width: 350px !important;  
		margin: 0 auto 0 !important
	}
	
	.blog_box .col-sm-5.col-md-6.blog_post.offers label {
		width:100% !important; 
		max-width: 300px !important;   
		float: left !important
	}
	
	.selectOfferBtn.img-responsive {
		width: 230px !important; 
		max-width:230px !important; 
		margin: 0 auto 0;
	}
	
	.submitBtn.img-responsive {
		margin: 0 auto 0 !important; 
		width:290px !important; 
		max-width: 290px !important; 
		display:block !important; 
		position: relative !important
	}
	.maxWidth768.center.banner {
		max-width:300px !important
	}
	.footerBanner {
 	background-position: center 65%;
	background-size:90vmin auto;
	}
	
	label.shippingSkew {min-height:450px !important;
	}
}
		
}
/*ENDS MEDIA QUERY max-width: 675px iPhone 6s*/


@media (min-width:320px) and (max-width: 960px) {
	 .team_hr {
		width: 37%; 
	}
	.tagLine {display:none !important;
	}
}



@media (min-width:991px) and (max-width: 1200px) {
	 .team_hr {
		width: 37%; 
	}
	.tagLine {display:block !important;}
}

@media (min-width:683px) and ( max-width: 991px) {
	 .team_hr {
		width: 33%;
	}
}

@media (min-width:585px) and ( max-width: 683px) {
        .member-thumb .thumb-overlay {
            padding-left: 25%;

        }
	 .team_hr {
		width: 30%;
	}
}

@media (min-width:536px) and ( max-width: 585px) {
	 .team_hr {
		width: 28%;
	}
}

@media  (min-width:410px) and  ( max-width: 536px) {
	 .team_hr {
		width: 21%;
	}
}

@media  ( max-width: 410px) {
	 .team_hr {
		width: 11%;
	}
	.maxWidth768.center.banner {
		max-width:290px !important;
			margin-left: -23px !important;
	}
	
}

/*Overides*/
/*BEGIN MEDIA QUERIES*/

@media only screen and (max-device-width: 489px) {
   	.someClass {
	  }

  }/*END MEDIA QUERY*/


@media only screen and (max-device-width: 666px) {
	.someClass {
  	}

} /*END MEDIA QUERY*/



@media (min-width: 732px) {
	
	
	
	.templatemo-top-menu.gradGrayVertical {
		height:66px !important
	}
	.templatemo-top-menu .navbar-toggle {
    margin-top: 8px;
}

	.maxWidth768.center.banner {
		max-width: 650px !important
	}
	.imgSwapMobile {
		max-width:480px !important
	}
	.offerEnds {font-size:1.4em !important}
	
	.headlogoDiv .headLogo {
		width: 150px;
		max-width: 150px !important;
			margin-top: 0 !important;
			margin-left: 0 !important
	}
	li.col-md-12.featuresContainer {
		margin: 0 auto 0 !important;
	width:70% !important;
	height: inherit !important;
    background: transparent;
    -moz-border-radius: 50% ;
    -webkit-border-radius: 50% ;
    border-radius: 50% !important;
	border: 7px solid #ddd;
	padding: 1%;
	box-shadow: 0px 0px 28px #777;
		margin-left: 5px !important;
		font-size: 1.3em !important;
			line-height: 1.1em !important;
	} 

}

@media (min-width: 768px) {
    #templatemo-carousel .carousel-caption p {
        margin-bottom: 20px;
        line-height: 1.4em;
        font-size: 21px;
    }

    #templatemo-carousel .carousel-caption {
        padding-bottom: 140px;
        right: 20%;
        left: 20%;
    }
	.img-responsive { /*WHAT SI THIS?? AND WHY? */
		width: 1200px !important;
	}
	
	/*.featuresContainer li p {margin:.9em 0 .8em 0!important; line-height:auto}*/
	
	
	
	.cartHeading {
		font-size: 1.4em !important;
	}
	
	.headlogoDiv .headLogo {
		max-width: 170px !important;
			margin-top: 19px !important;
			margin-left:-15px !important;
	}
	
	h1.videoHeading {font-size:1.6em !important; font-weight: 600 !important;}
	h2.topHeadline {font-size:3.1em !important; font-weight: 500 !important;
	}
	
	/*.list-inline.featuresContainer {margin-left:120px !important}*/

	
	li.col-md-12.featuresContainer {/*same as p.features*/
		margin: 0 auto 0 !important;
	width:120% !important;
	height: inherit !important;
    background: transparent;
    -moz-border-radius: 50% ;
    -webkit-border-radius: 50% ;
    border-radius: 50% !important;
	border: 7px solid #ede;
	padding: 2.5%;
	box-shadow: 0px 0px 28px #999;
		margin-left: -25px !important;
		font-size: 1.4em !important;
			line-height: 1.0em !important;
	} 
	
		.offerEnds {
		font-size:1.6em !important
	}
	
	h2.compareCaptionSub {font-size:1.4em !important
	}
	
	.cartHeading {
		font-size: 1.08em !important;
	}
	.footerBanner {
	background-image: url(../images/footerProductBanner.png);   	
	background-repeat: no-repeat;
 	background-position: center 78% !important;
	background-size:5vmin auto !important;
	}
		label.shippingSkew {min-height:450px !important;
	}
	
	
}

@media (max-width: 768px) {
    #templatemo-carousel .carousel-caption {
        padding-bottom: 120px;
    }
	.headLogo {
		margin-left:-31px;
		width: 220px !important;
		height: auto;
	}
	.headLogoSocial {
		margin-left:-19px;
		margin-top: 12px;
		width: 100px !important;
		height: auto;
	}
	
	.hide_mobile768 {visibility: hidden; display: none
	}
	.getTwoForOneSocial {z-index:9999999999;
		visibility: hidden;
		display: none;
	
	/*	display:block;
		position:absolute !important;
			right:12px;
			top:116px !important;
		width:80px !important;
		height: 80px !important;
		max-width:80px !important;
		border:2px solid #ddd;
		border-radius: 30px 30px 30px 30px !important;
		box-shadow: 0px 3px 12px 2px #444; */
	}
	
	
}

@media (max-width: 1024px) {/*ACTION::: There is max1024 below to merge this with or leave 'Carousel MQ's alone??*/
    #templatemo-carousel {
        background: url('../images/xxx') no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow-x: hidden;
        margin-bottom:0;
        height: 500px;
    }
	
	p.faqQuestion {font-size:.9em !important;margin-bottom:0px !important}
	
	p.faqAnswer {font-size:.8em !important}
	
	.footerBanner {
 	background-position: center 60% !important;
	background-size:90vmin auto !important;
	}
		/*label .col-md-12.list-inline {height:inherit; margin-left:25px !important}*/
	
	
}

/* ------ End of Carousel ----- */

/* ------ Welcome & Slogan ------ */
.templatemo-welcome {
    border-bottom: 1px solid #cccccc;
    min-height: 230px;
}

.templatemo-slogan {
    font-family:  'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 42px;
    margin: 60px 0;
    color: #333333;
}

.templatemo-service {
    margin-bottom: 100px;
    margin-top: 100px;
}

.templatemo-service-item {
    font-family:  'Open Sans', sans-serif;
    margin-bottom: 10px;
    font-size: 20px;
}


.templatemo-service-item p {
    font-weight: lighter; 
    text-align: justify; 
    margin-top: 25px;
    font-size: 14px;
    color: #929292;
}

.subheader {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin-top: 12px;
    font-size: 12px;
    color: #e67e22;
}


.btn-orange {
    background-color: #ff7600;
    border-bottom:2px solid #d35400;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color:#ffffff;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
    background-color: #d35400;
    color:#ffffff;
}

.btn-green {
    /*background-color:#2ecc71;*/
    background-color: #139d4c;
	border-bottom:2px solid #27ae60;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color:#ffffff;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
    background-color: #139d4c;
    color:#ffffff;
}

.btn-success {background-color:#139d4c !important;}

.nav > li > a {
    padding: 10px 20px;
	font-size:1.35em;
	font-weight:600;
	color:#000 !important;
	/*background-color: #b5a642;*/
	/*background-color: #139d4c;*/
	/*background-color: #b87333;*/
	background-color: #0590b4;
	/*background-color: var(--copper) !important; */
	border-radius: 8px 8px 8px 8px !important;
	border: 1px solid #000;
	margin: 2px;
	box-shadow: 0px 7px 7px #222; 
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #000000; /* need to find this instance*/
    color:yellow;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: yellow;
    color:#000000 !important;
}

/*These radius need to match other Btns if possible*/
	.navLiFirst {display:block !important; border-radius: 5px 0 0 5px !important}
	.navLiCenter {display:block !important; border-radius: 0 0 0 0 !important}
	.navLiLast {display:block !important; border-radius: 0 5px 5px 0 !important}
/*These radius need to match other Btns if possible WHen tme allows*/


.nav > li > a {
    color: #fff;
}
.navbar-default {
    background-color:transparent !important;
    border:none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    /*background-color: #1890b2;*/
	/*background-color: #b87333;*/
	background-color: #139d4c;
    color:#fff !important;
	border-radius: 8px 8px 8px 8px !important;
}

.navbar-default .navbar-nav > .active > a:hover {
	background-color: #ded;
	color: #000 !important;
	
}
.navbar {
    margin-bottom: 0px;
}

.templatemo-service-item-header {
    margin-left: -10px; 
    padding: 16px 20px 20px; 
    font-weight: bold;
    display: inline-block;
}

.templatemo-header-orange {
    background-color:#ff7600;
    min-width: 298px;
    height: 67px;
    color: #fff; 

}

.team_hr {
    border: 1px solid #fff; 
    width: 39.5%; 
    float: left;
}

.team_hr_left {
    margin-right: 30px;
    margin-left: 15px; 
}

.team_hr_right {
    margin-left: 30px;
}

.hr_gray {
    border: 1px solid #cccccc; 
}

.templatemo-team {
    background: url('../images/background.png') ; 
    font-family:  'Open Sans', sans-serif;
    min-height:590px;
    color:#ffffff;

}
.templatemo-line-header {
    margin-top:100px;
    margin-bottom:80px;
}

.member-thumb:hover .thumb-overlay {
    transition: all 0.3s ease-in-out 0s;
    visibility: visible;
    opacity: 1;
}

.member-thumb {
    position: relative;
    overflow: hidden;
}

.member-thumb .thumb-overlay {
    background-color: rgba(220, 157, 102, 0.8);
    position: absolute;
    visibility: hidden;
    padding-top: 35%;
    padding-left: 25%;
    height: 100%;
    width: 100%;
    opacity: 0;
    right: 0;
    top: 0;
}

.thumb-overlay a {
    float:left;
    margin-right: 5px;
}



.team-inner {
    margin-top:10px;
}

.team-inner-header {
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    font-size:16px;
}

.team-inner-subtext {
    font-weight:normal;
    font-size:12px;
}

.row_team {
    margin-left:-50px;
    margin-top:70px;
}

.row_team li {
    list-style: none;
}

.templatemo-project-box {
    background-size: cover;
    position: relative;
    overflow: hidden;
    cursor:pointer;
    height: 200px;
    width: 200px;
}

.templatemo-project-box:hover .project-overlay {
    transition: all 0.3s ease-in-out 0s;
    visibility: visible;
    opacity: 1;
}

.project-overlay {
    background : rgba(0,0,0,.75);
    border : 2px solid #ff7600;
    visibility: hidden;
    position: absolute;
    text-align:center;
    padding-top:40px;
    color: #ffffff;
    height: 100%;
    width: 100%;
    opacity: 0;
    right: 0;
    top: 0;
}


.project-overlay hr {
    width : 70%;
	
}

.templatemo-project-gallery li {
    margin:15px;
}

.txt_darkgrey {
    color: #333333;
}

.txt_orange {
    color: #e67e22;
}

.txt_slogan {
    font-size:14px; 
    color:#929292;
}

.templatemo-line-header span {
    font-size: 18px; 
    float :left; 
    margin-top: 10px;
}

.team_box  div {
    text-align: center; 
    padding-top: 100px;
}

.span_blog {
    margin-bottom: 80px;
}

.blog_post {
    color: #333333; 
    padding: 10px;
}

.blog_header {
    font-weight: bold; 
    font-size: 16px; 
}

.blog_text {
    text-align: justify; 
    font-size: 14px; 
    margin-top: 20px;
}

#templatemo-contact {
	margin-top:100px; 
	border-top: 1px solid #cccccc; 
	font-size:14px;
}
.templatemo-contact-map {
    margin-bottom: 15px;
    height: 378px;

}

.head_contact {
    padding-bottom:80px; 
    margin-bottom:0;
}

.contact_right img {
	margin-right:5px;
}

.contact_right form {
	padding-left:15px;
	padding-right:15px
}

.tweet_txt {
	border-left:2px solid #ffffff; 
	min-height:160px;
}

.twitter_user {
	color: #FFFF33; 
	font-size: 14px;
	float: right;
}

.templatemo-partners {
	border-top: 2px solid #cccccc;
}

.templatemo-partners .templatemo-partner-item {
    margin-bottom: 5px;
}

.templatemo-footer {background-color:#000;
	
	border-top: 2px solid #cccccc; 
	margin-top: 100px;
}

.footer_container {background-color:transparent;
	margin-top:60px; 
	margin-bottom:20px;
}

.footer_bottom_content {background-color:transparent;
	margin: auto;
	margin-bottom: 30px;
	font-size: 14px;
	color:#333333;
}

/*.footerBanner {background-image:url("../images/footerProductBanner.png" !important;background-color:blue !important)
}*/

.social-icon-fb {
    background: url('../images/social-icon-fb.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-fb {
    background: url('../images/social-icon-fb-over.png') no-repeat;
}

.social-icon-rss {
    background: url('../images/social-icon-rss.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-rss {
    background: url('../images/social-icon-rss-over.png') no-repeat;
}

.social-icon-twitter {
    background: url('../images/social-icon-twitter.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-twitter {
    background: url('../images/social-icon-twitter-over.png') no-repeat;
}

.social-icon-linkedin {
    background: url('../images/social-icon-linkedin.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-linkedin {
    background: url('../images/social-icon-linkedin-over.png') no-repeat;
}

.social-icon-dribbble {
    background: url('../images/social-icon-dribbble.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-dribbble {
    background: url('../images/social-icon-dribbble-over.png') no-repeat;
}

ul.templatemo-project-gallery  li  a img:hover {
    border: 3px solid #ff7600;
}

.templatemo-gallery-category a {
	color:#333333; 
}

.templatemo-gallery-category a.active {
	color:#e67e22; 
	text-decoration:none;
}

.templatemo-gallery-category a:focus {
	color:#e67e22;
	text-decoration:none;	
}

.templatemo-gallery-category a:hover {
	color:#e67e22; 
	text-decoration:none;
}

.link_orange:hover {
    text-decoration:none;
}
.templatemo-project-gallery {         
    margin:0 0 0 0;
    margin-top:30px;
    margin-left: -40px;
}
.templatemo-project-gallery li {     
    list-style:none;
    margin-bottom:25px;           
}
.templatemo-project-gallery li img {
  cursor: pointer;
}

.templatemo-tweets {
    background-color: #8996a0;
    min-height:200px;
    font-family:  'Open Sans', sans-serif;
    font-size:20px;
    color:#ffffff;
    margin-top:100px;
}

.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-style: italic;
}

.btn_loadmore {
	margin-top:30px; 
	margin-bottom:80px;
}

.blog_box {
	margin-left: -12px;
}

/*media queies*/ 

@media (min-width:991px) and (max-width:1200px) {
    .templatemo-project-box, .project-overlay {
        height:170px;
        width:170px;
    }

    .templatemo-project-gallery {
        margin-left: -70px;
    }

    .templatemo-service-item-header {
        padding: 16px 10px 20px;
    }

    .templatemo-header-orange {
        min-width: 230px;
    }

    .team_box,  .team_box_over {
        height:220px;
        width:220px;
    }
	
	.productSample {
		max-width: 250px	
	}
	
	.videoWrapper {
		 height: 0;
		 width: 70% !important;
	}
	
	/*.col-lg-12 {width:720px !important; max-width:160px !important}*/
	
}


@media (min-width:1081px) and (max-width:3000px) {
	.videoContainer {
		width: 40%;
		height:50% !important;
		margin-top: -90px !important;
	
	}

			.videoWrapper {
		 height: 0;
		 width: 90% !important;						
	}

}/*END MEDIA QUERY*/

@media (min-width:890px) and (max-width:1080px) { /*css Mine -- for productShots response*/

	.videoWrapper {
		 height: 0;
		 width: 90% !important;
	}
}/*END MEDIA QUERY*/

@media (max-width:991px) {
    .team-inner {
        margin-top: 20px;
        margin-bottom: 20px;
    }
	
    .templatemo-btn-read-more {
        float:right;
        margin-bottom :40px; 
    }
}/* END MEDIA QUERY*/


@media (min-width:768px) and (max-width:990px) {
    .member-thumb .thumb-overlay {
        padding-left: 30%;
    }
    .templatemo-project-box , .project-overlay {
       height:130px;
       width:130px;
       padding-top: 0px;
    }

    .templatemo-project-gallery {
       margin-left: 10px; 
    }

    /*.blog_box{
       margin-right: -140px; /*before deleting i must research why I did this weirdo thaing*/
    }*/
}/*END MEDIA QUERY*/


@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 9px;
    padding-bottom: 9px;
  } 	
	.videoContainer {
		width: 60% !important;
		height:inherit !important;
		margin-top: -90px !important;
	}
	
	.videoWrapper {
	 height: 0;
	 width: 90% !important;
		margin-top: -21px !important;
	}
	
	.row.videoContainer.videoWrapper {
		margin-top: -3px !important;
	}
	
	li.col-md-12.featuresContainer {
		text-align:center !important;
		font-size:.8em !important;
		margin: 1em auto 4em !important;
	}
	
	.offers {padding:0px !important}
	
	.offers label {
		width:100% !important; 
		margin: 0 0px 0 -20px !important;
		min-width: 350px !important;
		float: left !important
	}
	
	.blog_box .col-sm-5.col-md-6.blog_post.cartLabel{
		/*border:4px solid black !important;*/
		width:100% !important;
	}
	
	.selectOfferBtn.img-responsive {
		width: 250px !important; 
		max-width:300px; 
		margin: 0 auto 0;
	}
	
	.img-responsive.productSample {
		width: 100% !important; 
		max-width:300px; 
		margin: 0 auto 0;
	}
	
	figure {padding: 0;
		text-align: center !important;
		float:none !important;
		margin:0 auto 0 !important;
		display:block !important;
		position:relative !important
	}
	
	h2.secondFeatureSubHead {
	font-size:2em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	h2.heading2 {
	font-size:2.1em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	h2.heading3 {
	font-size:2.1em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	h2.heading4 {
	font-size:2.1em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	h2.heading5 {
	font-size:2.1em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	h2.heading6 {
	font-size:1em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	
	.compare {width: 760px !important;
		max-width: 768px
	}

	.heroImg {
	width:100%; 
	max-width:700px; 
	margin:0 auto 0 !important;
	}
	
		p.shipingDisclaimer {font-size:.525em !important}
	
}/*END MEDIA QUERY*/

@media (max-width: 768px) {
    .member-thumb .thumb-overlay {
        padding-left: 40%;
       
    }
    .templatemo-btn-read-more {
            float:right;
            margin-bottom :40px; 
      }
	h2.secondFeatureSubHead {
	font-size:2em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	h2.heading2 {
	font-size:2.1em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	h2.heading3 {
	font-size:2.1em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	h2.heading4 {
	font-size:2.1em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	h2.heading5 {
	font-size:2.1em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	
	h2.heading6 {
	font-size:1em !important;
	margin-bottom:0px;
	font-style: normal; 
	font-weight:500}
	/*.footerBanner {visibility:hidden !important }*/

}


@media (min-width: 1024px) {	
	
	h1 {font-size: 2.4em !important; margin:0 auto 0 !important; padding: 15px}
	h2 {font-size: 1.7em !important; margin:0 auto 0 !important; padding: 15px}
	h3 {font-size: 2.3em !important; margin:0 auto 0 !important; padding: 15px}
	h4 {font-size: 2.1em !important; margin:0 auto 0 !important; padding: 15px}
	h5 {font-size: 2.0em !important; margin:0 auto 0 !important; padding: 15px}
	h6 {font-size: 1.5em !important; margin:0 auto 0 !important; padding: 15px; display: block !important}
	
	
	/*.imgSwapMobile {
     display: none !important;
   }

   .imgSwapDesktop {
	   display: block;margin:0 auto 0 !important; 
	   max-width:960px;
	   width:100% !important;
   }*/
	.headlogoDiv .headLogo {
		width: 190px;
		max-width: 190px !important;
			margin-top: 55px !important;
			margin-left: 0 !important
	}
	
	.videoContainer {
		width: 60% !important;
		height:inherit !important;
		margin-top: -90px !important;
	}
	
	.videoWrapper {
		margin-top: -4px !important;
	}
	
	li.col-md-12.featuresContainer {
		width:90% !important;
		height: inherit !important;
		text-align:center !important;
		font-size:1.1em !important;
		line-height: 22px !important;
		margin: 1.2em auto 4em !important;
	}
	
	
	.cartBullets li {display: block; 
	width:100% !important
	}
	
	.row .offers label {
		width:100% !important; 
		min-width: 450px !important; 
		max-width: 480px !important;   
		float: left !important
	}
	
	.selectOfferBtn.img-responsive {
		width: 290px !important; 
		max-width:300px; 
		margin: 0 auto 0;
	}
	
	.img-responsive.productSample {
		width: 100% !important; 
		max-width:410px !important; 
		margin: 0 auto 0;
	}
	
	.submitBtn.img-responsive {
		width:380px !important; 
		max-width:380px !important
	}
	h2. {font-size: 2em !important}
	
	h2.videoHeading {font-size:1.9em;display:block;margin-top:30px !important}
	
	h2.topHeadline {font-size:3.9em !important; font-weight: 100 !important;}
	
	h2.firstFeatureSubHead {
	font-size:2.2em;
		margin-top:.5em !important;
	}
	
	.productSampleContainer h3 {font-size:2em !important}
	
		.compare {width: 999px !important;
		max-width: 999px
	}


	h2.compareCaptionSub {font-size:1.3em !important}
	
	h2.faqHeading {font-size:1.5em !important}
	
	h2.cartHeading {
		font-size: 1.5em !important;
	}
	
	h4.compareCaptionSub {font-size:2em; font-weight:400}
	/*p.features {font-size:1.9em !important; margin:1em 0 .8em 0!important;}*/
	
		p.shipingDisclaimer {font-size:.71em !important}
	
}/*END MEDIA QUERY */

@media only screen and (max-width: 1024px){ 
   imgSwapDesktop {
     display: none;
   }

   imgSwapMobile {
	   display: block;margin:0 auto 0 !important; 
	   max-width:666px;
	   width:100% !important;
   }/*.
	
	.blog_box .col-sm-5.col-md-6.blog_post.offers label {
		width:100% !important; 
		max-width: 480px !important;   
		float: left !important
	}*/
	
	.selectOfferBtn.img-responsive {
		width: 290px !important; 
		max-width:300px; 
		margin: 0 auto 0;
	}
	
	.img-responsive.productSample {
		width: 100% !important; 
		max-width:410px !important; 
		margin: 0 auto 0;
	}
}/*END MEDIA QUERY max-width: 1024px! IS THERE ANOTHER ONE BELOW? ?CONSOLIDATE???*/

.imgSwapDesktop {
	/*max-width: inherit !important;*//*###USE maxWidthXXX classes above*/ 
	width:100% !important;
	max-width: 300px !important;
	margin: 0 auto !important
	}

.navbar {
	background-color:transparent;
	width:100% !important;
	}
.navbar-header {
	height: 160px !important; 
	max-height:135px !important
	}

.container { 
	width:100%;
	background-color: transparent !important;
	
	}

.Templatemo-top-menu {
	padding:0 !important;
	}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  padding-top: 30px; 
  height: 0; 
  overflow: hidden;
	}
 
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	}

.gradGrayVertical {
    background: #333; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#555, #000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#555, #000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#555, #000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#555, #000); /* Standard syntax */
	}

.videoWrapper {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
     height: 0;
     width: 100%;
     margin: 0 auto;
	}
	
.videoWrapper video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
	}

	
/*ACTION::: move the above to a none-mediaQuery areaa, this is sloppy*/

@media (min-width: 768px) and (max-width: 1024px) {
	
	.videoContainer {
		width: 60% !important;
		height:inherit !important;
		margin-top: 0px !important;
	}
	
	.productSample {
		max-width:320px !important
	}
}/*ENDS MEDIA QUERY 768 ?why are there more than one?*/

@media (min-width: 1024px) and (max-width: 768px) {
	
	.productSample {
		max-width:120px !important
	}
	.maxWidth768.center.banner {
		max-width:340px !important
	}
	
}/*ENDS MEDIA QUERY min-width: 1024px ?is there more than one?*/

@media (min-width: 1280px) and (max-width: 3000px) {
	
	.headlogoDiv .headLogo {
		width: 220px;
		max-width: 220px !important;
			margin-top: -35px !important;
			margin-left: 0 !important
	}
	
	h2.videoHeading {font-size:2.3em;display:block;margin-top:30px !important}
	
	h2.topHeadline {font-size:3.9em !important; font-weight: 100 !important;}
	
	h2.firstFeatureSubHead {
	font-size:2.5em;
		margin-top:.5em !important;
	}
	
	.productSampleContainer h3 {font-size:2.5em !important}
	
	li.col-md-12.featuresContainer {
		margin: 0 auto 0 !important;
	width:100% !important;
	height: inherit !important;
    background: transparent;
    -moz-border-radius: 50% ;
    -webkit-border-radius: 50% ;
    border-radius: 50% !important;
	border: 7px solid #ddd;
	padding: 3%;
	box-shadow: 0px 0px 28px #777;
		margin-left: 5px !important;
		font-size: 1.4em !important;
			line-height: 1.1em !important;
	} 	
	
	h2.compareCaptionSub {font-size:1.7em !important}
	
	h2.faqHeading {font-size:1.7em !important}
	
	h2.cartHeading {
		display: block;
		position:relative;
		font-size: 1.3em !important;
		
	}
	
	p.faqQuestion {font-size:1em !important;margin-bottom:0px !important}
	
	p.faqAnswer {font-size:.9em !important}
	
	p.shipingDisclaimer {font-size:.8em !important}
	
	.headlogoDiv .headLogo {
		width: 250px !important;
		max-width: 250px !important;
			margin-top: -45px;
				margin-left: -25px;
					 transform: rotate(0deg);
	}
	
	.maxWidth768.center.banner {
		max-width: 780px !important
	}

} /*ENDS MEDIA QUERY min1280 max3000*/

.row {
	margin: 0 auto 0 !important
	}

/*begin css inline cleanup to consolidate into this external file*/

img {/*this needs to have specifity so it does not become universal*/
	border-radius:13px !important;}

.imgNoRadius {border-radius:3px !important;border: 1px blue solid}

.dropShadow {box-shadow: 0px -2px 100px #c0c9ff;}

.videoBox {
	border-radius:25px !important}

#Templatemo-top {
	text-align: center !important; 
	height:inherit !important; 
	max-width:1340px; 
	display:block; 
	position: relative; 
	width: 0 auto 0 !important; 
	margin-top:-25px !important;
	background-color:transparent !important;
	}

#phone pull-left {
	width:55%;
	color:#000;
	font-size:1.4em;
	font-weight:700
	}

.btn {
	border-radius:5px !important
	}

.header_bulbhead_logo {
	visibility:hidden !important
	} 

.templatemo-top-bar {
	background-color:yellow !important; 
	border:3px solid #000 !important; 
	padding: 0px; 
	border-radius: 12px 12px 0 0 !important; 
	height:55px !important; 
	max-height: 75px !important;
	}

.phoneIcon {
	color:#000 !important;
	}

.height10 .getTwoForOne {
	width:inherit !important;
	}

/*.getTwoForOne<a class="btn btn-lg btn-orangeXXX" href="BuyNow.jsp" role="button" id="phone" style="background-color:#EE0000;color:#fff;font-size:1.2em;padding:4px;float:right;*/


.btn.getTwoForOne {position: relative; 
	width: inherit !important; 
	background-color:#EE0000 !important;
	color:#fff !important;
	font-size:1.2em !important; 
	font-weight: 700; 
	padding:2px 8px 2px 7px !important;
	float:right !important;
	float:right !important; 
		margin-top: -15px;
			border-radius: 12px !important; 
				box-shadow: 0px 1px 1px 0px #777;*/
	}

.headlogoDiv {
	display:block;
	position:absolute;
	float:left;
	z-index:999999999 !important;
	}

.headLogo {
	display:block;
	position:relative;
	width:280px; 
	max-width:280px !important; 
	margin-top:20px;
	z-index:999999999 !important;
	}

.nav navbar-nav navbar-right {
	margin-top: 15px;
	}

.templatemo-top-menu .gradGrayVertical .container {
	height:66px; 
	max-height:66px !important;
	}

.navbar-collapse .collapse {
	background-color:transparent !important;
	}

.chargeCardsImg_header {
	float:right;
	}

.headline  {
	height:inherit !important; 
	margin-top:-30px; 
	max-width:1340px !important; 
	margin:0 auto 0; 
	background-color:#000 !important; 
	border-radius: 0 0 24px 24px !important;
	}

.col-lg-12.HeadClearance {
	background-color: #fff !important; 
	text-align:center;
	}

.row #Templatemo-top .row {
	display:block; 
	position:relative; 
	text-align:center; 
	max-width:550px;
	}

.1stFoldBtn {}

h2.text-center {
	font-size:2.1em;
	font-weight:400; 
	color:#000; 
	/*font-family:sans-serif;*/
	}

.row.videoContainer {
	max-width:920px !important; 
	text-align:center !important, 
	display:block; 
	position:relative; 
	margin: 0 auto 0 !important;
	}

.subHeadUnderVideo {
	margin-top:0px !important; 
	height:inherit !important
	}

h2.videoCaption {
	font-size:3.7em !important;
	font-weight:300; 
	
	/*font-family:inherit;*/
	}

h2.firstFeatureSubHead {
	/*font-size:2.1em;*/
	font-weight:600; 
	/*font-family: Arial, Helvetica, sans-serif;*/
	margin-top:10px !important
}



h2.firstAccessorySubHead { 
	font-size:2.9em;
	margin-bottom:1em; 
	margin-top:0 !important; 
	font-weight:400; 
	font-family: 'arial narrow', sans-serif;  
	font-weight:900
	}

.productSampleSubHead {
	font-size:2.4em;
	font-family:sans-serif;
	font-weight:100;
	text-align: center !important;
	margin: 0 auto 0
	}

h2.productSampleSubHead {
	font-size:2.4em;
	font-family:sans-serif;
	font-weight:100;
	text-align: center !important; 
	margin: 0 auto 0
	}

/*h3.productSampleSubHead {
	font-size:5.7em !important
	}*/

p .productSample {
	font-size:1.8em;
	text-align:left !important;
	}

.heroImg {
	width:100%; 
	/*max-width:980px; */
	margin:0 auto 0
	}

/*h2.secondFeatureSubHead {
	margin-bottom:0px;
	font-weight:400; 
	font-style: normal; 
	font-weight:500}*//*###################Delete after applying to media queires########################*/

.jumbotron {
	height:inherit !important; 
	margin-top:-30px; 
	max-width:1340px !important; 
	margin:0 auto 0; 
	background-color:#fff !important; 
	border-radius: 0 0 24px 24px !important;
	}

.jumbotron.row {
	text-align:center !important
	}

.compare {
	text-align:center !important; 
	display:block; 
	position:relative;
	margin: 0 auto 0 !important;
	}

.btn .btn-primary .btn-lg .center {
	text-align:center !important; 
	margin:0 auto 0 !important; 
	background-color: #1890b2 !important
	}

.btn-primary {
	text-align:center !important; 
	margin:0 auto 0 !important; 
	background-color: #1890b2 !important
	}

.offerEnds {
	text-align:center;
	font-size:1.9em;
	margin-bottom:0px;
	font-family:sans-serif;
	}

.faqQuestion {
	font-size:1.1em !important; 
	text-align: center; 
	/*color:#1e76bc !important*/
	}

.faqAnswer {
	text-align:center; 
	font-size:1em !important
	}

.cartContainer {
	max-width:1020px !important; 
	margin: 0 auto 0 !important
	}

.cartContainer h2 {
	color:red !important; 
	font-size:2.1em;margin-bottom:1em;margin-top:0 !important; font-weight:900; font-family: 'arial narrow', sans-serif; 
		font-weight:900
	}

/*.container li img {border:none}*/

.checkBoxLabel {
	color:red; 
	font-size:1.3em;
	font-family:sans-serif;
	font-weight:100;
	text-align:center;
	line-height:.9em !important
	}

.cartBullets li {
	text-align:left;
	font-weight:600;
	list-style-type: square;
	line-height: 1.2em !important; 
	margin-bottom: .5em; 
	font-size: .8em !important
	}

.borderNone {
	border:none !important;
	}

.accessoriesContainer {
	height:inherit !important; 
	margin-top:-30px; 
	max-width:1340px !important; 
	margin:0 auto 0; !important;
	}

.counter {
	height:inherit !important; margin-top:-30px; max-width:1340px !important; margin:0 auto 0; !important;
	}

.borderTop-yellow {
	border-top:#ffdb00 3px solid;
	}

.copyright {
	color:#ccc
	}

h2.cartHeading {
	display:block !important;
	position:relative;
	text-align: center; 
	color:#139d4c !important;
	margin-top:1.9em !important;
	
	}

.topSubHead {
	color:#1890b2 !important; 
	margin-top:10px !important; 
	display:block
	}

/*#phone {visibility:hidden !important;}*/

p.productSample {
	font-size: 1.7em !important
	}

p {
	font-size: 1.7em !important
	}

.selectOfferBtn.img-responsive {
	max-width:300px; 
	margin: 0 auto 0;
	}

.thumbnail {
	border: none !important
	}

/*.offers label {
	display:block !important;
	position: relative !important;
	margin: 0 auto 0 !important;
	
}

.blog_box {
	text-align:center !important;
	display:block !important;
	position: relative !important;
	margin: 0 auto 0 !important;
}
.col-sm-5.col-md-6.blog_post {
	display:block !important;
	position: relative !important;
	margin: 0 auto 0 !important;
}
.offers {
	display:block !important;
	position: relative !important;
	margin: 0 auto 0 !important;
}*/

label {
	background-color: #fff !important;
	display:block !important;
	position: relative !important;
	margin: 0 auto 0 !important;
	border:3px solid #888;
	border-radius:12px !important; 
	padding:12px !important;
	width: 100% !important;
	
}

/*although I am trying to consolidate the template makers' media queries into sequential  cascades from smaller screens to larger screens top to bottom, these cart labels seat within the template maker's bootstrap. Change the containers to custom at some point... */
@media (min-width: 320px) {
	
	.row.videoContainer {
		width: 100% !important;
		height:inherit !important;
		margin-top: -25px !important;
	}
	.offers {padding:0px !important}
	
	.offers label {
		width:10% !important; 
		margin: 0 0 0 -25px !important;
		min-width: 350px !important;
		float: right!important
	}
	label {
		height: inherit !important;
		max-height: 680px !important;
		min-height: 450px !important;
		margin-bottom: 20px !important;
	}
	
	.shippingSkew {max-height:150px !important;
	}
	
	h2.faqHeading {font-size: 1.3em !important; font-weight:600; margin-bottom: .5em !important; margin-top: 1em !important}
}

@media (min-width: 768px) {
	.offers {padding:0px !important}
	
	.offers label {
		width:10% !important; 
		margin: 0 0 0 -25px !important;
		min-width: 350px !important;
		float: right!important
	}
	label {
		height: inherit !important;
		max-height: 580px !important;
		min-height: 380px !important;
		margin-bottom: 20px !important;
	}
	
	.shippingSkew {max-height:150px !important;
	}
}

@media (min-width: 1024px) {
	.offers {padding:40px !important}
	
	.offers label {
		width:10% !important; 
		margin: 0 0 0 -15px !important;
		min-width: 320px !important;
		float: left !important
	}
	
	label {
		max-height: 560px !important;
		min-height: 560px !important;
	}
	li.col-md-12.featuresContainer {
		margin: 0 auto 0 !important;
	width:90% !important;
	height: inherit !important;
    background: transparent;
    -moz-border-radius: 50% ;
    -webkit-border-radius: 50% ;
    border-radius: 50% !important;
	border: 7px solid #ddd;
	padding: 3%;
	box-shadow: 0px 0px 28px #777;
		margin-left: 5px !important;
		font-size: 1.6em !important;
			line-height: 1em !important;
	} 
	
	/*p.features {
		font-size:1.6em !important; margin:1em 0 .8em 0!important; }*/
}
	
	

@media (min-width:1020px) {
	 
}

li.col-md-12.featuresContainer {}

@media (min-width:732px){
	
	.imgSwapMobile {
     display: none !important;
   }

   .imgSwapDesktop {
	   display: block;margin:0 auto 0 !important; 
	   max-width:960px !important;
	   width:100% !important;
   }
	
	.footerBanner {
		background-position: center 78% !important;
		background-size:120vmin auto !important;
	}
}
@media (min-width:768px) {
	.footerBanner {
		background-position: center 78% !important;
		background-size:90vmin auto !important;
	}

}

@media (min-width:768px) and (max-width:768px) {
	
	
}
	

/*### ALL HEADINGS H2- H6 MEDIA QUERIES ALWAYS AT THE VERY BOTTOM ###
I am also centering mobile assets here at teh botom to override template makerts bootstrap.css settings, etc.*/

@media (min-width: 320px) and (max-width: 411px) {
	body {margin-left: % !important}
	
	h1 {font-size: 1.6em !important; margin:10px auto 0 !important; padding: 5px; line-height: 1.2em}
	h2 {font-size: 1.5em !important; margin:0 auto 0 !important; padding: 5px; line-height: 1.2em}
	h3 {font-size: 1.5em !important; margin:0 auto 0 !important; padding: 0px; line-height: 1.2em}
	h4 {font-size: 1.5em !important; margin:0 auto 0 !important; padding: 5px; line-height: 1.2em}
	h5 {font-size: 1.5em !important; margin:0 auto 0 !important; padding: 15px; line-height: 1.2em}
	h6 {font-size: 0.9em !important; margin:-10px auto -10px !important; padding: 0px; line-height: 1.2em}
	
	.thumbnail h3 {font-size: 1.7em !important; margin-top:5px !important;margin-bottom:-1px !important}
	.thumbnail p {font-size: 15px !important; margin-bottom:-20px}
	
	h3.productSampleSubHead {font-size: 19px !important}
	
	.btn.btn-primary.btn-lg.cta2 {
		max-width:235px;
		font-size:.7em;
		margin-left: -10px !important
	}
	.headlogoDiv {margin-left:12px !important}
	
	h2.offerEnds {font-size: 1.05em !important}
	
	h2.faqHeading {font-size: 1.05em !important}
	
	h6.cartHeading {font-size: .9em !important}
	
	.iFrameCounter1 {margin-left: -40px !important}
	.iFrameCounter2 {margin-left: -30px !important}
	.iFrameCounter3 {margin-left: -20px !important}
	
	li.col-md-12.featuresContainer {width:90% !important; margin-left:-50px !important;
	}
	p.features {font-size:1.1em !important; padding:0 !important}
	
	h2.offerEnds{font-size:0.8em !important; padding: 0;margin:0 auto 0 !important}
	
	label p {font-size:1px !important}
	
	.selectOfferBtn.img-responsive {max-width:190px !important; height: auto !important; border-radius: 0px !important}
	
	.creditCards {margin-left: -36px }
	
	.add2CartBtn {max-width:175px !important}
	
	.offerPrice {font-size:15px !important}
	
	.img-responsive.submitBtn {max-width:220px !important; margin-left:-7px !important}
	
	.cartImg {margin-left: 15px !important}

} /*Ends @media min-width:320*/

@media (min-width: 375px) {
	.iFrameCounter1 {margin-left: -20px !important}
	.iFrameCounter2 {margin-left: -0px !important}
	.iFrameCounter3 {margin-left: -0px !important}
	.creditCards {margin-left: -6px }
	.img-responsive.submitBtn {max-width:280px !important; margin: 0 auto 0 !important}
	
	.leftNudgeCenter14 {display:block;margin:0 0 0 14px !important}
} /*Ends @media min-width:375*/

@media (min-width: 375px) and (max-width: 731px) {
	
	h1 {font-size: 1.6em !important; margin:10px auto 0 !important; padding: 10px}
	h2 {font-size: 1.4em !important; margin:0 auto 0 !important; padding: 10px;}
	h3 {font-size: 1.5em !important; margin:0 auto 0 !important; padding: 10px}
	h4 {font-size: 1.5em !important; margin:0 auto 0 !important; padding: 10px}
	h5 {font-size: 1.5em !important; margin:0 auto 0 !important; padding: 10px}
	h6 {font-size: .9em !important; margin:0 auto 0 !important; padding: 0px}
	
	.engageSubhead {font-size: 1.3em !important; line-height: 1.1em !important}
	
	li.col-md-12.featuresContainer {width:90% !important; margin-left:15px !important;
	}
	p.features {font-size:1.5em !important; padding:0 !important}
	
	.thumbnail p {font-size: 18px !important}
	
	h3.productSampleSubHead {font-size: 22px !important}

} /*Ends @media min-width:375*/

	
@media (min-width: 732px) and (max-width: 767px) {
	
		h1 {font-size: 2.0em !important; margin:10px auto 0 !important; padding: 5px}
		h2 {font-size: 1.7em !important; margin:0 auto 0 !important; padding: 5px;}
		h3 {font-size: 1.9em !important; margin:0 auto 0 !important; padding: 0px}
		h4 {font-size: 2.1em !important; margin:0 auto 0 !important; padding: 5px}
		h5 {font-size: 2.0em !important; margin:0 auto 0 !important; padding: 15px}
		h6 {font-size: 1.2em !important; margin:-10px auto -10px !important; padding: 0px}
	
	.thumbnail h3 {font-size: 1.7em !important; margin-top:5px !important;margin-bottom:-1px !important}
	.thumbnail p {font-size: 20px !important}
	h3.productSampleSubHead {font-size: 26px !important}
	
	li.col-md-12.featuresContainer {width:50% !important; margin-left:-20px !important;
	}
	p.features {font-size:1.4em !important; padding:0 !important; text-align:center;}
	
	h2.offerEnds{font-size:1.4em !important; padding: 0;margin:0 auto 0 !important}
	
	.footerBanner {
 	background-position: center 65% !important;
	background-size:150vmin auto !important;
	}
	
}/*Ends @media min-width: 732px and max-width: 767px*/

@media (max-width: 768px) {
	.getTwoForOne {margin-top: 0px !important}
	.headlogoDiv {margin-left:12px !important}
}

@media (min-width: 667px) and (max-width: 667px) {
		.row.videoContainer {
		width: 60% !important;
		height:inherit !important;
		margin-top: 0px !important;
	}
	
	h1 {font-size: 1.7em !important; margin:10px auto 0 !important; padding: 10px}
	h2 {font-size: 1.5em !important; margin:0 auto 0 !important; padding: 10px;}
	h3 {font-size: 1.7em !important; margin:0 auto 0 !important; padding: 10px}
	h4 {font-size: 1.5em !important; margin:0 auto 0 !important; padding: 10px}
	h5 {font-size: 1.8em !important; margin:0 auto 0 !important; padding: 10px}
	h6 {font-size: 1.2em !important; margin:0 auto 0 !important; padding: 0px}
	
	li.col-md-12.featuresContainer {width:90% !important; margin-left:15px !important;
	}
	p.features {font-size:1.5em !important; padding:0 !important}
	
	.thumbnail p {font-size: 18px !important}
	
	h3.productSampleSubHead {font-size: 24px !important}
	
	.footerBanner {
 	background-position: center 65% !important;
	background-size:150vmin auto !important;
	}
}/*Ends @media min-width:767*/

@media (min-width: 667px) and (max-width: 768px) {
	.hide_mobile768 {visibility: visible; float:left; width: 50% !important;  display: block !important;
	}
}

/* ######### begin @media dedicated to video container and mastHead logo only DELETE ALL OTHERS  ########*/
video {background-color: #1785a9 !important}

@media (min-width: 320px) and (max-width: 3000px) {/*just an override for user magnification*/
	
	video {
		border-top: solid 1px #666; 
		border-radius: 8px 8px 9px 9px !important; 
		margin-top:-10px !important;
		z-index:9999
	}
	
		video.videoCorners {
		border-top: solid 1px #666; 
		border-radius: 8px 8px 9px 9px !important; 
		margin-top:-10px !important;
		z-index:9999
	}

}

@media (min-width: 320px) and (max-width: 320px) {/*@@@@*/
	
	video {
		border-top: solid 1px #666; 
		border-radius: 8px 8px 9px 9px !important; 
		margin-top:-10px !important;
		z-index:9999
	}
	
		video.videoCorners {
		border-top: solid 1px #666; 
		border-radius: 8px 8px 9px 9px !important; 
		margin-top:-10px !important;
		z-index:9999
	}
	
	.headlogoDiv .headLogo {
		z-index:999999999 !important;
		width: 100px !important;
		max-width: 100px !important;
		margin-top: -29px !important;
		margin-left: -20px !important;
		transform: rotate(-0deg);					
	}

}
@media (min-width: 375px) and (max-width: 375px) {/*@@@@*/
		
	video {
		opacity: .96 !important;
		border-top: solid 1px #666; 
		border-radius: 10px 10px 13px 13px !important; 
		margin-top:11px !important;
		z-index:9999}
	
	video.videoCorners {
		opacity: .96 !important;
		border-top: solid 1px #666; 
		border-radius: 10px 10px 13px 13px !important; 
		margin-top:11px !important;
		z-index:9999}
	
	
	.headlogoDiv .headLogo {
		position: absolute; top:20px;left:-10px;
		z-index:999999999 !important;
		width: 100px !important;
		max-width: 130px !important;
		margin-top: -45px !important;
		margin-left: -20px !important;
		margin-bottom: 20px !important;
		transform: rotate(-0deg);					
	}

	
	h1 {z-index:9999 !important
	}
}
@media (min-width: 420px) and (max-width: 420px) {/*@@@@*/
		
	video {opacity: .96 !important;
		border-top: solid 1px #666; 
		border-radius: 11px 11px 11px 11px !important; 
		margin-top:-1px !important;
		z-index:9999 !important}
	
	video.videoCorners {opacity: .96 !important;
		border-top: solid 1px #666; 
		border-radius: 11px 11px 11px 11px !important; 
		margin-top:-1px !important;
		z-index:9999 !important}
	
	.headlogoDiv .headLogo {display:block !important; position:relative !important;
		z-index:999999999 !important;
		width: 130px !important;
		max-width: 130px !important;
		margin-top: -45px !important;
		margin-left: -20px !important;
		transform: rotate(-0deg);					
	}

}
@media (min-width:412px) and (max-width:414px) {/*@@iPhone6s and 7Plus@@*/
	
	.row.videoContainer {
		width: 100% !important;
		height:inherit !important;
		margin-top: -5px !important;
	}
	video {
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-49px !important; margin-bottom: 0px !important;
		z-index:9999}.mainHead {z-index:99999;margin-top:-59px !important;font-size:1.2em;font-weight:100 !important}
	
	video.videoCorners {
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-49px !important; margin-bottom: 0px !important;
		z-index:9999}.mainHead {z-index:99999;margin-top:-59px !important;font-size:1.2em;font-weight:100 !important}
	
	
	.headlogoDiv .headLogo {
		z-index:99999999 !important;
		width: 130px !important;
		max-width: 130px !important;
		margin-top: -45px !important;
		margin-left: -20px !important;
		transform: rotate(-0deg);
	}

}
@media (min-width: 667px) and (max-width: 667px) {/*@@@@*/
	
	video {
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-49px !important; margin-bottom: 0px !important;
		z-index:9999
	}
	
	video.videoCorners {
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-49px !important; margin-bottom: 0px !important;
		z-index:9999
	}
	
	.mainHead {
		z-index:99999;margin-top:-59px !important
	}
	
	.headlogoDiv .headLogo {
		z-index:99999 !important;
		width: 120px !important;
		max-width: 130px !important;
		margin-top: -11px !important;
		margin-left: -20px !important;
		transform: rotate(-0deg);	
	}

} 

@media (min-width:732px) and (max-width:736px) {/*@@iPhone6s and 7Plus@@*/
		.row.videoContainer {
		width: 60% !important;
		height:inherit !important;
		margin-top: 26px !important;
	}	
	video {
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-49px !important; margin-bottom: 0px !important;
		z-index:9999}.mainHead {z-index:99999;margin-top:-59px !important}
	
	video.videoCorners {
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-49px !important; margin-bottom: 0px !important;
		z-index:9999}.mainHead {z-index:99999;margin-top:-59px !important}
	
	.headlogoDiv .headLogo {
		z-index:99999 !important;
		width: 130px !important;
		max-width: 130px !important;
		margin-top: -11px !important;
		margin-left: -20px !important;
		transform: rotate(-0deg) !important;
	}	

}	
	
@media (min-width: 768px) and (max-width: 768px) {/*@@@@*/
	.creditCards {margin-left: 0px !important}
}
	
@media (min-width:768px) and (max-width:768px) {/*@@@@*/
	
		.row.videoContainer {
		width: 60% !important;
		height:inherit !important;
		margin-top: 25px !important;
	}	
	video {
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-12px !important; margin-bottom: 0px !important;
		z-index:9999}.mainHead {z-index:99999;margin-top:-0px !important}
	
	video.videoCorners {
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-12px !important; margin-bottom: 0px !important;
		z-index:9999}.mainHead {z-index:99999;margin-top:-0px !important}
	
	.headlogoDiv .headLogo {
		z-index:99999 !important;
		width: 130px !important;
		max-width: 130px !important;
		margin-top: -11px !important;
		margin-left: -20px !important;
		transform: rotate(-0deg) !important;
	}
}
@media (min-width:800px) and (max-width:800px) {/*@@@@*/
	
		.row.videoContainer {
		width: 75% !important;
		height:inherit !important;
		margin-top: 26px !important;
	}	
	video {
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-14px !important; margin-bottom: 0px !important;
		z-index:9999}.mainHead {z-index:99999;margin-top:-0px !important}
	
	video.videoCorners {
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-14px !important; margin-bottom: 0px !important;
		z-index:9999}.mainHead {z-index:99999;margin-top:-0px !important}
	
	.headlogoDiv .headLogo {
		z-index:99999 !important;
		width: 140px !important;
		max-width: 140px !important;
		margin-top: -41px !important;
		margin-left: -10px !important;
		transform: rotate(-0deg) !important;
	}
}
@media (min-width:1024px) and (max-width:1279px) {
	
		.row.videoContainer {
		width: 70% !important;
		height:inherit !important;
		margin-top: 10px !important;
	}	
	video {
		height: auto !important;
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-9px !important; 
		z-index:9999}.mainHead {z-index:99999;margin-top:-29px !important}
	
	video.videoCorners {
		height: auto !important;
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-9px !important; 
		z-index:9999}.mainHead {z-index:99999;margin-top:-29px !important}
	
	.headlogoDiv .headLogo {
		z-index:99999999 !important;
		width: 130px !important;
		max-width: 130px !important;
		margin-top: -1px !important;
		margin-left: 15px !important;
		transform: rotate(-0deg) !important;
	}
}
@media (min-width:1280px) and (max-width:1365px) {/*@@@@*/
	.headlogoDiv .headLogo {
		z-index:99999 !important;
		width: 180px !important;
		max-width: 180px !important;
		margin-top: -41px !important;
		margin-left: -20px !important;
		transform: rotate(-0deg) !important;
	}
		.row.videoContainer {
		width: 60% !important;
		height:inherit !important;
		margin-top: -16px !important;
	}	
	video {
		height: auto !important;
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-13px !important; 
		margin-bottom: 0px !important;
		z-index:9999}.mainHead {z-index:99999;margin-top:-29px !important}
	
	video.videoCorners {
		height: auto !important;
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-13px !important; 
		margin-bottom: 0px !important;
		z-index:9999}.mainHead {z-index:99999;margin-top:-29px !important}
}
@media (min-width:1366px) and (max-width:9000px) {/*@@@@*/
	.headlogoDiv .headLogo {
		z-index:99999 !important;
		width: 190px !important;
		max-width: 190px !important;
		margin-top: -13px !important;
		margin-left: -0px !important;
		transform: rotate(-0deg) !important;
	}
		.row.videoContainer {
		width: 45% !important;
		height:inherit !important;
		margin-top: -19px !important;
	}	
	video {
		height: auto !important;
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-13px !important; margin-bottom: 0px !important;
		z-index:9999 !important;
	}
	
	video {
		height: auto !important;
		opacity: .96 !important;
		border-top: solid 1px #999;
		/*border-bottom: solid 1px #999;*/
		border-radius: 15px 15px 15px 15px !important; 
		margin-top:-13px !important; margin-bottom: 0px !important;
		z-index:9999 !important;
	}
	
	.mainHead {z-index:99999;margin-top:-23px !important
	}
	
}
video {
	box-shadow: 0px 2px 40px 3px #444
}

video.videoCorners {
	box-shadow: 0px 2px 40px 3px #444
}

/*END @media dedicated to video contatiner and head logo only*/


@media (min-width: 768px) and (max-width: 3000px) {
	
	h1 {font-size: 2.1em !important; margin:10px auto 0 !important; padding: 5px}
	h2 {font-size: 1.7em !important; margin:0 auto 0 !important; padding: 5px;}
	h3 {font-size: 2.0em !important; margin:0 auto 0 !important; padding: 0px}
	h4 {font-size: 2.1em !important; margin:0 auto 0 !important; padding: 5px}
	h5 {font-size: 2.0em !important; margin:0 auto 0 !important; padding: 15px}
	h6 {font-size: 1.3em !important; margin:-10px auto -10px !important; padding: 0px}
	
	h2.faqHeading {font-size: 1.3em !important; font-weight:600; margin-bottom: .5em !important}
	
	.thumbnail h3 {font-size: 1.7em !important; margin-top:5px !important;margin-bottom:-1px !important}
	.thumbnail p {font-size: 20px !important}
	h3.productSampleSubHead {font-size: 26px !important}
	
	li.col-md-12.featuresContainer {width:90% !important; margin-left:-20px !important;
	}
	p.features {font-size:1.1em !important; padding:0 !important}
	
	h2.offerEnds{font-size:1.4em !important; padding: 0;margin:0 auto 0 !important}
	
	.footerBanner {
 	background-position: center 75% !important;
	background-size:85vmin auto !important;
	}
	
	.featuresContainer p {line-height: 1.1em !important; font-size: 1.2em !important}

} /*Ends @media min-width:768 max:3000*/

@media (min-width: 1024px) and (max-width: 1024px) {/*needs to stay here after @media (min-width: 768px) and (max-width: 3000px) becasue of footerBanner force lock for ipad-mini 1024 */
	.footerBanner {
 	background-position: center 35% !important;
	background-size:125vmin auto !important;
	}
} /*ends @media force lock (min-width: 1024px) and (max-width: 1024px)*/

/* attempting to hide BG of stuckMenu for Mobiles*/
@media (min-width: 120px) and (max-width: 736px) {
	.templatemo-top-menu.gradGrayVertical.stuckMenu {
		height: 52px !important; max-height: 52px !important;
		/*z-index: 999;
		border: 10px solid red;
	}
	.mastHeadLogo {z-index:9999 !important}
	.stuckMenu {z-index: -999 !important}
	.navBarToggle,.collapsed {border:  none !important}
	.navBarToggle.collapsed {border:  none  !important}
	.navBarToggle .collapsed {border: none !important}
	.navBarToggle {border: none !important}
	.collapsed {border: none !important}
	.container {background-color:transparent !important}*/
		
}/*Ends @media min-width:320 max-667*/

@media (max-width: 667px) {
	
.imgSwapMobile {
     display: none;
   }

   .imgSwapDesktop {
	   display: block;margin:0 auto 0 !important; 
	   max-width:666px;
	   width:100% !important;
   }
		
/*.videoSwapMobile {
     display: none;
   }

   .videoSwapDesktop {
	   display: block;margin:0 auto 0 !important; 
	   max-width:666px;
	   width:100% !important;
   }*/
}
@media (min-width: 667px) {
	
.imgSwapMobile {
     display: none !important;
	/*visibility: hidden !important;*/
   }

   .imgSwapDesktop {
	   display: block !importanti; margin:0 auto 0 !important; 
	   max-width:920px !important;
	   width:100% !important;
   }
}
@media (max-width: 666px) {
	
.imgSwapDesktop {
     display: none !important;
	/*visibility: hidden !important;*/
   }

   .imgSwapMobile {
	   display: block !important; margin:0 auto 0 !important; 
	   max-width:666px;
	   width:100% !important;
	   margin-left: 1.5% !important
   }
	
	.marginLeft1em {
		margin-left: 1em !important
	}
	.banner {
		display: none !important;
	}
	.hide_mobile666 {visibility: hidden !important; display: none !important
	}
}/*end @media max-width: 666px */
	

   }		
}	

/*.noRadius: must stay here at the very bottom*/
	border-radius: 0px !important;
   }

/*.These z-index: must stay here at the very bottom*/	
.headlogoDiv {z-index: 999999999999 !important}
.headlogoDiv.headLogo {z-index: 999999999999 !important}
.headLogo {z-index: 999999999999 !important}

/*Testing to delete the follwoing*/