:root {
	--white: #fff;
	--black: #272727;

	--black: #122861;
	--black: #231F20;
	--black: #333;

	--red: #EF2B3E;
	--red: #27306D;

	--red: #49aaea;
	--red: #3C7BE0; /*Этот */

	--red: #01b4cd;

	--grey: #EEEEEE;
	--grey: #F1F3F8;
	--grey1: #565656;
	--grey2: #F4F4F4;
	--grey3: #8E8E8F;
}
.red {
	color: var(--red);
}
::selection {
	background: var(--red);
}
::-moz-selection {
	background: var(--red);
}

@-webkit-keyframes main-bg-anim {
	0% {
		transform: scale(1)
	}

	60% {
		transform: scale(1.3)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes main-bg-anim {
	0% {
		transform: scale(1)
	}

	60% {
		transform: scale(1.3)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes jump {
	0% {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	25% {
		-webkit-transform: translate(-50%, -25%);
		transform: translate(-50%, -25%);
	}

	50% {
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}

	75% {
		-webkit-transform: translate(-50%, -25%);
		transform: translate(-50%, -25%);
	}

	100% {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@keyframes jump {
	0% {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	25% {
		-webkit-transform: translate(-50%, -25%);
		transform: translate(-50%, -25%);
	}
	50% {
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}
	75% {
		-webkit-transform: translate(-50%, -25%);
		transform: translate(-50%, -25%);
	}
	100% {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}
@keyframes right_move {
	0% {
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}
	50% {
		-webkit-transform: translate(25%, 0%);
		transform: translate(25%, 0%);
	}
	100% {
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}
}
@keyframes left_move {
	0% {
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}
	50% {
		-webkit-transform: translate(-25%, 0%);
		transform: translate(-25%, 0%);
	}
	100% {
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}
}
@-moz-keyframes cycle {
	35% {transform: rotate(0) translate(0, 0);}
	40% {transform: rotate(5deg) translate(0, -2px);}
	45% {transform: rotate(-3deg) translate(0, -2px);}
	50% {transform: rotate(5deg) translate(0, -2px);}
	55% {transform: rotate(-3deg) translate(0, -2px);}
	60% {transform: rotate(5deg) translate(0, -2px);}
	65% {transform: rotate(-3deg) translate(0, -2px);}
	70% {transform: rotate(0) translate(0, 0);}
}

@-webkit-keyframes cycle {
	35% {transform: rotate(0) translate(0, 0);}
	40% {transform: rotate(5deg) translate(0, -2px);}
	45% {transform: rotate(-3deg) translate(0, -2px);}
	50% {transform: rotate(5deg) translate(0, -2px);}
	55% {transform: rotate(-3deg) translate(0, -2px);}
	60% {transform: rotate(5deg) translate(0, -2px);}
	65% {transform: rotate(-3deg) translate(0, -2px);}
	70% {transform: rotate(0) translate(0, 0);}
}

@keyframes hoverWave {
	0% {
		box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
	}
	40% {
		box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
	}
	80% {
		box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 20px rgba(56,163,253,0),0 0 0 20.7px rgba(56,163,253,0.06)
	}
	100% {
		box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 20px rgba(56,163,253,0),0 0 0 29px rgba(56,163,253,0.0)
	}
}


/* Анимация частые вопросы*/
@media (prefers-reduced-motion: reduce) {
	.collapsing {
		transition-property: height, visibility;
		transition-duration: .35s;
	}
}


@-webkit-keyframes animPulse {
	0% {
		transform: scale(1)
	}

	100% {
		opacity: 0;
		transform: scale(2)
	}
}

@keyframes animPulse {
	0% {
		transform: scale(1)
	}

	100% {
		opacity: 0;
		transform: scale(2)
	}
}

.form-check-input[type=checkbox] {
	padding: unset;
	width: 25px;
	height: 25px;
	margin-left: -10px;
}
.form-check-input:checked {
	background-color: var(--red);
	border-color: var(--red);
}
/* Кнопки */
.btn-red {
	background: var(--red);
	color: var(--white);
	padding: 10px 60px;
	border-radius: 30px;
	font-weight: bold;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-red:disabled, .btn-red:focus, .btn-red:active {
	background: var(--red) !important;
	color: var(--white) !important;
	border-color: var(--red) !important;
	opacity: .5;
}
.btn-blink-anim:disabled:before {
	opacity: 0;
}
.btn-red img {
	margin-left: 5px;
}
.btn-red:hover {
	background: var(--red);
	color: var(--white);
	transform: scaleX(1.05) scaleY(1.05);
}
.btn-red:hover img {
	animation: right_move 1s infinite linear;
}
.btn-red-box-shadow {

	box-shadow: 0px 0px 22px rgba(73, 170, 234, .3), 0px 0px 22px rgba(73, 170, 234, .3);
	-webkit-box-shadow: 0px 0px 22px rgba(73, 170, 234, .3), 0px 0px 22px rgba(73, 170, 234, .3);
	-moz-box-shadow: 0px 0px 22px rgba(73, 170, 234, .3), 0px 0px 22px rgba(73, 170, 234, .3);
}
.btn-white-outline {
	background: none;
	color: var(--white);
	border: 1px solid var(--white);
	box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.35);
	padding: 10px 60px;
	border-radius: 10px;
	font-weight: bold;
}
.btn-red-outline {
	background: none;
	color: var(--red);
	border: 1px solid var(--red);
	padding: 10px 60px;
	border-radius: 10px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-red-outline:hover {
	background: none;
	color: var(--red);
	border: 1px solid var(--red);
	transform: scaleX(1.05) scaleY(1.05);
}
.btn-lg {
	font-size: 17px;
	padding: 15px 70px;
	white-space: nowrap;
}
.rad30 {
	border-radius: 30px;
}
@-webkit-keyframes slideme {
	0% { left: -30px; margin-left: 0px; }
	30% { left: 110%; margin-left: 80px; }
	100% { left: 110%; margin-left: 80px; } 
}
.btn-blink-anim {
	overflow: hidden;
	position: relative;
	border: 0;
	-webkit-animation: hoverWave linear 2s infinite; 
    animation: hoverWave linear 2s infinite;
}
/*
.btn-blink-anim:before {
	content: "";
	display: block;
	width: 20px;
	height: 300px;
	margin-left: 60px;
	background: var(--white);
	opacity: 0.8;
	position: absolute;
	left: -40px;
	top: -150px;
	z-index: 1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	-webkit-animation-name: slideme;
	animation-name: slideme;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
*/
.btn-read-more {
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-read-more span {
	border-bottom: 1px dashed #DB3732;
	position: relative;
	padding: 0 20px;
	padding-bottom: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-read-more span:hover {
	color: var(--red);
}
.btn-read-more span:before, .btn-read-more span:after {
	content: '';
	position: absolute;
	top: 8px;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.61195 5.84044L0.161401 1.44059C-0.0538004 1.22784 -0.0538004 0.883817 0.161401 0.673331L0.68109 0.159562C0.896291 -0.0531875 1.24199 -0.0531875 1.45719 0.159562L4.99886 3.64504L8.54281 0.159562C8.75801 -0.0509242 9.10371 -0.0509242 9.31891 0.159562L9.8386 0.673331C10.0538 0.886081 10.0538 1.2301 9.8386 1.44059L5.38805 5.84044C5.17285 6.05319 4.82486 6.05319 4.61195 5.84044Z' fill='%23272727'/%3e%3c/svg%3e");
	width: 10px;
	height: 6px;
	-webkit-animation: jump 1s infinite linear;
	animation: jump 1s infinite linear;
}
.btn-red.btn-read-more span:before, .btn-red.btn-read-more span:after {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.61195 5.84044L0.161401 1.44059C-0.0538004 1.22784 -0.0538004 0.883817 0.161401 0.673331L0.68109 0.159562C0.896291 -0.0531875 1.24199 -0.0531875 1.45719 0.159562L4.99886 3.64504L8.54281 0.159562C8.75801 -0.0509242 9.10371 -0.0509242 9.31891 0.159562L9.8386 0.673331C10.0538 0.886081 10.0538 1.2301 9.8386 1.44059L5.38805 5.84044C5.17285 6.05319 4.82486 6.05319 4.61195 5.84044Z' fill='%23ffffff'/%3e%3c/svg%3e");
	
}
.btn-read-more span:before {
	left: 8px;
}
.btn-read-more span:after {
	right: 0px;
}
.btn-whats {
	background: linear-gradient(180deg, #7DE777 0%, #5CC34D 100%);
	border-radius: 20px;
	color: var(--white);
	border: 0;
	font-size: 12px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-whats:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.470824 14.0401C0.844308 13.9429 2.61835 13.4568 3.17858 13.2624C3.92555 13.068 3.64543 13.068 4.3924 13.3596C6.16645 14.1373 8.31398 14.0401 9.90128 13.068C10.7416 12.5819 10.835 12.4847 11.3952 11.9015C13.9162 9.27679 13.8229 4.99953 11.3018 2.47206C10.1814 1.40274 8.59409 0.430637 6.35319 0.625058C2.52498 0.916689 -0.182772 4.7079 0.564195 8.4991C0.750937 9.56842 0.937679 9.66563 1.31116 10.4433C1.31116 10.6377 1.21779 10.9294 1.12442 11.1238C1.03105 11.6098 0.937679 12.0959 0.750937 12.5819C0.657566 12.9708 0.470824 13.554 0.470824 14.0401ZM1.96476 12.3875C2.24487 12.3875 2.71173 12.1931 3.08521 12.0959C3.27195 12.0959 3.45869 11.9987 3.64543 11.9987C3.83218 11.9015 3.92555 11.8043 4.11229 11.9987C4.67251 12.2903 5.41948 12.5819 6.16645 12.6792C7.66038 12.8736 9.34106 12.3875 10.3681 11.4154C10.835 10.9294 11.2085 10.4433 11.582 9.76284C11.8621 9.08237 12.1422 8.40189 12.1422 7.42979C12.1422 6.06884 11.7687 4.7079 10.9284 3.73579L9.80791 2.66648C8.8742 1.986 7.66038 1.69437 6.53993 1.69437C2.61835 1.986 0.190711 6.45768 2.33824 10.1517C2.52498 10.5405 2.43161 10.4433 2.24487 11.221C2.1515 11.6098 2.05813 12.0959 1.96476 12.3875ZM4.48577 4.22184C4.11229 4.31905 3.83218 4.80511 3.64543 5.19395C3.55206 5.77721 3.64543 6.26326 3.83218 6.74931C4.11229 7.42979 4.85926 8.40189 5.32611 8.79073C5.88634 9.374 6.44656 9.76284 7.38027 10.1517C7.84712 10.3461 8.22061 10.5405 8.8742 10.4433C9.5278 10.3461 10.088 9.76284 10.088 8.98516C10.088 8.69352 9.80791 8.69352 9.62117 8.59631C9.43443 8.4991 8.59409 7.91584 8.40735 8.11026C8.31398 8.11026 8.03387 8.4991 8.03387 8.59631C7.84712 8.79073 7.75375 8.98515 7.47364 8.88794C6.72667 8.59631 5.97971 8.01305 5.51285 7.33258C5.046 6.55489 5.23274 6.74931 5.60622 6.26326C5.88634 5.87442 5.69959 5.68 5.41948 4.90232C5.23274 4.51347 5.23274 4.02742 4.48577 4.22184Z' fill='%23FDFEFD'/%3E%3C/svg%3E");
	width: 14px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.btn-telega {
	background: linear-gradient(180deg, #37AEE2 0%, #1E96C8 100%);
	border-radius: 20px;
	color: var(--white);
	border: 0;
	font-size: 12px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-telega:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1225 0.0723276L0.60702 4.55255C-0.178866 4.87102 -0.174319 5.31334 0.462833 5.51059L3.41932 6.4411L10.2598 2.08669C10.5832 1.88814 10.8787 1.99495 10.6358 2.21251L5.09371 7.2589H5.09241L5.09371 7.25956L4.88977 10.3342C5.18854 10.3342 5.32039 10.1959 5.48795 10.0327L6.92398 8.62387L9.911 10.8499C10.4618 11.1559 10.8573 10.9986 10.9944 10.3355L12.9552 1.01201C13.1559 0.200109 12.648 -0.167509 12.1225 0.0723276Z' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	width: 14px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.btn-whats:hover, .btn-telega:hover {
	color: var(--white);
	transform: scaleX(1.05) scaleY(1.05);
}
.btn-phone {
	background: var(--red);
	border-radius: 20px;
	color: var(--white);
	border: 0;
	font-size: 12px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-phone:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5674 8.67305L8.98926 6.84497C9.03497 6.64634 8.93126 6.44243 8.74493 6.36158L6.77622 5.51784C6.60396 5.44402 6.40182 5.49324 6.28405 5.63913L5.41219 6.70434C4.06398 6.07154 2.94252 4.9659 2.29741 3.58956L3.36262 2.71771C3.50852 2.59818 3.55774 2.39779 3.48391 2.22553L2.64018 0.256819C2.55756 0.0687364 2.35366 -0.0349724 2.15503 0.0107297L0.326946 0.432596C0.137106 0.476541 0 0.645287 0 0.843916C0 5.34558 3.64738 9 8.15608 9C8.35295 9 8.52345 8.86465 8.5674 8.67305Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	width: 14px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.btn-phone:hover {
	background: var(--red);
}
.dashed_link {
	color: var(--black);
	text-decoration: none;
	display: inline-block;	
	cursor: pointer;
}
.dashed_link:hover {
	color: var(--black);
}
.dashed_link span {
	position: relative;
	padding-bottom: 5px;
	display: inline-block;
}
.dashed_link span:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	border-bottom: 1px dashed var(--red);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.dashed_link span:hover:before {
	width: 30%;
}
.img_triger_hov:hover img {
	animation: right_move 0s infinite linear;
}
/* Кнопки */

/* Поля */
input, textarea, select {
	background: var(--white);
	border-radius: 30px;
	color: var(--black);
	border: 2px solid var(--white);
	padding: 10px 15px;
	margin-bottom: 15px;
	resize: none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
select{
	-webkit-appearance: none; /* Убирает стрелку в Safari и Chrome */
  -moz-appearance: none;    /* Убирает стрелку в Firefox */
  appearance: none;         /* Убирает стрелку в современных браузерах */
}
input[placeholder], [placeholder], *[placeholder] {
	color: var(--black);
}
input.required {
	border-color: var(--red) !important;
	-webkit-animation: 0.9s cycle ease-out ;  
	animation: 0.9s cycle ease-out ;    
}
/* UL списки*/
section ul {
	list-style: none;
	padding-left: 10px;
}
section ul li {
	position: relative;
	padding-left: 27px;
}
section ul li:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2301b4cd'/%3E%3Cpath d='M13 6.367C13 6.52413 12.9458 6.65769 12.8374 6.76768L8.63355 11.0337L7.84387 11.835C7.73548 11.945 7.60387 12 7.44903 12C7.29419 12 7.16258 11.945 7.05419 11.835L6.26452 11.0337L4.16258 8.90067C4.05419 8.79068 4 8.65713 4 8.5C4 8.34287 4.05419 8.20932 4.16258 8.09933L4.95226 7.29798C5.06065 7.18799 5.19226 7.133 5.3471 7.133C5.50194 7.133 5.63355 7.18799 5.74194 7.29798L7.44903 9.0362L11.2581 5.16498C11.3665 5.05499 11.4981 5 11.6529 5C11.8077 5 11.9394 5.05499 12.0477 5.16498L12.8374 5.96633C12.9458 6.07632 13 6.20988 13 6.367Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	top: 5px;
	position: absolute;
	left: 0px;
}
.breadcrumbs {
	margin-top: 5px;
	padding-bottom: 12px;
	overflow: hidden;
	border-bottom: 1px solid rgba(195, 195, 198, 0.4);
}
.breadcrumbs li, .breadcrumbs li a {
	color: var(--black);
	font-size: 12px;
	display: flex;
	float: left;
	padding-right: 2px;
}
.breadcrumbs li:before {
	content: '';
	background: var(--red);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	margin: auto;
	float: left;
	margin-right: 5px;
}
.breadcrumbs li:last-child a {
	text-decoration: none;
}
.breadcrumbs li:first-child:before {
	display: none;
}
* {
	margin: 0;
	padding: 0;
}
a {
	color: var(--red);
}
body {
	/*font-family: 'Century Gothic';*/
	font-family: 'Montserrat';
	/*font-family: 'Roboto';*/
	font-display: swap;
	color: var(--black);
	padding-top: 80px;
}
body > section {
	position: relative;
	overflow: hidden;
}
@media (max-width: 767px) {
	body {
		padding-top: 120px;
	}
	body.index-page {
		padding-top: 0;
	}
	body.index-page section:nth-of-type(1) {
		padding-top: 0px;
		padding: 0 20px;
	}
}
header {
	top: 0px;
	z-index: 3;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(195, 195, 198, 0.4);
	transition: top 1s;
	margin-bottom: 50px;
	position: fixed;
	background: #ffffffb0;
    backdrop-filter: blur(4px);
    border-bottom: 1px solid rgba(195, 195, 198, 0.4);
    box-shadow: 0 2px 16px 0 rgba(33,43,54,.08), 0 1px 3px 0 rgba(64,66,69,.12);
}
/*
@media (min-width: 768px) {
	header {
		top: -80px;
	}
	header.fixed  {
		position: fixed;
		background: rgba(29, 29, 29, 0.9);
		top: 0px;
	}
	header.view {
		top: 0px;
		opacity: 1;
	}
}
*/
@media (min-width: 768px) {
	header .logo-block {
		flex: 0 0 auto;
		width: 17%;
		display: inline-flex;
		align-items: center;
	}
	header .logo-block picture {
		display: flex;
		/* background: #ffffff54;
		padding: 6px 15px;
		border-radius: 10px;
		backdrop-filter: blur(3px);*/
	}
}
header .logo-block img {
	height: 100%;
	max-width: 90%;
}
header .menu-pc {
	margin: auto 0;
	padding: 0;
}
header .menu-pc a {
	font-size: 14px;
	color: var(--black);
	text-decoration: none;
	margin-right: 15px;
	position: relative;
	font-weight: bold;
}
header .menu-pc a:before {
	content: '';
	position: absolute;
	width: 0%;
	height: 1px;
	background: var(--red);
	bottom: -4px;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
header .menu-pc a:hover:before,header .menu-pc a.active:before {
	width: 100%;
}
@media (min-width: 768px) {
	header .button-menu-mob, header .button-cart-mob {
		display: none;
	}
}
header .cart-block {
	flex: 0 0 auto;
	width: 3.5%;
	text-align: right;
	margin: auto 0;
	padding: 0;
}
header .cart-block a {
	position: relative;
}
header .cart-block a svg path {
	stroke: var(--black);
}
header .cart-block a .count_cart {
	background: var(--red);
	font-size: 10px;
	color: var(--white);
	min-width: 15px;
	height: 15px;
	text-align: center;
	position: absolute;
	right: -5px;
	top: -3px;
	padding: 0 2px;
	border-radius: 100px;
}
/* Телефоны в шапке */
header .phone-block {
	padding: 0;
	padding-top: 5px;
}
header .item-phone {
	padding: 0;
}
header .item-phone a {
	color: var(--black);
	display: block;
	text-align: right;
	position: relative;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.17vw;
	margin-bottom: 10px;
}
header .item-phone a img.icon-phone {
	width: 21px;
	display: inline-block;
	margin-right: 10px;
	margin-top: -5px;
}
header .item-phone .soc_call {
	color: var(--black);
	text-decoration: underline;
	font-weight: normal;
	cursor: pointer;
	font-size: 11px;
	padding-left: 2px;
}

@media (max-width: 767px) {
	header {
		padding: 0;
		position: fixed;
		background: var(--white);
		border: 0px;
	}
	header .logo-block {
		padding: 10px 5px;
	}
	header .block-phone {
		padding: 10px 0;
		padding-right: 20px;
	}
	header .item-phone:first-child {
	}
	header .item-phone a {
		font-size: 3.5vw;
		margin-bottom: 0px;
	}
	header .item-phone a:first-child{
		margin-bottom: 10px;
	}
	header .menu-pc, header .cart-block {
		display: none;
	}
	header .button-menu-mob {
		background: var(--red);
		color: #fff;
		padding: 10px 0;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
	}
	header .button-cart-mob {
		background: var(--black);
		padding: 10px 0;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
	}
	header .button-cart-mob a {
		text-decoration: none;
		color: var(--white);
	}
	header .button-cart-mob .icon-cart {
		position: relative;
	}
	header .button-cart-mob .icon-cart .count_cart {
		background: var(--red);
		font-size: 12.5px;
		color: var(--white);
		min-width: 18px;
		height: 18px;
		text-align: center;
		position: absolute;
		right: 0px;
		top: -6px;
		padding: 0 2px;
		border-radius: 100px;
		font-weight: normal;
	}
}

/* ------------ Мобильное меню (открытое) ------------  */
@media (min-width: 768px) {
	div.div-mobile-menu {
		display: none;
	}
}
@media (max-width: 767px) {
	.mobile-menu-fon {
		width: 100%;
		height: 100%;
		background: rgba(40, 40, 40, 0.8);
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	body.open-menu-mob {
		overflow: hidden;
	}
	body.open-menu-mob .mobile-menu-fon {
		z-index: 9;
		opacity: 1;
	}
	div.div-mobile-menu {
		width: 100%;
		background-color: #ffffff;
		box-shadow: -4px 3px 25px rgba(42, 54, 122, 0.12);
		max-width: 320px;
		position: fixed;
		top: 0;
		left: -100vw;
		bottom: 0;
		overflow: auto;
		z-index: 10;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	body.open-menu-mob div.div-mobile-menu {
		left: 0;
	}
	/* ------------ Лого в меню ------------  */
	div.div-mobile-menu .logo-mob-menu {
		padding: 10px 0;
		padding-left: 15px;
	}
	div.div-mobile-menu .logo-mob-menu img {
		width: 70%;
	}
	/* ------------ Пункты  меню ------------  */
	div.div-mobile-menu ul {
		padding: 0;
		list-style: none;
	}
	div.div-mobile-menu > ul.items-menu li.item {
		font-size: 16px;
	}
	div.div-mobile-menu > ul.items-menu li.item a {
		background: var(--grey);
		display: block;
		color: var(--black);
		font-weight: bold;
		padding: 10px 15px;
		border-bottom: 1px solid #fff;
		text-decoration: none;
	}

	/* раздел контактов в меню */
	div.div-mobile-menu .contact_us {
		padding-left: 15px;
		padding-bottom: 10px;
	}
	div.div-mobile-menu .contact_us .time_work {
		font-size: 13px;
		color: var(--grey1);
		font-weight: bold;
		margin-bottom: 10px;
		display: block;
	}
	div.div-mobile-menu .contact_us a.messenger_or_phone {
		text-decoration: none;
		display: block;
		position: relative;
		padding-left: 32px;
		margin-bottom: 6px;
		font-size: 16px;
		font-weight: bold;
		color: var(--black);
	}
	div.div-mobile-menu .contact_us a.messenger_or_phone img.icon-phone  {
		position: absolute;
		top: 2px;
		left: 0;
		width: 20px;
	}

	/* Адрес */
	div.div-mobile-menu .adress {
		color: var(--grey1);
		font-size: 13px;
		padding: 15px 15px;
		border-top: 1px solid #e8edf1;
		border-bottom: 1px solid #e8edf1;
		text-align: center;
	}
	div.div-mobile-menu .adress > span {
		color: var(--black);
		font-weight: bold;
	}
	div.div-mobile-menu .adress a {
		display: block;
		text-decoration: none;
		padding-left: 20px;
		padding-top: 10px;
	}
	div.div-mobile-menu .adress a > span {
		color: var(--red);
		border-bottom: 1px solid var(--red);
	}
	div.div-mobile-menu .adress img{
		width: 14px;
		margin-right: 5px;
	}

}
/* Название и описание секции */
.section_name {
	padding-top: 20px;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	line-height: 100%;
}
.section_description {
	text-align: center;
	font-size: 17px;
	padding-bottom: 33px;
}
@media (max-width: 767px) {
	.section_name {
		font-size: 29px;
	}
	.section_description  {
		font-size: 13px;
	}
}

/* Секция с кнопкой подробнее */
.btn-col {
	padding: 20px 10px;
}
@media (max-width: 767px) {
	.btn-col .btn {
		width: 100%;
	}
}
/* Контакты */

section.contact {
	padding-top: 0px;
	padding-bottom: 30px;
}
section.contact .item-contact {
	padding-bottom: 22px;
}
section.contact .item-contact img {
	width: 22px;
	margin-right: 5px;
}
section.contact .name-item {
	font-weight: 600;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	color: var(--gold-light1);
}
section.contact .message_btn {
	display: block;
	padding-top: 14px;
}
section.contact .message_btn a {
	margin-right: 5px;
}
section.contact p {
	margin: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
}

@media(max-width: 767px) {
	section.contact p{
		padding-bottom: 10px;
	}
	section.contact p a {
		display: block;
	}
}
@media(max-width: 400px) {
	section.contact .message_btn a {
		margin-bottom: 10px;
	}
}
section.contact .map-block{
	position: relative;
	padding: 0;
	background: url(images/map.jpeg);
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
section.contact .map-block .hover_map {
	position: relative;
	cursor: pointer;
	color: #fff;
	display: flex;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
section.contact .map-block .hover_map span {
	cursor: pointer;
	margin: auto;
	z-index: 2;
	opacity: 0;
	font-size: 18px;
	font-weight: bold;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
section.contact .map-block .hover_map:hover span {
	opacity: 1;	
}
section.contact .map-block .hover_map:before {
	content: '';
	cursor: pointer;
	position: absolute;
	background: var(--red);
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1s;
	text-align: center;
	height: 100%;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
section.contact .map-block .hover_map:hover:before {
	opacity: .6;
}
section.contact .map-block img.map_img {
	width: auto;
	height: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media (max-width: 767px) {
	section.contact {
		padding-bottom: 0;
	}
	section.contact .map-block {
		height: 25vh;
		margin-bottom: 20px; 
	}
}

/* Футер */
footer {
	border-top: 1px solid rgba(195, 195, 198, 0.4);
}
footer .item-footer .name-item {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
footer .item-footer ul {
	padding: 0;
}
footer .item-footer li {
	list-style: none;
	font-size: 10px;
	display:block;
	padding-bottom: 4px;
}
@media (min-width: 768px) {
	footer .item-footer ul.col3  li {
		float:left;
		padding-right: 2px;
		width:33%;
	}
}
footer .item-footer li a {
	color: var(--grey1);
	text-decoration: none;
}
footer .item-footer li:nth-child(3n+1) {
	clear:both;
}

footer .bottom-footer {
	background: var(--red);
	color: var(--white);
	text-align: center;
	padding: 20px;
}
@media (max-width: 767px) {
	footer .logo-footer {
		text-align: center;
		padding-bottom: 30px;
	}
	footer .item-footer {
		overflow: hidden;
		max-height: 30px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}

	footer .item-footer.open {
		max-height: 290px;
	}
	footer .name-item {
		font-size: 18px;
		position: relative;
	}
	footer .item-footer li { 
		font-size: 14px;
		padding-left: 10px;
	}
	footer .item-footer .name-item:before {
		content: '';
		position: absolute;
		width: 18px;
		height: 10px;
		background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.693115 0.712891L8.23692 8.25669L15.7807 0.712888' stroke='%23DB3732' stroke-width='1.5'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		right: 0;
		top: 4px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	footer .item-footer.open .name-item:before {
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
}

/* Анимация Модальные окна */
@media (prefers-reduced-motion: reduce) {
	.fade {
		transition: opacity 0.15s linear;
	}
	.modal.fade .modal-dialog {
		transition: transform 0.3s ease-out;
		transform: translate(0, -50px);
	}
}
.modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.modal.fade.show .modal-dialog {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Модальные окна */
.modal {
	backdrop-filter: blur(3px);
}
.modal-content {
	padding-top: 40px;
	padding: 35px;
	border-radius: 10px;
	background: #181818;
	border: none;
	overflow: hidden;
	color: var(--white);
}
.modal-content .modal-title {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	background: var(--red);
	border-radius: 10px;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 20px;
}
.modal-content .section_description {
	display: block;
	padding: 5px 0;
	font-size: 13px;
	width: 80%;
	margin: auto;
}
.modal-content input, .modal-content select, .modal-content textarea, .modal-content .btn {
	width: 90%;
	border-radius: 10px;
}
.modal-content textarea {
	height: 140px;
}
.modal-footer {
	display: block;
	border:0;
	padding-top: 0;
}
.close-modal {
	z-index: 5;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 32px;
	height: 32px;
	opacity: 0.8;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.close-modal:hover {
	opacity: 1;
	transform: rotate(180deg);
}
.close-modal:before, .close-modal:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: var(--red);
}
.close-modal:before {
	transform: rotate(45deg);
}
.close-modal:after {
	transform: rotate(-45deg);
}
.modal .modal-dialog .modal-body .thanks {
	-webkit-transition: .4s ease-out;
	-webkit-transition-delay: 0.3s;
	-o-transition: .4s ease-out;
	-o-transition-delay: 0.3s;
	-moz-transition: .4s ease-out;
	-moz-transition-delay: 0.3s;
	transition: .4s ease-out;
	transition-delay: 0.3s;
	max-height: 0vh;
	opacity: 0;
	position: relative;
	overflow: hidden;
}
.modal .modal-dialog .modal-body .thanks p {
	margin: 0;
	padding-bottom: 40px;
}
.modal .modal-dialog .modal-body.success .thanks {
	max-height: 200vh;
	opacity: 1;
}
.modal .modal-dialog .modal-body form {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	max-height: 100vh;
	opacity: 1;
}
.modal .modal-dialog .modal-body.success form {
	max-height: 0vh;
	opacity: 0;
}
.modal .modal-content.success .section_description {
	opacity: 0;
	max-height: 0px;
}
@media (max-width: 767px) {
	.modal-content {
		padding: 35px 15px;
	}
	.modal-content input, .modal-content textarea, .modal-content .btn {
		width: 100%;
	}
}

/* Ориентация для мобильных */
.mobilerotateblock {
	display: none;
}
@media (max-width: 767px) {
	.mobilerotateblock {
		display: block;
		position: fixed;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		top: -100vh;
		width: 100%;
		height: 100%;
		background: var(--black);
		z-index: 999;
		display: flex;
	}
	.mobilecontent {
		max-width: 500px;
		font-weight: 300;
		color: #fff;
		margin: auto;
	}
	.mobilerotateblocklogo {
		width: 150px;
		display: block;
		margin: 0 auto;
	}
	.mobilerotate-img  {
		width: 100px;
		float: left;
		padding: 20px 20px;
	}
	.mobilerotate-text {
		padding-top: 10px;
	}
	/* горизонтальная ориентация */
	@media screen and (orientation:landscape) {
		.mobilerotateblock {
			top: 0;
		}
	}
}

@media (min-width:768px) {
	.container{
		max-width: 96%;
	}
}
@media (min-width:992px) {
	.container {
		max-width: 96%;
	}
}
@media (min-width:1120px) {
	.container {
		max-width: 1320px;
	}
}