/*
 * Template Name: Community Contact
 */

div.offcanvas-menu,
#floating-smis,
footer.footer,
header.header{
	display: none !important;
}

#inner-page-wrapper{
	margin-bottom: 0;
}

#inner-page-wrapper > .container{
	width: 100%;
	padding: 0 0;
}

#commcntct-wrap{
	position: relative;
	padding: 15px;
}
.commcntct-bg{
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	bottom: 0;
	top: 50px;
	clip-path: inset(0 0 0 0);
    -moz-clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    overflow: hidden;
    pointer-events: none;
}
.commcntct-bg .commcntct-bg_img{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-size: cover;
	background-position: center center;
}
.commcntct-container{
	position: relative;
	z-index: 1;
	background: #000;
}
.commcntct-bg.for_inner{
	top: 0;
	opacity: 0.20;
}
.commcntct-inner{
	padding: min(10vw,67px) 0 0 0;
	position: relative;
    z-index: 1;
}
.commcntct-logo{
	width: 277px;
	max-width: 100%;
	margin: 0 auto 56px;
}
.commcntct-content{
	text-align: center;
	color: #fff;
	font-size: min(4.5vw,20px);
	line-height: 1.6;
	letter-spacing: 0.050em;
	margin: 0 auto;
    max-width: 1260px;
    padding: 0 15px;
}
.commcntct-content h2{
	color: var(--primary);
	line-height: 1.061;
	font-size: 3.3em;
	font-family: var(--font-family-title);
}
.commcntct-content p{
	margin: 1.7em 0 0;
}

.commcntct-bottom{
	margin: min(10vw,67px) auto 0;
    padding: 0 15px min(14vw,90px);
    position: relative;
}
.commcntct-fields{
	max-width: 550px;
	margin: 0 auto;
}
.commcntct-fields .wpcf7 form .wpcf7-response-output{
	text-align: center;
	color: #fff;
	margin: 10px 0 0;
	font-size: 14px;
}
.commcntct-form{}

.commcntct-form ::-webkit-input-placeholder {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.100em;
}
.commcntct-form ::-moz-placeholder {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.100em;
}
.commcntct-form :-ms-input-placeholder {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.100em;
}
.commcntct-form :-moz-placeholder {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.100em;
}
.commcntct-form .wpcf7-form-control-wrap{
	display: block;
}
.commcntct-form .commcntct-row{
	position: relative;
}
.commcntct-form .commcntct-row.commname-link{
	display: none;
}
.commcntct-form .commcntct-row:first-child{
	margin: 0 0 0;
}
.commcntct-form .commcntct-row.quad{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}
.commcntct-form .commcntct-row.quad .commcntct-col{}
.commcntct-form .commcntct-row.quad .commcntct-col input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	background: none;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.050em;
	border: 0;
	border-bottom: 1px solid #bcb9b8;
	outline: 0;
	padding: 0 0;
	height: 67px;
}
.commcntct-form .commcntct-row.bttn{
	display: flex;
	flex-flow: column-reverse wrap;
	align-items: center;
	justify-content: center;
	margin: 58px 0 0;
}
.commcntct-form .commcntct-row.bttn span.wpcf7-spinner{
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.commcntct-form .commcntct-row.bttn input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 0;
	display: block;
	background: var(--tertiary);
	border: 2px solid var(--tertiary);
	color: #fff;
	width: min(71vw,360px);
	height: min(13vw,60px);
	padding: 0 0;
	font-size: min(3.4vw,18px);
	font-weight: 700;
	letter-spacing: 0.200em;
	text-transform: uppercase;
	border-radius: 50em;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.commcntct-form .commcntct-row.bttn input:hover{
	background: #fff;
	color: var(--tertiary);
}

.commcntct-back{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin: 40px 0 0;
}
.commcntct-back a{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.commcntct-back a .commcntct-back_icon{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	width: min(15.667vw,94px);
	height: min(15.667vw,94px);
	border: min(0.333vw,2px) solid #fff;
	border-radius: 50em;
	color: #e7d3cb;
	font-size: min(3vw,18px);
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.commcntct-back a .commcntct-back_text{
	font-size: min(3vw,18px);
	font-weight: 700;
	letter-spacing: 0.200em;
	text-transform: uppercase;
	margin: 0 0 0 min(3.333vw,20px);
}
.commcntct-back a:hover{
	color: var(--primary);
}
.commcntct-back a:hover .commcntct-back_icon{
	border: min(0.333vw,2px) solid var(--primary);
	color: var(--primary);
}
@media only screen and (min-width: 992px) {
	#commcntct-wrap{
		padding: 0 0 4.375vw 4.375vw;
	}
	.commcntct-bg{
		top: min(4.375vw,70px);
	}
	.commcntct-inner{
		padding: 67px 70px 0 0;
		min-height: calc(100vh - 70px);
	}
	.commcntct-logo{
		width: 17.313vw;
		max-width: 476px;
		margin: 0 auto max(3.5vw,56px);
	}
	.commcntct-content{
	    max-width: max(78.75vw,1260px);
	    font-size: max(1.25vw,13px);
	    padding: 0 20px;
	}
	.commcntct-bottom{
	    margin: max(4.188vw,40px) auto 0;
	    padding: 0 20px 5.625vw;
	}
	.commcntct-fields{
		max-width: max(71.5vw,750px);
	}
	.commcntct-form .commcntct-row.quad .commcntct-col{
		max-width: max(16.875vw,270px);
		width: calc(25% - max(0.625vw,10px));
	}
	.commcntct-form .commcntct-row.quad .commcntct-col input{
		font-size: max(0.813vw, 11px);
		height: 4.188vw;
	}
	.commcntct-form .commcntct-row.bttn{
		margin: max(3.625vw,58px) 0 0;
	}
	.commcntct-form .commcntct-row.bttn input{
		width: max(22.5vw, 265px);
        height: max(3.75vw, 50px);
        font-size: max(1.125vw, 14px);
        letter-spacing: min(0.15vw, 0.200em);
	}
	.commcntct-form .commcntct-row.bttn{
		margin: min(3.625vw,58px) 0 0;
	}
	.commcntct-back{
		position: absolute;
        bottom: 4.625vw;
        left: -3vw;
        margin: 0 0;
	}
	.commcntct-back a .commcntct-back_icon{
		width: 5.875vw;
		height: 5.875vw;
		border: 0.125vw solid #fff;
		font-size: 1.125vw;
	}
	.commcntct-back a .commcntct-back_text{
		font-size: 1.125vw;
		margin: 0 0 0 1.25vw;
	}
}
@media only screen and (min-width: 1200px) {}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 991px) {
	.commcntct-content{
		font-size: min(4.5vw, 15px);
	}
	.commcntct-content h2 {
	    font-size: min(8vw,2.3em);
	}
	.commcntct-form .commcntct-row.quad .commcntct-col{
		width: calc(50% - 10px);
	}
	.commcntct-form .commcntct-row.quad .commcntct-col:nth-child(n + 3){
		margin-top: 15px;
	}
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 567px) {}
@media only screen and (max-width: 480px) {
	.commcntct-form .commcntct-row.quad .commcntct-col{
		width: 100%;
	}
	.commcntct-form .commcntct-row.quad .commcntct-col:nth-child(n + 2){
		margin-top: 15px;
	}
}