/*
1) COMMON
*/

/* 1) COMMON START */
	.contacts { padding-bottom: 35px; }

	.contacts__title {
		margin-bottom: 20px;
		color: #1c1c24;
		font: 900 30px/30px "AvenirNextCyr", Arial, sans-serif;
		text-transform: uppercase;
	}

	.contacts__adress {
		margin-bottom: 30px;
		color: #1c1c24;
		font: 400 20px/25px "AvenirNextCyr", Arial, sans-serif;
	}

	.contacts__links {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.contacts__links a {
		color: #1c1c24;
		font: 600 20px/25px "AvenirNextCyr", Arial, sans-serif;
	}

	.contacts__phone { margin-bottom: 24px; }

	.contacts__messanger { margin-bottom: 14px; }

	.contacts__messanger img { margin-right: 10px; width: 34px; }

	.contacts__map {
		position: relative;
		margin-top: 80px;
		max-width: 980px;
		height: 480px;
		border-radius: 10px;
		overflow: hidden;
	}

	.contacts__map .contacts__map-img {
		/*margin-top: -46px;*/
		min-width: 100%;
		/*height: calc(100% + 46px);*/
		object-fit: cover;
	}

	.contacts__map-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 198px;
		height: 123px;
		transform: translate(-50%, -50%);
		z-index: 1;
	}

	.contacts__accounts {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}

	.contacts__accounts-block {
		margin-right: 40px;
		width: 300px;
	}

	.contacts__accounts-block:nth-child(3n) { margin-right: 0; }

	.contacts__accounts-block .img-container { margin-bottom: 18px; height: 300px; }

	.contacts__accounts-block h2 {
		margin-bottom: 0;
		max-width: 70%;
		color: #1c1c24;
		font: 700 20px/25px "AvenirNextCyr", Arial, sans-serif;
	}

	.contacts__accounts-block p {
		margin-bottom: 35px;
		color: #1c1c24;
		font: 400 18px/25px "AvenirNextCyr", Arial, sans-serif;
	}
/* 1) COMMON END */

/* 2) INSTAGRAM START */
	.contacts__instagram .contacts__title {
		display: inline-block;
		position: relative;
		text-transform: none;
	}

	.contacts__instagram .contacts__title .ico-insta {
		content: '';
		position: absolute;
		top: 50%;
		right: -10px;
		width: 26px;
		height: 26px;
		background: url('../img/svg/ico-instagram.svg') no-repeat 50%/contain;
		transform: translate(100%, -50%);
	}

	.contacts__instagram .contacts__title .ico-insta:hover { opacity: 0.5; }

	.contacts__instagram-slider .block__insta {
		margin-right: 40px;
		width: 300px;
		height: 300px;
	}

	.contacts__instagram-slider .slick-arrow {
		position: absolute;
		top: 50%;
		padding: 0;
		width: 34px;
		height: 100%;
		color: transparent;
		font-size: 0;
		line-height: 0;
		background-color: rgba(0, 0, 0, 0.0);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 30px;
		border: 0;
		outline: 0;
		transform: translate(0, -50%);
		cursor: pointer;
		z-index: 1;
	}

	.contacts__instagram-slider .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.2); }

	.contacts__instagram-slider .slick-prev { left: 0; background-image: url('../img/svg/arrow-left-black.svg'); } 
	.contacts__instagram-slider .slick-next { right: 0; background-image: url('../img/svg/arrow-right-black.svg'); } 
/* 2) INSTAGRAM END */

/* 3) NEW START */
	.main-contacts .heavy-title { margin-bottom: 1.625rem; }

	.contacts__map {
		position: relative;
		margin: 0;
		width: 100%;
		max-width: 100%;
		height: 33.75rem;
	}

	.contacts__map-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50%;
	}

	.contacts__map-clip {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 7.5rem;
		transform: translate(-50%, -50%);
	}

	.contacts__wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		padding-top: 4.0625rem;
	}

	.contacts__info { margin-right: auto; max-width: 31.25rem; }

	.contacts__info img { margin-bottom: 2.25rem; width: 100%; }

	.contacts__info h2 {
		margin-bottom: 1.25rem;
		color: #1c1c24;
		font: 400 1.0625rem/1.4375rem "AvenirNextCyr", Arial, sans-serif;
	}

	.contacts__info h3 {
		margin-bottom: 1.25rem;
		color: #1c1c24;
		font: 400 1.5rem/2rem "AvenirNextCyr", Arial, sans-serif;
	}

	.contacts__info a {
		display: inline-block;
		margin-bottom: 1.25rem;
		color: #00b188;
		font: 500 1.1875rem/1.4375rem "AvenirNextCyr", Arial, sans-serif;
		text-decoration: underline;
	}

	.contacts__info a:hover { text-decoration: none; }

	.contacts__info h4 {
		margin-bottom: 0.625rem;
		color: #1c1c24;
		font: 600 1.875rem/2.5rem "AvenirNextCyr", Arial, sans-serif;
	}

	.contacts__info p {
		margin-bottom: 1.625rem;
		color: #1c1c24;
		font: 400 1.0625rem/1.4375rem "AvenirNextCyr", Arial, sans-serif;
	}

	.contacts .social {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.contacts .social li {
		display: block;
		margin-bottom: 0;
		margin-right: 0.625rem;
	}

	.contacts .social li .soc {
		display: block;
		margin: 0;
		padding: 0;
		width: 2.5rem;
		height: 2.5rem;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	.contacts .social li .soc-fb { background-image: url('../img/soc-fb.png'); }
	.contacts .social li .soc-tw { background-image: url('../img/soc-tw.png'); }
	.contacts .social li .soc-is { background-image: url('../img/soc-is.png'); }
	.contacts .social li .soc-wa { background-image: url('../img/soc-wa.png'); }
	.contacts .social li .soc-in { background-image: url('../img/soc-in.png'); }
	.contacts .social li .soc-yt { background-image: url('../img/soc-yt.png'); }

	.contacts__form { padding-top: 1.125rem; max-width: 38.75rem; }

	.contacts__form h3 {
		margin-bottom: 0.875rem;
		color: #1c1c24;
		font: 600 1.875rem/2.5rem "AvenirNextCyr", Arial, sans-serif;
	}

	.contacts__form p {
		margin-bottom: 1rem;
		color: #1c1c24;
		font: 400 1.0625rem/1.4375rem "AvenirNextCyr", Arial, sans-serif;
	}

	.contacts__form .form-group label {
		margin-bottom: 0.25rem;
		color: #000000;
		font: 600 1.0625rem/1.5625rem "AvenirNextCyr", Arial, sans-serif;
	}

	.contacts__form .form-control {
		padding: 0 1.25rem;
		height: 3.125rem;
		color: #000000;
		font: 400 1.0625rem/1.5625rem "AvenirNextCyr", Arial, sans-serif;
		border: 0.0625rem solid #e1e1e1;
		border-radius: 0.25rem;
	}

	.contacts__form .form-group textarea {
		padding: 0.625rem 1.25rem;
		height: 10rem;
		min-height: 10rem;
		max-height: 10rem;
	}

	.contacts__form .form-checkbox { margin-bottom: 1.5rem; }

	.contacts__form .form-group button {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 15.625rem;
		height: 3.125rem;
		color: #fff;
		font: 600 1.0625rem/1.3125rem "AvenirNextCyr", Arial, sans-serif;
		background: #00b188;
		border: 0;
		border-radius: 0.1875rem;
		cursor: pointer;
	}
/* 3) NEW END */

@media (max-width: 1024px) {
	/* 1) COMMON START */
		.contacts { padding-bottom: 0; }

		.contacts__left,
		.contacts__right {
			flex: 0	0 100%;
			width: 100%;
			max-width: 100%;
		}

		.contacts__right { order: 1; }
		.contacts__left { order: 2; }

		.contacts .heavy-title { padding-left: 5.875rem; }

		.contacts__map {
			margin-bottom: 7.5rem;
			width: 100%;
			max-width: 100%;
			height: auto;
			border-radius: 0;
			margin-top: 0px;
		}

		.contacts__map .contacts__map-img { width: 100%; }

		.contacts__map-logo { width: 39.5625rem; height: 24.5625rem; }

		.contacts__title {
			margin-bottom: 4.375rem;
			padding: 0 5.875rem;
			font-size: 6rem;
			line-height: 1;
		}

		.contacts__adress {
			margin-bottom: 7.1875rem;
			padding: 0 5.875rem;
			font-size: 4rem;
			line-height: 5rem;
		}

		.contacts__links { margin-bottom: 5.875rem; padding: 0 5.875rem; }

		.contacts__links a { font-size: 4.75rem; line-height: 5rem; }

		.contacts__phone { margin-bottom: 4.625rem; }

		.contacts__messanger { margin-bottom: 2.8125rem; }

		.contacts__messanger img { margin-right: 1.875rem; width: 7.5rem; }

		.contacts__accounts {
			flex-direction: column;
			justify-content: flex-start;
			padding: 0 5.875rem;
			width: 100%;
		}

		.contacts__accounts-block {
			margin-right: 0;
			margin-bottom: 5.875rem;
			width: 100%;
		}

		.contacts__accounts-block:last-child { margin-bottom: 0; }

		.contacts__accounts-block .img-container { margin-bottom: 3.875rem; height: 60rem; }

		.contacts__accounts-block h2 {
			margin-bottom: 0;
			max-width: 70%;
			font-size: 4rem;
			line-height: 5rem;
		}

		.contacts__accounts-block p {
			margin-bottom: 7.8125rem;
			font-size: 3.625rem;
			line-height: 5rem;
		}

		.contacts__accounts-block .contacts__links { padding-left: 0; }
	/* 1) COMMON END */

	/* 2) INSTAGRAM START */
		.contacts__instagram { order: 3; }

		.contacts__instagram .contacts__title .ico-insta {
			right: -1.25rem;
			width: 3.75rem;
			height: 3.75rem;
		}

		.contacts__instagram-slider .block__insta {
			margin-right: 0;
			width: 100vw;
			height: 100vw;
		}

		.contacts__instagram-slider .slick-arrow {
			width: 5rem;
			background-size: 3.75rem;
		}
	/* 2) INSTAGRAM END */

	/* 3) NEW START */
		.main-contacts .heavy-title { margin-bottom: 2.625rem; padding: 0 5.875rem; }

		.contacts__map { margin-bottom: 0; height: 80rem; }

		.contacts__map-clip { width: 24.0625rem; }

		.contacts__wrap { display: block; padding-top: 0; }

		.contacts__info { margin-right: 0; margin-bottom: 6.25rem; max-width: 100%; }

		.contacts__info img { margin-bottom: 3.375rem; width: 100%; }

		.contacts__info h2 {
			margin-bottom: 2.375rem;
			padding: 0 5.875rem;
			font-size: 3.1875rem;
			line-height: 4.1875rem;
		}

		.contacts__info h3 {
			margin-bottom: 2.125rem;
			padding: 0 5.875rem;
			font-size: 4.1875rem;
			line-height: 5.375rem;
		}

		.contacts__info a {
			margin-bottom: 3.75rem;
			padding: 0 5.875rem;
			font-size: 3.75rem;
			line-height: 4.625rem;
		}

		.contacts__info h4 {
			margin-bottom: 2.375rem;
			padding: 0 5.875rem;
			font-size: 6rem;
			line-height: 8rem;
		}

		.contacts__info p {
			margin-bottom: 3.125rem;
			padding: 0 5.875rem;
			font-size: 3.375rem;
			line-height: 4.625rem;
		}

		.contacts .social { padding: 0 5.875rem; }

		.contacts .social li { margin-right: 1.625rem; }

		.contacts .social li .soc { margin: 0; padding: 0; width: 6.375rem; height: 6.375rem; }

		.contacts__form { padding: 0 5.875rem; max-width: 100%; }

		.contacts__form h3 {
			margin-bottom: 2.125rem;
			font-size: 5rem;
			line-height: 8rem;
		}

		.contacts__form p {
			margin-bottom: 4.25rem;
			font-size: 3.1875rem;
			line-height: 4.1875rem;
		}

		.contacts__form .form-group { margin-bottom: 3.75rem; }

		.contacts__form .form-group label {
			margin-bottom: 1.25rem;
			font-size: 3.375rem;
			line-height: 5rem;
		}

		.contacts__form .form-control {
			padding: 0 1.875rem;
			height: 10rem;
			font-size: 3.1875rem;
			border-width: 0.1875rem;
			border-radius: 0.625rem;
		}

		.contacts__form .form-group textarea {
			padding: 1.875rem;
			height: 32.125rem;
			min-height: 32.125rem;
			max-height: 32.125rem;
			font-size: 3.1875rem;
		}

		.contacts__form .form-checkbox { align-items: flex-start; margin-bottom: 3.625rem; }

		.contacts__form .form-group button {
			width: 100%;
			height: 10rem;
			font-size: 3.375rem;
			line-height: 4.1875rem;
			border-radius: 0.75rem;
		}
	/* 3) NEW END */
}