body{
}

.content{
	
}

.container{
	z-index: 1000;
	padding: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;	
	width:100%;
	overflow: hidden;
}

.pattern-side-bg {
	background: url("../img/pattern.png");
	z-index: -200;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.right-side-bg{
	width: 50%;
	background-color: rgba(0,0,0,0.8);
	height: 100%;
	position: fixed;
	right: 0px;
	z-index: -100;
}

.left-side-bg{
	width: 50%;
	background-color: rgba(0,174,239,0.8);
	height: 100%;
	position: fixed;
	left: 0px;
	z-index: -100;
}


.left-side{
	height: 100%;
	width:50%;
	display: table-cell;
	_position: fixed;
	float: left;

}


.right-side{
	height: 100%;
	width: 50%;
	display: table-cell;
	float: left;
	z-index: 10;
	left:50%;
	overflow: hidden;
}


.left-side .block-fill{
	float: right;
	margin-right: 140px;
	margin-top: 50px;
	width:450px;
	margin-bottom: 20px;
}

.right-side .block-fill{
	float: left;
	margin-left: 140px;
	margin-top: 180px;
	width:450px;
}

.left-side .block-fill h1, .right-side .block-fill h1{
	font-size: 48px;
	color: #ffffff;
	font-family: "Quicksand";

	padding-top: 36px;
	
	padding-bottom: 36px;

	border:1px solid #ffffff;

	font-weight: 300;

	text-align: center;
	 -webkit-text-stroke: 0.6px;

}

.left-side .block-fill p span,
.left-side .block-fill p{
	font-size: 16px;
	color: #ffffff;
	font-family: "Quicksand";

	line-height: 24px;
	padding-top: 36px;
	text-align: justify;
}

.left-side .block-fill p span.center{
	text-align: center;
	display:block;
}


.left-side .block-fill .simple-line{
	display: block;
	height: 1px;
	background-color: #ffffff;
	width: 50%;
	margin-left: 25%;

	margin-bottom: 36px;
	margin-top: 40px;
}


.left-side .block-fill ul{
	position: relative;
}


.left-side .block-fill ul li{
	float: left;
	position: relative;
	width: 25%;

}


.left-side .block-fill ul li span{
	width: 100%;
	text-align: center;
	display: block;
	margin-right: 40px;
}

.left-side .block-fill ul li span:first-child{
	font-family: "Source Sans Pro";
	font-weight: 700;
	font-size: 60px;
	color: #ffffff;
	
}

.left-side .block-fill ul li span:last-child{
	
	font-family: "Quicksand";
	font-weight: 300;
	font-size: 18px;
	color: #ffffff;

	margin-right: 0px;
}


.left-side .block-fill ul li span:first-child:after{
	content: "";
	height: 40px;
	margin-left:40px;
	border-left: 1px solid rgba(255,255,255,0.5);
	position: absolute;
	top: 12px;
	margin-left: 15px;
	right: 0px;
}

.left-side .block-fill ul li:last-child span:first-child:after{
	content:none;
}


.left-side .block-fill .subscribe-newsletter{
	display: block;
	margin-top: 40px;
	position: relative;
}


.left-side .block-fill .subscribe-newsletter input[type="text"]{
	display: block;
	width: 100%;
	border:1px solid #ffffff;
	padding-left: 28px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 50px;
	background: transparent;

	transition: all 0.5s ease-in 0s;
	font-family: "Quicksand";
	font-size: 24px;
	color: #ffffff;
}

.left-side .block-fill .subscribe-newsletter input:hover{
	border:1px solid #ffffff;	
	background-color: rgba(255,255,255,0.2);
}

.left-side .block-fill .subscribe-newsletter input:focus{
	background-color: rgba(255,255,255,0.2);
	border:1px solid #ffffff;	
}


.left-side .block-fill .subscribe-newsletter button {
	content: "\e90f";
	font-family: "Icomoon";
	position: absolute;
	top: 0px;
	right: 0px;
	background: transparent;

	height: 100%;
	width: 40px;
	border: 0px;

}

.left-side .block-fill .subscribe-newsletter button span{
	color: #fff;
}


/*
.left-side .block-fill .subscribe-newsletter input:after{
	font-family: "Icomoon";
	content: "\e90f";

	float: right;
	margin-right: 10px;
	line-height: 24px;
	font-size: 15px;
}
*/

.right-side .block-fill h1{
	margin-bottom: 42px;
}



.right-side .block-fill .input-holder{
	margin-bottom: 27px;

}


.right-side .block-fill .input-holder input{
	height: 56px;
}

.right-side .block-fill .input-holder input, .right-side .block-fill .input-holder textarea{
	width: 100%;

	background-color:rgba(0,174,239,0.5);
	border:none;
	padding-left: 27px;
	padding-top: 16px;
	padding-bottom: 16px;

	font-family: "Quicksand";
	font-size: 24px;
	color: #ffffff;
		transition: all 0.5s ease-in;
}

.right-side .block-fill .input-holder input:focus{
	background-color:rgba(0,174,239,0.5);
	transition: all 0.5s ease-in;
}
.right-side .block-fill .input-holder textarea:focus{
	background-color:rgba(0,174,239,0.5);
	transition: all 0.5s ease-in;
}

.right-side .block-fill .input-holder textarea{
	min-height: 140px;
	margin-bottom: 0px;
	resize:none;
	
}

.right-side .block-fill .submit-button{
	font-family: "Quicksand";
	font-size: 24px;
	color: #ffffff;
	padding: 1px 27px;
	border:1px solid #ffffff;
	background-color: transparent;
	transition: all 0.5s linear;
	text-decoration: none;
	height: 56px;
	float: right;
}

.right-side .block-fill .submit-button:hover{
	border-color: transparent;
	background-color: #ffffff;
	color: #00aeef;
	text-decoration: none;

	transition: all 0.5s linear;
}


.right-side .block-fill .capcha-holder{
	width: 280px;
	float: left;
}


















.lang{
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -50px;
}

.lang ul{
	position: absolute;

}

.lang a.dropdown-toggle{
	width: 100px;
	height: 56px;
	line-height: 56px;
	border: 1px solid rgba(255,255,255,1);
	text-align: center;
	display: block;

	border-radius: 0px;
	background-color: rgba(255,255,255,0.8);

}

.lang a:hover{
	background-color: rgba(255,255,255,1);
}

.lang .dropdown-menu li{
	width: 98px!important;
	height: 44px;
}


.lang .dropdown-menu{
	min-width: 100px;
	width:100px;
	border: 1px solid rgba(255,255,255,1);
	background-color: rgba(255,255,255,0.8);
	border-radius: 0px;
	box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
	padding: 0px;
}

.lang .dropdown-menu a{
	display: block;
	float: none;
	width:100%;
	text-align: center;
	line-height: 44px;
	height: 44px;
	padding: 0px;
}


.lang .dropdown-menu a:hover{
	background-color: rgba(255,255,255,1);
}








.capcha-holder{
	position: relative;
}

.capcha-holder input {
	padding-right: 90px;
}

.capcha-holder a{
	position: absolute;
	top: 1px;
	right: 1px;
	height: 55px;
	overflow: hidden;
}

.capcha-holder a span{
	display: block;
	width: 100%;
	height: 55px;
	background: rgba(255,255,255,0.8);
	text-align: center;
	line-height: 55px;
	position: absolute;
	left: 0px;
	top: 58px!important;
	transition: all 0.2s ease-in;

	_color: rgba(0, 174, 239, 0.7);
}

.capcha-holder a:hover span{
	top: 0px!important;
	transition: all 0.2s ease-in;
}

.capcha-holder a img{
	height: 54px;
}



div{
	_transition: all 0.5s ease-out;
}


#slides {
    left: 0;
    position: fixed !important;
    top: 0;
    z-index: -300;
    overflow:hidden;    
}

@media (max-width : 1450px) {
	.left-side .block-fill{
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-top: 70px;
		width:450px;
	}

	.right-side .block-fill{
		float: none;
		margin-right: auto;
		margin-left: auto;

		margin-top: 200px;
		width:450px;
	}

}

@media (max-width : 1170px) {



	
	.left-side .block-fill h1, .right-side .block-fill h1{
		
		padding-top: 10px;
		
		padding-bottom: 10px;

		
	}

	

}

body.nolang .lang{
	display: none;	
}

.left-side .block-fill,
.right-side .block-fill {
	margin-top: 70px;
}

@media (max-width : 980px) {

	.left-side .block-fill .lang{
		margin-bottom: 14px;

	}

	.left-side .block-fill{
		margin-right: 0px;
		padding-right: 30px;
		padding-left: 30px;
		margin-top: 10px;
		width:100%;

	}
	
	.left-side .block-fill h1, .right-side .block-fill h1{	
		padding-top: 10px;		
		padding-bottom: 10px;
		font-size: 30px;
		
	}




	.right-side .block-fill{
		float: left;
		margin-left: 00px;
		padding-right: 30px;
		padding-left: 30px;
		margin-top:80px;
		width:100%;
	}
}


@media (max-width : 950px)  {
		.right-side .block-fill .capcha-holder {
			floaT: none;
			width: 100%;
		}

		.right-side .block-fill .submit-button {
			floaT: none;
			width: 100%;
			margin-bottom: 30px;
		}
}


@media (max-width : 700px) {


		.right-side-bg,
		.left-side-bg{
			display: none;
		}

		.left-side{
			background-color: rgba(0,174,239,0.8);
			height: auto;
			width:100%;
			display: block;
			position: relative;


		}


		.right-side{
			background-color: rgba(0,0,0,0.8);
			height: auto;
			width: 100%;
			display: block;
			position: relative;
			left:0%;
		}



		.left-side .block-fill ul {
		   
		}			

}


@media (max-width : 450px) {
	.left-side .block-fill ul li{
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}

	.left-side .block-fill ul {
	}

	.left-side .block-fill ul li span:first-child:after{
		height: 1px;
		width: 30%;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		position: absolute;
		top: auto;
		bottom: -20px;
		right: 50%;
		margin-right: -15%;

	}
}

