/*------------------------------------*\
    Landing Page Specific Styles
\*------------------------------------*/
/*-- header--*/
header .phone-number{
	font-family: var(--font-primary);
	font-size: 1.6rem;
	color: var(--white);
	margin-right: 20px;
}

.crosshatch{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 45px;
	background: url(../img/crosshatch-bottom.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.crosshatch.top{
	position: absolute;
	bottom: auto;
	top: -2px;
	left: 0;
	width: 100%;
	height: 45px;
	background: url(../img/crosshatch-top.png);
	background-size: cover;
	background-repeat: no-repeat;
}

/*--global--*/
.section-padding{
	padding: 80px 0px;
}

.section-content{
	padding: 80px 0px 0px 0px;
}

span.text-gradient{
	background: -webkit-linear-gradient(0deg, #e41cdb, #921ce4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/*--Hero --*/
#section-hero{
	padding: 180px 0px 100px 0px;
	background: var(--black);
}

#section-hero .hero-content-wrapper{
	position: relative;
	background: rgba(255,255,255,0.1);
	padding: 80px 0px;
}

#section-hero .hero-content-right{
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: 100%;
}

#section-hero .hero-content-right .hero-image{
	overflow: hidden;	
}

#section-hero .hero-content-right .image-inner{
	width: 100%;
	height: 535px;
	margin: 0 0 0 80px;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	background: transparent;
	overflow: hidden;
	position: relative;
}

#section-hero .hero-content-right .image-inner .image{
	position: absolute;
	top: 0px;
	left: -70px;
	right: 0px;
	bottom: -30px;
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-o-transform: skew(15deg);
}

#section-hero .hero-content-right .image-inner .image img{
	height: 535px;
}

#section-hero .hero-content-right .list-items{
	position: absolute;
	top: 50%;
	left: -50px;
	z-index: 4;
	padding: 0px;
	margin: 0px;
	margin-top: -145px;
}

#section-hero .hero-content-right .list-items li{
	background: var(--white);
	border-radius: 50px;
	text-align: center;
	list-style: none;
	padding: 8px 30px;
	position: relative;
	font-family: var(--font-primary);
	margin: 20px 0px;
	font-size: 1.3rem;
	position: relative;
}

#section-hero .hero-content-right .list-items li:nth-of-type(1){
	left: 80px;
}

#section-hero .hero-content-right .list-items li:nth-of-type(2){
	left: 68px;
}

#section-hero .hero-content-right .list-items li:nth-of-type(3){
	left: 56px;
}

#section-hero .hero-content-right .list-items li:nth-of-type(4){
	left: 44px;
}

#section-hero .hero-content-right .list-items li:nth-of-type(5){
	left: 32px;
}

#section-hero .hero-content-right .list-items li .icon{
	position: absolute;
	left: 10px;
	color: #e41cdb;
}

#section-hero .hero-logos{
	margin-top: 80px;
}

#section-hero .hero-logos h4{
	color: var(--white);
	font-family: var(--font-primary);
	text-align: left;
}

#section-hero .hero-logos div{
	text-align: center;
}

#section-hero .hero-logos div img{
	max-width: 100%;
}

/*--content image--*/
.image-wrapper{
	overflow: hidden;	
}

.image-wrapper .image-inner{
	width: 100%;
	height: 450px;
	margin: 0 0 0 60px;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	background: red;
	overflow: hidden;
	position: relative;
}

.image-wrapper .image-inner .image{
	position: absolute;
	top: -15px;
	left: -60px;
	right: 0px;
	bottom: -30px;
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-o-transform: skew(15deg);
}

.section-content-image .number{
	font-family: var(--font-primary);
	font-size: 3rem;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: var(--black);
	color: var(--white) ;
	text-align: center;
	position: absolute;
	left: -80px;
	top: 0;
	line-height: 55px;
}

.section-content-image .number em{
	color: var(--white);
	margin-left: -7px;
}

.section-content-image .number.right{
	right: -120px;
	left: auto;
}

.section-content-image .number.center{
	left: 50%;
	margin-left: -30px;
}

/* -- Lines -- */

.section-content-image .number:after{
	content: "";
	height: 380px;
	width: 4px;
	background: var(--black);
	position: absolute;
	top: 60px;
	left:50%;
	margin-left: -2px;
}

.section-content-image .number:before{
	content: "";
	height: 174px;
	width: 4px;
	background: var(--black);
	position: absolute;
	top: -174px;
	left: 50%;
	margin-left: -2px;
}

.section-content-image .number.one:before{
	display: none;
}

.section-content-image .number.three:before{
	height: 119px;
	top: -119px;
}

.section-content-image .number.three:after{
	height: 433px;
}

.section-content-image .number.four:after{
	height: 368px;
}

.section-content-image .number.four:before{
	height: 185px;
	top: -185px;
}

.section-content-image .number.five{
	top: -106px;
}

.section-content-image .number.five:after{
	display: none;
}

.section-content-image .number.five:before{
	top: -34px;
	height: 34px;
}

.section-line{
	position: relative;
}

.section-line:after{
	content: "";
	position: absolute;
	bottom: -54px;
	left: 93px;
	width: 97%;
	height: 4px;
	background: var(--black);
}

.section-line.section-four-container:after{
	left: auto;
	right: -51px;
    width: 53.4%;
}

.section-content-image .testimonial{
	position: absolute;
	max-width: 350px;
	padding: 30px;
	top: 50%;
	transform: translate(0%, -50%);
	right: 0px;
	text-align: center;
	background: var(--white);
	border-radius: 10px;
	border: 3px solid var(--black);
}

.section-content-image .testimonial h5{
	font-family: var(--font-primary);
	font-size: 1.6rem;
	margin-bottom: 0px;
}

.section-content-image .testimonial p{
	margin-top: 10px;
	line-height: 18px;
}

/*-right shear-*/
.image-wrapper.right-shear .image-inner{
	width: 100%;
	height: 450px;
	margin: 0 0 0 -60px;
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-o-transform: skew(15deg);
	background: red;
	overflow: hidden;
	position: relative;
}

.image-wrapper.right-shear .image-inner .image{
	position: absolute;
	top: -15px;
	left: 0px;
	right: -60px;
	bottom: -30px;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-o-transform: skew(-15deg);
}

/*-- AfterParty --*/
.section-afterparty{
	margin-top: 30px;
	padding-bottom: 400px;
	background-image: url(../img/afterparty.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.section-afterparty:before{
	content: "";
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5732886904761905) 100%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.section-afterparty h2{
	margin-top: 0px;
}

.section-afterparty h4{
	font-family: var(--font-primary);
	font-size: 3rem;
	margin-bottom: 0px;
}

.section-afterparty ul{
	margin: 0px;
	padding: 0px;
}

.section-afterparty ul li{
	background: var(--white);
	list-style: none;
	display: inline-block;
	color: var(--black);
	font-family: var(--font-primary);
	font-size: 1.4rem;
	border-radius: 50px;
	padding: 10px 20px;
	margin: 20px 5px;
	border: 3px solid #e41cdb;
}

/*-- enquire -*/

.section-enquire{
	padding-top: 180px;
}

.page-template-template-landing-page-form header .header-logo path, .page-template-template-landing-page-thankyou header .header-logo path{
	fill: var(--black) !important;
}

.page-template-template-landing-page-form header .button{
	display: none;
}

.page-template-template-landing-page-form header .phone-number, .page-template-template-landing-page-thankyou header .phone-number{
	color: var(--black);
	margin: 0px !important;
}

/*--form--*/
#form-wrapper{
	background: var(--black);
	padding: 40px;
	overflow: visible;
}

#form-wrapper h3{
	text-align: center;
}

#form-wrapper h3 em{
	color: var(--white) !important;
}

#form-wrapper label{
	display: none !important;
}

#form-wrapper input{
	background: var(--white) !important;
	border-radius: 0px !important;
	border: none !important;
	padding: 15px !important;
	font-family: var(--font-base) !important;
}

#form-wrapper .forminator-button-submit{
	position: absolute;
	font-family: var(--font-primary) !important;
	text-transform: uppercase !important;
	font-size: 2.8rem !important;
	border-radius: 50px !important;
	padding: 20px 50px !important;
	left: 50%;
	transform: translate(-50%, 0%);
	bottom: -50px;
	z-index: 2;
	width: auto !important;
	background: -webkit-linear-gradient(0deg, #e41cdb, #921ce4) !important;
}

/*-- footer -*/

#footer{
	padding: 80px 0px; 
}

footer .footer-logo path{
	fill: var(--black) !important;
}

#footer .footer-links li{
	margin: 10px 10px;
}

.form-arrow{
	position: absolute;
	right: 0;
	top: 330px;
}

.list-items.thanks{
	margin: 0px;
	padding: 0px;
}

.list-items.thanks li{
	list-style: none;
	font-family: var(--font-primary);
	margin: 10px 0px;
	font-size: 1.6rem;
}

.list-items.thanks li .icon{
	color: #e41cdb;
	margin-right: 10px;
}

/* - Global handheld Devices (Portrait) -*/
@media only screen and (max-width:480px) {
	
	
	#section-hero{
		padding-top: 140px;
		position: relative;
	}
	
	#section-hero .hero-content{
		margin-bottom: 40px;
	}
	
	#section-hero .hero-content-right{
		width: 100%;
		position: relative;
	}
	
	#section-hero .hero-content-right .image-inner, #section-hero .hero-content-right .image-inner .image img{
		height: 385px;
	}
	
	#section-hero .hero-content-wrapper{
		padding-bottom: 0px;
		padding-top: 40px;
	}
	
	#section-hero .hero-content-right .list-items{
		left: -10px;
	}
	
	.image-wrapper .image-inner, .image-wrapper.right-shear .image-inner{
		height: 270px;
	}
	
	.section-content-image .testimonial{
		top: 80%;
		padding: 15px;
	}
	
	.section-content-image .uk-text-right{
		text-align: left !important;
	}
	
	.section-content{
		padding: 40px 0px;
	}
	
	.section-padding{
		padding: 40px 0px;
	}
	
	.section-content-image .number{
		position: static !important;
		left: auto !important;
		right: auto !important;
		margin-right: 10px;
	}
	
	.section-content-image .number:after, .section-content-image .number:before{
		display: none;
	}
	
	.section-line:after{
		display: none;
	}
	
	.section-afterparty{
		padding-bottom: 160px;
		background-position: center center;
	}
	
	.section-afterparty ul li{
		margin: 5px 5px;
	}
	
	.form-arrow{
		display: none;
	}
	
	.section-enquire{
		padding-top: 120px;
	}
	
	#form-wrapper{
		padding: 20px;
	}
	
	#form-wrapper .forminator-button-submit{
		font-size: 2rem !important;
		width: 80% !important;
	}
	
}