html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}



html {scroll-behavior: smooth; font-size:12px}
	body {font-size:var(--textFontSize);font-weight: 400;line-height:1.4; font-family:"Montserrat", sans-serif;color:var(--textColor);}
	* {box-sizing:border-box;}
 
		 
:root {
	--mainColor:#147E8A;
	--secondaryColor:#A2D8E1;
	--thirdColor:#557A7F;
	--bgColor:#F5F5F5;
	--accentBgColor:#151231;
	--dangerColor:#FF2334;
	
	--textColor:#001E30;
	--textColorMuted:#739596;
	--headingColor:#001E30;
	--textAccent:#147E8A;
	--textAccentMuted:#A2D8E1;

	--sFontSize:1rem; 
	--textFontSize:1.25rem;
	--lFontSize:2rem; 
	--xlFontSize:2.3rem; 
	--2xlFontSize:3rem; 
	--heroFontSize:4rem; 
	
	--blockBorderRadius:12px;
	--smallBorderRadius:6px;
	--btnBorderRadius:24px;
	--borderColor:#f1f1f1;
	--baseTransition: .3s ease-in-out;
}




.outer {width:calc(100% - 2rem); max-width:1500px; margin:0 auto}
.wrapper {width:calc(100% - 2rem); max-width:1200px; margin:0 auto}
.inner {width:calc(100% - 2rem); max-width:960px; margin:0 auto}

	a {transition:var(--baseTransition); text-decoration:none; color:inherit}
		a:hover {color:var(--textAccent)}
	
	p {margin-bottom:1rem;}
	
	
	h1, h2, h3, h4, h5, h6 {font-family: "Unbounded", sans-serif;}

	
	.btn {border: none;outline: 0;cursor: pointer;display: inline-flex; background:none;padding: 1rem 2rem;font-weight:400;font:inherit; font-size:var(--textFontSize);line-height: 1; transition:.2s;border-radius:var(--btnBorderRadius); align-items: center;justify-content: center;}
		.btn.s1 {background:var(--mainColor); color:#fff}  
			.btn.s1:hover {background-color:#000;}
		.btn.s2 {background:transparent; color:#fff; border:1px solid #fff}  
			.btn.s2:hover {background-color:#000; border-color:#000}
		
		
		.btn.s3 {color: var(--mainColor);border:1px solid var(--mainColor);}  
			.btn.s3:hover {background-color:#000; border-color:#000; color:#fff}
			
		.btn.s4 {color: var(--mainColor);border:1px solid var(--mainColor); font-weight:800}  
			.btn.s4:hover {background-color:var(--mainColor);border-color:var(--mainColor); color:#fff}

		
		.btn.s7 {color: var(--textColor);background:var(--bgColor)}  
			.btn.s7:hover {background-color:var(--secondaryColor); color:#fff}
		
		
		.btn.xs {font-size:var(--sFontSize); padding:0.5rem 1rem; }
		
	.slick-dots { display:flex; gap:0.75rem; margin:2rem 0; justify-content:center;}
		.slick-dots li {display:block;}
		.slick-dots li button { background:var(--mainColor); border:none; font-size:0;    border-radius: 100%;width:1rem;height: 1rem; display:flex; padding:0;transition:.2s; cursor:pointer; opacity:0.6;}
			.slick-dots li:hover  button {opacity:1;}
			.slick-dots li.slick-active button{transform:scale(1.1);opacity:1;}
		
	.slick-arrow {position:absolute; top:50%; transform:translateY(-50%); left:-5rem; width:3rem; height:5rem; border-radius:20px;	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nOScgaGVpZ2h0PScxNycgdmlld0JveD0nMCAwIDkgMTcnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEgMUw2LjYxMDg2IDYuNjc4MDJDNy4zODA3MiA3LjQ1NzEgNy4zODA3MiA4LjcxMDQ5IDYuNjEwODYgOS40ODk1N0wxIDE1LjE2NzYnIHN0cm9rZT0nI0EyRDhFMScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnLz48L3N2Zz4=") center/12px no-repeat, #A2D8E14D;font-size:0;z-index:3; cursor:pointer;transition:var(--baseTransition); margin:-3.5rem 0 0 0; border:none}
		.slick-arrow.slick-next {transform:translateY(-50%) scale(-1,1);margin:3.5rem 0 0 0}
		.slick-arrow:hover {background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nOScgaGVpZ2h0PScxNycgdmlld0JveD0nMCAwIDkgMTcnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEgMUw2LjYxMDg2IDYuNjc4MDJDNy4zODA3MiA3LjQ1NzEgNy4zODA3MiA4LjcxMDQ5IDYuNjEwODYgOS40ODk1N0wxIDE1LjE2NzYnIHN0cm9rZT0nI0EyRDhFMScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnLz48L3N2Zz4=") center/12px no-repeat, #000;}

	
input[type=text],
input[type=tel],
input[type=email] {background-color:rgba(162, 216, 225, 0.3);font-family: inherit;font-size:var(--textFontSize);font-weight: 600;outline: none;transition: 0.3s;border-radius:10px;color: #fff; height:42px; line-height:44px; padding:0 2rem 2px 2rem; display: block;width: 100%;margin: 0 0 3px 0; border:none}
input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder {color:#fff; transition:.5s}
input[type=text]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=email]:focus::placeholder {color:transparent; transition:.5s}

 

.cf7form {display:flex; align-items:flex-start; gap:2rem}
	.cf7form .col {flex:1}
	.cf7form .col.inputs {  display: grid;grid-template-columns: repeat(2, 1fr);gap:calc(2rem - 3px)  2rem; flex-shrink:0; width:100%; max-width:520px; }
		.cf7form .col .input:nth-child(3) { grid-column: 1 / -1;}
		

/*CF7*/
.wpcf7 form.sent .wpcf7-response-output {text-align: center;color: #fff;background-color: #28a745;padding:20px;border-radius:6px;font-size:14px;  margin:20px 0;    border: none;}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {text-align: center;color: #fff;background-color: #dc3545;padding:20px;border-radius:6px;font-size:14px;  margin:20px 0}

.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output	{text-align: center;color: #fff;background-color: #ffc107;padding:20px;border-radius:6px;font-size:14px;  margin:20px 0}

.wpcf7 .wpcf7-not-valid-tip {font-size:10px; text-align:center; color:red;}

.wpcf7-list-item {margin:0}
.wpcf7 .policy { margin-bottom:1rem;    grid-column: 1 / -1;}
.wpcf7 .smart-captcha {margin:1rem 0; min-width:250px; max-width:100%;    height: auto !important;}
.wpcf7 .btn {margin:1rem auto; display:flex; position:relative}
	.wpcf7 .btn:before {content:''; display:block;position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);margin:0; height:75%;aspect-ratio:1/1; background: var(--mainColor);  mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><radialGradient id="a7" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)"><stop offset="0" stop-color="%23FF156D"></stop><stop offset=".3" stop-color="%23FF156D" stop-opacity=".9"></stop><stop offset=".6" stop-color="%23FF156D" stop-opacity=".6"></stop><stop offset=".8" stop-color="%23FF156D" stop-opacity=".3"></stop><stop offset="1" stop-color="%23FF156D" stop-opacity="0"></stop></radialGradient><circle transform-origin="center" fill="none" stroke="url(%23a7)" stroke-width="15" stroke-linecap="round" stroke-dasharray="200 1000" stroke-dashoffset="0" cx="100" cy="100" r="70"><animateTransform type="rotate" attributeName="transform" calcMode="spline" dur="2" values="360;0" keyTimes="0;1" keySplines="0 0 1 1" repeatCount="indefinite"></animateTransform></circle><circle transform-origin="center" fill="none" opacity=".2" stroke="%23FF156D" stroke-width="15" stroke-linecap="round" cx="100" cy="100" r="70"></circle></svg>'); opacity:0; transition:.2s}
	form.submitting .btn[type=submit]:not(:hover) {color:transparent}
	
		form.submitting .btn[type=submit]:before {opacity:1;}
	
.wpcf7 .wpcf7-spinner {display:none}

/*theme style*/
.sectionPretitle {margin-left:250px;font-weight: 600; max-width:450px; margin-bottom:4rem}
.sectionTitle {font-family: "Unbounded", sans-serif; text-transform:uppercase; font-size:var(--heroFontSize); font-weight:600; line-height:1.2; margin-bottom:4rem}	
	.sectionTitle span {display:block; margin-left:250px}
		.sectionTitle span:first-child {margin-left:0}
		
	.sectionTitle mark {background:none; color:var(--textAccent)}
.sectionDesc {margin-left:250px;font-weight: 600; max-width:450px; margin-bottom:4rem}		

	.aboutList {    margin-left: 250px;}
		.aboutList li {display:flex; align-items:center; gap:1rem; padding:0.75rem 0; border-bottom:1px dashed var(--textAccentMuted);font-family: "Unbounded", sans-serif;}
			.aboutList li:before {content:''; display:block;width:2rem; height:2rem; background: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%23EEEADE'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%237F9464'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%230B1013'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M7.39575 12.2805L10.9794 15.8641L19.0426 7.8009' stroke='%23CB9974' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7.39575 12.2805L10.9794 15.8641L19.0426 7.8009' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") center/cover; flex-shrink:0}
			.aboutList li:last-child {border-bottom:0; padding-bottom:0}
			.aboutList li p {margin:0}
				.aboutList li p span {font-weight:600;color:var(--textAccent);}
				

.header .outer {display:flex; gap:1rem}
	.header .main {flex-grow:1; display:flex; align-items:center; gap:2rem; background: rgba(20, 67, 75, 0.8);border-radius: 40px;padding:1rem 3rem}
		.header .main .logo {display:block; width:120px}
			.header .main .logo img {width:100%}
		.header .headerMenuNav {flex-grow:1;}
			.header .headerMenu {display:flex; align-items:center;    justify-content: space-around;}
				.header .headerMenu li {position:relative}
					.header .headerMenu li a {color:#fff; border-bottom:1px solid transparent; }
						.header .headerMenu li a:hover {border-color:#fff}
					
					.header .headerMenu li.menu-item-has-children > a {position:relative; margin-right:1.5rem;}
					.header .headerMenu li.menu-item-has-children > a:after {content:''; display:block; width:0.5rem; height:0.5rem; transform:rotate(45deg); border-right:2px solid var(--textAccent);border-bottom:2px solid var(--textAccent); position:absolute;    top: 4px;right: -1.5rem; transition:.2s}
					
					.header .headerMenu li ul {position:absolute; top:100%; left:0; background:#fff; padding:2rem; display:flex; flex-direction:column;gap:1rem; z-index:5; width:280px; border-radius:var(--blockBorderRadius); opacity:0; visibility:hidden; transform:translateY(20px); transition:.5s;z-index:55}
						.header .headerMenu li ul li a {color:var(--textColor)}
							.header .headerMenu li ul li a:hover {color:var(--textAccent)}
						
					.header .headerMenu li.menu-item-has-children:hover ul {opacity:1; visibility:visible; transform:translateY(0)}
						.header .headerMenu li.menu-item-has-children:hover > a:after {opacity:0}
		
		.catalogBurger {display:none}

	.header .phone {flex-shrink:0; display:flex; align-items:center; gap:0.5rem;background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #A2D8E1, #A2D8E1), rgba(20, 126, 138, 0.6);border-radius: 40px;padding:1rem 3rem; color:var(--textColor); font-weight:600}
		.header .phone svg {display:block; width:2rem}

.floatingBlock {position:fixed; z-index:60; bottom:40px; left:max(1rem, calc(50vw - 750px));display:flex; flex-direction:column}
	.floatingBlock > a {width:100%; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; margin-bottom:10px; background:currentColor; color:#fff; border-radius:100%; border:1px solid;    box-shadow: 0 0 10px 0px #7d7b7b;}
		.floatingBlock > a svg {display:block;}
		.floatingBlock > a:hover {color:rgba(255,255,255,0.8)}
	.floatingBlock .wrap {background:#fff; border:1px solid #fff; border-radius:20px; padding:8px 6px; display:flex; flex-direction:column; gap:8px;    box-shadow: 0 0 10px 0px #7d7b7b;}
		.floatingBlock .wrap a {display:block; width:30px; height:30px}
			.floatingBlock .wrap a svg {width:100%; height:100%; display:block}
				.floatingBlock .wrap a svg .gf {transition:.2s}
					.floatingBlock .wrap a:hover svg .gf{fill:#000}
			
.heroBlock {position:relative; padding:3rem 0; color:#fff }
	.heroBlock > img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; opacity:0.95;border-radius:0 0 70px 70px;background:#000;   }

	.heroBlock .header {position:relative;z-index: 60; }
	
	.heroBlock .wrapper {margin-top:8rem; position:relative; display:flex; align-items:flex-end; gap:3rem; justify-content:space-between;z-index:51}
		.heroBlock .wrapper .text {color:#fff}
			.heroBlock .wrapper .text h1 {font-family: "Unbounded", sans-serif; text-transform:uppercase; font-size:var(--heroFontSize); font-weight:600; line-height:1.2; max-width:680px; margin-bottom:2rem}
			.heroBlock .wrapper .text .desc {max-width:680px;margin-bottom:2rem; font-size:var(--lFontSize); font-weight:600}
			.heroBlock .wrapper .text img {display:block; margin-left:-90px;} 
		
		.heroBlock .wrapper .promo {background: rgba(162, 216, 225, 0.4);border: 2px solid #FFFFFF;border-radius: 100px 100px 20px 100px;padding:15px; max-width:300px}
			.heroBlock .wrapper .promo img {display:block; border-radius: 90px 90px 10px 90px;width:100%}
			.heroBlock .wrapper .promo .desc {text-align:center; margin:1rem 0}
				.heroBlock .wrapper .promo .desc span {border-bottom:1px solid}
			.heroBlock .wrapper .promo .btn {display:table; margin:0 auto}	
			
.pageHero {}	
	.pageHero > .shadow{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; background:#0000003b; backdrop-filter:blur(5px); border-radius:0 0 70px 70px;}
	.heroBlock.pageHero .wrapper .text h1 {max-width:100%}
	.heroBlock.pageHero .wrapper .text .desc {max-width:900px;}
	.heroBlock.pageHero .wrapper .text .price {font-size:var(--lFontSize); font-weight:600}
		.heroBlock.pageHero .wrapper .text span {color:var(--textAccentMuted)}		
	.heroBlock.pageHero .wrapper .text .btn {margin-top:1rem}
	
.aboutBlock  {padding:calc(4rem + 70px) 0; background:url(../images/about-bg.svg) right center no-repeat; margin:-70px 0 }
	.aboutBlock > svg {position:absolute; bottom:0; right:0;display:block;transform: translateY(50%);z-index: 50;}
	.aboutBlock .inner {position:relative;    z-index: 51;}
		.aboutBlock .img {position:absolute; bottom:0; left:0; width:220px; height:190px; object-fit:cover; border-radius:100px 100px 100px 20px; border:12px solid #DAEFF3; box-sizing:border-box;}
		
		
.servicesList {position:relative; background:#000; padding:6rem 0; border-radius:70px; overflow:hidden; color:#fff }
	.servicesList > img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
	
	
	.servicesList .inner {position:relative}
		.servicesList .sectionTitle mark {color:var(--textAccentMuted)}
	.servicesList .wrapper {position:relative; display:flex; padding:4rem 0}
		.servicesList .slider {margin:0 -0.5rem; width:calc(50vw + 600px)}
			.servicesList .slick-track {display:flex;}
				.servicesList .slick-slide {height:auto;}
					.servicesList .slick-slide > div {padding:2px 0.5rem; height:100%;}
					.servicesList .slider .item {height:100%;background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)),linear-gradient(180deg, rgba(162, 216, 225, 0.5) 0%, rgba(20, 67, 75, 0.5) 64.42%);padding:3rem 2rem 2rem 2rem ;  width:375px !important; display:flex!important; flex-direction:column;border-radius:var(--blockBorderRadius);outline:2px solid transparent; transition:.2s;  }
						.servicesList .slider .item .head {display:flex; align-items:center; gap:1rem; margin-bottom:2rem; }
							.servicesList .slider .item .head .count {margin-right:auto; font-family: "Unbounded", sans-serif; }
								.servicesList .slider .item .head .count span {font-size:var(--sFontSize);color:var(--textAccentMuted)}
							.servicesList .slider .item .head .price {display:inline-block}
								.servicesList .slider .item .head span {font-size:var(--sFontSize);color:var(--textAccentMuted)}
							.servicesList .slider .item .head i {display:block;width:2rem; height:2rem; background: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%23EEEADE'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%237F9464'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%230B1013'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M7.39575 12.2805L10.9794 15.8641L19.0426 7.8009' stroke='%23CB9974' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7.39575 12.2805L10.9794 15.8641L19.0426 7.8009' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") center/cover; }
						.servicesList .slider .item .title {font-family: "Unbounded", sans-serif;font-size:var(--xlFontSize); margin-bottom:4rem}
						.servicesList .slider .item .desc {margin-top:auto;margin-bottom:1rem; transition:.2s }
							.servicesList .slider .item .desc ul {padding: 0 0 0 1rem;margin-bottom: 2rem;font-weight: 600;list-style: disc;display: flex;flex-direction: column;gap: 0.5rem;list-style-position: inside;}
								.servicesList .slider .item .desc ul span {color:var(--textAccentMuted)}
						.servicesList .slider .item .more{transform:translateY(39px); margin-top:-39px; opacity:0; transition:.2s; align-self:flex-end;}
						
						.servicesList .slider .item:hover {outline:2px solid #fff}
							.servicesList .slider .item:hover .desc {transform:translateY(-39px); }
							.servicesList .slider .item:hover .more{transform:translateY(0);  opacity:1}
	
	
	.servicesList .other {display:flex; gap:4rem}
		.servicesList .other .title {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; max-width:320px; }
			.servicesList .other .title .text {font-family: "Unbounded", sans-serif; font-size:var(--lFontSize); line-height:1.2}
		.servicesList .other .list {}
			.servicesList .other .item {display:flex; align-items:center; gap:1rem; padding:0.75rem 0; border-bottom:1px dashed var(--textAccentMuted);font-family: "Unbounded", sans-serif;}
				.servicesList .other .item:before {content:''; display:block;width:2rem; height:2rem; background: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%23EEEADE'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%237F9464'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%230B1013'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M7.39575 12.2805L10.9794 15.8641L19.0426 7.8009' stroke='%23CB9974' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7.39575 12.2805L10.9794 15.8641L19.0426 7.8009' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") center/cover; flex-shrink:0}
				
				.servicesList .other .item span {display:block; margin-left:auto; flex-shrink:0; font-family: "Montserrat", sans-serif;}
			.servicesList .other .item:last-child {border-bottom:0; padding-bottom:0}

.homeContentBlock1 {position:relative; background:url(../images/home_bg1.svg) left top -300px no-repeat;border-radius: 0 0 70px 70px;
    overflow: hidden;}
	.homeContentBlock1 > img {position:absolute; bottom:0; left:0; width:100%; min-height:1000px; object-fit:cover;}
	.homeContentBlock1 .img {position:absolute; bottom:0; left:0; width:100%; min-height:1300px; background-size:cover;background-attachment: fixed;}
	
	
	
.galleryBA {padding:4rem 0; position:relative}
	.galleryBA .slick-slide {box-sizing: border-box;padding: 0 1rem;}
		.galleryBA .item {padding:1rem; border-radius:var(--blockBorderRadius); background:var(--thirdColor); }
		.slideBeforeAfter {position: relative;overflow: hidden;width:100%; height:250px}
			.slideBeforeAfter img  {display:block;width:100%; height:100%;    object-fit: cover; }
			.slideBeforeAfter__before {position: absolute;top: 0;left: 0;height: 100%;overflow: hidden;}
			.slideBeforeAfter__slider {position: absolute;top: 0;bottom: 0;width: 4px;background:var(--thirdColor);border: none;cursor: ew-resize;z-index: 10;transform: translateX(-50%);}
				.slideBeforeAfter__slider:after {content:''; display:block; width:44px; height:44px; background:url(../images/ba-slider.svg);position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}
			.slideBeforeAfter__legend {position:absolute; left:1rem; bottom:1rem; right:1rem; display:flex; align-items:center; justify-content:space-between;z-index:11}
				.slideBeforeAfter__legend div {display:flex; align-items:center; gap:0.5rem;}
					.slideBeforeAfter__legend div:before {content:''; display:block;width:2.5rem; height:2.5rem; background: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%23EEEADE'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%237F9464'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%230B1013'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M7.39575 12.2805L10.9794 15.8641L19.0426 7.8009' stroke='%23CB9974' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7.39575 12.2805L10.9794 15.8641L19.0426 7.8009' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") center/cover; }
					.slideBeforeAfter__legend div.__before:before{background-image: url("data:image/svg+xml,%3Csvg width='28' height='27' viewBox='0 0 28 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.8629' cy='13.582' r='13.3149' fill='%23EEEADE'/%3E%3Ccircle cx='13.8629' cy='13.582' r='13.3149' fill='%237F9464'/%3E%3Ccircle cx='13.8629' cy='13.582' r='13.3149' fill='%230B1013'/%3E%3Ccircle cx='13.8629' cy='13.582' r='13.3149' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M19.9662 8.03394L9.42525 18.5749' stroke='%23A2D8E1' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19.9658 18.5749L9.42488 8.03394' stroke='%23A2D8E1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
					.slideBeforeAfter__legend span {display:block; background:#000; color:#fff; font-size:var(--sFontSize);font-family: "Unbounded", sans-serif; border-radius:var(--blockBorderRadius); padding:0.25rem 1rem} 
			
			.galleryBA .item .info {display:flex; gap:2rem; margin-top:2rem; color:#fff;}
				.galleryBA .item .info .title {font-family: "Unbounded", sans-serif; }
				.galleryBA .item .params {width:220px; flex-shrink:0;display:flex; align-items:center;  gap:1rem 2rem; flex-wrap:wrap;    margin-left: auto;}
					.galleryBA .item .params div {display:flex; align-items:ceter;  gap:0.5rem;}
						.galleryBA .item .params div svg {display:block}

.galleryBA  + .reviewsBlock  {padding-top:0}
.reviewsBlock {padding:4rem 0;    overflow: hidden; position:relative}
	.reviewsBlock .reviewsShifterInner {transform:translateX(-50%)}
			.reviewsBlock .reviewsShifterInner + .reviewsShifterInner {margin-top:20px}
		.reviewsBlock .reviewsShifter {display:flex; gap:20px;min-width:200%; justify-content:center; }
			.reviewsBlock .reviewsShifter .item {width:580px; flex-shrink:0; padding:24px; box-sizing:border-box; border-radius:20px;background:#fff; display:flex; flex-direction:column; background:#fff}
				.reviewsBlock .item .head {display:flex; align-items:center; margin-bottom:24px; gap:24px;}
					.reviewsBlock .item .head img {display:block; width:70px; height:70px; border-radius:100%; object-fit:cover;flex-shrink: 0;}
					.reviewsBlock .item .head .name {font-size:var(--lFontSize); font-family: "Unbounded", sans-serif;line-height:1.2 }
					.reviewsBlock .item .head .town {}
					.reviewsBlock .item .head .cat {margin-left:auto; font-size:var(--sFontSize); color:var(--textAccent); display:flex; align-items:center;max-width:160px}
						/*.reviewsBlock .item .head .cat:before {content:''; display:block; width:24px; height:24px; margin-right:12px; background:url(../images/check-main.svg) center/contain; flex-shrink:0; }*/
						
						
		.rewsItem .text {margin-bottom:30px; line-height:1.5}
			.reviewsBlock .item p {margin-bottom:0}
	
.reviewsBlock  + .faqBlock  {padding-top:0}


.reviewsBlockMobile  {display:none;}
	

.faqBlock {padding:4rem 0;    overflow: hidden; position:relative; color:#fff;}
	.faqBlock .list {display:flex; flex-direction:column; gap:1rem; margin-top:4rem; color:var(--textColor)}
		.faqBlock .item {padding:2rem 3rem; background:#FFFFFF; border-radius:var(--blockBorderRadius)}
			.faqBlock .item .head {display:flex; align-items:center; gap:3rem; cursor:pointer}
				.faqBlock .item .head span { flex-shrink:0; color:var(--textAccent);font-family: "Unbounded", sans-serif;}
				.faqBlock .item .head .title {font-weight:bold}
				.faqBlock .item .head i { flex-shrink:0; color:var(--textAccent);font-family: "Unbounded", sans-serif; font-weight:bold; margin-left:auto;}
			.faqBlock .item .body {max-height:0; overflow:hidden; transition:.2s}
				.faqBlock .item.isActive .body {max-height:500px; margin-top:2rem}
	
	.faqBlock .btn {margin:2rem auto 0 auto;    display: table;}

.callbackBlock  {padding:calc(4rem + 70px) 0 0 0; margin-top:-70px; background:url(../images/home-bg3.svg) left 30% center no-repeat; } 
	.callbackBlock .list {margin:4rem 0;display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;}
		.callbackBlock .list .item {border-radius:var(--blockBorderRadius); padding:2rem; display:flex; flex-direction:column; background: linear-gradient(180deg, rgba(162, 216, 225, 0.6) 0%, rgba(20, 126, 138, 0.6) 64.42%); color:#fff} 
			.callbackBlock .list .item .title {display:flex; align-items:flex-start;gap:2rem;font-family: "Unbounded", sans-serif;font-size: var(--lFontSize); line-height:1.2; margin-bottom: 4rem;}
				.callbackBlock .list .item span {display:flex; align-items:center; gap:0.5rem; flex-direction:column; font-size:var(--textFontSize); color:var(--textAccent); margin-left:auto} 
					.callbackBlock .list .item span:before {content:''; display:block;width:2rem; height:2rem; background: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%23EEEADE'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%237F9464'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='%230B1013'/%3E%3Ccircle cx='13.0001' cy='12.1691' r='12.0716' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M7.39575 12.2805L10.9794 15.8641L19.0426 7.8009' stroke='%23CB9974' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7.39575 12.2805L10.9794 15.8641L19.0426 7.8009' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") center/cover; }
			.callbackBlock .list .item .desc {margin-top:auto;}
	.callbackBlock .contacts {margin-left:250px; margin-bottom:4rem}
		.callbackBlock .contacts > a {display:flex; align-items:center; gap:1rem; font-size:var(--xlFontSize); font-weight:bold}
		.callbackBlock .time  {font-weight: 600; max-width:450px; margin-top:0.5rem}		
		
	.form {background:#1C4850; padding:2rem 3rem; border-radius:var(--blockBorderRadius)}
		.form .wpcf7 .policy {color:#fff;font-size:var(--sFontSize)}
			.form .wpcf7 .policy input {width: 14px;height: 14px;margin: 1px 0 0 0;position: relative;top: 3px;}
			
		.form .wpcf7 .requred {color:#fff;font-size:var(--sFontSize)}
		.form .wpcf7 .btn {margin-right:0}
	.footer {display:flex; padding:3rem 0 }
		.footer .wrapper {display:flex; justify-content:space-between; gap:2rem}
			.footer .main {}
				.footer .main p:first-child {font-weight:600}
			.footer .footerMenu > ul {column-count:2; column-gap:1rem;}
				.footer .footerMenu > ul > li {margin-bottom:1rem; font-weight:600}
					.footer .footerMenu > ul > li a {color:var(--textAccent)}
						.footer .footerMenu > ul > li a:hover {color:var(--textAccentMuted)}
				.footerMenu > ul ul {display:none}
			.footer .copy {    display: flex;flex-direction: column;align-items: flex-end;gap:0.75rem; padding-bottom:1rem; align-self:flex-end}
				.footer .copy a {color:var(--textColor); font-weight:600}
					.footer .copy a:hover {color:var(--textAccent)}  
/**/


.homeHero {padding:4rem 0}
	.homeHero .slider {margin-bottom:4rem;width:100%; }
		.homeHero .slider .item {background:var(--bgColor); border-radius:var(--blockBorderRadius); padding:5rem 4rem; position:relative }
			.homeHero .slider .item .title  {font-size:var(--2xlFontSize);line-height:1.1; font-weight:800; margin-bottom:2rem;max-width:40%;}
			.homeHero .slider .item .desc   {font-size:var(--lFontSize);  margin-bottom:2rem;max-width:40%;}
			.homeHero .slider .item img {display:block; position:absolute; right:0; bottom:0;height: 100%;width:60%;object-fit: cover;}
	
		.homeHero .slider .item.reverse {}
			.homeHero .slider .item.reverse .title {margin-left:auto}
			.homeHero .slider .item.reverse .desc {margin-left:auto}
			.homeHero .slider .item.reverse img {left:0; right:auto;}

	.homeHero .advantagesList   {padding-bottom:0}
	
/*modules*/


.pageDescription {padding:4rem 0}

/*breadcumbs*/
.breadcrumbs {display:flex; align-items:center; flex-wrap:wrap;gap:0.5rem; font-size:1rem; line-height:1; font-weight:400}
	 .breadcrumbs li {display:flex; gap:0.5rem}
	
/*blog list*/
.blogList {padding:4rem 0}
	.postslist {display: grid;gap: 2rem;}
		.postslist .item {}
		
.postLoop  {display:flex; flex-direction:column; position:relative}		
	.postLoop .category {position:absolute; top:1rem; left:1rem}
	.postLoop .img {display:block; border-radius:var(--blockBorderRadius); overflow:hidden; height:240px;margin-bottom:2rem }
		.postLoop img {width:100%; height:100%; display:block; object-fit:cover;transition:.2s}
			.postLoop .img:hover img {transform:scale(1.1)}
	.postLoop .title {display:block; font-size:var(--lFontSize); font-weight:800; margin-bottom:1rem}			
	.postLoop .desc {margin-bottom:1rem}
	.postLoop .tags {margin-bottom:0.5rem}
		.postLoop .tags a {font-size:var(--sFontSize);color:var(--textColorMuted)}
			.postLoop .tags a:hover { color:var(--textColor);}
		
	.postLoop .date {color:var(--textColorMuted); font-size:var(--sFontSize); margin-top:auto;}	
	
	.postslist.col2 {grid-template-columns: repeat(2, 1fr);}
	.postslist.col3 {grid-template-columns: repeat(3, 1fr);}
	.postslist.col4 {grid-template-columns: repeat(4, 1fr);}
	
/*pagintaion*/
.pagination {margin:2rem 0; display:flex; justify-content:center;}
	.pagination ul { display:flex; justify-content:center;gap:0.5rem}
		.pagination ul li {display:block;}
			.pagination ul li a,
			.pagination ul li span { border:1px solid var(--borderColor);border-radius:var(--smallBorderRadius); width:3rem; height:3rem;display:flex; align-items:center;justify-content:center;  text-align:center; color:var(--textColor);}
				.pagination ul li span {border-color:transparent}
				.pagination ul li a:hover {color:#fff; background:var(--mainColor); border-color:var(--mainColor)}
				.pagination ul li .current {color:#fff; background:var(--mainColor); border-color:var(--mainColor)}
	
	.pagination .btn { }
	
/*не найдено*/
.contentNotFound {display:flex;flex-direction:column;  align-items:center; justify-content:center; gap:2rem}
	.contentNotFound img {display:block; max-width:100%; margin:0 auto}
	.contentNotFound .title {text-align:center; font-weight:800; font-size:var(--xlFontSize)}
	.contentNotFound .subtitle {text-align:center; }
	 
/*архив записей*/
.postsArchiveHero {padding:2rem 0 0 0}
	.postsArchiveHero .sectionTitle {margin-bottom:0; margin-top:2rem}
	
.prime.postsArchiveHero {color:#fff}
	.prime.postsArchiveHero .wrapper {position:relative; padding:8rem 4rem; border-radius:var(--blockBorderRadius);background:#000; overflow:hidden}
		.prime.postsArchiveHero .wrapper > * {position:relative; z-index:5}
		.prime.postsArchiveHero .wrapper > img {position:absolute; top:0; left:0; width:100%; height:100%;z-index:4; opacity:0.6; object-fit:cover;}

.postsArchiveCategoryList {padding:2rem 0 0 0}	
	.postsArchiveCategoryList .wrapper {display:flex; gap:1rem; flex-wrap:wrap; padding:0}
		.postsArchiveCategoryList a {display:block}
	

.singlePost .typography h1.sectionTitle {color:var(--headingColor);font-size:var(--xxlFontSize);  margin-bottom:2rem; font-weight:700; line-height:1.2}
	



/*page*/

.singlePageBreadcrumbs {padding:1rem 0}

.singlePage  {padding:4rem 0}
	.singlePageBreadcrumbs + .singlePage {padding-top:2rem}
	
/*Страницы*/
.commonPageBody {background: url(../images/home-bg3.svg) left 30% bottom no-repeat;}
	.commonPageBody .callbackBlock {background:none; margin:0; padding:4rem 0 0 0}
	.commonPageContent  {padding:4rem 0 8rem 0;margin-bottom:-4rem;  background:linear-gradient(to bottom, #fff 0%, #fff 50%, rgba(255,255,255,0.5) 75%, transparent 100%)}
	
.commonPageBody .faqBlock .item {background:#eeeeee54}
	
/*Услуги*/	
.singleServicesPage {}
	.commonPageBody  .breadcrumbs {margin-bottom:4rem}

/*Страница записи*/

	 
.singlePostPage {padding:2rem 0 4rem 0; }
	.singlePostPage .hero {position:relative; padding:8rem 4rem; border-radius:var(--blockBorderRadius);background:#000; overflow:hidden; color:#fff; margin-bottom:2rem}
		.singlePostPage .hero > * {position:relative; z-index:5}
		.singlePostPage .hero .sectionTitle {margin-bottom:0; margin:2rem 0}
		.singlePostPage .hero > img {position:absolute; top:0; left:0; width:100%; height:100%;z-index:4; opacity:0.6; object-fit:cover;}
		.singlePostPage .hero .tools {font-size:var(--sFontSize);display:flex; flex-wrap:wrap; gap:0.5rem;}
		.singlePostPage .hero .categories {display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem}
		.singlePostPage .hero .tags {display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem}
	.singlePostPage	.content {}

/*text content*/	
.typography {position: relative;}
	.typography > *:first-child {margin-top:0}
	.typography p {margin-bottom:1rem;}
	.typography h1 {font-size: var(--heroFontSize);font-weight: 700;margin:2rem 0; color:var(--headingColor)}

	.typography h2 {font-size: var(--2xlFontSize);font-weight: 700;margin:2rem 0; color:var(--headingColor)}
	.typography h3 {font-size: var(--xlFontSize); font-weight: 700;margin:2rem 0; color:var(--headingColor)}
	.typography h4 {font-size: var(--xlFontSize);  font-weight: 700;margin:2rem 0; color:var(--headingColor)}
	
	.typography h5 {font-size: var(--lFontSize); font-weight: 600;margin:2rem 0; color:var(--headingColor)}
	.typography h6 {font-size: var(--lFontSize); font-weight: 500;margin:2rem 0; color:var(--headingColor)}

	.typography strong, .typography b {font-weight:700}
	
	.typography em, .typography i {font-style:italic}
	
	.typography a {color:var(--mainColor); font-weight:500}
		.typography a:hover {color:var(--headingColor)}
		
	.typography ul {margin:1rem 0; list-style:disc; list-style-position:inside; padding:0 0 0 1rem}
		.typography ul li {margin-bottom:0.5rem}
			.typography ul li:last-child {margin-bottom:0}
			
	.typography ol {margin:1rem 0; list-style:decimal; list-style-position:inside; padding:0 0 0 1rem}
		.typography ol li {margin-bottom:0.5rem}
			.typography ol li:last-child {margin-bottom:0}
			
	.typography .gallery {display:flex; gap:2rem;margin:2rem 0;  flex-wrap:wrap}
		.typography .gallery.columns1 > a {width:100%}
		.typography .gallery.columns2 > a {width:calc(50% - 1rem)}
		.typography .gallery.columns3 > a {width:calc(33.333% - 4rem/3)}
		.typography .gallery.columns4 > a {width:calc(25% - 6rem/4)}
		.typography .gallery.columns5 > a {width:calc(20% - 8rem/5)}
		
		.typography .gallery.columns6 > a {width:calc(100%/6 - 2rem*5/6)}
		.typography .gallery.columns7 > a {width:calc(100%/7 - 2rem*6/7)}
		.typography .gallery.columns8 > a {width:calc(100%/8 - 2rem*7/8)}
		.typography .gallery.columns9 > a {width:calc(100%/9 - 2rem*8/9)}
		
			.typography .gallery a img {display:block; width:100%; height:100%; object-fit:cover;}
		
	.typography img.size-full {width:100%; display:block; margin:2rem auto}
	.typography img.alignleft {float:left; margin:0 2rem 2rem 0;display:block;width:auto;}
	.typography img.alignright {float:right; margin:0 0 2rem 2rem;display:block;width:auto;}
		
	.typography .postTableWrapper {margin:2rem auto; overflow-x:auto; width:100%}
		.typography table {width:100%; border-collapse: collapse; } 
			.typography table th {padding:0.5rem 1rem; font-weight:bold;border: 1px solid #dddddd;}
				
			.typography table td {padding:0.5rem 1rem; border: 1px solid #dddddd; }
				
				.typography table tr td:first-child, .typography table tr th:first-child {border-left: none;}
				.typography table tr td:last-child, .typography table tr th:last-child {border-right: none;}
				
				.typography table tr:nth-child(even){background: #f3f3f3;}

	.typography > *:last-child {margin-bottom:0}
	

	.typography blockquote {background:#eee; padding:2rem; font-style:italic;margin-left: 0; margin:2rem 0;}
	.typography code {background: #f4f4f4;color: #d63384;padding: 2rem;font-family: monospace; display:block;border-radius: var(--smallBorderRadius);margin:2rem 0; font-size:var(--sFontSize)}

	.typographyNotice,
	.typographyWarning,
	.typographyAlert { padding:1rem 1rem 1rem 4rem;margin: 1em 0;border-left: 4px solid;border-radius:var(--smallBorderRadius);position: relative;font-style: normal;font-family:inherit;color: #333;}

	.typographyNotice::before,
	.typographyAlert::before,
	.typographyWarning::before {content: '';position: absolute;left: 12px;top:50%; transform:translateY(-50%)}

	.typographyNotice {background-color: #fffbe6;border-color: #ffe58f;}
	.typographyNotice::before {content: 'ℹ️';}

	.typographyWarning {background-color: #ffe4e4;border-color: #f98d8d;}
	.typographyWarning::before {content: '⚠️';}

	.typographyAlert {background-color: #fff1f0;border-color: #ff4d4f;}
	.typographyAlert::before {content: '❌';}

	.typography blockquote > *:last-child,
	.typography code > *:last-child,
	.typography .typographyNotice > *:last-child,
	.typography .typographyWarning > *:last-child,
	.typography .typographyAlert > *:last-child	{margin-bottom:0}

	
/*Notis*/
#notes {position: fixed;top:30px;width: 100%; cursor: default;pointer-events: none;z-index: 10000; display:flex; justify-content:center;flex-direction: column;}
	#notes .note-item {opacity: 1;transition: all 0.2s linear;user-select: none;z-index: 2;pointer-events: auto;display: flex;align-content: flex-start;align-items:center; gap:1rem; justify-content: flex-start;font: inherit;line-height: 1;color: #fff;margin: 0 auto 1em auto;transform: translateZ(0);padding:1rem 2rem; font-size:1rem; text-align:center; font-weight:400;border-radius: 0.5rem;}
		#notes .note-item[data-type=info] {background-color:#343434;}
		#notes .note-item[data-type=success] {background-color:#343434;}
		#notes .note-item[data-type=danger] {background-color:#e46c77; animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;}
		#notes .note-item[data-type=warning] {background-color:rgba(158, 122, 23, 0.8); animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;}
			#notes .note-item .note-item-text {}
			#notes .note-item .note-item-btn {width: 15px;height: 15px;cursor: pointer;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=) no-repeat 0 0/contain;transition: opacity 0.2s;border: none; outline:none !important; }
				#notes .note-item .note-item-btn:hover {opacity: 0.6;}
		
@media (max-width:600px) {#notes .note-item {max-width: 90vw;}}
@keyframes shake {
	10%, 90% {transform: translate3d(-1px, 0, 0);}
	20%, 80% {transform: translate3d(2px, 0 0);}
	30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
	40%, 60% {transform: translate3d(4px, 0, 0);}
}

/*fmp*/
.smallDialog {background: white;padding:2rem 3rem;text-align: left;max-width: 40rem;margin:4rem auto;position: relative;}
	.smallDialog .title {font-size: var(--lFontSize);    font-family: "Unbounded", sans-serif;
    text-transform: uppercase; text-align:center; font-weight: 600;margin:0 0 2rem 0; color: var(--headingColor);}
	
	.smallDialog .cf7form {display:block}
		.smallDialog .cf7form .col.inputs {display: flex;flex-direction: column;gap: 1rem;}
			.smallDialog .wpcf7 .policy {margin:1rem 0; font-size:var(--sFontSize)}
			.smallDialog .wpcf7 .requred {font-size:var(--sFontSize)}
			
			.smallDialog input[type=text], .smallDialog input[type=tel], .smallDialog input[type=email] {background-color:none;color:var(--textColor);border:1px solid #eee}
				.smallDialog input[type=text]::placeholder, .smallDialog input[type=tel]::placeholder,	.smallDialog input[type=email]::placeholder {color:var(--textColor);}
			
			.smallDialog .wpcf7 .btn.s2 {background:var(--mainColor); color:#fff}  
				.smallDialog .wpcf7 .btn.s2:hover {background-color:#000;}

@media (max-width:1368px)	{
	.slick-arrow {left:-2rem}
}	


@media (max-width:1300px)	{


.header .main  {transition:.5s; position:relative}
	.header .headerMenu {background: rgba(20, 67, 75, 0.9); padding:1rem 3rem 2rem 3rem; border-radius:0 0 40px 40px; opacity:0; transform:translateY(20px); visibility:hidden; position:absolute; top:100%; left:0; width:100%; z-index:60;transition:.5s;flex-direction: column;    gap:0.5rem;}
		.header .headerMenu li {width:100%;}
			.header .headerMenu  > li >  a{font-weight:600}	
				.header .headerMenu > li > a:after {display:none !important}
		.header .headerMenu li ul {position:static; opacity:1; transform:translateY(0); visibility:hidden; background:0; padding:0.5rem 0 0.5rem 1rem; gap:0.5rem; width:100%}
			.header .headerMenu li ul li a {color:#fff}
				.header .headerMenu li ul li a:hover {color:#fff}
							
	.catalogBurger {color:#fff;display:block; position: relative;width: 1.5rem;height: 1rem;border: 2px solid;border-left: 0;border-right: 0; margin-right:1rem; cursor:pointer;}
	
		.catalogBurger:after, .catalogBurger:before {content: "";display: inline-block;border-top: 2px solid;position: absolute;top: 50%;margin-top:-1px;left: 0;width: 100%;transition:.2s;}

.menuIsOpen .header .main {border-radius:40px 40px 0 0;background: rgba(20, 67, 75, 0.9) }
	.menuIsOpen .header .headerMenu {opacity:1; transform:translateY(0); visibility:visible}
	.menuIsOpen .catalogBurger {border-top-color: transparent;border-bottom-color: transparent;}
		.menuIsOpen .catalogBurger:before {transform: rotate(45deg);}
		.menuIsOpen .catalogBurger:after {transform: rotate(-45deg);}

	.menuIsOpen .header .headerMenu li ul {visibility:visible; }

/*asdasdasdasdas d asd asd asd */

.heroBlock .wrapper {flex-direction:column; align-items:flex-start}	
	.heroBlock .wrapper .text {}
		.heroBlock .wrapper .text img {display:none}
	.heroBlock .wrapper .promo {margin:2rem auto 0 auto; max-width:600px;background:rgba(20, 67, 75, 0.8)}
	
.galleryBA .item .info {flex-direction:column; gap:1rem}

.callbackBlock .list {grid-template-columns: repeat(2, 1fr);} 

.slick-arrow {display:none !important}  
} 

@media (max-width:1100px)	{
.footer .wrapper {flex-direction: column; gap: 1rem; align-items: center; text-align: center}
	.footer .footerMenu > ul {column-count:1}	
	.footer .copy {align-items:center; align-self:center;}
}
@media (max-width:960px)	{
html {font-size:11px}
.sectionPretitle {margin-left:0}
.sectionTitle span {margin-left:0px; display:inline}	
.sectionDesc {margin-left:0; max-width:100%}
.aboutList  {margin-left:0; max-width:100%}

.heroBlock {border-radius:0 0 20px 20px}
	.heroBlock > img {border-radius:0 0 20px 20px}
	
	.heroBlock .wrapper .promo {border-radius:20px }
		.heroBlock .wrapper .promo img {border-radius:20px }
		
.aboutBlock .img {display:none}


.servicesList {border-radius:20px}
	.servicesList .other {flex-direction:column; gap:2rem}
		.servicesList .other .title {max-width:100%; align-self:center; text-align:center;gap:1rem; align-items:center;}

.pageHero > .shadow {background:rgb(0 0 0 / 75%); backdrop-filter: blur(0px);}
	.pageHero > .shadow {border-radius:0 0 20px 20px}

.form  .cf7form  {display:block}
	.form .cf7form .col.inputs {max-width:100%; margin-bottom:2rem}
	.form .wpcf7 .btn {margin-right:auto; }
	
.homeContentBlock1  {border-radius:0 0 20px 20px}


.homeContentBlock1 .img {filter: blur(3px); background: linear-gradient(to bottom, #D4EDF1, transparent 30%), url(/wp-content/uploads/2025/07/home3-scaled.webp) center bottom / cover no-repeat !important;}
.reviewsBlockPc {display:none}
.reviewsBlockMobile  {display:block}
	.reviewsBlockMobile .item {padding: 24px; box-sizing: border-box;border-radius: 20px; background: #fff;display: flex;flex-direction: column;background: #fff;}
	

	
}

@media (max-width:750px)	{
:root {
    --sFontSize: 1rem;
    --textFontSize: 1.25rem;
    --lFontSize: 1.5rem;
    --xlFontSize: 2rem;
    --2xlFontSize: 2.5rem;
    --heroFontSize: 3rem;
}	

.heroBlock .wrapper .promo {max-width:480px}		

.callbackBlock .contacts {margin-left:0}
}


@media (max-width:567px)	{
:root {
    --sFontSize: 1rem;
    --textFontSize: 1.25rem;
    --lFontSize: 1.5rem;
    --xlFontSize: 1.8rem;
    --2xlFontSize: 2rem;
    --heroFontSize: 2.5rem;
}	

.sectionTitle {font-size:var( --xlFontSize)}

.header .phone {display:none}


.servicesList .slider .item {width:250px !important; padding:2rem 1rem}
	.servicesList .slider .item .title {font-size:var(--lFontSize)}
	
.callbackBlock .list {grid-template-columns: repeat(1, 1fr);}

.form {padding:2rem}
	.form .cf7form .col.inputs {display: flex;flex-direction: column;gap: 1rem;}


.reviewsBlock .reviewsShifterInner + .reviewsShifterInner {margin-top:10px}	
	.reviewsBlock .reviewsShifter {gap:10px}
	.reviewsBlock .reviewsShifter .item {width: 320px; padding:10px;}
		.reviewsBlock .item .head {gap:12px}
			.reviewsBlock .item .head img {width:50px; height:50px}


.reviewsBlockMobile .item {padding:24px 12px; width:100%; }	 
	
.faqBlock .item {padding:2rem}	
	.faqBlock .item .head span {display:none}
}

@media (max-width:480px)	{
	.servicesList .slider {width:100%; margin:0}
	.servicesList .slider .item {width:100% !important}
		.servicesList .slider .item .desc {transform:translateY(-39px); }
		.servicesList .slider .item .more{transform:translateY(0);  opacity:1}
		
	.heroBlock .wrapper .text h1 {text-align:center; font-size: 19px;}
	.heroBlock .wrapper .text .desc {text-align:center;}	
	.heroBlock.pageHero .wrapper .text .price {text-align:center;}
	.heroBlock.pageHero .wrapper .text .btn {margin-left:auto; margin-right:auto; display: table;}
}


/*Animation*/
.__hab {opacity:0}
	
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
.animate__fadeIn {animation-name: fadeIn;opacity: 1;}

@keyframes fadeInDown {from {opacity: 0;transform: translate3d(0, 50px, 0);}  to {opacity: 1;transform: translate3d(0, 0, 0);}}
.animate__fadeInDown {animation-name: fadeInDown;opacity: 1;}

@keyframes fadeInUp {from {opacity: 0;transform: translate3d(0, -50px, 0);}  to {opacity: 1;transform: translate3d(0, 0, 0);}}
.animate__fadeInUp {animation-name: fadeInUp;opacity: 1;}

@keyframes fadeInLeft {from { opacity: 0;transform: translate3d(-50px, 0, 0);}  to {opacity: 1;transform: translate3d(0, 0, 0);}}
.animate__fadeInLeft {animation-name: fadeInLeft;opacity: 1;}

@keyframes fadeInRight {from {opacity: 0;transform: translate3d(50px, 0, 0);} to {opacity: 1;transform: translate3d(0, 0, 0);}}
.animate__fadeInRight {animation-name: fadeInRight;opacity: 1;}

@keyframes zoomIn {from {opacity: 0;transform: scale3d(0.3, 0.3, 0.3);}  50% {opacity: 1;}}
.animate__zoomIn {animation-name: zoomIn;opacity: 1;}


@media (max-width:600px)	{
.__hab {opacity:1; animation:none}	
	
}


.btnsList {margin-top:4rem; display:flex; gap:1rem}
	.btnsList .btn:last-child {margin-left:auto}
	
	
.page-template-page-developers {    --heroFontSize: 3.2rem;}

		
		
	.bottomShadowW {    box-shadow: inset 0 -16px 20px 20px #ffffff;}
	.page-template-page-developers .servicesList .other .title {flex-shrink:0; max-width:200px}
	
	.page-template-page-developers .callbackBlock {background: url(../images/home-bg3.svg) left 30% center no-repeat; padding:6rem 0}
	
	.page-template-page-developers  .aboutBlock  {margin:0; padding:6rem 0 calc(6rem + 70px) 0; margin-bottom:-70px}
		.page-template-page-developers  .aboutBlock .img {height:350px}
		.page-template-page-developers .aboutBlock .sectionTitle {margin-bottom:2rem}
		.page-template-page-developers .aboutBlock .sectionDesc {margin-bottom:2rem}
	.btnsBeforeFrom {padding:0 0 4rem 0}
		.btnsBeforeFrom .btnsList  {justify-content:flex-end}
			.btnsBeforeFrom  .btnsList .btn:last-child {margin:0}
			
			
	.page-template-page-developers .faqBlock .item {background:#fff}
	
	.page-template-page-developers .homeContentBlock1 + .callbackBlock {padding:2rem }
	
@media (max-width:650px)	{
.btnsList {flex-direction:column; align-items:flex-start}
	.btnsList .btn {margin:0 !important}
}