/*--------------
All Contents
--------------*/

/*-----------------
1. Reset.css
2. Helper Classes
3. Home page Hero Sections
4. Pitch Section Styling
5. Features Section Styling
6. Review Styling
7. Pricing section
8. Subscribe Section
9. All Media Queries
------------------*/


/*----- 1. Reset.css -----*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* --- Common Styles ---*/




/*----- Helper Classes -----*/

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;    
}


*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
::-webkit-scrollbar {
	display: none;
}
*/
html {
	font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
}
	
	/*Poppins*/
/*h1, h2, h3, h4, h5, h6 {
  font-family: Roboto;  
}

p {
	font-family: Roboto;
}*/

::-moz-selection {
    color: #FFFFFF;
    background: #3333CC;
}

::selection {
    color: #FFFFFF;
    background: #3333CC;
}

.nopadding {
	padding: 0;
}

h1 {
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 20px;
	text-align: center;
}

h2 {
	color:#FFFFFF;
	font-size: 30px;
	font-weight: bolder;
	text-align: center;
	text-shadow: 0px 0px 3px rgba(255, 2, 69, 1);
}

h3 {
	color:#FFFFFF;
	font-size: 28px;
	font-weight: bolder;
	text-align: center;
	text-shadow: 0px 0px 3px rgba(255, 2, 69, 1);
}

/* ------------------------------------------------------
-------------- Main Section Styling Starts --------------
--------------------------------------------------------*/


#main {
  height: 100%;
}

#container {max-width:1024px; margin:0 auto;}

.hero-section {
	height: 100%;
	background: #FFFFFF;
	padding: 0;
}

.hero-content {
	padding: 0;
	overflow: hidden;
}

.hero-content p, .hero-content .description ul, .signup p {
	font-size:20px !important; 
	color:#FFFFFF; 
	font-family: roboto !important; 
	line-height: 1.1em;
	padding:10px 0;
	font-weight: bolder;
}
.hero-content .description ul {
	font-size:18px !important;
	margin-left:20px;
	list-style-type: inherit;
}

.hero-content a, .signup a {
	color:white;
	text-decoration: underline;
}




.highlight {
  text-shadow: 
    -3px 0px 3px yellow,
     3px 0px 3px yellow,
     6px 0px 6px yellow,
    -6px 0px 6px yellow;
  color: black;
}

#top {
	font-family: roboto;
	font-size: 20px;
	font-weight: bolder;
	padding:10px 0;
}


/* ------------ Signup Hero Section ------------ */

.signup h2, .signup p {text-align: center}
.signup .hero-content h1 {
    text-align: center;
	font-size: 32px;
	text-shadow: 0px 0px 3px rgba(255, 2, 69, 1);
    font-family: roboto;
    color:#FFFFFF;
    font-weight: bolder;
    line-height: 1;
}

#register .hero-content #top, #register .hero-content .row {
	padding:0;
	margin:0;
}
#register .hero-content h1 {margin:0;}

.signup .hero-section {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/app_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 0;
}

.signup .hero-content {
	padding: 20px 0 20px 0;
}


.form-group {
	margin-bottom: 20px;
}

#register .subscribe {padding-top:20px;}
.subscribe h4 {
	font-family: roboto;
	color:#000;
	font-size: 18px;
	font-weight: bolder;
	padding: 0 5px 10px 5px;
}
/* //SBE 11-29-2018:  stop ios from zooming into form */
.moonray-form-input-type-text input, 
.moonray-form-input-type-email input,
.moonray-form-input-type-tel input {font-size:16px !important; }

@media screen and (max-width: 980px) {
    #register .subscribe {padding-top:0px; padding-bottom:0px; margin-top:0; margin-bottom:20px;}
    .subscribe .moonray-form {text-align: center; margin:0 auto; border:1px solid black;}
    .subscribe .moonray-form form { text-align:left;}
}

.infusion-form-wrapper {
    width: 300px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-width: 4px;
    border-style: none;
    border-color: #32407D;
    background-color: #ffffff;
    background-image: url();
    background-repeat: no-repeat;
    background-position: left top;
    border-radius: 4px;
}
.infusion-form label, .infusion-form input {
    float: left;
    cursor: pointer;
    
    display: block;
    width: 100% !important;
}

.infusion-form label {
    background-color: transparent;
    width: 100px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    background-image: url();
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: top;
    
    margin-bottom:.2em;
}

.infusion-form input {
	border-width: 1px;
    border-style: solid;
    border-color: #9E9E9E;
    border-radius: 3px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: #fff;
    background-image: url();
    background-repeat: no-repeat;
    background-position: left top;
    font-family: Arial,Helvetica,sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}
.infusion-submit {text-align:center;}
.infusion-submit button {
	display: inline !important;
    width: auto !important;
    float: none;
    
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background-color: #e30404;
    font-family: Arial,Helvetica,sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    background-image: url();
    background-repeat: no-repeat;
    background-position: left top;
    
    cursor: pointer;
}
.infusion-field {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
    float: left;
    width: 100%;
}
.infusion-form small {
	color: #8D939B;
    font-style: italic;
    font-size: 11px;
    width: 178px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-decoration: normal;
}

@media screen and (max-width: 980px) {
	.subscribe .infusion-form-wrapper {
	    text-align: center;
	    margin: 0 auto;
	}
}

/* ------- Under Hero Section ------- */

.under h2 {
	color:#000;
	font-size: 24px;
	font-weight: bolder;
	text-align: left;
	text-shadow: none;
	padding:30px 0 5px;
	
}
.under p {
	color:#000;
	font-size:18px;
	padding: 10px 0;
	text-align: left;
}
.under a {font-weight: bold; color:maroon; text-decoration: underline;}


#guest-photos {
	margin-top:30px;
	float:left; 
}
#guest-photos img {
	margin:0 30px 20px 0;
	border:2px solid maroon;
}



/* ------- Footer Section Styling Starts ------- */


.footer {
	background-color: #EFEFEF;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
}

.footer img {
	margin-bottom: 20px;
}

.footer p {
	color:#DDD;
	font-size: 14px;
	margin: 0px 0;
}

.footer a {
	color:#CCC;}

.footer h2 {
	font-size:20px;
	color:#333;
	text-shadow: none;
}


#buynow {
			font-size: 26px;
			font-weight: 700;
			padding: 10px;
			margin: 0;
			line-height: 28px
		}
		#buynow span::after {
			content: "\f138";
			font-family: 'FontAwesome';
			font-style: normal;
			font-weight: 700;
			position: relative;
			font-size: inherit;
			line-height: 1;
			color: #fff;
			margin-left: 15px;
		}
		#buynow {
			background: red;
			border-radius: 0;
			border-color: red;
		}
		#exitpopup {
		  text-align:left;
		  border-radius: 15px;
		  -webkit-border-radius: 15px;
		  background: #fff;
		  padding: 20px;
		  width: 500px;
		  height: 300px;
		  z-index: 999999;
		  display:none;
		  position:fixed;
		  margin: 40 auto;
		  display: none;
		}
		
		#exitpopup .innerCopy {
		  background: none;
		  border-radius: 8px;
		  height: 100%;
		  color: #2b669a ;
		  padding:0px 40px;
		  }
		
		#exitpopup h1
		{
		  color: #FD3501 ;
		  font-family: Tahoma,sans-serif;
		  font-size: 2em;
		  font-weight: bold;
		  margin-bottom: 0px;
		  text-align:center;
		  position:relative;
		}
		
		#exitpopup h2
		{
		  color: black ;
		  font-family: Tahoma, Helvetica, sans-serif;
		  font-size: 30px;
		  font-weight: bold;
		  text-align:center;
		  line-height: 110%;
		  text-shadow: none;
		}
		
		#exitpopup p
		{
		  margin-top:18pt;
		  font-family: Tahoma, Helvetica, sans-serif;
		  font-size: 14px;
		  color: #000;
		  line-height:120%;
		}

		#exitpopup  a.closeMe {
			padding: 16px 0px;
			text-decoration: none;
			border-radius: 5px;
			background: #008000 ;
			color: #fff;
			font-size: 24px;
			font-weight:bold;
			text-align: center;
			border-top: 1px solid #008000 ;
			border-bottom: 1px solid #008000 ;
			width: 300px;
			display: block;
			margin:0 auto;
			text-align: center;
			clear:both;
			font-family:Arial, Helvectica, sans-serif
		}

        .hide {
            display: none!important;
        }

/* -------------------------------------------------------
----------- Bact-to-Top Styling Starts Here --------------
---------------------------------------------------------*/


.back-to-top {
	background: rgba(51, 51, 204, 0.5);
	margin: 0;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	z-index: 90;
	display: none;
	text-decoration: none;
	color: #0E1729;
}

.back-to-top i {
	position: relative;
	left: 13px;
	top: 8px;
	font-size: 24px;
	color: #FFFFFF;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}

.back-to-top:hover {
    background: rgba(51, 51, 204, 0.9);
    color: #FFFFFF;
}

.back-to-top:hover i {
	top: 6px;
}

.back-to-top:focus {
    color: #FFFFFF;
}


/* ------- flip clock ------- */

body .flip-clock-label {display:inherit} 
body .flip-clock-wrapper ul li a div div.inn, body .flip-clock-small-wrapper ul li a div div.inn { color: #CCCCCC; background-color: #333333; } 
body .flip-clock-dot, body .flip-clock-small-wrapper .flip-clock-dot { background: #323434; } 
body .flip-clock-wrapper .flip-clock-meridium a, body .flip-clock-small-wrapper .flip-clock-meridium a { color: #323434; }

body#register .flip-clock-divider .flip-clock-label {
    color: #FFF; font-size:.8em;
}

/* ------- link button ------- */

.btn {
	margin-top:10px;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	background: #333333;
	background-image: -webkit-linear-gradient(top, #333333, #000000);
	background-image: -moz-linear-gradient(top, #333333, #000000);
	background-image: -ms-linear-gradient(top, #333333, #000000);
	background-image: -o-linear-gradient(top, #333333, #000000);
	background-image: linear-gradient(to bottom, #333333, #000000);
	border-radius: 10px;
	color: #EFEFEF !important;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none !important;
	font-weight: bold;
}

.btn:hover {
	color: #000 !important;
	background: #EFEFEF;
	background-image: -webkit-linear-gradient(top, #EFEFEF, #CCCCCC);
	background-image: -moz-linear-gradient(top, #EFEFEF, #CCCCCC);
	background-image: -ms-linear-gradient(top, #EFEFEF, #CCCCCC);
	background-image: -o-linear-gradient(top, #EFEFEF, #CCCCCC);
	background-image: linear-gradient(to bottom, #EFEFEF, #CCCCCC);
	text-decoration: none;
}

/* video player */
#videocover {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: black;
    opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	
	cursor: pointer;
}
/*
#videocover h1 {
	position: relative;
	color:white;
	font-size:3em;
	font-weight: bold;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);

}
*/ /* <h1>Click Here To Start<br/>The Video Stream</h1> */
#videocover img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 20%;
}  		

/*----------------------------------------------------
------------- All ------------------------------------
--------------------- Media --------------------------
------------------------------- Queries --------------
-----------------------------------------------------*/

@media only screen and (min-width: 767px) {

	.hero-section {
		padding: 150px 0 100px 0;
	}

	.form .hero-section {
		padding: 150px 0 50px 0;
	}

	.form .hero-content {
		padding: 100px 0 100px 0;
		overflow: hidden;
	}

	.hero-content p {
		font-size: 14px;
	}


}


@media only screen and (min-width: 600px) and (max-width: 800px) {
	/*.flip-clock-wrapper {
		transform: scale(0.8); 
		-webkit-transform-origin: 0;
		-ms-transform-origin: 0 50%;
		margin:10px 0 0 200px;
		padding-top:0;
	} */
	.wrapper .flip-clock-wrapper {width: 492px;}
	.wrapper .flip-clock-wrapper ul {
	  width: 48px;
	  height: 72px;
	  margin: 0 2px;
	}
	.wrapper .flip-clock-wrapper ul li {
	  line-height: 66px;
	}
	.wrapper .flip-clock-wrapper ul li a div div.inn {
	  font-size: 60px;
	}
	.wrapper .flip-clock-wrapper ul,
	.wrapper .flip-clock-wrapper ul li a div div.inn {
	  border-radius: 6px;
	}
	.wrapper .flip-clock-wrapper ul li a div.down {
	  border-bottom-left-radius: 6px;
	  border-bottom-right-radius: 6px;
	}
	.wrapper .flip-clock-wrapper ul li a div.up:after {
	  top: 35px;
	}
	.wrapper .flip-clock-dot.top {
	  top: 20px;
	}
	.wrapper .flip-clock-dot.bottom {
	  top: 44px;
	}
	.wrapper .flip-clock-dot {
	  width: 8px;
	  height: 8px;
	  left: 8px;
	}
	.wrapper .flip-clock-divider {
	  width: 24px;
	}
	.wrapper .flip-clock-divider .flip-clock-label {
	  right: -67.5px;
	}
	.wrapper .flip-clock-divider.minutes .flip-clock-label,
	.wrapper .flip-clock-divider.seconds .flip-clock-label {
	  right: -75px;
	}

		/* #top {padding-left:3em !important;} */
}


@media screen and (min-width: 400px) and (max-width: 600px) {
	.wrapper .flip-clock-wrapper {
		margin:1em auto 0 !important;
	} 
	
	.wrapper .flip-clock-wrapper {
	  width: 360px;
	}
	.wrapper .flip-clock-wrapper ul {
	  width: 32px;
	  height: 48px;
	  margin: 0 2px;
	}
	.wrapper .flip-clock-wrapper ul li {
	  line-height: 44px;
	}
	.wrapper .flip-clock-wrapper ul li a div div.inn {
	  font-size: 40px;
	}
	.wrapper .flip-clock-wrapper ul,
	.wrapper .flip-clock-wrapper ul li a div div.inn {
	  border-radius: 6px;
	}
	.wrapper .flip-clock-wrapper ul li a div.down {
	  border-bottom-left-radius: 6px;
	  border-bottom-right-radius: 6px;
	}
	.wrapper .flip-clock-wrapper ul li a div.up:after {
	  top: 23px;
	}
	.wrapper .flip-clock-dot.top {
	  top: 12px;
	}
	.wrapper .flip-clock-dot.bottom {
	  top: 28px;
	}
	.wrapper .flip-clock-dot {
	  width: 6px;
	  height: 6px;
	  left: 6px;
	}
	.wrapper .flip-clock-label {
	  font-size: 8px;
	}
	.wrapper .flip-clock-divider {
	  width: 18px;
	  height:70px;
	}
	.wrapper .flip-clock-divider .flip-clock-label {
	  right: -45px;
	}
	.wrapper .flip-clock-divider.minutes .flip-clock-label,
	.wrapper .flip-clock-divider.seconds .flip-clock-label {
	  right: -50px;
	}

	/* #top {padding-left:1.5em !important;} */
}


@media screen and (max-width: 399px) {
	.wrapper .flip-clock-wrapper {
		margin:0px !important;
	} 
	
	.wrapper .flip-clock-wrapper {
	  width: 260px;
	}
	.wrapper .flip-clock-wrapper ul {
	  width: 24px;
	  height: 36px;
	  margin: 0 1px;
	}
	.wrapper .flip-clock-wrapper ul li {
	  line-height: 33px;
	}
	.wrapper .flip-clock-wrapper ul li a div div.inn {
	  font-size: 30px;
	}
	.wrapper .flip-clock-wrapper ul,
	.wrapper .flip-clock-wrapper ul li a div div.inn {
	  border-radius: 6px;
	}
	.wrapper .flip-clock-wrapper ul li a div.down {
	  border-bottom-left-radius: 6px;
	  border-bottom-right-radius: 6px;
	}
	.wrapper .flip-clock-wrapper ul li a div.up:after {
	  top: 17px;
	}
	.wrapper .flip-clock-dot.top {
	  top: 9px;
	}
	.wrapper .flip-clock-dot.bottom {
	  top: 21px;
	}
	.wrapper .flip-clock-dot {
	  width: 4px;
	  height: 4px;
	  left: 4px;
	}
	.wrapper .flip-clock-label {
	  font-size: 4px;
	}
	.wrapper .flip-clock-divider {
	  width: 12px;
	  height:50px;
	}
	.wrapper .flip-clock-divider .flip-clock-label {
	  right: -33.75px;
	}
	.wrapper .flip-clock-divider.minutes .flip-clock-label,
	.wrapper .flip-clock-divider.seconds .flip-clock-label {
	  right: -37.5px;
	}
	
	 .back-to-top {
		right: 10px;
	}
	
	/* #top {padding-left:2em !important;} */
 }


	

/* ------- modal ------- */

.modal h1 {
	font-size: 32px;
	padding-bottom: 0 !important;
	margin-bottom:0;
}

.modal h2 {
	font-size: 26px;
	color:inherit;
	text-shadow: none;
}

.modal h3 {
	font-size: 24px;
	color:inherit;
	text-shadow: none;
}

.modal p {
	font-size: 18px;
	padding-top:10px; padding-bottom:10px;
	font-weight: bold;
}

.modal-body .form-horizontal .col-sm-2,
.modal-body .form-horizontal .col-sm-10 {
	width: 100%
}
.modal-body .form-horizontal .control-label {
	text-align: left;
}
.modal-body .form-horizontal .col-sm-offset-2 {
	margin-left: 15px;
}

.modal-header h4{
  font-family: Poppins;  
}