#wpadminbar { opacity: 0; }
    #wpadminbar:hover { opacity: 1; }
    html.webkit { margin-top: 0!important; }
    ::-webkit-scrollbar { width: 0; }

.ip-banner canvas {
	aspect-ratio: 1600 / 562;
}

#inner-page-wrapper > .container {
    width: 100%;
    /* padding: 0 90px; */
	padding: 0 5.625vw;
}

#content .section-title {
	position: relative;
	line-height: 1;
	margin: 0;
}

#content-full {
	margin-top: 0;
}
#inner-page-wrapper {
	/* padding-top: 87px;
	padding-bottom: 86px; */
	padding-top: 5.4375vw;
	padding-bottom: 5.375vw;
    position: relative;
    margin-bottom: 0;
}
.ip-contact-wrap {
	
}
	.ip-contact-img {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		/* width: 883px; */
		width: 55.1875vw;
	}
		.ip-contact-img img {
			display: block;
			width: 100%;
			height: 100%!important;
			object-fit: cover;
			background-color: #000;
			max-width: 100%!important;
		}

.ip-contact-form {
	/* width: 728px; */
	width: 51.268%;
	background: #000;
	padding: 71px 92px 74px;
    position: relative;
    z-index: 2;
	position: relative;
}
	.ip-contact-bg {
		position: absolute;
		left: 0;
		top: 100%;
		background-position: center;
		background-size: cover;
		/* width: 627px; */
		width: 86.127%;
		/* height: 86px; */
		height: 5.375vw;
	}
	#content .ip-contact-form .section-title {
		text-align: center;
		margin-bottom: 22px;
	}
		#content .ip-contact-form .section-title strong {
			font-weight: 500;
			font-size: 60px;
			margin-top: 14px;
		}
			#content .ip-contact-form .section-title strong:before {
				width: 195px;
				margin-left: 38px;
			}

	.form-fields {
		display: flex;
		flex-flow: row wrap;
		margin: 0 -14px;
	}
	.ip-contact-form .text-field {
		padding: 0 14px;
		margin-bottom: 20px;
	}
		.ip-contact-form .text-field input, 
		.ip-contact-form .text-field textarea {
			width: 100%;
			height: 51px;
			font-size: 14px;
			line-height: 1.786;
			color: #9a9a9a;
			border: none;
			border-bottom: 1px solid #fff;
			outline: none;
			background: transparent;
			display: block;
			padding: 0;
		}
		.ip-contact-form .text-field textarea {
			padding-top: 12px;
			height: 80px;
			resize: none;
		}
	.ip-contact-form .text-field.col-12 {
		width: 100%;
	}
	.ip-contact-form .text-field.col-6 {
		width: 50%;
	}
	.ip-contact-form .select-field {
		width: 202px;
		padding: 0 14px;
		margin: 0 auto;
	}
		.ip-contact-form .select-field select {
			display: block;
			font-size: 14px;
			font-weight: 300;
			line-height: 1;
			color: #9a9a9a;
			width: 100%;
			margin: 0 auto;
			background: transparent;
			border: none;
			background: url(../../images/contact/icon-select.png) no-repeat;
			background-position: 100% 50%;
			appearance: none;
			padding: 9px 0;
		}
	
	.ip-contact-form .form-btn {
		width: 100%;
		text-align: center;
		position: relative;
		margin: 42px 0 0;
	}
		.ip-contact-form .form-btn input {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			width: 220px;
			max-width: 100%;
			background: transparent;
			border: 2px solid var(--primary);
			font-size: 15px;
			letter-spacing: 0.075em;
			line-height: 1;
			text-align: center;
			transition: all .3s ease;
			padding: 15px 15px 16px;
			color: #fff;
		}
		.ip-contact-form .form-btn input:hover {
			background: #fff;
			border-color: #fff;
			color: #000;
		}
		.ip-contact-form .form-btn .wpcf7-spinner {
			position: absolute;
			bottom: -30px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}

	.ip-contact-form form {
		position: relative;
		margin: 0!important;
	}
		.ip-contact-form .wpcf7 form .wpcf7-response-output {
			position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			text-align: center;
			margin: 10px 14px auto;
			font-size: 12px;
		}


@media only screen and (max-width: 1440px) {
	
}


@media only screen and (max-width: 1280px) {
	.ip-contact-form {
		padding: 50px 5%;
	}
}

@media only screen and (max-width: 1199px) {
	#content .ip-contact-form .section-title strong {
		font-size: 50px;
	}
}

@media only screen and (max-width: 991px) {
	#inner-page-wrapper {
		padding: 50px 0;
	}
	.ip-contact-wrap {
		max-width: 750px;
		margin: 0 auto;
	}

	.ip-contact-form {
		width: 100%;
		padding: 0 0 50px;
	}

	.ip-contact-img {
		position: relative;
		width: 100%;
	}

	#inner-page-wrapper > .container {
		padding: 0 15px;
	}
}

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 480px) {
	#content .ip-contact-form .section-title strong {
        font-size: 35px;
    }
	.ip-contact-form .text-field.col-6 {
		width: 100%;
	}
}