@import "../shared/elements.less";
@import "../shared/variables.less";

#landing-page {
	font-weight: 300;
	header {
		color: #fff;
		a {
			color: #fff;
		}
		.header-info {
			margin-top: 28px;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 1.1em;
		}
	}
	#top-header {
		background: url('../../img/landing-page/header.png') no-repeat center center transparent;
		min-height: 682px;
		padding-top: 120px;
		position: relative;
		z-index: 9;
		h1 {
			color: #fff;
			font-size: 4.5em;
			margin-bottom: 40px;
			line-height: 1.2em;
		}
		h2 {
			color: #fff;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 1.8em;
		}
	}
	.btn {
		padding: 9px 50px;
		margin-top: 30px;
		border-radius: 5px;
	}

	.container {
		width: 1400px;
		max-width: 100%;
	}
	
	#second-block,
	#third-block,
	#forth-block {
		padding: 250px 0;
		position: relative;
		color: #969696;
		h3 {
			color: #000;
			font-weight: 300;
			font-size: 2.5em;
		}
		p {
			line-height: 2.5em;
			font-size: 1.1em;
		}
		.scroll-to-learn-more {
			color: #969696;
		}
	}
	.scroll-to-learn-more {
		text-align: center;
		color: #fff;
		font-size: 1em;
		position: absolute;
		bottom: 15px;
		width: 100%;
	}

	#second-block {
		width: 100%;
		overflow-x: hidden;
		background: #fff;
		margin-top: -11px;
		h3 {
			margin-top: 60px;
		}
		img {
			/*position: relative;
			top: 60px;*/
			position: absolute;
			top: -67px;
			right: -110px;
		}
	}

	#third-block {
		h3 {
			margin-top: 70px;
		}
	}

	#forth-block {
		background: #fff;
		h3 {
			margin-top: 70px;
		}
	}
	footer {
		background: @orange;
		height: auto;
		color: #fff;
		margin-top: 0;
		padding: 70px 0;
		.container {
			width: 1000px;
		}
		a {
			color: #fff;
		}
		p {
			line-height: 2em;
		}
		h3 {
			font-weight: 300;
			margin-bottom: 20px;
			font-size: 2em;
			margin-top: 0;
		}
		input[type="text"],
		input[type="email"],
		textarea {
			border: 0;
			box-shadow: none;
			border-radius: 5px;
			resize: none;
			width: 100%;
			background: @darkorange;
			color: #fff;
		}
		input[type="submit"] {
			border: 3px solid #fff;
			color: #fff;
			background: transparent;
		}
		textarea {
			padding: 10px;
		}
		label {
			display: block;
			font-size: 0.9em;
			text-transform: uppercase;
		}
		::-webkit-input-placeholder {
		   color: #e19782;
		   opacity: 1;
		}

		:-moz-placeholder { /* Firefox 18- */
		   color: #e19782;
		   opacity: 1;  
		}

		::-moz-placeholder {  /* Firefox 19+ */
		   color: #e19782;
		   opacity: 1;  
		}

		:-ms-input-placeholder {  
		   color: #e19782;
		   opacity: 1;  
		}
	}
}

@media (max-width: 991px) { 
	#landing-page {
		#second-block, 
		#third-block, 
		#forth-block {
			padding: 75px 0;
		}
		#second-block img,
		#third-block img,
		#forth-block img {
			position: relative;
			left: 0;
			top: 0;
			margin: 40px 0;
			max-width: 85%;
		}
	}
}

@media (max-width: 480px) {
	#landing-page {
		#landing-form {
			margin-bottom: 40px;
		}
		#second-block, 
		#third-block, 
		#forth-block {
			padding: 50px 0;
		}
		#top-header {
			h1 {
				font-size: 3em;
			}
			h2 {
				font-size: 1.3em;
			}
		}
	}
}