.contact-info-section {

	.container {
		display: flex;
		flex: 1;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}//.container

	.section-block {
		width: 31.33%;
		margin-right: 3%;

		&:nth-child(3n) {
			margin-right: 0;

			.section-block-text {

				p {
					margin-top: 0;
					margin-bottom: 5px;
				}
			}//.section-block-text
		}

		svg {
			font-size: 2em;
			color: #000;
		}

		.title {
			margin-top: 40px;
			margin-bottom: 20px;
			font-size: 1.125em;
			font-weight: 600;
		}//.title

		.section-block-text {

			p {
				margin-top: 0;
				margin-bottom: 20px;
			}

			a {
				margin-top: 20px;
				display: table;
				margin-left: auto;
				margin-right: auto;
				clear: both;
			}
		}//.section-block-text
	}//.section-block
}//.contact-info-section

section.contact-form-section {
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	background: #f3f3f3;
	padding-top: 100px;
	padding-bottom: 100px;

	.container {
		max-width: 768px;
	}

	h3 {
		font-size: 2.25em;
		margin-top: 0;
		margin-bottom: 20px;
		line-height: 1.5em;
		font-weight: 500;
		text-transform: uppercase;
	}//h3

	p {
		margin-top: 0;
		margin-bottom: 20px;

		&:nth-last-of-type(1) {
			margin-bottom: 0;
			position: relative;
		}
	}//p

	div.wpcf7 {
		margin-top: 40px;

		.ajax-loader {
			position: absolute;
			bottom: 0;
			top: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-size: 20px;
			background-color: rgba(255,255,255,0.5);
			background-position: center;
		}
	}

	input[type="text"], 
	input[type="email"], 
	input[type="url"], 
	input[type="password"], 
	input[type="search"], 
	input[type="number"], 
	input[type="tel"], 
	input[type="range"], 
	input[type="date"], 
	input[type="month"], 
	input[type="week"], 
	input[type="time"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="color"], 
	textarea {
		border: none;
	}

	input[type="submit"] {
		width: 100%;
	}
}//section.contact-form-section

section.contact-map-section {
	margin-top: 0;
	margin-bottom: 0;
	height: 600px;

	iframe {
		width: 100%;
		height: 100%;
		border: none;
	}
}//section.contact-map-section

.contact-social-section {

	.social-list {
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: center;
		display: flex;
		flex: 1;
		flex-wrap: wrap;
		justify-content: center;

		li {
			font-size: 1.75em;
			margin: 0 40px;

			a {
				color: #000;
				padding: 5px;
				display: inline-block;

				&:hover {
					color: $primary_color;
				}
			}//a
		}//li
	}//.social-list
}//.contact-social-section

.page-template-contact {
	&.lay-two {
		#primary {
			margin-top: 0;
		}

		section.contact-info-section {
			margin-top: 0;
			margin-bottom: 0;

			.contact-info-outer {
				display: flex;
				flex: 1;
				flex-wrap: wrap;
				min-height: 550px;

				&:nth-child(2n) {
					flex-direction: row-reverse;
				}
		    }//.contact-info-outer

		    .contact-info-wrap {
		    	width: 50%;
		    	background-size: cover;
		    	background-repeat: no-repeat;
		    	padding: 100px;
		    	color: #fff;
		    	position: relative;
		    	display: flex;
		    	flex: 1;
		    	flex-direction: column;
		    	justify-content: center;
		    	z-index: 1;

		    	&:before {
		    		content: "";
		    		background: rgba(0,0,0,0.6);
		    		position: absolute;
		    		top: 0;
		    		left: 0;
		    		width: 100%;
		    		height: 100%;
		    		z-index: -1;
		    	}
			}//.contact-info-wrap

			.section-title {
				font-size: 1.75em;
				font-weight: 600;
				color: #fff;
				text-align: left;
				display: table;
				border-bottom: 4px solid #fff;
				margin-bottom: 60px;
			}//.section-title

			.contact-info-list {
				margin: 0;
				padding: 0;
				list-style: none;
				font-size: 1.125em;

				li {
					display: block;
					margin-bottom: 30px;
					position: relative;
					padding-left: 45px;

					&:last-child {
						margin-bottom: 0;
					}

					svg {
						position: absolute;
						top: 7px;
						left: 0;
					}
				}
			}//.contact-info-list

			.contact-map-section {
				width: 50%;

				iframe {
					width: 100%;
					height: 100%;
					border: none;
				}
			}//.contact-map-section
		}//section.contact-info-section
	}

	&.lay-three {

		#primary {
			margin-bottom: 0;
		}//#primary

		section.contact-info-section {
			margin-bottom: 70px;
		}//section.contact-info-section

		.contact-form-section {
			width: calc(100% - 350px);
			padding-right: 130px;
			text-align: left;

			h3 {
				font-size: 2.25em;
				margin-top: 0;
				margin-bottom: 20px;
				line-height: 1.5em;
				font-weight: 500;
				text-transform: uppercase;
			}//h3

			p {
				margin-top: 0;
				margin-bottom: 20px;

				&:nth-last-of-type(1) {
					margin-bottom: 0;
					position: relative;
				}
			}//p

			div.wpcf7 {
				margin-top: 40px;

				.ajax-loader {
					position: absolute;
					bottom: 0;
					top: 0;
					left: 0;
					right: 0;
					margin: auto;
					width: 100%;
					height: 100%;
					background-repeat: no-repeat;
					background-size: 20px;
					background-color: rgba(255,255,255,0.5);
					background-position: center;
				}
			}

			input[type="submit"] {
				width: 100%;
			}
		}//.contact-form-section

		.contact-info-wrap {
			width: 350px;
			text-align: left;

			.section-title {
				font-size: 1.875em;
				text-align: left;
			}//.section-title

			ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}

			.contact-info-list {

				li {
					display: block;
					margin-bottom: 30px;
					position: relative;
					padding-left: 40px;

					svg {
						position: absolute;
						top: 7px;
						left: 0;
					}
				}//li
			}//.contact-info-list

			.social-list {
				display: flex;
				flex: 1;
				flex-wrap: wrap;

				li {
					margin: 0 30px 30px 0;
					font-size: 1.25em;

					a {
						display: inline-block;
						color: #000;

						&:hover {
							color: $primary_color;
						}
				    }//a
				}//li
			}//.social-list

			.contact-info-list + .social-list {
				border-top: 1px solid rgba(0,0,0,0.25);
				padding-top: 30px;
				margin-top: 60px;
			}
		}//.contact-info-wrap
	}//.lay-three

	.site-main {

		.wpcf7-form {
			display: flex;
			flex: 1;
			flex-wrap: wrap;
			margin-left: -1.5%;
			margin-right: -1.5%;

			p {
				width: 47%;
				margin-left: 1.5%;
				margin-right: 1.5%;

				&:nth-last-of-type(1), 
				&:nth-last-of-type(2), 
				&:nth-last-of-type(3) {
					width: 100%;
				}
			}//p
		}//.wpcf7-form
	}//.site-main
}//.page-template-contact

@media screen and (max-width: 1024px) {
	.page-template-contact{

		&.lay-two {

			section.contact-info-section {

				.contact-info-wrap {
					width: 100%;
					padding: 60px 15px !important;
				}

				.contact-map-section {
					width: 100%;
					min-height: 450px;
				}

				.section-title, 
				.contact-info-list {
					max-width: 768px;
					margin-left: auto;
					margin-right: auto;
					display: block;
				}
			}//section.contact-info-section
		}

		&.lay-three {

			.contact-form-section {
				width: 100%;
				padding-right: 0;
			}//.contact-form-section

			.contact-info-wrap {
				width: 100%;
				margin-top: 60px;
			}//.contact-info-wrap
		}//.lay-three
	}//.page-template-contact
}//max-width: 1024px

@media screen and (max-width: 767px) {
	.contact-info-section {

		.container {
			flex-direction: column;
		}//.container

		.section-block {
			width: 100%;
			margin-right: 0;
			margin-bottom: 60px;

			&:nth-child(3n) {
				margin-bottom: 0;
			}
		}//.section-block
	}//.contact-info-section

	section.contact-form-section {
		padding-top: 60px;
		padding-bottom: 60px;

		.container {
			max-width: 420px;
		}
	}//section.contact-form-section

	section.contact-map-section {
		height: 450px;
	}//section.contact-map-section

	.contact-social-section {

		.social-list {

			li {
				margin-left: 15px;
				margin-right: 15px;
			}
		}//.social-list
	}//.contact-social-section

	.page-template-contact{

		&.lay-two {

			section.contact-info-section {

				.section-title, 
				.contact-info-list {
					max-width: 420px;
				}
			}//section.contact-info-section
		}

		section.contact-info-section {
			margin-bottom: 30px;
		}//section.contact-info-section

		.site-main {

			.wpcf7-form {
				flex-direction: column;
				margin-left: 0;
				margin-right: 0;

				p {
					width: 100%;
					margin-left: 0;
					margin-right: 0;
				}//p
			}//.wpcf7-form
		}//.site-main
	}//.page-template-contact
}//max-width: 767px