.client_form .f-main 
.f-text, .f-textarea, .f-radio, .f-select, .f-checkbox, .f-html-editor, 
.f-content, .f-required-wrap, .f-ajax-upload, .f-ajaxmultiselect, 
.f-checkbox-tree, .f-grid-cont{
	padding: 10px;
}

.BORDER_RADIUS, input[type=text], input[type=password], textarea, select, .F_BUTTON_TAB,
 input[type=button]{
	width: 500px;
	padding: 4px 12px;
	font-size: 14px;
}

input[type=submit]{
	padding: 10px 30px;
}

#formfile{
	background-color: transparent;
}

.strong-lett .ccc-read-more .hide-position{
	width: 100%;
}

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

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

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

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

	padding: 0px 0;
	border: 0px;
}
.d-none{
	display: none !important;
}
.Contact-section .text-center *{
	text-align: center !important;
}
.flex-container-rec {
    padding-top: 25px;
  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.flex-item-rec {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.recapt-position-width{
width: calc(100% - 186px);
padding: 0;
}
.sub-position-width{
width: calc(100% - 150px);
padding: 0;
margin: 0;

}
.flex-item-rec .btn-edit-pos{
top:-35px;
}
.Contact-section .no-border > h1{
	font-size: 20px;
	font-weight: 700;
	color: #000;
	padding-bottom: 0px;
	
}
.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 ul.formated{
	padding: 0;
}

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

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

/* .Contact-section section, section.Contact, .ccf-map{
	border: 1px solid #d1d1d1;
} */

.Contact-section section{ 
	padding: 35px 40px;
	/* color: #fff; */
	background-color: #f8f8f8;
}

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

.Contact-wrapper__section .i-s-wrapper
{
	min-width: 100%;
	max-width: 100%;
}

.Contact-wrapper__section section.bg-green h1{
	font-size: 26px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	font-family: Roboto;
	line-height: 32px;
	text-transform: none;
}

.Contact-wrapper__section section h2{
	padding-bottom: 20px;
	font-size: 16px;
	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 {
	font-size: 22px;
	color: #fff;
}
.Contact-wrapper__section section.bg-green a {
	font-size: 22px;
	color: #fff;
}

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

.Contact-wrapper__section section p, .Contact ul.formated li{
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}
 
.Contact ul.formated li{
	list-style: none;
	position: relative;
	padding-left: 25px;
}

.Contact ul.formated li:before{
	content: "• ";
	font-size: 38px;
	color: #82b437;
	position: absolute;
	left: 0;
}

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

.Contact-wrapper__section{

	margin-bottom: 20px;
}
.span-inln{
	display: inline-block;
}
.strong-lett{
    display: block;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	line-height: normal;
}

.ccc-content > ol
{
   margin-bottom: -10px;
}

.grid-disp-form{
	display: inline-grid;
}
.config-forms{
    margin-top: -10px;
	display: inline-block;
	vertical-align: top;
}
.input-full-width{
	width: 100%;
	padding-top: 0px;
}
.form-padding{
	padding: 0px;
}
.pad-top{
	padding-top: 0px;
}
.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;
}

.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
}


.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;
}

#text
{
    display: unset;
}

#c-contact-text
{
    text-align: justify;
    font-size: 17px;
    padding-bottom: 4%;
}

#c-contact-text p
{
    margin-bottom: 3%;
}

.client_form .i-s-holder
{
	height: 30px;
}
.client_form .i-s-holder > a 
{
	font-size: 14px;
	margin-top: -26px;
}
.client_form .i-s-button
{
	height: 28px;
	margin-top: -29px;
}
.client_form .i-s-button::after
{
	top:4px;
}
.client_form div.i-s-wrapper .i-s-default p.content
{
	padding: 0;
}

/* 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}
} 

.sf-file-upload .button {
	padding-left: 0;
}

.client_form .add-file-wrap{
	padding: 5px 26px 5px 0;
}

.client_form .add-file-wrap i{
	padding: 5px 50px 5px 10px;
}

.client_form .f-label
{
	padding-bottom: 0;
}
.client_form .f-el
{
	padding-top: 2px;
}
.client_form  .col-table-store_autocomplete .f-label
{
	padding-top: 0px;
}
.client_form  .col-table-store_autocomplete .f-el 
{
	margin-top: 6px;
}

.sf-file-upload .sf-file-uploader-input {
	width: 326px;
}

.client_form .f-checkbox .f-label
{
	padding-top: 0;
	margin-top: -8px;
} 
#formhp
{
	display: none;
}

@media screen and (max-width: 979px){
	div section.Contact{
		display: block;
	}
	.client_form{
		width: 500px;
	}

	#form{
		display: flex;
		justify-content: center;
	}
	
	.Contact .table-row{
		float: right;
	}
}

@media screen and (max-width: 768px){
	.Contact-wrapper__section section p, .Contact ul.formated li
	{
		font-size: 15px;
	}
	
	.Contact-wrapper__section
	{
		margin-top: 0;
	}
}


@media screen and (max-width: 510px) {

	.BORDER_RADIUS, input[type=text], input[type=password],
	 textarea, select, .F_BUTTON_TAB, input[type=button]{
	   width: 300px;
   }

   .add-file-wrap{
	width:310px;
   }

   input[type=file]{
		width: 200px;
   }


	.ccf-form-row, .ccf-form-row-full{
		margin:0 0 20px;
		clear: both;
	}
	
	.flex-container-rec {
		padding-top: 20px;
		flex-direction: column;
	}
	
	.recapt-position-width{
		width: calc(100% - 40px);
		padding: 0;
	}
	
	.flex-item-rec .btn-edit-pos{
		top: -19px;
		left: -62px;
	}
}