@charset "utf-8";
/*contacts*/
.contacts{display:grid;grid-template-columns: 9fr 11fr;grid-gap:26px;}

/*contacts_image*/
.contacts_image{padding-top:25px;position:relative;}
.contacts_image img{display:block;width:318px;height:488px;margin:0 auto;}

/*contacts_details*/
.contacts_details{background-image:url(/tmp/img/contacts/details/bg_right.webp);padding:61px 25px 35px;box-shadow:0 4px 4px 0 #2A2A2A40;position:relative;}
.contacts_details > div{display:table;margin:0 auto;}

/*info*/
.contacts_details_title{color:#F56E06;font-size:22px;font-weight:600;margin:0 0 20px 82px;}
.contacts_details_item{display:flex;align-items:center;}
.contacts_details_item:not(:last-child){margin-bottom:36px;}

.contacts_details_item *{display:block;color:#323131;font-size:20px;font-weight:400;word-break: break-all;}
.contacts_details_item img{display:block;width:61px;height:61px;margin-right:31px;}

.contacts_details_item a{text-decoration:underline;}
.contacts_details_item a:hover{color:#000;text-decoration:none;}
.contacts_details_item a br{display:none;}

.contacts_details_btn{display:block;width:55px;height:55px;background:url(/tmp/img/contacts/details/phone_icon.svg) center no-repeat;position:absolute;bottom:9px;right:27px;}


@media (max-width: 900px){
	/*contacts*/
	.contacts{display:grid;grid-template-columns:1fr;}
	.contacts_image{order:2;}
	
	/*contacts_image*/
	.contacts_image img{width:180px;height:293px;}
	
	/*contacts_details*/
	.contacts_details > div{display:block;}
	.contacts_details_col{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
	
	/*info*/
	.contacts_details_title{margin:0 0 40px 0;}
	.contacts_details_item{width:calc(50% - 10px);}
	.contacts_details_item *{font-size:17px;}
	.contacts_details_item img{width:52px;height:52px;margin-right:20px;}
}

@media (max-width: 600px){
	/*info*/
	.contacts_details_item{width:100%;}
	.contacts_details_item a br{display:block;}
}
/*-*/

/*maps*/
.maps{height:456px;margin:27px auto;}

@media (max-width: 700px){
	.maps{height:400px;}
}
/*-*/

/*contacts_form_col*/
.contacts_form_col{display:grid;grid-template-columns: 12fr 13fr;height:507px;}

/*contacts_form*/
.contacts_form{display:flex;align-items:center;justify-content:center;background-image:url(/tmp/img/contacts/form/left_wide.webp);background-position:center;background-size:cover;}
.contacts_form_title{color:#F56E06;font-size:24px;font-weight:600;text-transform:uppercase;text-align:center;}

.contacts_form_message{font-size:16px;text-align:center;padding:12px 16px;margin:15px;}
.contacts_form_message.success{color:#2E7D32;background-color:#E8F5E9;border:1px solid #C8E6C9;}
.contacts_form_message.error{color:#C62828;background-color:#FFEBEE;border:1px solid #FFCDD2;}

.contacts_form form{width:290px;margin:0 auto 15px;}
.contacts_form input[type=text], .contacts_form textarea{width:100%;color:#9A9B99;font-size:22px;font-family:inherit;font-weight:500;text-align:center;background-color:#fff;margin:18px 0 31px;}
.contacts_form input[type=text]{height:45px;padding:0 15px;}
.contacts_form textarea{min-height:45px;max-height:105px;resize:vertical;padding:7px 15px;box-sizing: border-box;}
.contacts_form input[type=text]::placeholder, .contacts_form textarea::placeholder{color:#9A9B99;font-size:22px;font-weight:500;text-align:center;opacity:1;}
.contacts_form input[type=text]:focus, .contacts_form textarea:focus{box-shadow:0 0 0 6px rgba(126, 142, 255, 28%);}
.contacts_form input[type=text]:focus::placeholder, .contacts_form textarea:focus::placeholder{opacity:0;}
.contacts_form input[type=text].error, .contacts_form textarea.error{color:#e61e1e;background-color:#f5ecec;border-color:#aaa7b7;box-shadow:0 0 0 7px rgb(255 107 107 / 29%);}

.contacts_form input[type=button]{width:100%;height:45px;color:#fff;font-size:22px;font-weight:500;text-transform:uppercase;text-align:center;background-color:#F56E06;outline:2px solid transparent;outline-offset:4px;margin-top:18px;transition:.2s;}
.contacts_form input[type=button]:hover{color:#F56E06;background-color:#fff;outline-color:#F56E06;cursor:pointer;}

/*right div*/
.contacts_img{background-image:url(/tmp/img/contacts/form/right_wide.webp);background-size:cover;}

@media (max-width: 1500px){
	/*right div*/
	.contacts_img{background-image:url(/tmp/img/contacts/form/right_big.webp);}
	
	/*contacts_form*/
	.contacts_form{background-image:url(/tmp/img/contacts/form/left_big.webp);}
}

@media (max-width: 1140px){
	/*contacts_form_col*/
	.contacts_form_col{height:450px;}
	
	/*contacts_form*/
	.contacts_form{background-image:url(/tmp/img/contacts/form/left_medium.webp);}
	.contacts_form input[type=text], .contacts_form textarea{margin:12px 0 22px;}
	
	/*right div*/
	.contacts_img{background-image:url(/tmp/img/contacts/form/right_medium.webp);}
}

@media (max-width: 900px){
	/*contacts_form_col*/
	.contacts_form_col{display:block;height:auto;}
	
	/*contacts_form*/
	.contacts_form{background-image:url(/tmp/img/contacts/form/left_large.webp);padding:35px 0;}
	.contacts_form_title{margin-bottom:25px;}
	.contacts_form form{max-width:330px;width:100%;}
	
	.contacts_form input[type=text]::placeholder, .contacts_form textarea::placeholder{font-size:19px;}
	.contacts_form input[type=text], .contacts_form textarea{font-size:19px;}
	
	/*right div*/
	.contacts_img{background-image:unset;}
}

@media (max-width: 650px){
	/*contacts_form_col*/
	.contacts_form_col{display:block;height:auto;}
	
	/*contacts_form*/
	.contacts_form{background-image:url(/tmp/img/contacts/form/left_small.webp);padding:35px 0;}
	.contacts_form_title{margin-bottom:25px;}
	.contacts_form form{max-width:330px;width:100%;}
	
	/*right div*/
	.contacts_img{background-image:unset;}
}

/*761 X 507 |||| 1475*/

/*
>>> Размеры:

tiny — маленький, крохотный
small — небольшой
medium — средний
big, large — большой
huge — огромный
narrow — узкий
wide — широкий
*/

/*-*/