html{
	height: 100%;
}
body{
	margin:0;
	height: 100%;
}
h1{
	font-family: "Roboto slab",sans-serif;
	font-size: 36px;
	font-weight: 300;
}
h2{
	font-family: "Roboto slab", sans-serif;
	font-size: 30px;
}
h3{
	font-family: "Roboto slab", sans-serif;
	font-size: 24px;
}
h4{
	font-family: "Roboto slab", sans-serif;
	font-size: 18px;
}
h5{
	font-family: "Roboto slab", sans-serif;
	font-size: 14px;
}
p{
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 24px;
	margin: 4px 0;
	color: #222222;
}
a{
	color: #2f88f5;
}
li{
	font-family: "Roboto", sans-serif;
}
.center{
	text-align: center;
}
/**Top Header**/
#top-header{
	float: left;
	width: 100%;
	height: 56px;
	text-align: center;
}
.container{
	width: 960px;
	margin: 0 auto;
}
.logo{
	float: left;
	margin: 7px 0;
}
#top-header .menu{
	float: right;
}
#top-header .menu ul{
	margin: 0;
}
#top-header .menu li{
	font-size: 16px;
	display: inline-block;
	list-style: none;
	padding: 15px 10px 18px;
	border-top: 3px solid #fff;
}
#top-header .menu li a{
	color: #222222;
	text-decoration: none;
	padding: 10px 0;
}
#top-header .menu li:hover{
	border-top: 3px solid #0a77b0;
}
/**Landing Area**/
#landing-area{
	float: left;
	width:100%;
}
#landing-area .header{
	float: left;
	width: 100%;
	background: url('images/landing-bg.jpg');
	background-position: 50% 0%;
	background-repeat: no-repeat;
	text-align: center;
}
#landing-area .header h1{
	color: #fff;
	font-weight: 300;
	margin-top: 40px;
}
#landing-area .header p{
	font-size: 18px;
	font-weight: 300;
	line-height: 32px;
	color: #fff; 
}
#landing-area .video{
	margin: 40px auto;
	width: 960px;
	height: 540px;
	text-align: center;
}
#landing-area .time-date{
	margin: 20px auto; 
	width: 752px;
	height: 152px;
	padding: 10px;
	border: 4px solid #c7d4db;
	background: #fafafa;
}
#landing-area h4{
	margin: 0;
	color: #0a77b0;
	padding: 0 0 8px;
	border-bottom: 1px dashed #0a77b0;
}
#landing-area .launch-date{
	float: left;
	width: 368px;
}
#landing-area .time-remaining{
	float: right;
	width: 368px;
}
#landing-area .calendar{
	width: 70px;
	margin: 16px 0 0 0;
	display: inline-block;
	vertical-align: middle;
}
#landing-area .date{
	display: inline-block;
	width: 70px;
	height: 70px;
	overflow: hidden;
	vertical-align: middle;
	border-radius: 4px;
  	-moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  	-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}
#landing-area h5{
	color: #fff;
	margin: 0;
	background: #dc373b;
	padding: 2px 0;
}
#landing-area h3{
	font-size: 30px;
	margin: 2px 0 0 0;
}
#landing-area .time p{
	color: #222222;
	font-size: 14px;
	font-weight: 400;
}
#landing-area .till p{ 
	color: #222222;
	font-size: 18px;
	font-weight: 400;
	margin: -6px 26px 0; 
}
#landing-area .till{
	display: inline-block;
	vertical-align: middle;
}
/** Countdown Timer **/
.wrap {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: 15px auto 0;
  height: 100px;
}
.countdown {
  width: 720px;
  margin: 0 0 0 10px;
}
.countdown .bloc-time {
  float: left;
  margin-right: 15px;
  text-align: center;
}
.countdown .bloc-time:last-child {
  margin-right: 0;
}
.countdown .count-title {
  display: block;
  margin-bottom: 15px;
  font: normal 16px "Lato";
  color: #1a1a1a;
  text-transform: uppercase;
}
.countdown .figure {
  position: relative;
  float: left;
  height: 55px;
  width: 50px;
  margin-right: 5px;
  background-color: #fff;
  border-radius: 8px;
  -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}
.countdown .figure:last-child {
  margin-right: 0;
}
.countdown .figure > span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font: normal 42px "Lato";
  font-weight: 700;
  color: #de4848;
}
.countdown .figure .top:after, .countdown .figure .bottom-back:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.countdown .figure .top {
  z-index: 3;
  background-color: #f7f7f7;
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-transform: perspective(200px);
  -ms-transform: perspective(200px);
  -webkit-transform: perspective(200px);
  transform: perspective(200px);
}
.countdown .figure .bottom {
  z-index: 1;
}
.countdown .figure .bottom:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.02);
}
.countdown .figure .bottom-back {
  z-index: 2;
  top: 0;
  height: 50%;
  overflow: hidden;
  background-color: #f7f7f7;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.countdown .figure .bottom-back span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.countdown .figure .top, .countdown .figure .top-back {
  height: 50%;
  overflow: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.countdown .figure .top-back {
  z-index: 4;
  bottom: 0;
  background-color: #fff;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -moz-transform: perspective(200px) rotateX(180deg);
  -ms-transform: perspective(200px) rotateX(180deg);
  -webkit-transform: perspective(200px) rotateX(180deg);
  transform: perspective(200px) rotateX(180deg);
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.countdown .figure .top-back span {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  margin: auto;
}
/**Features**/
#features{
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
#features h1{
	color: #0a77b0;
	margin: 0;
}
#features h3{
	color: #6a6a6a;
}
#features h5{
	font-weight: 400;
	color: #fff;
	padding: 0px 30px;
	margin: 12px 0 0;
}
#features p{
	margin: 24px 0;
}
#features .video{
	width: 960px;
	margin: 48px auto;
}
#features .feature-icon{
	float: left;
	width: 156px;
	height: 158px;
	border-radius: 2px 0 0 2px;
	padding-top: 22px;
}
#features .feature-desc{
	float: right;
	background: #ebebeb;
	width: 684px; 
	height: 160px;
	padding: 10px 60px 10px 40px;
	border-radius: 0 2px 2px 0;
	text-align: left;
}
#features .feature-1,
#features .feature-2,
#features .feature-3,
#features .feature-4,
#features .feature-5{
	margin: 12px auto;
	width: 940px;
	height: 180px;
}
#features .feature-1 .feature-icon{
	background: #4caf50;
}
#features .feature-2 .feature-icon{
	background: #00bcd4;
}
#features .feature-3 .feature-icon{
	background: #9c27b0;
}
#features .feature-4 .feature-icon{
	background: #ff9800;
}
#features .feature-5 .feature-icon{
	background: #f44336;
}
/**Join Affiliate 1**/
#join-affiliate-1{
	float: left;
	margin-top: 42px;
	width: 100%;
	height: 70px;
	padding: 45px 0;
	background: #004d75;
	text-align: center;
}
#join-affiliate-1 a{
	display: inline-block;
	font-family: "Roboto slab", sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	padding: 20px 50px;
	background: #dc373b;
	border-radius: 4px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
#join-affiliate-1 a:hover{
	box-shadow: 0px 0px 8px #00131d;
	transition: ;
}
/** Benefits **/
#benefits{
	float: left;
	width: 100%;
	margin: 40px 0;
	text-align: center;
}
#benefits h1{
	color: #0a77b0;
}
#benefits h4{
	font-size: 20px;
	font-weight: 400;
	color: #222222;
}
#benefits h5{
	font-size: 16px;
	color: #0a77b0;
	margin: 10px 0;
}
.benefit-1,
.benefit-2,
.benefit-3,
.benefit-4,
.benefit-5{
	display: inline-block;
	width: 830px;
	padding: 20px 65px 40px;
	margin: 10px auto;
}
.benefit-1,
.benefit-2,
.benefit-3,
.benefit-4{
	border-bottom: 1px dashed #dadada;
}
#benefits .checklist-icon{
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}
#benefits .benefit-desc{
	display: inline-block;
	width: 700px;
	margin-left: 40px;
	text-align: left;
}
#benefits .seop-2010,
#benefits .seop-2013,
#benefits .seop-2016{
	display: inline-block;
	width: 190px;
	margin-top: 42px;
	vertical-align: top;
	text-align: center;
}
#benefits .seop-2013{
	margin-left: 15px;
	margin-right: 12px;
}
.arrow-1{
    display: inline-block;
    vertical-align: middle;
    margin: 102px 0 0 20px;
}
.arrow-2{
    display: inline-block;
    vertical-align: middle;
    margin: 102px 40px 0 0px;
}
#benefits .seop-2010 p,
#benefits .seop-2013 p,
#benefits .seop-2016 p{
	font-size: 14px;
}
#benefits .testimonial-1,
#benefits .testimonial-2{
	display: inline-block; 
	width: 668px;
	border: 1px solid #dadada;
	padding: 20px 20px 15px 20px;
	border-radius: 4px;
}
#benefits .testimonial-1{
	margin-top: 25px;
	margin-bottom: 10px; 
}
#benefits .testi-left{
	width: 120px;
	float: left;
	text-align: center;
}
#benefits .testi-left img{
	margin-bottom: 10px;
}
#benefits .testi-left p{
	line-height: normal;
	font-size: 12px;
}
#benefits .testi-right{
	float: right;
	width: 488px;
	padding: 0 20px;
	margin-left: 20px;
}
#benefits .testi-right p{
	position: relative;
	font-size: 14px;
	margin-bottom: 10px;
}
#benefits .testi-right p:before{
	position: absolute;
	content: "“";
	font-family: "Signika", sans-serif; 
	font-size: 48px;
	color: #d6d6d6;
	top: 9px;
	left: -26px;
}
#benefits .testi-right p:after{
	position: absolute;
	content: "”";
	font-family: "Signika", sans-serif; 
	font-size: 48px;
	color: #d6d6d6;
	margin-top: 15px;
	right: 5px;
}
.more-testi{
	font-size: 14px;
	margin-top: 20px;
}
/*** Commission ***/
#commission{
	float: left;
	width: 100%;
	margin: 20px 0 0;
	background: #004d75;
	text-align: center;
	padding: 40px 0 60px;
}
#commission h1{
	color: #fff;
	font-weight: 400;
	margin-bottom: 40px;
}
#commission h3{
	color: #fff;
}
#commission p{
	color: #fff;
}
#commission .header{
	width: 960px;
	margin: 0 auto;
}
/**** slider ****/
#slider, #slider ul{
	height: 44px;
}
#slider{
	margin: auto;
	overflow: hidden;
	padding: 10px 15px;
	margin-top: 40px;
	border-radius: 6px;
	background: #dc373b; 
	position: relative;
	width: 250px;
}
#slider li
{
	float: left;
	position: relative;
	width: 250px;
	display: inline-block;
	height: 50px;
}
#slider ul{
	list-style: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 9000px;
	transition: left .8s linear;
	-moz-transition: left .8s linear;
	-o-transition: left .8s linear;
	-webkit-transition: left .8s linear;
	margin-left: -24px;
  	font-family: "Roboto slab";
  	color: #fff;
}
/*** Content ***/
.slider-container
{
	margin: -4px auto 0;
	padding: 0;
	width: 250px;
}
.slider-container h4{
	font-size: 30px;
 	color: #fff;
 	margin:0;
}
/*** target hooks ****/
@-webkit-keyframes slide-animation {
	0% {opacity:0;}
	
	6% {left:-0px; opacity:1;}
	8% {opacity:0.5;}
	10% {left:-250px; opacity:1;}
	16% {left:-250px; opacity:1;}
	18% {opacity:0.5;}
	20% {left:-500px; opacity:1;}
	
	26% {left:-500px; opacity:1;}
	28% {opacity:0.5;}
	30% {left:-750px; opacity:1;}
	
	36% {left:-750px; opacity:1;}
	38% {opacity:0.5;}
	40% {left:-1000px; opacity:1;}
	
	46% {left:-1000px; opacity:1;}
	48% {opacity:0.5;}
	50% {left:-1250px; opacity:1;}
	
	56% {left:-1250px; opacity:1;}
	58% {opacity:0.5;}
	60% {left:-1500px; opacity:1;}
	
	66% {left:-1500px; opacity:1;}
	68% {opacity:0.5;}
	70% {left:-1750px; opacity:1;}
	
	76% {left:-1750px; opacity:1;}
	78% {opacity:0.5;}
	80% {left:-2000px; opacity:1;}
	
	86% {left:-2000px; opacity:1;}
	88% {opacity:0.5;}
	90% {left:-2250px; opacity:1;}
	
	96% {left:-2250px; opacity:1;}
	98% {opacity:0.5;}
	100% {left: 0px; opacity:1;}
}
#slider ul{
	-webkit-animation: slide-animation 20s infinite;
}
.monthly-commission{
	margin-top: 20px;
}
/*** Cash Prize ***/
#cash-prize{
	float: left;
	width: 100%;
	margin: 20px auto;
	text-align: center;
}
#cash-prize h1{
	color: #0a77b0;
	font-weight: 400;
}
#cash-prize h3{
	color: #0a77b0;
	font-weight: 400;
}
#cash-prize p{
	font-weight: 400;
}
#cash-prize .header{
	text-align: center;
}
#cash-prize table{
	font-family: "Roboto slab", sans-serif;
	margin: 40px auto 0;
	width: 640px;
	border-collapse: collapse;
}
#cash-prize th{
	background: #dc373b; 
	color: #fff;
	font-size: 36px;
	font-weight: 400; 
	width: 50%;
	padding: 16px 0;
	border-bottom: none;
	border-top: none;
	border-right: 2px solid #fff;
}
#cash-prize td{
	color: #4a4a4a;
	font-size: 30px; 
	width: 50%;
	padding: 10px 0;
	border-bottom: none;
	border-top: none;
	border-right: 2px solid #fff;
}
#cash-prize td.light{
	background: #f4f4f4;
}
#cash-prize td.dark{
	background: #e8e8e8; 
}
#cash-prize .content{
	margin: 40px auto 20px;
	width: 780px;
}
/*** Join Affiliate 2 ***/
#join-affiliate-2{
	float: left;
	width: 100%;
	padding: 60px 0;
	margin: 0px 0 20px;
	background: #2a2a2a;
}
#join-affiliate-2 h2{
	font-weight: 400;
	color: #0a77b0;
	margin: 0 auto 30px; 
}
#join-affiliate-2 .container{
	width: 1010px;
	margin: 0 auto;
}
#join-affiliate-2 .step-1{
	float: left;
	width: 460px;
	padding: 35px 20px;
	background: #efefef;
	border-radius: 4px;
	text-align: center;
}
#join-affiliate-2 .step-2{
	margin-bottom: 20px;
}
#join-affiliate-2 .step-2 p{
	font-size: 22px;
	color: #6a6a6a;
}
#join-affiliate-2 .step-2,
#join-affiliate-2 .step-3{
	float: right;
	width: 460px;
	padding: 35px 15px;
	background: #efefef;
	border-radius: 4px;
	text-align: center;
}
#join-affiliate-2 .step-3 .commission-animation{
	margin: 0 auto;
	background: url(images/commission.gif);
	width: 134px;
	height: 134px;
	background-size: 100%;
	border-radius: 100%;
}
#join-affiliate-2 input.textfield{
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	border: none;
	border-radius: 2px;
	padding: 20px;
	width: 420px;
	margin-bottom: 20px;
}
#join-affiliate-2 input.button{
	display: inline-block;
	font-family: "Roboto slab", sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	width: 460px;
	text-decoration: none;
	padding: 20px;
	background: #dc373b;
	border-radius: 4px;
	border: none;
	cursor: pointer;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
#join-affiliate-2 input.button:hover{
	box-shadow: 0px 0px 6px #6a6a6a;
}
#join-affiliate-2 .disclaimer{
	margin-top: 15px;
}
#join-affiliate-2 .disclaimer p{
	font-size: 12px;
	color: #222222;
	line-height: 16px;
}
/*** Email Swipes **/
#email-swipes{
	float: left;
	width: 100%;
	text-align: center;
}
#email-swipes h2{
	font-weight: 400;
	color: #1e1e1e;
	margin-bottom: 0px;
}
#email-swipes .container{
	width: 960px;
	margin: 0 auto;
}
/** Email Slider **/
#jssor_1{
	position: relative; 
	margin: 0 auto 40px; 
	top: 25px; 
	left: 0px; 
	width: 960px; 
	height: 750px; 
	overflow: hidden; 
	visibility: hidden; 
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
}
#jssor_1 p{
	margin: 15px 0; 
}
#jssor_1 li{
	margin-bottom: 15px;
}
/* jssor slider thumbnail navigator skin 12 css */
/*.jssort12 .p     (normal).jssort12 .p:hover      (normal mouseover).jssort12 .pav   
(active).jssort12 .pav:hover    (active mouseover).jssort12 .pdn  (mousedown)*/
.jssort12 .w{    
	cursor: pointer;    
	position: absolute;    
	width: 139px;    
	height: 48px;    
	border: 1px solid gray;    
	top: 0px;    
	left: -1px;
	vertical-align: middle;
}
.jssort12 .p{    
	position: absolute;    
	width: 140px;    
	height: 50px;    
	top: 0;    
	left: 0;    
}
.jssort12 .pav .w,
.jssort12 .pdn .w{    
	border-bottom: 1px solid #fff;
}
.jssort12 .c{    
	width: 100%;    
	height: 100%;    
	position: absolute;    
	top: 0;    
	left: 0;    
	line-height: 48px;    
	text-align: center;    
	color: #000;    
	font-size: 14px;
}
.jssort12 .p .c,
.jssort12 .pav:hover .c{    
	background-color: #eee;
}
.jssort12 .pav .c,
.jssort12 .p:hover .c{    
	background-color: #fff;
}
/*** Media Kit **/
#media-kit{
	float: left;
	width: 100%;
	text-align: center;
}
#media-kit h2{
	font-weight: 400;
	color: #1e1e1e;
	margin-bottom: 0px;
}
#media-kit .container{
	width: 960px;
	margin: 0 auto;
}
/* Media Kit Slider **/
#jssor_2{
	position: relative; 
	margin: 0 auto 40px; 
	top: 25px; 
	left: 0px; 
	width: 960px; 
	height: 750px; 
	overflow: hidden; 
	visibility: hidden; 
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
}
#jssor_2 p{
	margin: 15px 0; 
}
#jssor_2 img{ 
margin-right: 10px;
}
/*** Contact Us ***/
#contact{
	float: left;
	width: 100%;
	padding:30px 0 40px;
	background: #118fd3;
	margin-top: 50px;
}
#contact h1{
	color: #fff;
	font-weight: 400;
}
#contact p{
	color: #fff;
}
#contact .container{
	width: 960px;
	text-align: center;
	margin: 0 auto;
}
#contact img{
	margin: 30px 0 0;
}


.thankyou {
	text-align:center;	
	float:left;
	width:100%;
	border-top:1px solid #efefef;
	padding:100px 0;
}

.thankyou p{
	margin:16px 0;
}

.thankyou a{
	background: #dc373b;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto slab",sans-serif;
    font-size: 24px;
    font-weight: 300;
    padding: 20px;
	margin:30px 0 0;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}

.thankyou a:hover{
	box-shadow: 0 0 6px #6a6a6a;
}