@viewport {user-zoom:fixed;}*{padding:0;margin:0;-webkit-appearance:none;}label{cursor:pointer;}textarea{resize:none;}a,button,input,textarea{outline:none;}:focus{outline:none;}button::-moz-focus-inner{padding:0;border:0;}img{max-width:100%;vertical-align:top;}a,img{border:0;}
a{outline:none;color:#fff;text-decoration:none;}a:hover{text-decoration:underline;}
body {color:#fff;font:16px 'Roboto Condensed', sans-serif, Arial;line-height:20px;text-align:center;background:#000;}
html,body {height:100%;width:100%;min-width:300px;}
*[class^=mobile-] {display:none;}

.row {display:table;width:100%;}
div[class^=col-md] {display:table-cell;text-align:left;vertical-align:top;}
.col-md-3 {width:25%;}
.col-md-6 {width:50%;}
.col-md-9 {width:75%;}
.col-md-12 {width:100%;}

.page-width {position:relative;min-height:100%;height:auto !important;height:100%;margin:0 auto;background:#000;}
.page-bl {min-width:256px;max-width:1110px;width:98%;text-align:left;margin:0 auto;}

.site-header {position:relative;}
	.site-header .page-bl {min-height:94px;line-height:92px;}
	.site-header .page-bl::after {content:' ';clear:both;display:block;overflow:hidden;height:1px;}

	.h-tel-wrap {float:right;width:151px;font-size:20px;font-weight:bold;line-height:100%;text-align:right;padding:23px 0 0 3px;}
	.h-tel-wrap a {color:#e10f1d;}
	.h-tel-wrap p {padding:3px 0 2px 0;white-space:nowrap;}
	.h-tel-wrap.tel-3 {padding-top:11px;}
	.h-tel-wrap {
    position: relative;
    left: -15px; /* при необходимости: -1px или -3px */
}

	.site-header .logo-wrap {float:left;position:relative;line-height:100%;padding:30px 0 0 3px;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
	.logo {cursor:pointer;display:inline-block;overflow:hidden;width:159px;height:27px;color:transparent;text-decoration:none;vertical-align:top;background:url(../images/logo3860.png?v=1) no-repeat;background-size:100% auto;}

	.h-nav-wrap {position:relative;z-index:1;text-align:center;margin:0 155px 0 162px;}
	.h-nav-wrap ul {display:inline-block;width:100%;font-size:20px;font-weight:300;line-height:100%;list-style:none;vertical-align:middle;padding:0 0 4px 0;}
	.h-nav-wrap ul li {display:inline-block;width:26.2%;vertical-align:middle;}
	.h-nav-wrap .popup-link {display:inline-block;position:relative;top:1px;padding:6px 17px 7px 17px;margin:0 0 0 30px;border:solid 1px #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
	.h-nav-wrap .popup-link:hover {color:#000;text-decoration:none;background:#fff;}
	.h-nav-wrap span {cursor:pointer;display:inline-block;position:relative;vertical-align:top;padding:3px 0;}
	.h-nav-wrap span div {display:none;position:absolute;
		top:100%;left:-20px;
		font-size:14px;line-height:20px;
		text-align:left;
		padding:10px 20px;
		margin-top:0px;
		background:#000;
	}
	.h-nav-wrap span div p {white-space:nowrap;padding:0;}
	.h-nav-wrap span:hover div {display:block;}

.site-content {padding-bottom:126px !important;}
	.site-content p {padding-bottom:18px;}
	.site-content ul,.site-content ol {position:relative;margin-left:24px;margin-bottom:18px;}
	.site-content ul ul,.site-content ul ol,.site-content ol ul,.site-content ol ol {margin-bottom:0;}
	
	section {overflow:hidden;min-height:100px;padding-top:75px;}
	section.bg {background:linear-gradient(to right, #100202 0%, #440509 15%, #ca0615 51%, #450509 84%, #100202 100%);}

.site-footer {position:relative;overflow:hidden;display:block;height:126px;font-size:12px;font-weight:bold;line-height:16px;letter-spacing:0.2px;margin:-126px auto 0 auto;}
	.site-footer .page-bl {text-align:center;padding-top:24px;}
	.site-footer .logo-wrap {padding:0 0 15px 0;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
	.site-footer .logo {width:221px;height:37px;background-image:url(../images/logo-footer3860.png?v=1);}

h1 {color:#fff;font:bold 60px 'Roboto Condensed', sans-serif, Arial;line-height:100%;text-align:center;padding-bottom:18px;}
h2 {color:#fff;font:bold 24px 'Roboto Condensed', sans-serif, Arial;line-height:100%;text-align:center;padding:6px 0 59px 0;}
h3 {
	color:#fff;
	font:20px 'Roboto Condensed', sans-serif, Arial;
	line-height:100%;
	padding-bottom:16px;
	}
h4 {
	color:#fff;
	font:18px 'Roboto Condensed', sans-serif, Arial;
	line-height:100%;
	padding-bottom:14px;
	}

::-moz-placeholder {opacity:1;}
::-webkit-input-placeholder {opacity:1;}

input[type="submit"] {font:14px 'Roboto Condensed', sans-serif, Arial;}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"] {font:14px 'Roboto Condensed', sans-serif, Arial;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.slider{position:relative;display:block;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
	.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
	.slick-list:focus{outline:none;}
	.slick-list.dragging{cursor:pointer;cursor:hand;}
	.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
	.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
	.slick-track:before,.slick-track:after{display:table;content:'';}
	.slick-track:after{clear:both;}
	.slick-loading .slick-track{visibility:hidden;}
	.slick-slide{display:none;float:left;height:100%;min-height:1px;}
	[dir='rtl'] .slick-slide{float:right;}
	.slick-slide.slick-loading img{display:none;}
	.slick-slide.dragging img{pointer-events:none;}
	.slick-initialized .slick-slide{display:block;}
	.slick-loading .slick-slide{visibility:hidden;}
	.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
	.slick-arrow.slick-hidden{display:none;}
	.slider .slide {float:left;}
	.slider .slick-arrow{cursor:pointer;position:absolute;z-index:1;top:50%;overflow:hidden;width:21px;height:37px;color:transparent;font-size:0;text-indent:12px;margin:-18px 0 0 0 !important;border:none;background:transparent;}
	.slider .slick-arrow.slick-prev {left:0;}
	.slider .slick-arrow.slick-next {right:0;}
	.slider .slick-arrow::before {content:' ';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/arr-left3860.svg?v=1) no-repeat center 0;background-size:21px auto;}
	.slider .slick-arrow.slick-next::before {-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
	.slider .slick-dots {position:absolute;left:50%;bottom:0;overflow:hidden;width:217px;height:46px;color:#3e50b4;font-size:18px;font-weight:600;line-height:46px;list-style:none;margin:0 0 0 -109px;background:#fff;-moz-border-radius:46px;-webkit-border-radius:46px;border-radius:46px;}
	.slider .slick-dots li{display:none;vertical-align:top;padding:0;}
	.slider .slick-dots li::before {display:none;}
	.slider .slick-dots .slick-active {display:block;position:absolute;top:0;left:auto;right:50%;color:#4baf4f;padding:0 12px 0 0;}
	.slider .slick-dots .slick-active button {color:#4baf4f;font-size:18px;font-weight:600;border:none;background:transparent;}
	.slider .slick-dots i {position:absolute;top:0;left:50%;font-style:normal;margin-left:-6px;}

section.main {overflow:hidden;position:relative;padding-bottom:20px;}
	section.main::before {content:' ';position:absolute;left:50%;bottom:0;width:1305px;height:537px;margin-left:-716px;background:url(../images/main-photo3860.png?v=1) no-repeat;}
	section.main .page-bl {position:relative;text-align:center;}
	section.main h1 {display:inline-block;overflow:hidden;line-height:94px;vertical-align:top;padding:9px 31px 0px 30px;margin:0 0 49px 0;background:#000;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
	section.main h1 img {position:relative;right:-6px;margin-left:2px;}

.slogan-wrap {min-height:100px;padding:0 0 19px 0;}
.slogan {display:inline-block;font-size:24px;font-weight:normal;line-height:100%;letter-spacing:0.1px;vertical-align:top;padding:4px 20px 9px 20px;margin:0;border:solid 1px #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

.service-info {position:relative;height:235px;list-style:none;text-align:center;padding:0 10px 0 0;margin:0 !important;}
	.service-info li {display:inline-block;width:174px;text-align:center;vertical-align:top;}
	.service-info .m-img {overflow:hidden;height:46px;line-height:46px;margin:0 0 21px 0;}
	.service-info .m-img img {width:47px;height:auto;vertical-align:middle;}
	.service-info span {display:block;max-width:100px;margin:0 auto;}
	.service-info li:nth-child(1) .m-img img {-moz-transform:scale(-1, 1);-webkit-transform:scale(-1, 1);transform:scale(-1, 1);filter:FlipH;}
	.service-info li:nth-child(2) .m-img {position:relative;top:4px;right:-2px;}
	.service-info li:nth-child(2) .m-img img {width:59px;}
	.service-info li:nth-child(2) span {max-width:100%;}
	.service-info li:nth-child(3) .m-img {position:relative;top:2px;}

.sbm-link {display:inline-block;position:relative;overflow:hidden;min-width:207px;height:48px;color:#e10f1d;font-size:14px;font-weight:bold;line-height:48px;text-transform:uppercase;text-align:center;vertical-align:top;padding:1px;margin:0 15px 15px 15px;border:none;background:#fff;-moz-box-shadow:inset 2px 2px rgba(233,233,233, 1), 3px 3px 7px rgba(0,0,0, 0.15);-webkit-box-shadow:inset 2px 2px rgba(233,233,233, 1), 3px 3px 7px rgba(0,0,0, 0.15);box-shadow:inset 2px 2px rgba(233,233,233, 1), 3px 3px 7px rgba(0,0,0, 0.15);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
	.sbm-link span {display:inline-block;position:relative;top:1px;line-height:20px;vertical-align:middle;}
	.sbm-link:hover {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
	.service-info + .sbmts-bl .sbm-link {color:#fff;padding:0;border:solid 1px #fff;background:transparent;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
	.service-info + .sbmts-bl .sbm-link:hover {
		color:#e10f1d;
		background:#fff;-moz-box-shadow:inset 2px 2px rgba(233,233,233, 1), 3px 3px 7px rgba(0,0,0, 0.15);-webkit-box-shadow:inset 2px 2px rgba(233,233,233, 1), 3px 3px 7px rgba(0,0,0, 0.15);box-shadow:inset 2px 2px rgba(233,233,233, 1), 3px 3px 7px rgba(0,0,0, 0.15);
	}

.sbm-link::before {
	content:' ';
	margin:0;
	width:20px;
	height:90px;
	background:#ca0615;
	position: absolute;z-index:2;opacity:0.9;
	left:-60px;top:-20px;
	-moz-transform:translateX(0px) rotate(45deg);
	-webkit-transform:translateX(0px) rotate(45deg);
	transform:translateX(0px) rotate(45deg);
	-moz-transition:all 0ms ease 0ms;
	-webkit-transition:all 0ms ease 0ms;
	transition:all 0ms ease 0ms;
}
.sbm-link.slideon::before {
	-moz-transform:translateX(380px) rotate(45deg);
	-webkit-transform:translateX(380px) rotate(45deg);
	transform:translateX(380px) rotate(45deg);
	-moz-transition:all 900ms ease 0ms;
	-webkit-transition:all 900ms ease 0ms;
	transition:all 900ms ease 0ms;
}
.service-info + .sbmts-bl .sbm-link.slideon::before {
	-moz-transform:translateX(300px) rotate(45deg);
	-webkit-transform:translateX(300px) rotate(45deg);
	transform:translateX(300px) rotate(45deg);
	-moz-transition:all 900ms ease 0ms;
	-webkit-transition:all 900ms ease 0ms;
	transition:all 900ms ease 0ms;
}

.sbmts-bl {text-align:center;}
.service-info + .sbmts-bl {min-height:140px;}

.tabs-nav {font-size:0 !important;list-style:none;text-align:center;margin:0 0 89px 0 !important;}
	.tabs-nav li {position:relative;display:inline-block;overflow:hidden;vertical-align:top;}
	.tabs-nav li:first-child {-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
	.tabs-nav li:last-child {-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
	.tabs-nav a {display:block;overflow:hidden;width:298px;height:48px;color:#696969;font-size:20px;line-height:48px;text-align:center;padding:0px;border:solid 1px #797979;background:transparent;}
	.tabs-nav li.active {z-index:1;}
	.tabs-nav li.active a {color:#e10f1d;font-weight:bold;padding:1px;border:none;background:#fff;-moz-box-shadow:inset 2px 2px rgba(233,233,233, 1);-webkit-box-shadow:inset 2px 2px rgba(233,233,233, 1);box-shadow:inset 2px 2px rgba(233,233,233, 1);}
	.tabs-nav a:hover {color:#e10f1d;text-decoration:none;}

.products-wrap {display:none;padding:0 0 52px 0;}
.products-wrap.active {display:block;}
.products-wrap::after {content:' ';clear:both;overflow:hidden;display:block;height:1px;}
.products-wrap .wrap-img {float:left;}
.products-wrap .wrap-text {overflow:hidden;text-align:right;}

#pr-tab-2 .wrap-img img {margin-top:-60px;}

.text-bl {cursor:pointer;display:inline-block;position:relative;overflow:hidden;width:165px;text-align:center;vertical-align:top;padding:5px;margin:0 0 51px 41px;background:linear-gradient(to bottom, #360507 0%, #440509 9%, #ca0615 51%, #450509 91%, #3b0508 100%);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
	.text-bl .txt {height:165px;background:#000;}
	.text-bl .m-img {height:116px;line-height:116px;text-align:center;}
	.text-bl .m-img img {position:relative;vertical-align:middle;}
	.text-bl .price {display:none;position:absolute;top:0;left:0;width:100%;height:175px;line-height:175px;text-align:center;}
	.text-bl .price span {position:relative;top:8px;display:inline-block;line-height:20px;}
	.text-bl.open .txt {opacity:0;}
	.text-bl.open .price {display:block;}

.slide .text-bl {cursor:default;display:block;overflow:visible;width:285px;margin:0 auto 36px auto;}
.slide .text-bl .txt {height:285px;}
.slide .text-bl .m-img {position:relative;left:50%;width:340px;height:285px;line-height:285px;margin-left:-170px;}
.slide .text-bl.open .txt {opacity:1;}

.slider-advantage {overflow:hidden;height:503px;padding:0 36px;margin:17px 1px 0 1px;}
.slider-advantage .slide {height:503px;font-size:20px;line-height:23px;text-align:center;}
.slider-advantage .slide strong {display:block;color:#ca0615;font-size:24px;line-height:100%;padding:0 0 16px 0;}
.slider-advantage .slide .text-bl#a-1 .m-img img {left:9px;}
.slider-advantage .slide .text-bl#a-3 .m-img img {left:31px;}
.slider-advantage .slick-arrow {top:129px;margin-top:0 !important;}
.slider-advantage + .sbmts-bl {padding:0 0 97px 0;}
.slider-advantage + .sbmts-bl .sbm-link {width:270px;}

.contacts-form {position:relative;min-height:242px;font-size:20px;line-height:24px;padding:11px 0 46px 0;}
.contacts-form .img {position:absolute;left:50%;top:0;width:574px;height:242px;margin:17px 0 0 11px;background:url(../images/form-img3860.png?v=1) no-repeat;}
.contacts-form h2 {font-size:30px;font-weight:normal;line-height:100%;text-align:left;padding:0 0 22px 0;}
.contacts-form h2 span {display:inline-block;vertical-align:top;padding:8px 15px 12px 12px;background:#000;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.contacts-form h2 strong {padding-right:11px;}
.contacts-form .inf {min-height:87px;}

.master-form {position:relative;width:264px;height:48px;margin:0 209px 0 0;border:solid 1px #fff;background:rgba(255,255,255, 0.5);-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.master-form input[type="tel"] {width:100%;height:48px;padding:16px 19px;border:none;background:transparent;}
.master-form ::-moz-placeholder {opacity:1;color:#d3bfc0;}
.master-form ::-webkit-input-placeholder {opacity:1;color:#d3bfc0;}
.master-form input[type="submit"] {cursor:pointer;position:absolute;top:-1px;left:100%;width:209px;height:50px;color:#e10f1d;font-size:14px;font-weight:bold;letter-spacing:-0.2px;text-transform:uppercase;text-align:center;vertical-align:top;padding:0;margin:0;border:none;background:#fff;-moz-box-shadow:inset 2px 2px rgba(233,233,233, 1), 3px 3px 7px rgba(0,0,0, 0.15);-webkit-box-shadow:inset 2px 2px rgba(233,233,233, 1), 3px 3px 7px rgba(0,0,0, 0.15);box-shadow:inset 2px 2px rgba(233,233,233, 1), 3px 3px 7px rgba(0,0,0, 0.15);-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}


section.steps {overflow:hidden;}
.steps-wrap {position:relative;left:30px;text-align:center;padding:18px 0 10px 0;margin-left:-60px;}
.steps-wrap .text-bl {cursor:default;overflow:visible;width:305px;margin:0 33px 51px 33px;}
.steps-wrap .text-bl .txt {height:103px;padding:27px 0 0 160px;text-align:left;}
.steps-wrap .text-bl .m-img {position:absolute;top:0;left:17px;width:143px;height:130px;line-height:130px;margin:5px;}
.steps-wrap .text-bl span {position:absolute;top:0;left:-27px;font-size:60px;line-height:130px;}
.steps-wrap .text-bl strong {display:block;font-size:18px;line-height:20px;padding:0 0 10px 0;}
.steps-wrap .text-bl:nth-child(1) .m-img img {top:9px;}

.slider-history {padding:0 90px;margin:62px 0 150px 0;}
.slider-history strong {display:block;font-size:18px;line-height:20px;}
.slider-history .slide {position:relative;text-align:left;}
.slider-history .slide p {margin-bottom:1px;}
.slider-history .text-bl {float:left;width:316px;margin:0 149px 0 32px;}
.slider-history .text-bl .txt {height:auto;padding:10px;}
.slider-history .text-bl .m-img {height:auto;line-height:100%;}
.slider-history .text-bl .m-img img {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.slider-history .slide .sbm-link {width:224px;line-height:50px;padding-right:48px;margin:29px 0 0 0;}
.slider-history .slide .sbm-link.play::after {content:' ';position:absolute;top:5px;right:19px;width:39px;height:39px;background:url(../images/icon-play3860.svg?v=1) no-repeat;background-size:39px auto;}
.slider-history audio {position:absolute;z-index:-1;opacity:0;margin:29px 0 0 0;}
.slider-history .show-audio audio {position:relative;z-index:1;opacity:1;}
.slider-history .show-audio .sbm-link.play {display:none;}

section.contacts {position:relative;overflow:hidden;padding-top:57px;}
.contacts-wrap .text {width:54%;font-size:22px;line-height:28px;padding:0 0 46px 125px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.contacts-wrap h2 {font-size:30px;line-height:100%;text-align:left;padding:0 0 13px 0;}
.contacts-wrap h2 span {display:inline-block;color:#fff;vertical-align:top;padding:11px 30px 9px 29px;background:#000;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.contacts-wrap .sbm-link {width:188px;line-height:50px;margin:18px 0 0 0;}
.contacts-wrap p {padding:0;}
.contacts-wrap address {position:relative;min-height:40px;font-style:normal;padding:13px 0 13px 54px;background:url(../images/icon-map3860.svg?v=1) no-repeat 5px center;background-size:30px auto;}
.contacts-wrap .tel {position:relative;min-height:40px;padding:13px 0 13px 54px;background:url(../images/icon-tel3860.svg?v=1) no-repeat 2px center;background-size:36px auto;}
.contacts-wrap .time {position:relative;min-height:40px;padding:13px 0 13px 54px;background:url(../images/icon-time3860.svg?v=1) no-repeat 0 center;background-size:39px auto;}
.contacts-wrap .map {position:absolute;top:0;left:52%;overflow:hidden;width:48%;height:100%;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.contacts-wrap .map iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent;}


section#form .contacts-form .img {
	left:-1000px;
	-moz-transition:left 1500ms ease 0ms;
	-webkit-transition:left 1500ms ease 0ms;
	transition:left 1500ms ease 0ms;
}
section#form .contacts-form .form-wrap {
	opacity:0;
	-moz-transition:opacity 300ms ease 0ms;
	-webkit-transition:opacity 300ms ease 0ms;
	transition:opacity 300ms ease 0ms;
	-moz-transition-delay: 1500ms;
	-webkit-transition-delay: 1500ms;
	transition-delay: 1500ms;
}
section#form.init .contacts-form .img {left:50%;}
section#form.init .contacts-form .form-wrap {opacity:1;}

@media screen and (max-width: 1500px) {
	.service-info {
		height:auto;
		padding-bottom:4%;
	}
}

/* Обёртка затемнения */
.wrapper-popap {
    background: rgba(0, 0, 0, .55);
    backdrop-filter: blur(6px);
    position: fixed;
    inset: 0;
    z-index: 9999;
    padding: 10px;
    display: none;
    align-items: center;
    justify-content: center;
}

/* Popup окно */
.popup {
    position: relative;
    max-width: 420px;
    width: 100%;
    background: #ffffff;
    padding: 40px 30px;
    box-sizing: border-box;
    border-radius: 22px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .2);
    animation: popupShow .25s ease-out;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Анимация */
@keyframes popupShow {
    from { transform: scale(.92); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}

/* Заголовок */
.popup h3 {
    margin-bottom: 28px;
    font-weight: 700;
    color: #111;
    font-size: 20px;
    line-height: 1.35;
}

/* Поля формы */
.popup input {
    width: 100%;
    padding: 14px 18px;
    border-radius: 14px;
    margin-bottom: 16px;
    border: 1px solid #d7d7d7;
    font-size: 17px;
    background: #f6f6f6;
    transition: border .2s ease, background .2s ease;
}

.popup input:focus {
    border-color: #007aff;
    background: #fff;
    outline: none;
}

/* Кнопка отправки */
.new-form-submit {
    width: 100%;
    background: #007aff;
    border: none;
    padding: 14px 0;
    border-radius: 12px;
    color: #711111;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s ease;
}

.new-form-submit:hover {
    background: #0067d6;
}

/* Кнопка закрытия */
.cross {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f2f2f2;
    border: none;
    font-size: 28px;
    line-height: 28px;
    padding: 0;
    cursor: pointer;
    color: #555;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, color .2s ease;
}

.close-btn:hover {
    background: #e5e5e5;
    color: #000;
}

/* Сообщение об успехе */
.sucses {
    font-size: 18px;
    padding: 12px 0;
    display: none;
    color: #28a745;
    font-weight: 600;
    text-align: center;
}

.phone_block {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
}

.phone_block_menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.phone_block-item {
    height: 54px;
    width: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 250px;
    padding: 5px;
    color: white;

    animation: wiggle 2.5s ease-in-out infinite;
    transition: transform 0.3s ease;
}

@keyframes wiggle {
    0% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
    100% { transform: translateY(0); }
}

.phone_block-item:hover {
    animation: wiggle-strong 0.8s ease-in-out infinite;
}

@keyframes wiggle-strong {
    0% { transform: translateY(0) rotate(0deg); }
    25% { transform: translateY(-6px) rotate(-3deg); }
    50% { transform: translateY(0) rotate(0deg); }
    75% { transform: translateY(-6px) rotate(3deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

.phone_block .container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
}

/* Colors */
.phone_block-item:nth-child(1) {
    background: #FF6600;
    box-shadow: 0 4px 32px #19EEEB1F;
}

.phone_block-item:nth-child(2) {
    background: #40B3E0;
    box-shadow: 0 4px 32px #19EEEB1F;
}

.phone_block-item:nth-child(3) {
    background: #25D366;
    box-shadow: 0 4px 32px #25D3661F;
}
  /* Контейнер карты WhatsApp */
.whatsapp-card {
    display: flex;
    flex-direction: column;
    align-items: center;       /* Центровка по горизонтали */
    text-align: center;
    gap: 16px;
    margin-bottom: 40px;       /* Отступ снизу */
}

/* WhatsApp кнопка */
.wa-btn {
    background: #25D366;
    padding: 16px 32px;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    transition: background 0.3s ease;
    justify-content: center;     /* Выравнивание иконки и текста */
}

.wa-btn:hover {
    background: #1ebe5c;
}

/* Иконка WhatsApp */
.wa-icon {
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml;utf8,<svg fill="%23fff" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16 .667C7.64.667.667 7.64.667 16c0 2.82.733 5.58 2.12 8.02L0 32l8.32-2.747A15.22 15.22 0 0016 31.333c8.36 0 15.333-6.973 15.333-15.333C31.333 7.64 24.36.667 16 .667zm0 27.8c-2.52 0-4.973-.673-7.113-1.953l-.507-.3-4.94 1.633 1.647-4.813-.327-.507A13.1 13.1 0 012.933 16C2.933 8.62 8.62 2.933 16 2.933c7.38 0 13.067 5.687 13.067 13.067 0 7.38-5.687 13.067-13.067 13.067zm7.307-9.8c-.4-.2-2.36-1.167-2.727-1.3-.367-.133-.633-.2-.893.2-.267.4-1.027 1.3-1.267 1.56-.24.267-.467.3-.867.1-.4-.2-1.687-.62-3.213-1.98-1.187-1.06-1.987-2.367-2.213-2.767-.227-.4-.02-.613.167-.813.173-.173.4-.453.6-.68.207-.227.273-.38.413-.62.14-.247.073-.467-.033-.667-.107-.2-.893-2.153-1.227-2.953-.32-.773-.647-.667-.893-.68l-.76-.013c-.253 0-.667.093-1.013.453-.347.36-1.333 1.307-1.333 3.187 0 1.88 1.36 3.693 1.553 3.953.2.267 2.68 4.093 6.52 5.733 3.84 1.64 3.84 1.093 4.533 1.027.693-.067 2.293-.933 2.62-1.84.327-.907.327-1.687.227-1.847-.1-.16-.36-.253-.76-.453z"/></svg>') center/contain no-repeat;
}

/* Скрыть на десктопе */
    
.mobile-menu-btn {
    display: none;
}

@media (max-width: 940px) {

    /* Бургер как в iOS — тонкие полоски, аккуратная геометрия */
    .mobile-menu-btn {
        display: block;
        width: 30px;
        cursor: pointer;
        position: absolute;
        top: 14px;
        right: 16px;
        z-index: 300;
    }

    .mobile-menu-btn span {
        display: block;
        width: 100%;
        height: 2px; /* тоньше — в духе Apple */
        margin: 5px 0;
        background: rgba(255,255,255,0.95); /* чуть мягче */
        border-radius: 1px;
        transition: 0.25s ease;
    }

    /* Полупрозрачный затемняющий фон */
    .mobile-menu-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.40);
        backdrop-filter: blur(2px);
        z-index: 250;
    }

    /* Мобильное меню — теперь ближе к Apple UI */
    .mobile-menu {
        display: none;
        position: absolute;
        right: 15px;
        top: 55px;
        width: 180px;

        background: rgba(255,255,255,0.88);
        backdrop-filter: blur(12px); /* сильное размытие — эффект iOS */

        border-radius: 14px;
        box-shadow: 0 12px 28px rgba(0,0,0,0.22);

        padding: 6px 0;
        z-index: 300;

        animation: fadeSlide 0.28s cubic-bezier(.25,.46,.45,.94);
    }

    @keyframes fadeSlide {
        from {
            opacity: 0;
            transform: translateY(-10px) scale(0.98);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    /* Стиль ссылок как в iOS меню */
    .mobile-menu a {
        display: block;
        padding: 6px 16px; /* чуть меньше */
        font-size: 21px;
        font-weight: 500;
        color: #111;
        text-decoration: none;
        letter-spacing: -0.2px;

        border-bottom: 1px solid rgba(0,0,0,0.06);
    }

    .mobile-menu a:last-child {
        border-bottom: none;
    }

    .mobile-menu a:hover {
        background: rgba(0,0,0,0.05);
        transition: background 0.15s;
    }

    /* Прячем десктопное меню */
    .h-nav-wrap {
        display: none;
    }
}