@charset "UTF-8";
/* CSS Document */

body{
	background-color:#FFF;
	font-size: 18px;
}

#countdownHeader{
	padding-top:20px;
	padding-bottom:20px;
	text-transform:uppercase;
	font-size:27px;
	line-height:27px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	border-bottom:2px solid #c6a3d7;
}
.bestYearYet{
	text-transform:uppercase;
	font-size:35px;
	line-height:70px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
.bestYearYetM{
	text-transform:uppercase;
	font-size:35px;
	line-height:1.2;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
#countdownContainer{
	display:inline-block;
	height:55px;
	width:260px;
	max-width:100%;	
	margin-bottom:-10px;
	padding-left:10px;
}
.contdownCol{
	width:25%;
	float:left;
	padding-right:8px;
}
.contdownBox{
	border-radius:8px;
	background-color:#FFF;
	width:100%;
	color:#B00002;
	text-align:center;
	font-size:25px;
	line-height:27px;
	padding-top:5px;
	padding-bottom:3px;
	
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
box-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
}
.timeUnit{
	font-size:12px;
	line-height:20px;
}

#header2{
	padding:15px 0px;
}
.shadow-bottom{
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.43);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.43);
}

.logo{
	width:111px;
	height:70px;
	margin:0px;
	margin-right:15px;
	float:left;
}
.logo-xs{
	width:111px;
	height:70px;
	margin:0px;
}
#hia-logo{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	display:inline-block; 
	line-height:1; height:70px;
}
#hia-logo .subhead{
	font-size:20px;
	color:#7a9b49;
	text-transform:uppercase;
}
#hia-logo .head{
	color:#8446ac;font-size:49px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#8446ac;
	text-transform:uppercase;
}
#menu a{
	font-size:18px;
	line-height:55px;
	color: #FFF;
	margin-left:20px;
}
a.menuOrderButton{
	font-size:18px;
	line-height:70px;
	color: #676767;
	margin-left:20px;
	padding:10px 20px;;
	border-radius:20px;;
	background-color:#F7941D;
	color:#FFF !important;
	white-space: nowrap;
}
a.menuOrderButton:hover{
	text-decoration:none;
	background-color:#FCBF31;
}
.big-n-bg{
	background-image:url(big-n.svg);
	background-repeat:no-repeat;
	background-size:1000px 1000px;
	background-position:90% -255px;
	padding:20px;
}

.as-seen-on{
	background-color:#3e8ddd;
	line-height:44px;
	padding:20px 0px;
	border-top:1px solid #FFF;
	color:#FFF;
	font-weight:600;
	font-size:16px;
	text-align:center;
}
.as-seen-on img{
	max-width:100%;
	height:auto;
}

h1, h2, h3{
	font-size:45px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color: #414141;
	text-transform: capitalize;
	line-height:1.2;
}
h2{
	font-size:30px;
}
h3{
	font-size:25px;
}
h3 .text-lg{
	font-size:35px;
}
.float-right{
	float:right;
	margin:15px;
	margin-right:0px;
	max-width:300px;
	height:auto;
}
.float-left{
	float:left;
	margin:15px;
	margin-left:0px;
	width:300px;
	height:auto;
}
.img-rounded{
	border-radius:50%;
}

li{
	margin-bottom:15px;
}
.grey-arrow-bg{
	background-image:url(images/grey-arrow-bg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:60px;
	background-size:100% 100px;
}
.blue-round-bg{
	background-image:url(images/blue-round-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:120px;
	background-size:100%;
}
.blue-bg-sweep{
	background-image:url(images/blue-bg-sweep.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:80px;
	background-size:100%;
}
.grey-bg-sweep{
	background-image:url(images/grey-bg-sweep.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:80px;
	background-size:100%;
}
.row{
	padding-bottom:60px;
	padding-top:60px;
}

.purple-border{
	border-bottom:10px solid #8446ac;
	border-top:10px solid #8446ac;
}

.green-bg-gears{
	background-image:url(images/bg/green-box-gears-left.png), url(images/bg/green-box-gears-right.png);
	background-position:top left, top right;
	background-repeat:no-repeat;
}
.white-bg-gears{
	background-image:url(images/bg/white-box-gears-left.png), url(images/bg/white-box-gears-right.png);
	background-position:top left, top right;
	background-repeat:no-repeat;
}
.white-bg-molicules-right{
	background-image:url(images/bg/white-box-molicules-right.png);
	background-position:top right;
	background-repeat:no-repeat;
}
.shadow-long{
	webkit-box-shadow: 0px 10px 40px 29px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 10px 40px 29px rgba(0,0,0,0.24);
box-shadow: 0px 10px 40px 29px rgba(0,0,0,0.24);
}

#order-page{
	font-size:16px;
}
#order-page .row{
	padding:0px;
}
.btn-orange{
	background-color:#ffa300;
	color:#FFF;
	text-decoration:none;
}
.btn-orange:hover{
	background-color:#ff8a00;
	color:#FFF;
}

#footer{
	padding:20px 0px;
	background-color:#000;
	color:#fff;
	border:0px;
	width:100%;
	font-size:12px !important;
}
#footer a{
	color:#FFF;
}
#footer a:hover{
	color:#FFF;
}
.stick-to-top{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;
}
.body-pad{
	padding-top:97px;
}
.vsl-container{
	padding:20px;
}
.mobile-countdown{
	line-height:1.2;
	font-size:18px;
	text-transform:none;
	margin-top:5px;
	display:block;
}
.reveal{
	display:none;
}
#termsArrows {
    width: 240px;
    margin: 0px auto 20px;
    font-size: 60px;
    animation: 0.75s linear 0s normal none infinite running blink;
}
@media (max-width: 767px) { 
.body-pad{
	padding-top:80px;
}
h1{
	font-size:30px;
}
.mobile-margin-bottom{
	margin-bottom:20px;
}
#countdownHeader{
	padding:10px 0px;
}
.float-right, .float-left{
	float:none;
	margin:0px auto;
	max-width:100%;
	height:auto;
	display:block;
	margin-bottom:20px;
}
}