// Intro Section
// ----------------
.intro--seciton {
	overflow: hidden;
	font-size: 0;

		h1,
		h4 {
			font-style: italic;
			.text-uppercase;
		}

		.col {
			float: left;
		}

		figure,
		.content {
			display: inline-block;
			vertical-align: middle;
		}

		figure {
			width: 27.272%;
			.text-center;

				img {
					max-width: 120%;
					margin-left: -10%;
				}
		}

		.content {
			width: 72.728%;
			font-weight: 300;

				p + p {
					margin-top: 5px;
				}
		}
}

.download-form {
	color: #fff;
	background-color: @blue-color;
}

.elq-form {

		div {
			margin-bottom: 7px;
		}

		label {
			display: block;
			color: #fff;
			font-size: 13px;
			margin-bottom: 5px;
		}

		input,
		select {
			display: block;
			width: 100%;
			height: 30px;
			padding: 0 10px;
			color: #000;
			font-size: 13px;
			border: 1px solid #a7a7a7;
		}


		.LV_invalid_field {
			border-color: #c00;
		}


		.LV_valid_field {
			border-color: #0c0;
		}


		.LV_validation_message {
			display: none;
			font-size: 13px;
		 	line-height: 20px;
		 	padding: 0 10px;
		}

		.LV_invalid {
		 	color: #c00;
		}


		.go-send {
			display: inline-block;
			width: 174px;
			height: 40px;
			margin-top: 20px;
			color: #fff;
			font-size: 18px;
			font-weight: 900;
			font-style: italic;
			border-color: #000;
			.text-uppercase;
			background-color: #000;

				&:hover {
					color: #000;
					background-color: transparent;
				}
		}


		.valid-field {

				input,
				select {
					border-color: #0c0;
				}
		}


		.no-valid-field {

				.LV_validation_message {
					display: block;
				}

				input,
				select {
					border-color: #c00;
				}
		}
}


@media screen and (min-width: @screen-md-min) {

		.intro--seciton {
			padding: 20px 0 50px;

				h1 {
					line-height: 48 / 55;
					margin-bottom: 50px;
				}

				h4 {
					margin-bottom: 20px;
				}

				.col-left {
					width: 67.625%;
					padding-left: @grid-gutter-width / 2;
				}

				.col-right {
					width: 32.375%;
					padding-right: @grid-gutter-width / 2;
				}

				.content {
					padding-right: 12%;
					font-size: @font-size-large;
				}
		}

		.download-form {
			padding: 20px;
		}
}


@media screen and (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {

		.intro--seciton {
			padding: 20px 0 50px;

				h1 {
					line-height: 48 / 55;
					margin-bottom: 50px;
				}

				h4 {
					margin-bottom: 20px;
				}

				.col-left {
					width: 64.625%;
					padding-right: 10px;
					padding-left: @grid-gutter-width / 2;
				}

				.col-right {
					width: 35.375%;
					padding-right: @grid-gutter-width / 2;
				}

				.content {
					padding: 0 10px;
					font-size: 20px;
				}
		}

		.download-form {
			padding: 15px;
		}
}


@media screen and (max-width: @screen-xs-max) {

		.intro--seciton {
			padding: 20px 0;
			.text-center;

				h1,
				h4 {
					margin-bottom: 15px;
				}

				.col {
					float: none;
					padding: 0 @grid-gutter-width / 2;
				}

				figure,
				.content {
					display: block;
					width: 100%;
					padding: 10px 0;
				}

				.content {
					.text-left;
					font-size: 18px;
				}

				.col-right {
					padding-top: 20px;
				}
		}

		.download-form {
			padding: 15px;
			.text-left;
		}
}