.wrapper.half{ max-width: 750px; }
.landing-page{
	background-image: url("../../../../images/banners/background.jpg");
	background-position: center;
	background-size: cover;
	height: 100%;
	width: 100%;
	z-index: 5;
	padding: 1rem 0;
}
.landing-page h1, .pre-register h1{
	font-size: 1.75rem;
	margin: 0.75rem 0;
}
.landing-page h2, .pre-register h2{
	font-size: 1.25rem;
	margin: 0.25rem 0;
}
.landing-page .content{
	color: #fff;
	margin: 0 auto;
	max-width: 700px;
	text-align: center;
}
.landing-page .content > h3{
	color: #91ba80;
	margin-bottom: 20px;
}
.landing-page .content > p{
    font-size: 1.125rem;
}
.landing-page .content .counter{
	background-color: rgba(255, 255, 255, 0.3);
	font-size: 1.5rem;
}
.landing-page .content .counter h3{
	background-color: rgba(255, 255, 255, 0.15);
	padding: 10px;
	text-align: center;
}
.landing-page .content .counter span{
	color: #66bb6a;
	display: inline-block;
	padding: 1rem 0.25rem;
}
.landing-page .content .counter .clock{
	display: inline-block;
	margin: 0 auto;
	padding: 30px 20px 20px;
	width: auto;
}
.landing-page .content .become-vendor a{ margin-top: 20px; }

.pre-register{ background-color: #fff; }
.pre-register > *:not(.intro){
	padding: 105px 0;
	text-align: center;
}
.pre-register h2{
	font-weight: 700;
	margin-bottom: 20px;
}
.pre-register p,
.pre-register ul li{ font-size: 1rem; }
.pre-register .intro{
	min-height: 606px;
	position: relative;
}
.pre-register .intro > div:first-child:before{
	background: url(images/cut_vertical.png) repeat-y top ;
	content: "";
	height: 100%;
	position: absolute;
	right: -18px;
	width: 21px;
	z-index: 9;
}
.pre-register .intro > div .wrapper{ position: relative; }
.pre-register .intro > div:last-child > .wrapper{
	z-index: 9;
}
.pre-register .intro .logo{
	position: absolute;
	right: -81px;
	top: 55px;
	width: 150px;
	z-index: 10;
	opacity: 0;
    visibility: hidden;
    display: none;
}
.pre-register .intro .logo:hover{ transform: rotate(15deg); }
.pre-register .intro .header *{ font-weight: 700; }
.pre-register .intro .header h2{
	font-size: 2.125rem;
	margin-bottom: 7px;
}
.pre-register .intro .header h2 span{ color: #91ba80; }
.pre-register .intro .header h3{
	font-size: 1.25rem;
	line-height: 1.5;
}
.pre-register .intro .right .header h2,
.pre-register .intro .right .header h3{
	color: #fff;
	text-shadow: 2px 2px #000;
}
.pre-register .intro .details{
	background-color: #fafafa;
	margin: 2.75rem 0 0;
	min-height: 290px;
	padding: 2.75rem 0;
}
.pre-register .intro .left .details{
	float: right;
	width: 100%;
}
.pre-register .intro .right .details{
	float: left;
	position: relative;
	width: 100%;
	z-index: 8;
}
.pre-register .intro .right .details{ background-color: transparent; }

.pre-register .intro .details p{
	font-size: 1rem;
	line-height: 1.5;
}
.pre-register .intro .right{
	background-image: url("../../../../images/banners/field2.jpg");
}
.pre-register .intro .right .details p{
	color: #fff;
	font-size: .875rem;
	padding-left: 20px;
}
.pre-register .intro .details p a{ margin-top: 30px; }
.pre-register .intro .details .icon i{
	border: 2px solid #fff;
	border-radius: 60px;
	color: #fff;
	font-size: 3rem;
	height: 80px;
	margin-top: 3px;
	padding: 15px 0;
	text-align: center;
	width: 80px;
}
.pre-register .intro .video{
	bottom: 0;
	position: absolute;
	top: 1rem;
	overflow: hidden;
	width: 100%;
	z-index: 1;
}
.pre-register .intro .video video{
	display: block;
    height: 100%;
    position: relative;
	z-index: 0;
	width: 100%;
}
.pre-register .costs{ padding: 105px 0 150px; }
.pre-register .costs{ background: url(images/pattern.png) repeat; }
.pre-register .costs h3{
	color: #89ab7a;
	font-size: 3.875rem;
	font-weight: 700;
}
.pre-register .costs p{
	font-size: .6875rem;
	text-transform: uppercase;
}
.pre-register .costs .details{
	border-top: 1px dashed #434343;
	border-bottom: 1px dashed #434343;
	margin: 30px auto 0;
	max-width: 600px;
	padding: 30px 0;
}
.pre-register .costs ul{
	-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    padding: 0 20px;
    text-align: left;
}
.pre-register .costs ul li{ padding: 5px 0; }
.pre-register .costs ul li i{ color: #89ab7a; }
.pre-register .services{
	background-color: #89ab7a;
	position: relative;
}
.pre-register .services:before,
.pre-register .services:after{ background-color: #89ab7a; }
.pre-register .services:before{
    content: "";
    left: 0;
    position: absolute;
    top: -10px;
    height: 50px;
    width: 100%;
    transform: skewY(1.5deg);
    -moz-transform: skewY(1.5deg);
    -webkit-transform: skewY(1.5deg);
    z-index: 10;
}
.pre-register .services:after{
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    height: 50px;
    width: 40%;
    transform: skewY(-5.5deg);
    -moz-transform: skewY(-5.5deg);
    -webkit-transform: skewY(-5.5deg);
    z-index: 10;
}
.pre-register .services h3{ font-weight: 700; margin-bottom: 10px; }
.pre-register .services p{ margin-bottom: 20px; }

.pre-register .services .btn{
	background-color: #f5f5f5;
	color: #434343!important;
	font-size: .875rem!important;
	margin-top: 30px;
	text-transform: none!important;
}
.pre-register .faq h3{
	font-weight: 700;
	margin-bottom: 10px;
}
.pre-register .faq p{ margin-bottom: 35px; }
.pre-register .faq ul{ padding-left: 20px; }
.pre-register .faq ul li{
	padding: 5px 0;
}
.pre-register .ready-start{
	background-image: url("../../../../images/banners/background.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    box-shadow: 0 0 100px -8px #000 inset;
    -moz-box-shadow: 0 0 100px -8px #000 inset;
    -webkit-box-shadow: 0 0 100px -8px #000 inset;
    padding: 100px 0;
    text-align: center;
}
.pre-register .ready-start .logo img{ max-width: 120px; }
.pre-register .ready-start h2{
	color: #fff;
	margin-top: 20px;
}
.pre-register .ready-start p{
	color: #fff;
	max-width: 900px;
	margin: 0 auto;
}
.pre-register .intro .right .details .wrapper{
	display: none;
}
.pre-register .intro > div:first-child .icon{
	display: none;
}
@media (min-width: 768px) {
    .pre-register .intro > div{
		height: 100%;
		position: absolute;
	}
	.pre-register .intro > div:first-child{
		left: 0;
		position: relative;
	}
	.pre-register .intro > div:last-child{ right: 0; }
	.pre-register .intro > div:first-child > .wrapper{
		float: right;
		padding: 3rem 5rem 0 0;
		text-align: right;
	}
	.pre-register .intro > div:last-child > .wrapper{
		float: left;
		padding: 70px 0 0 101px;
		z-index: 9;
	}
	.pre-register .intro .logo{
		opacity: 1;
		visibility: visible;
	}
	.pre-register .intro .right .details .wrapper{
		margin: 0;
		padding: 0 30px 0 95px;
		display: none;
	}
	.pre-register .intro .left .details .wrapper{
		float: right;
		margin: 0;
		padding: 0 5rem 0 0;
		text-align: right;
	}
	.pre-register .services .row > div:first-child{ text-align: right; }
	.pre-register .services .row > div:last-child{ text-align: left; }
	.pre-register .faq .row > div:first-child{ text-align: right }
	.pre-register .faq .row > div:last-child{ text-align: left }
}

@media (max-width: 992px) {
    .pre-register .intro > div{
		position: relative;
	}
	.pre-register .intro > div:first-child:before{
		background: url(images/cut.png) repeat-x top;
		bottom: -21px;
		height: 21px;
		right: 0;
		width: 100%;
	}
	.pre-register .intro > div:first-child > .wrapper{
		text-align: center;
		padding: 70px 40px 0;
	}
	.pre-register .intro .logo{
		margin-bottom: 20px;
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
	}
	.pre-register .intro .details{
		margin: 70px 0 30px;
	}
	.pre-register .intro .left .details .wrapper{
		padding: 0 40px;
		text-align: center;
	}
	.pre-register .intro > div:last-child > .wrapper{ padding: 70px 40px 0; }
	.pre-register .intro .right .header{ text-align: center; }
	.pre-register .intro .right .details .wrapper{ padding: 0 40px; }
	/* .pre-register .intro .video{ display: none; } */
	.pre-register .services .row > div{
		margin-bottom: 20px;
		text-align: center!important;
	}
	.pre-register .ready-start{ background-attachment: initial; }
	.pre-register .services i{ display: none; }
	.pre-register .services .wrapper,
	.pre-register .ready-start .wrapper{ padding: 0 40px; }
	.pre-register .faq{ padding: 70px 40px; }
	.pre-register .faq .row > div{ text-align: center!important; }

}

@media (max-width: 767px) {
    .landing-page{
		display: block!important;
		height: auto;
		padding: 30px 10px;
		position: relative;
    }
    .pre-register .intro > div:first-child > .wrapper,
	.pre-register .intro > div:last-child > .wrapper{ padding: 50px 20px 0; }
	.pre-register .intro .left .details .wrapper,
	.pre-register .intro .right .details .wrapper,
	.pre-register .services .wrapper, .pre-register .ready-start .wrapper{ padding: 0 20px; }
	.pre-register .faq{ padding: 100px 25px 50px; }
	.pre-register .intro .details{ margin: 30px 0; }
	.pre-register .intro .details{ padding: 30px 0; }
	.pre-register .costs ul{
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		text-align: center;
	}
}