/* Contact info */
#contact-info {
	padding: 24px 0 66px 0;
}

#contact-info h2 {
	margin-bottom: 0;
}

#contact-info h3 {
	margin-top: 51px;
	margin-bottom: 1px;
	font-size: 1.625rem;
	font-weight: 500;
	line-height: 1.875rem;
	color: #f6ab8c;
}

#contact-info p {
	max-width: 300px;
	margin-bottom: 0;
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.5625rem;
}

#contact-info p a {
	color: #192a35;
}

#contact-info p a:hover,
#contact-info p a:focus {
	color: #192a35;
	text-decoration: none;
}

#contact-info textarea {
	height: 99px;
}

#contact-info .btn-primary {
	padding: 9px 24px 9px 24px;
}

#form-contact-info-response {
	position: absolute;
	top: 37px;
	opacity: 0;
	visibility: hidden;
}

/* Grey|white blue design */
#contact-info.grey,
#contact-info.white {
	padding: 20px 0 39px 0;
}

#contact-info.grey {
	background-color: #f4f7f9;
}

#contact-info.grey .form .form-control {
	background-color: #fff;
}

#contact-info.blue h3 {
	color: #35cbfc;
}

#contact-info.blue p a {
	color: #35cbfc;
}

#contact-info.blue p a:hover,
#contact-info.blue p a:focus {
	color: #35cbfc;
}

#contact-info.blue .btn-primary {
	background-color: #35cbfc;
}

#contact-info.blue .btn-primary:hover,
#contact-info.blue .btn-primary:focus {
	background-color: #00b3f0;
}

/* Responsive tablet */
@media (max-width: 992px) {

	/* Contact info */
	#contact-info {
		padding: 19px 0 56px 0;
	}

	#contact-info > .container-xxl > .row {
		padding: 0 116px;
	}

	#contact-info h3 {
		margin-top: 35px;
		margin-bottom: 4px;
		font-size: 1.375rem;
		line-height: 1.5625rem;
	}

	#contact-info p {
		font-size: .875rem;
		line-height: 1.375rem;
	}

	#contact-info .btn-primary {
		padding: 7px 18px 8px 18px;
		font-size: .875rem;
	}
}

/* Responsive phone */
@media (max-width: 576px) {

	/* Contact info */
	#contact-info {
		padding: 18px 0 36px 0;
	}

	#contact-info h2 {
		margin-bottom: 7px;
	}

	#contact-info > .container-xxl > .row {
		padding: 0 12px;
	}

	#contact-info h3 {
		margin-top: 24px;
	}
}