*::selection {
  background: #1FC4B0;
  color: #191919; }


/* contacts-header  */

.contacts-header{
	border-bottom: 1px solid #F2F2F2;
	padding-bottom: 60px;
	align-items: flex-end;
}

.contacts-header__desc{
	margin-bottom: 60px;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	color: #858585;
}

.contacts-header__tel{
	font-style: normal;
	font-weight: bold;
	font-size: 27px;
	line-height: 55px;
	color: #191919;
	transition: color .3s ease;
}
.contacts-header__tel:focus,
.contacts-header__tel:hover{
	color: #1FC3B0;
	text-decoration: none;
}

.contacs-header__rasp{
	margin-bottom: 30px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	color: #858585;
}

.contacs-header__tg{
	color: #191919;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	min-height: 20px;
	display: inline-flex;
	align-items: center;
	transition: color .3s ease;
	margin-right: 30px;
}
.contacs-header__tg svg{
	margin-right: 10px;
}
.contacs-header__tg svg path{
	transition: fill .3s ease;
}
.contacs-header__tg:focus,
.contacs-header__tg:hover{
	color: #1FC3B0;
	text-decoration: none;
}
.contacs-header__tg:focus svg path,
.contacs-header__tg:hover svg path{
	fill: #1FC3B0;;
}

.contacs-header__wa{
	color: #191919;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	min-height: 20px;
	display: inline-flex;
	align-items: center;
	transition: color .3s ease;
}
.contacs-header__wa svg{
	margin-right: 10px;
}
.contacs-header__wa svg path{
	transition: fill .3s ease;
}
.contacs-header__wa:focus,
.contacs-header__wa:hover{
	color: #1FC3B0;
	text-decoration: none;
}
.contacs-header__wa:focus svg path,
.contacs-header__wa:hover svg path{
	fill: #1FC3B0;
}

.contacs-header__email{
	margin-bottom: 30px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;color: #191919;
	transition: color .3s ease;
	display: inline-block;
}

.contacs-header__email:hover{
	color: #1FC3B0;
	text-decoration: none;
}

/* end contacts-header */

/* contacts-form */

.user-name{
	grid-area: user-name;
}
.user-email{
	grid-area: user-email;
}
.user-tel{
	grid-area: user-tel;
}
.user-message{
	grid-area: user-message;
}
.wpcf7-submit{
	grid-area: wpcf7-submit;
}
.contacts-form{
	max-width: 630px;
	grid-gap: 50px 20px;
	grid-auto-columns: 1fr 1fr 1fr;
	display: grid;
	grid-template-areas: 
		'user-name user-email user-tel'
		'user-message user-message user-message'
		'wpcf7-submit . .'
	;
	display: flex;
	flex-direction: column;
}

.contacts-form input:not([type=submnit]),
.contacts-form textarea{
	border: none;
	transition: border .3s ease;
	border-bottom: 1px solid #8c8c8c;
	border-radius: 0;
	padding: 20px 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #191919;
	width: 100%;
}

.contacts-form textarea{
	padding: 0 0 10px;
}

.contacts-form input:not([type=submnit]):placeholder,
.contacts-form textarea:placeholder{
	color: #8c8c8c;
}

.contacts-form input:not([type=submnit]):focus,
.contacts-form textarea:focus{
	border-bottom-color: #1FC3B0;
}

.contacts-form input.wpcf7-submit{
	border: 1px solid #5C5C5C;
	padding: 0;
	height: 50px;
	border-radius: 50px;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #191919;
}

.contacts-form input.wpcf7-submit:hover,
.contacts-form input.wpcf7-submit:focus{
	background: #1FC3B0;
	border-color: #1FC3B0;
}
.contacts-form{
	margin-bottom: 23px;
}
.contacts-header .wpcf7-response-output{
	margin-bottom: 23px!important;
}
.contacts-form .wpcf7-not-valid-tip{
	margin-top: 5px;
}

.contacts-header .check-proccesing{
	color: #353535;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	max-width: 630px;
}
.contacts-header .check-proccesing a{
	font-weight: 500;
	color: #353535;
}

.contacts-header .check-proccesing a:focus,
.contacts-header .check-proccesing a:hover{
	color: #1FC3B0;
	text-decoration: underline;
}

@media (max-width: 1000px){
	.contacts-form{
		margin-top: 50px;
	}
}

@media (max-width: 550px){
	.contacts-form{
		grid-template-areas: 
			'user-name' 
			'user-email' 
			'user-tel'
			'user-message'
			'wpcf7-submit'
		;
		grid-row-gap: 20px;
	}
	.contacts-form input.wpcf7-submit{
		max-width: 360px;
	}
}
/* end contacts-form  */

/* contacts-block */

.contacts-block{
	padding: 50px 0;
	border-bottom: 1px solid #F2F2F2;
}
.contacts-office__title{
	font-style: normal;
	font-weight: bold;
	font-size: 27px;
	line-height: 55px;
	color: #191919;
	margin: 0 0 15px;
}
.contacts-office__phone{
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 24px;
	line-height: 27px;
	color: #191919;
	transition: color .3s ease;
}
.contacts-office__phone:focus,
.contacts-office__phone:hover{
	color: #1FC3B0;
	text-decoration: none;
}
.contacts-office__grafik{
	margin-bottom: 30px;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	color: #858585;
}
.contacts-office__adress{
	background-image: url(../../images/contacts-marker.svg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 30px;
	min-height: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	color: #191919;
	margin-bottom: 30px;
	max-width: 395px;
}
.contacts-office__desc{
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	color: #858585;
	margin-bottom: 30px;
}
.contacts-block-map__frame{
	height: 100%;
	min-height: 330px;
}

/* end contacts-block */
/* contacts-requisites */
.contacts-requisites{
	margin-top: 60px;
	margin-bottom: 80px;
}
.contacts-requisites__title{
	margin: 0 0 15px;
	font-style: normal;
	font-weight: bold;
	font-size: 27px;
	line-height: 55px;
	color: #191919;
}
.contacts-requisites__item{
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	color: #191919;
}
.contacts-requisites__item strong{
	color: #191919;
}

.contacts-requisites-container{
	display: flex;
}

.contacts-requisites__contacts{
	max-width: 336px;
	margin-right: 110px;
}
.contacts-requisites__bank{
	max-width: 468px;
}

@media (max-width:  1000px){
	.contacts-requisites-container{
		display: block;
	}
	.contacts-requisites__contacts{
		max-width: 100%;
		margin-bottom: 30px;
	}
	.contacts-requisites__bank{
		max-width: 100%;
	}
}
/* end contacts-requisites */

.contacts__form .wpcf7 form.sent .wpcf7-response-output{
	display: none;
}

.contacts-header__top{
	margin: 0 0 auto;
}