.ccf-form-row, .ccf-form-row-full{
	margin:0 0 10px;
	clear: both;
	padding-right: 0;
	padding-left: 0;
}

.Properties-wrapper .i-s-wrapper{
	width: 100% !important;
}

.ccf-form .input-wrapper input, .ccf-form .input-wrapper textarea{
	width: 100%;
}

.ccf-form-row .g-recaptcha{
	float: right;
	position: relative;
}

.block-grid.container-special-submit{
	max-width: 1125px;
	width: 90%;
	margin: 0 auto;
}

div .Properties-form--title .block-grid{
	padding-bottom: 4em;
}

div .Properties-form--title .block-grid:last-child{
	padding-bottom: 0;
}

div.Properties-form--title{
  padding-left: 0;
  padding-right: 0;
}

#neighborhood_description{
	resize: vertical;
}

div .Properties-form--title h2{
	padding-bottom: 0;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
}

.Closest-point{
	border: 1px solid #82b437;
	background-color: #f9f9f9;
	margin-left: 1rem;
	margin-right: 1rem;
	padding: 18px 38px;
	font-family: Hind;
}

.Closest-point h2{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 0;
}

.Closest-point .wcl-cp-address{
	font-family: Roboto;
	font-size: 18px;
	line-height: 24px;
	margin-top: -5px;
	padding-right: 0;
}

#contact-change-location{
	padding: 15px 30px;
	font-size: 15px;
	font-weight: 500;
	font-family: Roboto;
}

.Closest-point .wcl-cp-address h3{
	font-size: 18px;
	font-weight: bold;
}

.Contact{
	padding: 35px 40px;
	background-color: #f9f9f9;
}

section.Contact{
	display: table;
	width: 100%;
}

.Contact-section section{ 
	padding: 35px 40px;
	color: #fff;
}

.Contact-wrapper__section section h1{
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #82b437;
}

.Contact-wrapper__section section.bg-green h1{
	font-size: 26px;
	color: #fff;
}

.Contact-wrapper__section section h2{
	padding-bottom: 20px;
	font-size: 22px;
	word-wrap: break-word;
	font-weight: bold;
}

.Contact-wrapper__section section h3, .Contact-wrapper__section li strong{
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 0;
}

.Contact-wrapper__section section.bg-green  h2{
	font-size: 22px;
	color: #fff;
}

.Contact-wrapper__section section.bg-green  p{
	font-size: 20px;
}

.Contact-wrapper__section section p{
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
}

.Contact-section section a{
	color: #fff;
}

.Contact-wrapper__section{
	margin-top: 20px;
	margin-bottom: 20px;
}


.Contact-wrapper__title{
	position: relative;
	font-size: 35px;
	font-family: Hind;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -15px;
}

.Contact-wrapper_dot{
	line-height: 0;
	font-size: 40px;
	color: #82b437;
}

.Contact-wrapper .Properties-form--title .block-grid{
	overflow: visible;
}

.section-divider.Contact__divider{
	margin-top: 0;
}

.section-divider.Contact__divider:after, .section-divider.Contact__divider:before{
	bottom: 18px;
}

.display-none{
	display: none;
}

.chose-object{
	position: absolute;
    left: 100%;
    width: 100%;
    z-index: 1;
    bottom: 0;
    background-color: #f9f9f9;
    border: 1px solid #82b437;
    padding: 10px;
}

.section-divider.Contact__divider:after{
	left: 110px;
}

.section-divider.Contact__divider:before{
	right: 110px;
}

.ccf-form-row input{
	display: block;
}

#map-canvas{
	width:100%;
	height:400px;
}

.map_info{
	padding:10px;
}

.contact-nav{
	position: fixed;
	right: 0;
	z-index: 5;	
	top: 50%;
	transform: translate(0%, -50%);
}

.contact-nav a{
	display: block;
	position: relative;
	border: 3px solid #82b437;
	border-radius: 50px;
	width: 38px;
	height: 38px;
	line-height: 30px;
	text-align: center;
	margin: 2px 10px;
	z-index: 2;
	background-color: white;
}

.contact-nav a[title]:after{
	opacity: 0;
	display: none;
	content: attr(title);
	position: absolute;
	left: -170px;
	top: -5px;
	border: 1px solid #d1d1d1;
	background-color: transparent;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
	padding: 3px 10px;
	width: 150px;
	white-space: nowrap;
	color: #2b2b2b;
	 -webkit-animation-name: animateIn;
    -webkit-animation-duration: 1s;
    animation-name: animateIn;
    animation-duration:1s
}

.contact-nav a[title]:hover:after {
	opacity: 1;
	display: initial;
	content: attr(title);
	position: absolute;
	left: -170px;
	top: -5px;
	border: 1px solid #d1d1d1;
	background-color: #f9f9f9;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
	padding: 3px 10px;
	white-space: normal;
	width: 150px;
	color: #2b2b2b;
}

.contact-nav a[title]:hover:after:first-letter {
	text-transform: uppercase;
}

.contact-nav a .arrow{
	border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #f9f9f9;
	left: -21px;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	z-index: 1;
	-webkit-animation-name: animateIn;
    -webkit-animation-duration: 1s;
    animation-name: animateIn;
    animation-duration:1s
}

.contact-nav a .arrow-border{
	border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #d1d1d1;
	left: -22px;
			 -webkit-animation-name: animateIn;
    -webkit-animation-duration: 1s;
    animation-name: animateIn;
    animation-duration:1s;
}

.contact-nav a .arrow, .contact-nav a .arrow-border{
	position: absolute;
	width: 0;
    height: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: none;

}

.contact-nav a:hover .arrow, .contact-nav a:hover .arrow-border{
	display: initial;
	opacity: 1;
	-webkit-animation-name: animateOut;
    -webkit-animation-duration: 1s;
    animation-name: animateOut;
    animation-duration:1s
}

.block-grid img{
	max-width: 100%;
	height: auto;
}

.contact-nav__vertical-divider{
	color: #d1d1d1;
	font-size: 12px;
	height: 8px;
	width: 1px;
	background: #d6d9db;
	margin: 3px auto;
}

.contact-nav .contact-nav__vertical-divider:last-child, .contact-nav .contact-nav__vertical-divider:nth-last-child(2){
	display: none;
}

.contact-nav a:hover{
	text-decoration: none;
}

.contact-nav a.active{
	background-color: #82b437;
	color: #fff;
}

.Properties-wrapper .container
{
	position: relative;
}

.properties-back
{
	position: absolute;
	display: block;
	top: 0;
	bottom: -200px;
	width: 120px;
	background-size: contain;
}

.properties-back-left
{
	left: -120px;
}

.properties-back-right
{
	right: -120px;
}

/* Add Animation */
@-webkit-keyframes animateIn {
    from {opacity: 0}
    to {opacity: 1}
}

@keyframes animateleIn {
    from {opacity: 0}
    to {opacity: 1}
} 

/* Add Animation */
@-webkit-keyframes animateleOut{
    from {opacity: 1}
    to {opacity: 0}
}

@keyframes animateleOut{
    from {opacity: 1}
    to {opacity: 0}
} 

.ccf-form.properties.block-grid{
	margin: auto;
}

.ccf-form .ccc-description
{
	padding-left: 0;
	padding-right: 0;
}

.ccf-form .container-special-submit
{
	overflow: initial;
}

.ccf-form .double-btn
{
	top: 0;
}

/* .ccf-form .block-grid, .ccf-form
{
	overflow: initial !important;
} */

@media screen and (max-width: 1480px){
	.properties .with-background .container,.block-grid.container-special-submit{
		max-width: 1240px;
		width: 80%;
	}
}

@media screen and (max-width: 1248px){
	.properties .with-background{
		
	}
}


@media screen and (max-width: 980px){
	.properties .with-background .container, .block-grid.container-special-submit{
		width: 70%;
	}
}
@media screen and (min-width: 770px){
	.Properties-wrapper .container
	{
		top: -15px;
	}
}

@media screen and (max-width: 768px){
	.properties .with-background .container, .block-grid.container-special-submit{
		width: 65%;
	}
}


@media screen and (max-width: 480px){
	.properties .with-background .container, .block-grid.container-special-submit{
		width: 90%;
	}
	
	.properties .with-background{
		background: none !important;
	}
}

@media screen and (max-width: 360px){
  div.ccf-form-row .g-recaptcha{
    margin-right: -5%;
  }
}