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;}
body {font-size:var(--textFontSize);font-weight:500;line-height:1.5; font-family:"Gilroy", sans-serif;color:var(--textColor);}

@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('../fonts/Gilroy-Regular.eot') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url('../fonts/Gilroy-Medium.eot') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-Bold.eot');
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url('../fonts/Gilroy-Bold.eot') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}	
:root {
	--mainColor:#00BAED;
		--mainColorMuted:rgb(0 186 237 / 20%);
	--accentBgColor:#F6F8FC;

	
	
	--textColor:#1D1D1D;
	
	--headingColor:#1D1D1D;
	--textAccent:#00BAED;
	--textColorMuted:#71848B;


	--sFontSize:14px; 
	--textFontSize:16px;
	--lFontSize:20px; 
	--xlFontSize:26px; 
	--xxlFontSize:36px; 
	--xxxlFontSize:53px;

}



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

	a {transition: .3s ease-in-out; text-decoration:none; color:inherit}
		a:hover {color:var(--textAccent)}
	
	p {margin-bottom:18px;}
	strong {font-weight:600}
	
	*:last-child {margin-bottom:0}
		
	.sectionPreTitle {color:var(--textAccent); font-size:var(--sFontSize); margin-bottom:12px; text-transform:uppercase; letter-spacing:3px; font-weight:600; }
	.sectionTitle {color:var(--headingColor);font-size:var(--xxxlFontSize);  margin-bottom:20px; font-weight:600; line-height:1}
	
	.h1Wrapper {color:var(--headingColor);font-size:var(--xxxlFontSize);  margin-bottom:30px; font-weight:600; line-height:1; position:relative}
		.h1Wrapper h1 {}
			.h1Wrapper span {color:var(--textAccent)}
		.h1Wrapper .shadow {font-size:150px; line-height:1; color:#F6F8FC; position:absolute;    z-index: -1;left: -6px;top: -80px;user-select: none;white-space: nowrap;}
	
	
	.h1Wrapper.withBtn {max-width:100% !important; display:flex; align-items:center; justify-content:space-between; gap:50px}
		.h1Wrapper.withBtn .btn {width:300px}
		
	.h1Wrapper.withBlock {max-width:100% !important; display:flex; align-items:center; justify-content:space-between; gap:50px}
		.h1Wrapper.withBlock .block {width:450px}
		
	.h1Wrapper.withError span {color:#FC7D6C}
	
	.btn {border:none; font-family:inherit;font-size: 12px; text-transform:uppercase;letter-spacing: 0.2em; font-weight:600;  display:inline-flex; gap:8px; width:220px; height:50px; line-height:50px; border-radius:10px; cursor:pointer;transition: .3s ease-in-out; text-decoration:none;text-align:center; text-align:center;justify-content: center;align-items: center;box-sizing:border-box; background:none}
		.btn svg {display:block; flex-shrink:0}
		.btn.s1 {border:none;background:var(--mainColor); color:#fff; position:relative; box-shadow: 0 2px #008BB1, inset  0 -1px #259CFE}
			.btn.s1:hover {background:#259CFE; box-shadow: 0 1px #008BB1, inset  0 0 #259CFE }
		
		.btn.s2 {border:1px solid var(--mainColor); color:var(--mainColor);}
			.btn.s2:hover {border:1px solid var(--mainColor); background:var(--mainColor);color:#fff}
		
		.btn.s3 {border:1px solid var(--mainColor); color:var(--textColor);}

			.btn.s3:hover {border:1px solid var(--mainColor); background:var(--mainColor);color:#fff}
			
				
		.btn.auto {width:auto; padding-left:30px; padding-right:30px;    flex-shrink: 0;}


	
.telegramIcon, 
.whatsappIcon, 
.vkIcon, 
.viberIcon, 
.youtubeIcon,
.yandexIcon,
.chevronIcon,
.pointerIcon, 
.timeIcon, 
.locationIcon, 
.telIcon, 
.emailIcon,
.linkIcon, 
.roketIcon, 
.chatIcon,
.arrowIcon,
.viewIcon,
.monitorIcon,
.rubIcon,
.questionIcon,
.shieldIcon,
.flagIcon,
.diagramsIcon,
.loadIcon,
.userIcon,
.docIcon {display:block; width:24px; height:24px}	

.searchIcon,
.copyIcon,
.markerIcon {display:block; width:20px; height:20px}	


.qouteIcon {display:block; width:25px; height:25px}	


.mobileHeader  {display:none}

.preheader {background:var(--accentBgColor);}
	.preheader .wrapper { padding:15px 0; display:flex; align-items:center; position:relative; transition:.2s}
		
		.preheader .town {width:238px; margin-right:20px; display:flex; align-items:center; gap:8px}
			.preheader .town > svg {display:block; color:var(--textAccent); }
			.preheader .town a {display:flex;align-items:center;  gap:8px}
				.preheader .town a svg {width:12px; height:12px; }
		
		.preheader .townMenu {position:absolute; left:0;top:100%; background:#fff; padding:20px 30px; box-sizing:border-box; border:20px;display:flex; border-radius:10px;visibility:hidden; opacity:0}
			.preheader .townMenu a {white-space:no-wrap}
		
		.preheader .topMenu {margin-right:auto}
			.preheader .topMenu > ul {display:flex;}
					.preheader .topMenu > ul > li {position:relative; border-radius:10px 10px 0 0;display:block;}
						.preheader .topMenu > ul a {display:block; font-size: var(--sFontSize);line-height: 17px; font-weight:600; padding:10px 15px; white-space:nowrap}
							.preheader .topMenu > ul li.current_page_item > a  {color:var(--textAccent)}
							.preheader .topMenu > ul li.current_page_ancestor > a  {color:var(--textAccent)}
							.preheader .topMenu > ul li.current-menu-ancestor > a  {color:var(--textAccent)}
			.preheader .topMenu .sub-menu {position:absolute; top:100%; left:0; background:#fff;padding:10px 0; border-radius:0 10px 10px 10px;min-width: 100%; transition:.2s; visibility:hidden; opacity:0}
				.preheader .topMenu .sub-menu .sub-menu {display:none}
					
	
body.topMenuOpen .shadowLayer {visibility:visible;opacity:0.15;}
body.topMenuOpen .preheader .topMenu li.isActive > .sub-menu { z-index: 101;visibility:visible; opacity:1}
body.topMenuOpen .preheader .topMenu > ul > li.isActive   { z-index: 101; background:#fff}

	
		.preheader .email {margin-left:35px;display:flex; align-items:center; gap:8px;font-size: var(--sFontSize);line-height: 17px; }
			.preheader .email  svg {color:var(--textAccent)}
		.preheader .social {display:flex; align-items:center; gap:5px;margin-left:35px;}
		.preheader .tel {margin-left:35px;display:flex; align-items:center; gap:8px;font-size: var(--sFontSize);line-height: 17px; }
			.preheader .tel  svg {color:var(--textAccent)}
		
.header {padding:25px 0;box-shadow: 0px 4px 30px 0px #0000000D; background:#fff; transition:.2s}
	.header .wrapper {display:flex; align-items:center; position:relative}
		.header .logo {display:block; margin-right:35px; width:220px;}
			.header .logo img {display:block; width:100%; transition:.2s}
		.header .headerMenu {margin-right:auto; }
			.header .headerMenu > ul {display:flex;}
				.header .headerMenu > ul > li {position:relative; border-radius:10px 10px 0 0;}
					.header .headerMenu > ul > li > a {padding:15px 20px; display:flex; align-items:center; }
						.header .headerMenu > ul > li.menu-item-has-children > a:after {content:''; display:block; width:12px; height:12px;margin-left:5px; background:url(../images/chevron_blue.svg); transform:scale(1,-1);transition:.2s; filter: grayscale(1) contrast(0) brightness(0);}
						
				.header .headerMenu a {display:block; font-size: var(--sFontSize);line-height: 17px; font-weight:600; padding:9px 0; white-space:nowrap}
					.header .headerMenu li.current_page_item > a  {color:var(--textAccent)}
						.header .headerMenu ul li.current_page_item > a:after {filter:none;}
					.header .headerMenu ul li.current_page_ancestor > a  {color:var(--textAccent)}	
						.header .headerMenu ul li.current_page_ancestor > a:after {filter:none;}
					.header .headerMenu ul li.current-menu-ancestor > a  {color:var(--textAccent)}	
						.header .headerMenu ul li.current-menu-ancestor > a:after {filter:none;}
					
							
					
				.header .headerMenu .sub-menu {position:absolute; top:100%; left:0; background:var(--accentBgColor);padding:10px 0; border-radius:0 10px 10px 10px;min-width: 100%; transition:.2s; visibility:hidden; opacity:0}
					.header .headerMenu .sub-menu li {padding:0 20px;}
					.header .headerMenu .sub-menu .sub-menu {top:0; left:100%; background:#fff; border-radius:0 10px 10px 10px; min-height:calc(100% + 10px)}
						.header .headerMenu .sub-menu .sub-menu .sub-menu {background:var(--accentBgColor);}
							.header .headerMenu .sub-menu .sub-menu .sub-menu .sub-menu {display:none}
				
			
		.header .time {margin-left:30px; display:flex; align-items:center;font-size: var(--sFontSize);line-height: 17px;font-weight:400}
			.header .time svg {color:var(--textAccent); display:block; margin-right:8px}
			.header .time strong {font-weight:400}
		.header .searchTrigger {margin-left:35px; display:flex; background:var(--accentBgColor); width:50px; height:50px; border-radius:10px; transition:.2s; position:relative;}
			.header .searchTrigger svg {display:block; margin:auto;}
					
		.header .btn {margin:-3px 0 0 35px}
	
	.header .search {position:absolute; top:100%; left:0; width:100%; background:#fff; padding:20px 30px; box-sizing:border-box; border:20px;display:flex; border-radius:10px; visibility:hidden; opacity:0}
		.header .search input {padding-right:35px}
		.header .search .btn {margin:0 0 0 -15px; width:130px; color:#fff}

/*Sticky */
body {padding-top:167px}
	.headerWrapper {position:fixed; top:0; left:0; width:100%; z-index:10; box-sizing: border-box}

.headerIsSticky {}
	body.headerIsSticky .preheader .wrapper {padding:8px 0;}
	body.headerIsSticky .header  {padding:10px 0;}
		body.headerIsSticky .header .logo img {width:150px}
		body.headerIsSticky .header .btn {    height: 44px; font-size:10px}
/*open shadow*/
.shadowLayer  {position:fixed; top:0; left:0;width:100%; height:100%; background:#1D1D1D; z-index:100;visibility:hidden; opacity:0;transition:.2s}	
	
body.searchOpen .searchTrigger {background:#fff; border-radius:10px 10px 0 0; color:var(--textAccent);z-index:101;}
body.searchOpen .header .search {visibility:visible; opacity:1;z-index:101;}
body.searchOpen .shadowLayer {visibility:visible;opacity:0.15;}

body.townOpen .preheader .townMenu {visibility:visible; opacity:1;z-index:101;}
body.townOpen .shadowLayer {visibility:visible;opacity:0.15;}


.htmlMfpOpen {overflow:hidden; margin-right:var(--scrollbar-size)!important}
	.htmlMfpOpen body {overflow:hidden}
	.htmlMfpOpen .headerWrapper  {padding-right:var(--scrollbar-size) !important}
	


body.headerMenuOpen .shadowLayer {visibility:visible;opacity:0.15;}
body.headerMenuOpen .header .headerMenu .sub-menu { z-index: 101;}
body.headerMenuOpen .header .headerMenu > ul > li.isActive   { z-index: 101; background:var(--accentBgColor)}
		body.headerMenuOpen .header .headerMenu > ul > li.isActive > a {color:var(--textAccent)}
			body.headerMenuOpen .header .headerMenu > ul > li.isActive > a:after {transform:scale(1);filter:none;}
			
	body.headerMenuOpen .header li.isActive > .sub-menu {visibility:visible; opacity:1}
	body.headerMenuOpen .header li.isActive .sub-menu.isActive {border-radius:0 0 0 10px;}
	
		body.headerMenuOpen .header .sub-menu.isActive > li.isActive {}
				body.headerMenuOpen .header .sub-menu.isActive > li.isActive > a {background:#fff; border-radius:10px 0 0 10px; padding-left:10px; margin-right:-20px}	



	
.footer {background:var(--accentBgColor); padding:70px 0 100px 0}
	.footer .top {display:flex; gap:100px; padding-bottom:70px; margin-bottom:70px; border-bottom:1px solid #DCDCDC; font-weight:400;font-size:var(--sFontSize); line-height:22px}
		.footer .top .main {max-width:240px; margin-right:auto;}
			.footer .top .main .logo {display:block; margin-bottom:50px}
				.footer .top .logo img {display:block; max-width:100%;}
		.footer .top .details {}
			.footer .top .details .social  {display:none}
		.footer .top .social {}
			.footer .top .social .list {margin:15px 0 0 0; display:flex; gap:5px;}
		.footer .top .address {}		
			.footer .top .address .params {display:flex; gap:10px; margin:0 0 15px; line-height:1.3; }
				.footer .top .address .params svg {color:var(--textAccent); position:relative; flex-shrink:0}
					.footer .top .address .params svg.top-3 {top:-3px}
				.footer .top .address .params a {font-weight:600; display:table}
				.footer .top .address .params span {font-weight:600; display:table}
				
		.footer .top .tels {}		
			.footer .top .tels .params {display:flex; gap:10px; margin:0 0 20px 25px;font-size:var(--textFontSize)}	
					.footer .top .address .params:last-child {margin-bottom:0}
				.footer .top .tels .params svg {color:var(--textAccent); position:relative; }
				.footer .top .tels .params a {font-weight:600; display:table}
				
				
	.footer .bottom {display:flex; gap:50px; }
		.footer .bottom .col {flex:1}
			.footer .bottom .title {font-size:var(--lFontSize);line-height:1.3; font-weight:600; margin-bottom:30px}
			.footer .bottom ul {display:flex; flex-direction:column; gap:8px}
				.footer .bottom ul a {font-weight:600; font-size:var(--sFontSize)}


.toTop {width:40px;height:40px; position:fixed; bottom:30px; left:30px; border-radius:5px; background:var(--mainColor); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.2s; opacity:0; visibility:hidden; transform:translateY(50px);z-index:10}
	.toTop svg {transform:scale(1,-1)}
	.toTop.isShow { opacity:1; visibility:visible; transform:translateY(0)}
	.toTop:hover { background: var(--textColor); opacity:0.7}

.accentRow { background:var(--accentBgColor);}	
	.accentRow .h1Wrapper {}
		.accentRow .h1Wrapper *:not(.shadow) {position:relative;z-index:1}
		.accentRow .h1Wrapper .shadow {color:#EDEFF3; font-size:100px; z-index:0; bottom: auto; top: -45px;left:0;}
	.accentRow .form input {background:#fff !important}	
	.accentRow .sliderArrows div {background:#fff}			
			
/*homepage*/				
.homePromo {padding:80px 0 70px 0;}
	.homePromo .wrapper {display:flex; }
		.homePromo .text {display:flex; flex-direction:column; width:800px;margin-top:75px;  background:url(../../../../uploads/2025/02/casebg.svg) right top/700px no-repeat}
			.homePromo h1 {font-size:var(--xxxlFontSize); line-height:1; font-weight:600; margin-bottom:30px}
				.homePromo h1 span {color:var(--textAccent)}
			.homePromo ul {max-width:550px; display:flex; flex-direction:column; gap:20px}
				.homePromo li {list-style:none; display:flex; align-items:flex-start; font-size:var(--lFontSize);line-height:1.3;}
					.homePromo li:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/solution_li.svg);}
			.homePromo .bottom {margin-top:45px; display:flex; align-items:center; gap:20px; position:relative}
				.homePromo .bottom .btn {width:300px}
				.homePromo .bottom span {color:var(--textAccent)}
				.homePromo .bottom > svg {display:block; position:absolute; top:35px; left:270px}
		.homePromo .img {margin-left:30px; position:relative}
			.homePromo .img img {display:block; width:100%; max-width:574px}
			.homePromo .img:after {content: '';display: block; width: 100%;height: 100%;position: absolute;top: 0;left: 0; background: linear-gradient(to top, var(--accentBgColor) 0%, transparent 30%);}
			.homePromo .img blockquote{background:url(../../../../uploads/2025/02/home_2.svg); position:absolute; bottom:0; width:459px; height:132px; display:flex; font-size:var(--lFontSize);  line-height:1.3;font-style:italic; color:var(--textAccent); padding:10px 55px; box-sizing:border-box; align-items:center;z-index:2; left:0}
				.homePromo .img blockquote .qouteIcon {position:absolute; bottom:20px; right:30px}
				.homePromo .img blockquote .qouteIcon._start {position:absolute; top:20px; left:20px; transform:scale(-1,1)}

.homeServices {padding:200px 0 200px 0; }				
	.homeServices .list {display:flex; gap:20px; margin:50px 0 30px 0}
		.homeServices .list .item {background:var(--accentBgColor); border-radius:20px; padding:50px 40px; flex:1}
			.homeServices .list .item .top {display:flex;gap:25px}
				.homeServices .list .item .top img {display:block; width:70px}
				.homeServices .list .item .title {font-size:var(--xlFontSize);line-height:1.3; font-weight:600; margin-bottom:10px}
				.homeServices .list .item .price {font-size:var(--lFontSize);line-height:1.3; font-weight:600; color:var(--textAccent)}
			.homeServices .list .item .btn {margin:30px auto 0 auto; display:flex}
	.homeServices .bottom {display:flex; align-items:center; gap:20px; justify-content:space-between}


.homeCases {padding:150px 0 150px 0;}	
	.homeCases .sliderArrows {display:none}
	.homeCases .top {display:flex; align-items:center; gap:20px; justify-content:space-between; margin:15px 0 50px 0}
	.homeCases .list {display:flex; gap:20px; margin-bottom:50px}
		.homeCases .item {flex:1; }
			.homeCases .item img {display:block; width:100%; height:440px; object-fit:cover; border-radius:20px; margin:0 0 30px 0}
			.homeCases .item .title {font-size:var(--xlFontSize); line-height:1.3;font-weight:600; margin-bottom:15px}
	
	.homeCases .wrapper > .btn {display:flex; margin:0 auto; width:260px}
	
.homeSecret {padding:150px 0 150px 0}
	.homeSecret .list {display:flex; flex-wrap:wrap; gap:20px; margin:50px 0 0 0}
		.homeSecret .item {width:calc(33.333% - 40px/3); background:#fff; border-radius:20px; padding:50px 40px; box-sizing:border-box;}
			.homeSecret .item .top {display:flex; align-items:center; gap:20px; margin-bottom:30px; font-size:var(--xlFontSize);line-height:1.3; font-weight:600}


					
.homeBlog {padding:150px 0 150px 0}
	.homeBlog .h1Wrapper .shadow {font-size:130px; top:-70px}
	.homeBlog .sliderArrows {display:none}
	.homeBlog .list {display:flex; gap:20px; margin:50px 0 }
		.homeBlog .item {flex:1}
			.homeBlog .img {width:100%; height:300px; display:block; border-radius:20px; overflow:hidden; margin-bottom:30px}
				.homeBlog .img img {display:block; width:100%; height:100%; object-fit:cover}
			
			.homeBlog .tools {display:none; }
		
			.homeBlog .title {font-weight:600; font-size:var(--xlFontSize);line-height:1.3;}
	.homeBlog .wrapper > .btn {display:flex; margin:0 auto;}
	

/*about page*/
.aboutPromo {padding:20px 0 70px 0;}
	.aboutPromo .wrapper {display:flex; flex-wrap:wrap; }
		.aboutPromo .img {position:relative; width:800px; margin-right:25px;}
			.aboutPromo .img  img{ width:100%; }
			.aboutPromo .img:after {content: '';display: block; width: 100%;height: 100%;position: absolute;top: 0;left: 0; background: linear-gradient(to top, var(--accentBgColor) 0%, transparent 30%);}

		.aboutPromo .text {width:calc(100% - 825px);display:flex; flex-direction:column;  padding-top:90px;   background:url(../../../../uploads/2025/02/casebg.svg) right top/700px no-repeat;line-height:1.3;}
			.aboutPromo .text p {max-width:450px; font-size:var(--lFontSize); line-height:1.3;}
			.aboutPromo .text .highlight {color:var(--textAccent); font-size:var(--xlFontSize); line-height:1.3;font-weight:600; margin:10px 0 30px 0}
		.aboutPromo .list {width:100%; display:flex; gap:20px; margin:-60px 0 0 0; position:relative;z-index:5}
			.aboutPromo .list .item {background:#fff; border-radius:20px; padding:30px 50px; flex:1; font-size:var(--lFontSize);line-height:1.3; font-weight:400}
				.aboutPromo .list .param {font-weight:600; color:var(--textAccent); font-size:45px}

	
.aboutServices {padding:200px 0 150px 0; }		
	.aboutServices .text {display:flex; flex-wrap:wrap; justify-content:space-between}
		.aboutServices .text > * {width:100%; line-height:1.5}
		.aboutServices .text > .col {width:calc(50% - 20px);}
			.aboutServices .text p {margin-bottom:30px}
				.aboutServices .text p:last-child {margin-bottom:0}
			.aboutServices .text ul {max-width:550px; display:flex; flex-direction:column; gap:20px}
				.aboutServices .text li {list-style:none; display:flex; align-items:flex-start;}
					.aboutServices .text li:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/solution_li.svg);}
		
	.aboutServices .listTitle {margin:50px 0 30px 0; font-size:var(--xlFontSize); font-weight:600}
	.aboutServices .list {display:flex; gap:20px; margin:0px 0 60px 0}
		.aboutServices .list .item {background:var(--accentBgColor); border-radius:20px; padding:50px 40px; flex:1}
			.aboutServices .list .item .top {display:flex;gap:25px}
				.aboutServices .list .item .top img {display:block; width:70px}
				.aboutServices .list .item .title {font-size:var(--xlFontSize); line-height:1.3;font-weight:600; margin-bottom:10px}
				.aboutServices .list .item .price {font-size:var(--lFontSize);line-height:1.3; font-weight:600; color:var(--textAccent)}
			.aboutServices .list .item .btn {margin:30px auto 0 auto; display:flex}
	.aboutServices .bottom {display:flex; align-items:center; gap:100px; justify-content:space-between}		

.aboutTeam {padding:150px 0 150px 0}	
	.aboutTeam  .slider {display:flex; position:relative; margin-top:50px}
		.aboutTeam .thumbnail {width:110px; flex-shrink:0; margin:-5px 110px -5px 0}
			.aboutTeam .thumbnail .item {padding:5px 0; opacity:0.3; display: block !important;transition:.2s}
				.aboutTeam .thumbnail .itemInner {background:#fff; border-radius:20px; border-right:3px solid transparent; box-sizing:border-box;transition:.2s; padding:8px 0}
					.aboutTeam .thumbnail img {margin:0 auto;width:80px; height:110px;object-fit: contain;display: block; object-position: center;}
			
			.aboutTeam .thumbnail .slick-current .item {opacity:1; }
				.aboutTeam .thumbnail .slick-current .itemInner {border-color:var(--mainColor)}
			.aboutTeam .thumbnail .item:hover {opacity:1; cursor:pointer}	
			
		.aboutTeam .prime {width:calc(100% - 220px)}
			.aboutTeam .prime .itemInner {display:flex; align-items:flex-start; gap:70px; }
				.aboutTeam .prime .itemInner .img {width:540px;flex-shrink:0; box-sizing:border-box; background:#fff; border-radius:20px; padding:40px 90px 0 90px; }
					.aboutTeam .prime .itemInner .img img {display:block; width:100%; height:500px; object-fit:contain; object-position:center bottom;}
				.aboutTeam .prime .text {padding-bottom:110px}
					.aboutTeam .prime .title {font-size:var(--xlFontSize); font-weight:600; line-height:1.3; margin-bottom:15px}
					.aboutTeam .prime .department {opacity:0.5; font-size:var(--lFontSize); line-height:1.3; margin-bottom:30px}
					.aboutTeam .prime .text .skils {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px}
						.aboutTeam .prime .text .skils span{background:var(--mainColorMuted); font-size:var(--sFontSize); line-height:1; border-radius:5px; height:40px; display:flex; align-items:center; padding:0 10px; color:var(--textColorMuted)}
		
		.aboutTeam .sliderArrows {position:absolute; bottom:6px; left:810px; }
			
.aboutCertificates {padding:200px 0 150px 0}
	.certificatesSlider {margin:50px -10px 0 -10px}
		.certificatesSlider .slick-slide {padding:0 10px;}
			.certificatesSlider .img {display:block; width:100%; margin-bottom:20px; border-radius:10px; overflow:hidden;}
				.certificatesSlider .img img {width:100%; height:312px; display:block; object-fit:cover;}
			.certificatesSlider .title {font-size:var(--sFontSize); opacity:0.5}
	.certificatesSlider * {outline:none !important}	
.aboutVideo {padding:150px 0 150px 0}
	.aboutVideo .mobileSlider {display:none}
	.aboutVideo .sliderArrows.mobile {display:none}
	.aboutVideo .wrapper {display:flex; flex-direction:column;}
	.aboutVideo .slider {margin:20px 0 50px 0}
	.aboutVideo .grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows:auto auto;gap:30px 30px;grid-template-areas:"s1 s1 s2 s3" "s1 s1 s4 s5"; }
		.aboutVideo .grid .item:nth-child(1) { grid-area: s1; display:flex; flex-direction:column}
			.aboutVideo .grid .item:nth-child(1) .img {flex-grow:1; border-radius:20px; min-height:300px}
			.aboutVideo .grid .item:nth-child(1) .title {font-size:var(--xlFontSize);line-height:1.3; margin-bottom:20px}
		.aboutVideo .grid .item:nth-child(2) { grid-area: s2; }
		.aboutVideo .grid .item:nth-child(3) { grid-area: s3; }
		.aboutVideo .grid .item:nth-child(4) { grid-area: s4; }
		.aboutVideo .grid .item:nth-child(5) { grid-area: s5; }
			
			.aboutVideo .item .img {display:block; width:100%; height:180px; margin-bottom:10px; border-radius:10px; overflow:hidden; position:relative}
				.aboutVideo .item .img svg {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:70p; height:50px; transition:.2s}
				.aboutVideo .item img {width:100%; display:block; height:100%; object-fit:cover}
				
				.aboutVideo .item .img:hover svg {opacity:0.7}
				
			.aboutVideo .item .title {font-size:var(--lFontSize); line-height:1.3; font-weight:600}
	
	.aboutVideo	.button {padding:20px 30px; border-radius:20px; background:#fff; display:flex; align-items:center; align-self:center; gap:15px}
		.aboutVideo	.button > svg {display:block; width:70px; height:70px;}
		.aboutVideo	.button .text {font-size:var(--xlFontSize); line-height:1.3; font-weight:600}
			.aboutVideo	.button .text span {display:block;font-size:var(--lFontSize);line-height:1.3;font-weight:500; opacity:0.5}
		.aboutVideo	.button .btn {margin-left:140px;}
			
/*fotoblocks*/
.fotoBlock1 {padding:80px 0 65px 0;}	
	.fotoBlock1 .wrapper{display:flex;}
		.fotoBlock1 .wrapper > .img {width:530px;flex-shrink:0; margin:0 65px 0 0; position:relative}
			.fotoBlock1 .wrapper > .img img {display:block; width:100%;}
			.fotoBlock1 .wrapper > .img:after {content: '';display: block; width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:linear-gradient(to top, #fff 0%, #fff 5%, transparent 30%);}
		.fotoBlock1 .text {padding-top:135px;background:url(../../../../uploads/2025/02/casebg.svg) right top/600px no-repeat}
			.fotoBlock1 .h1Wrapper {margin-bottom:50px}
				.fotoBlock1 .h1Wrapper .shadow {bottom:auto; top:-90px;}
			.fotoBlock1 ul {max-width:550px; display:flex; flex-direction:column; gap:20px;margin-bottom:50px}
				.fotoBlock1 li {list-style:none; display:flex; align-items:flex-start; font-size:var(--lFontSize);line-height:1.3;}
					.fotoBlock1 li:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/solution_li.svg);}
			.fotoBlock1 .list {display:flex; flex-direction:column; gap:10px; max-width:550px}
				.fotoBlock1 .item {display:flex; align-items:center; gap:35px}
					.fotoBlock1 .list .img {display:flex;flex-shrink:0; width:100px; height:100px; border-radius:100%; background:var(--accentBgColor)}
						.fotoBlock1 .list .img img {display:block; width:50px; margin:auto}
			.fotoBlock1 .btn {width:300px}
			
.fotoBlock2 {padding:80px 0 65px 0;overflow:hidden}	
	.fotoBlock2 .wrapper{display:flex;}
		.fotoBlock2 .wrapper > .img {width:535px; margin:0 65px 0 0px; position:relative}
			.fotoBlock2 .wrapper > .img img {display:block; max-width:100%}
		.fotoBlock2 .text {padding-top:135px;background:url(../../../../uploads/2025/02/casebg.svg) right top/600px no-repeat}
			.fotoBlock2 .h1Wrapper {}
				.fotoBlock2 .h1Wrapper span {display:block}
				.fotoBlock2 .h1Wrapper .shadow {font-size:130px;bottom: auto; top: -70px;left:0;}
				
			.fotoBlock2 .list {display:flex; flex-direction:column; gap:10px; max-width:550px}
				.fotoBlock2 .item {display:flex; align-items:center; gap:35px}
					.fotoBlock2 .list .img {display:flex;flex-shrink:0; width:100px; height:100px; border-radius:100%; background:var(--accentBgColor)}
							.fotoBlock2.accentRow .list .img {background:#fff}
						.fotoBlock2 .list .img img {display:block; width:50px; margin:auto}
							
.fotoBlock3 {padding:30px 0 0 0; overflow:hidden}	
	.fotoBlock3 .wrapper{display:flex;}
		.fotoBlock3 .wrapper > .img {width:450px; margin:0 65px 0 85px; position:relative}
		.fotoBlock3 .text {padding-top:120px;background:url(../../../../uploads/2025/02/casebg.svg) right top/600px no-repeat; max-width:670px}
			.fotoBlock3 .text > svg {position:relative; z-index:3; display:block; margin-bottom:30px}
			.fotoBlock3 .text .subs {margin-bottom:30px; font-size:var(--lFontSize); line-height:1.3; max-width:460px}
				.fotoBlock3 .text .subs span {color:var(--textAccent)}
	
/*services promo*/
.servicesPromo {padding:20px 0 00px 0; overflow:hidden}
	.servicesPromo .wrapper {display:flex; position:relative; min-height:840px }	
		.servicesPromo .img {position:absolute; left:0; bottom:0; width:670px;}
			.servicesPromo .img img {display:block;width: 100%; }
			.servicesPromo .img blockquote{background:url(../../../../uploads/2025/02/home_2.svg); position:absolute; bottom:40px; left:0; width:459px; height:132px; display:flex; font-size:var(--lFontSize);line-height:1.3; font-style:italic; color:var(--textAccent); padding:10px 55px; box-sizing:border-box; align-items:center;z-index:2}
				.servicesPromo .img blockquote .qouteIcon {position:absolute; bottom:20px; right:30px}
				.servicesPromo .img blockquote .qouteIcon._start {position:absolute; top:20px; left:20px; transform:scale(-1,1)}
				
		.servicesPromo .text {display:flex; flex-direction:column;justify-content:center; width:810px; padding:25px 0 25px 0; background:url(../../../../uploads/2025/02/casebg.svg) right top/700px no-repeat; margin:0 0 0 auto; position:relative}
			.servicesPromo h1 {font-size:var(--xxxlFontSize); line-height:1; font-weight:600; margin-bottom:30px}
				.servicesPromo h1 span {color:var(--textAccent)}
			
			.servicesPromo .text .subtitle {margin-bottom:30px; font-size:var(--xlFontSize); line-height:1.3; text-transform:uppercase}
			
			.servicesPromo ul {max-width:550px; display:flex; flex-direction:column; gap:10px; font-size:var(--lFontSize); line-height:1.3}
				.servicesPromo li {list-style:none; display:flex; align-items:flex-start;}
					.servicesPromo li:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/solution_li.svg);}
			
			.servicesPromo .btns{margin:50px 0; display:flex; align-items:center; gap:10px}
			
			.servicesPromo .bottom {display:flex; align-items:center; gap:30px}
				.servicesPromo .bottom .desc {max-width:400px }
					.servicesPromo .bottom .desc span {display:block; font-weight:600; color:var(--textAccent)}
			.servicesPromo .serts {display:flex; align-items:center; gap:30px}
				.servicesPromo .serts img {max-width:195px}
				.servicesPromo .serts .desc {max-width:260px }
					.servicesPromo .serts .desc span {display:block; font-weight:600; color:var(--textAccent)}
					
/*services Custom Form*/					
.servcesCustomForm {padding:150px 0 150px 0; }
	.servcesCustomForm .wrapper {display:flex; align-items:center; justify-content:space-between}
		.servcesCustomForm .form {width:100%; max-width:800px; flex-shrink:0}	
	
	.servcesCustomForm textarea {resize: none;overflow: hidden; height:59px; padding:14px 9px 14px 27px !important; line-height:38px;}
		.servcesCustomForm textarea::placeholder {line-height:1}
	.servcesCustomForm input, 
	.servcesCustomForm select {padding:20px 27px !important}

/*services page*/
.servicesPage {}
	.servicesPage .wrapper > *:last-child {margin-bottom:0}
	.servicesPage .servicesPriceBase  {display:flex; flex-wrap:wrap; gap:20px; padding:60px 0}
		.servicesPage .servicesPriceBase .wp-block-column {width:calc(33.333% - 40px/3); background:var(--accentBgColor); border-radius:20px; padding:25px 50px 50px 50px; box-sizing:border-box; display:flex; flex-direction:column}
			.servicesPage .servicesPriceBase .wp-block-image  {width:130px; height:130px; display:flex;border-radius:100%; background:#fff; margin:0 auto 10px auto}
				.servicesPage .servicesPriceBase .wp-block-image img {display:block; width:70px; margin:auto !important;}
			.servicesPage .servicesPriceBase .title {text-align:center; font-weight:600; font-size:var(--xlFontSize);line-height:1.3; margin-bottom:10px}
				.servicesPage .servicesPriceBase .title *:last-child {margin-bottom:0}
			.servicesPage .servicesPriceBase .desc {margin-bottom:30px}
				.servicesPage .servicesPriceBase .desc *:last-child {margin-bottom:0}
			.servicesPage .servicesPriceBase .price {text-align:center; color:var(--textAccent); font-weight:600;font-size:var(--xlFontSize);line-height:1.3; margin:auto 0 20px 0}
				.servicesPage .servicesPriceBase .price *:last-child {margin-bottom:0}
				
			.servicesPage .servicesPriceBase .wp-block-buttons { display:flex;align-items: center; justify-content: center; gap:20px}
	
	.servicesPage .servicesInfoBase {padding:60px 0}
		.servicesPage .servicesInfoBase .flex{margin:60px 0 0 0; display:flex; gap:20px}
			.servicesPage .servicesInfoBase .wp-block-column {flex:1;background:var(--accentBgColor);  border-radius:20px; padding:30px 60px 60px 60px }
				.servicesPage .servicesInfoBase .wp-block-image {background:#fff; border-radius:100%;width:130px; height:130px; display:flex;margin:0 0 35px 0}
					.servicesPage .servicesInfoBase .wp-block-image img {display:block;margin:auto !important; width:70px; }
				.servicesPage .servicesInfoBase .desc {font-weight:600; font-size:var(--xlFontSize); line-height:1.3}	
					.servicesPage .servicesInfoBase .desc strong {color:var(--textAccent)}
		
		.servicesPage .servicesInfoBase .wp-block-buttons { margin:50px auto 0 auto; display:flex;align-items: center; justify-content: center; gap:20px}		
	
	.servicesPage .servicesTextBase {padding:60px 0}
		.servicesPage .servicesTextBase .wp-block-columns {gap:20px; margin:30px 0}
			.servicesPage .servicesTextBase .wp-block-column {width: calc(50% - 20px);}
				.servicesPage .servicesTextBase ul {max-width:550px; display:flex; flex-direction:column; gap:10px; margin:0}
					.servicesPage .servicesTextBase li {list-style:none; display:flex; align-items:flex-start;}
						.servicesPage .servicesTextBase li:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/solution_li.svg);}
		.servicesPage .servicesTextBase .bottom .wp-block-group__inner-container  {display:flex; align-items:center; gap:50px}
			.servicesPage .servicesTextBase .bottom .wp-block-group__inner-container > p {font-size:var(--lFontSize); line-height:1.3; font-weight:600}
			.servicesPage .servicesTextBase .bottom .wp-block-group__inner-container .wp-block-buttons {flex-shrink:0}
	
	.servicesPage .wp-block-gallery {margin:60px 0}
		.servicesPage .wp-block-gallery figure {cursor:pointer; }
	
.servicesPage .wp-block-button__link {border:none; font-family:inherit;font-size: 12px; text-transform:uppercase;letter-spacing: 0.2em; font-weight:600;  display:block; gap:8px; width:auto; padding:0 30px; height:50px; line-height:50px; border-radius:10px; cursor:pointer;transition: .3s ease-in-out; text-decoration:none;text-align:center; text-align:center;justify-content: center;align-items: center;box-sizing:border-box; background:none;border:none;background:var(--mainColor); color:#fff; position:relative; box-shadow: 0 2px #008BB1, inset  0 -1px #259CFE}
	.servicesPage .wp-block-button__link:hover {background:#259CFE; color:#fff;  box-shadow: 0 1px #008BB1, inset  0 0 #259CFE }
			

.bottomText  {padding:50px 0 100px 0}
	.faqWidget + .bottomText {margin-top:-150px}
	
/*audit page*/
.auditIceberg {padding:170px 0 270px 0}
	.auditIceberg .wrapper {position:relative}
		.auditIceberg .wrapper > img {display:block; position:absolute; top:50px; right:0}
	.auditIceberg .text {max-width:640px; position:relative}	
		
		.auditIceberg .mobileIceberg {display:none}
		.auditIceberg .h1Wrapper .shadow { font-size:100px;  bottom: auto; top: -45px;left:0;}
		.auditIceberg .list {margin-bottom:80px; position:relative}
				.auditIceberg .list + .list {padding-top:20px}
			.auditIceberg .list .title { font-weight:600; font-size:var(--xlFontSize);line-height:1.3; display:flex; align-items:center; margin:0 0 30px 0;}
				.auditIceberg .list .title:before {content:''; display:block;flex-shrink:0; width:50px; height:50px;margin-right:15px; background:url(../images/solution.svg);}
					.auditIceberg .list.problem .title:before {background:url(../images/problem.svg);}
			.auditIceberg ul {display:flex; flex-direction:column; gap:10px; font-size:var(--lFontSize); line-height:1.3;max-width: calc(100% - 183px);}
				.auditIceberg li {list-style:none; display:flex; align-items:center;}
					.auditIceberg li:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/solution_li.svg);}
						.auditIceberg .list.problem li:before {background:url(../images/problem_li.svg);}
			.auditIceberg .list svg {display:block; position:absolute; bottom:0; right:150px}
			.auditIceberg .text svg.mobile {display:none}
		.auditIceberg .subs {max-width:520px;  color:var(--textAccent); font-weight:600; font-size:var(--xlFontSize);line-height:1.3;}	
.auditExpert {padding:80px 0 80px 0;}	
	.auditExpert .wrapper{display:flex;}
		.auditExpert .wrapper > .img {width:450px; margin:0 65px 0 85px; position:relative}

		.auditExpert .text {padding-top:135px;background:url(../../../../uploads/2025/02/casebg.svg) right top/600px no-repeat}
			.auditExpert .h1Wrapper {}
				.auditExpert .h1Wrapper span {}
				.auditExpert .h1Wrapper .shadow {font-size:130px;bottom: auto; top: -70px;left:0;}
				
			.auditExpert .list {display:flex; flex-direction:column; gap:10px; max-width:550px}
				.auditExpert .item {display:flex; align-items:center; gap:35px}
					.auditExpert .list .img {display:flex;flex-shrink:0; width:100px; height:100px; border-radius:100%; background:var(--accentBgColor)}
						.auditExpert .list .img img {display:block; width:50px; margin:auto}

.auditGet {padding:0 0 150px 0; }
	.auditGet .list {margin:0 0 20px 0; display:flex; gap:20px}
		.auditGet .list .item {background:var(--accentBgColor); border-radius:20px; padding:30px 50px;box-sizing:border-box;  flex:1;line-height:1.5}
			.auditGet .list .item img {display:block; width:70px; margin-bottom:20px;}
	.auditGet .wrapper > svg {display:block; margin:0 auto}
	.auditGet .subs {margin:30px auto; text-align:center; font-weight:600; font-size:var(--xlFontSize);line-height:1.3;max-width:530px}
	.auditGet .wrapper > .btn {display:flex; margin:0 auto}

.auditResult {padding:150px 0 150px 0}
	.auditResult .subs {font-size:var(--lFontSize);line-height:1.3; margin-bottom:50px}
	.auditResult .list {margin:0 0 50px 0; display:flex; gap:20px}
		.auditResult .list .item {background:#fff; border-radius:20px; padding:50px 50px;box-sizing:border-box;  flex:1;line-height:1.5}
			.auditResult .list .title { font-weight:600; font-size:var(--xlFontSize);line-height:1.3; display:flex; align-items:center; margin:0 0 30px 0; line-height:1.2}
				.auditResult .list .title:before {content:''; display:block;flex-shrink:0; width:50px; height:50px;margin-right:15px; background:url(../images/problem.svg);}
		.auditResult .list .desc {display:flex; }
			.auditResult .list .desc:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/problem_li.svg);}
	.auditResult .bottom {display:flex; align-items:center; justify-content:space-between; gap:50px}
		.auditResult .bottom .text {font-weight:600; font-size:var(--xlFontSize); line-height:1.3}
		.auditResult .bottom .btn {width:330px}



/*seo page*/
.seoSites {padding:200px 0 100px 0}
	.seoSites .info {display:flex; gap:20px; margin-bottom:50px}
		.seoSites .info .img {background:var(--accentBgColor); border-radius:20px;width:130px; height:130px; display:flex;flex-shrink:0;}
			.seoSites .info .img img {display:block;margin:auto; width:70px; }
		.seoSites .info .text {position:relative;}
			.seoSites .info .text img {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1}
			.seoSites .info .text div {font-weight:600;padding:40px 50px;}
	.seoSites .subs {color:#EB5757; font-weight:600; font-size:var(--xlFontSize);line-height:1.3; margin-bottom:30px}	
	.seoSites .list {display:flex; gap:20px}
		.seoSites .list .item {flex:1; padding:40px 30px 60px 30px; border-radius:20px; background:var(--accentBgColor); display:flex; }
			.seoSites .list .item:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/problem_li.svg);}

.seoPayback {padding:100px 0 100px 0}
	.seoPayback .h1Wrapper span {display:block}
	.seoPayback .h1Wrapper .shadow {}
	
	.seoPayback .list {display:flex; gap:20px; margin: 50px 0}
		.seoPayback .list .item  {flex:1; padding:30px 50px; border-radius:20px; background:var(--accentBgColor); display:flex; align-items:flex-start; gap:30px}
			.seoPayback .list .item .img {width:130px; height:130px; display:flex;flex-shrink:0; border-radius:100%; background:#fff}
				.seoPayback .list .item .img img {display:block; width:70px; margin:auto;}
			.seoPayback .list .item .text {padding-top:40px}
				.seoPayback .list .item .title {font-weight:600; font-size:var(--xlFontSize); line-height:1.3; margin-bottom:20px}
				.seoPayback .list .item p {margin-bottom:10px}
				.seoPayback .list .item .text span {font-weight:600;color:#EB5757;}
					.seoPayback .list .item._seo .text span {color:var(--textAccent)}
					
	.seoPayback .bottom {width:250px; margin:0 auto; text-align:center; font-weight:600; position:relative}	
		.seoPayback .bottom svg {display:block; position:absolute; left:100%; top:50%; transform:translate(20px,-50%); }
		
.seoResult {padding:150px 0 100px 0}
	.seoResult .sliderArrows {display:none;}
	.seoResult .list {margin:50px 0; display:flex; gap:20px;  }
		.seoResult .list .item {background:#fff; border-radius:20px; display:flex; gap:20px; align-items:flex-start;padding:50px 50px; flex:1; position:relative }
			.seoResult .list .item > a {display:block; position:absolute; top:24px; right:24px; color:var(--textAccent)}
				.seoResult .list .item > a:hover {color:var(--textColor)}
			.seoResult .list .item .title {color:var(--textAccent); font-weight:600; font-size:var(--xlFontSize);line-height:1.3; margin-bottom:30px}
			.seoResult .list .item .params {margin-bottom:20px}
				.seoResult .list .item .params span {display:block; font-weight:600; margin-bottom:10px}
			.seoResult .list .item .btn {margin-top:50px}
	.seoResult .wrapper > .btn {display:flex; margin:0 auto}
	
.seoPlan {padding:200px 0 200px 0}	
	.seoPlan .sp {height:200px;}
	.seoPlan .h1Wrapper {max-width:930px}
	.seoPlan .subs {font-size:var(--lFontSize);line-height:1.3;}
	.seoPlan .list {display:flex;flex-wrap:wrap; gap:20px;margin:50px 0 0 0}
		.seoPlan .list .item {width:calc(33.333% - 40px/3); background:var(--accentBgColor); padding:50px 50px; box-sizing:border-box;border-radius:20px }
			.seoPlan .list .item .title { font-weight:600; font-size:var(--xlFontSize);line-height:1.3; display:flex; align-items:center; margin:0 0 30px 0; line-height:1.2}
			.seoPlan .list .item .title:before {content:''; display:block;flex-shrink:0; width:50px; height:50px;margin-right:15px; background:url(../images/problem.svg);}
			.seoPlan .list .item .desc {display:flex; }
				.seoPlan .list .item .desc:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/problem_li.svg);}

			.seoPlan .list.solution .item .title:before {background:url(../images/solution.svg);}
			.seoPlan .list.solution .item .desc:before {background:url(../images/solution_li.svg);}
			
			.seoPlan .list .item._last {box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);     background: url(../../../../uploads/2025/02/casebg.svg) right 50px top 50px /200px no-repeat;} 
				.seoPlan .list .item._last .title {color:var(--textAccent); max-width:260px}
				.seoPlan .list .item._last .title:before {display:none}
		
.seoAdvantages {padding:150px 0 150px 0}	
	.seoAdvantages .sp {height:200px}
	.seoAdvantages .list {display:flex; flex-wrap:wrap; gap:20px; margin:50px 0 0 0}
		.seoAdvantages .item {width:calc(33.333% - 40px/3); background:#fff; border-radius:20px; padding:50px 40px; box-sizing:border-box;}
			.seoAdvantages .item .top {display:flex; align-items:center; gap:20px; margin-bottom:30px; font-size:var(--xlFontSize);line-height:1.3; font-weight:600}

.seoPrice {padding:180px 0 200px 0}
	.seoPrice .subs {font-size:var(--lFontSize);line-height:1.3;}
	.seoPrice .list {display:flex; flex-wrap:wrap; gap:20px; margin:50px 0 }
		.seoPrice .item {width:calc(33.333% - 40px/3); background:var(--accentBgColor); border-radius:20px; padding:25px 50px 50px 50px; box-sizing:border-box; display:flex; flex-direction:column}
			.seoPrice .item .img  {width:130px; height:130px; display:flex;border-radius:100%; background:#fff; margin:0 auto 10px auto}
				.seoPrice .item .img img {display:block; width:70px; margin:auto;}
			.seoPrice .item .title {text-align:center; font-weight:600; font-size:var(--xlFontSize);line-height:1.3; margin-bottom:10px}
			.seoPrice .item .desc {margin-bottom:30px}
			.seoPrice .item .price {text-align:center; color:var(--textAccent); font-weight:600;font-size:var(--xlFontSize);line-height:1.3; margin:auto 0 20px 0}
			.seoPrice .item .btn {margin:0 auto; display:flex;}
	
	.seoPrice .bottom {display:flex; align-items:center; justify-content:space-between; gap:50px}
		.seoPrice .bottom .text {font-weight:600; font-size:var(--xlFontSize); line-height:1.3}
		.seoPrice .bottom .btn {width:260px;    flex-shrink: 0;}
		
/*direct page*/	
.dericetImgCor {max-width:570px}
	.servicesPromo .img.dericetImgCor blockquote {bottom:50px}
.directType {padding:200px 0 200px 0}	
	.directType .list {display:flex; flex-wrap:wrap; gap:20px; margin:50px 0 0 0 }
		.directType .item {width:calc(33.333% - 40px/3); background:var(--accentBgColor); border-radius:20px; padding:80px 50px 70px 50px; box-sizing:border-box; display:flex; flex-direction:column}
			.directType .item .img  {width:130px; height:130px; display:flex;border-radius:100%; background:#fff; margin:0 0 30px 0}
				.directType .item .img img {display:block; width:70px; margin:auto;}
			.directType .item .title {font-weight:600; font-size:var(--xlFontSize); line-height:1.3; margin-bottom:30px}
				.directType .item .title span {color:var(--textAccent)}

.directCase {padding:200px 0 200px 0}	
	.directCase .sp {height:200px}
	.directCase .row {display:flex;}
		
		.directCase .text {display:flex; flex-direction:column}
			.directCase .text .description {margin-bottom:50px; font-size:var(--lFontSize);line-height:1.3;}
				.directCase .text .description  .highlight {display:flex; align-items:center; margin-bottom:10px; color:var(--textAccent); font-weight:600; gap:8px}
			.directCase .text .btn {margin:auto 0 0 0; max-width:330px; width:100%;}
			
		.directCase .casesItem {width:690px;min-height:520px;  flex-shrink:0; margin-left:70px; display:flex;background:var(--accentBgColor);  border-radius:20px;position:relative}
			.directCase .casesItem:before {content:''; display:block; border-radius:20px 0 0 20px;width:20px;position:absolute; top:20px; bottom:20px; left:-20px; background:#fff; opacity:0.6}
			.directCase .casesItem:after {content:''; display:block; border-radius:20px 0 0 20px;width:20px;position:absolute; top:40px; bottom:40px; left:-40px; background:#fff; opacity:0.4}
			.directCase  .casesItem .img {display:block; width:50%; flex-shrink:0; border-radius:20px 0 0 20px; overflow:hidden}
				.directCase  .casesItem .img img {display:block; width:100%; height:100%; object-fit:cover;}
			.directCase  .casesItem .info {display:flex; flex-direction:column; gap:15px; padding:100px 25px 100px 50px; box-sizing:border-box;width:50%; flex-shrink:0; position:relative; background:#fff;border-radius:0 20px 20px 0; overflow:hidden;flex-grow: 1;}
				.directCase .casesItem .info .more {position:absolute; display:block; top:20px; right:35px; color:var(--textAccent)}
					.directCase .casesItem .info .more:hover {color:var(--textColor)}
				.directCase .casesItem .info .title {font-size:var(--xlFontSize);    line-height: 1.3; font-weight:600; margin-bottom:15px; display:block; color:var(--textAccent)}
					.directCase .casesItem .info .title:hover {color:var(--textColor)}
				.directCase .casesItem .info .desc {margin-bottom:30px; font-weight:600}
					.directCase .casesItem .info .desc span {display:block; color:var(--textAccent)}
				.directCase .casesItem .info .btn {margin-top:auto} 

.directCase .row.reverse {flex-direction:row-reverse}		
	.directCase .row.reverse .casesItem {margin-right:70px; margin-left:0}
		.directCase .row.reverse .casesItem:before { right:-20px;left:auto; border-radius:0 20px 20px 0}
		.directCase .row.reverse .casesItem:after {right:-40px; left:auto; border-radius:0 20px 20px 0}


.directSteps {padding:200px 0 200px 0}	
	.directSteps .sp {height:200px}
	.directSteps .h1Wrapper {max-width:900px}
	.directSteps .subs {font-size:var(--lFontSize);line-height:1.3;}
	.directSteps .list {display:flex;flex-wrap:wrap; gap:20px;margin:50px 0 0 0}
		.directSteps .list .item {width:calc(33.333% - 40px/3); background:var(--accentBgColor); padding:50px 50px; box-sizing:border-box;border-radius:20px }
			.directSteps .list .item .title { font-weight:600; font-size:var(--xlFontSize); display:flex; align-items:center; margin:0 0 30px 0; line-height:1.3}
			.directSteps .list .item .title:before {content:''; display:block;flex-shrink:0; width:50px; height:50px;margin-right:15px; background:url(../images/problem.svg);}
			.directSteps .list .item .desc {display:flex; }
				.directSteps .list .item .desc:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/problem_li.svg);}
			.directSteps .list .item .desc + .desc {margin-top:20px}
			.directSteps .list.solution .item .title:before {background:url(../images/solution.svg);}
			.directSteps .list.solution .item .desc:before {background:url(../images/solution_li.svg);}
			
			.directSteps .list .item._last {box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);     background: url(../../../../uploads/2025/02/casebg.svg) right 50px top 50px /200px no-repeat;} 
				.directSteps .list .item._last .title {color:var(--textAccent); max-width:260px}
				.directSteps .list .item._last .title:before {display:none}
	.directSteps .steps {display:flex; gap:40px; margin:50px 0 0 0}		
		.directSteps .steps .item {flex:1; display:flex; align-items:center;font-size:var(--lFontSize);line-height:1.3;}
			.directSteps .steps .item .num {flex-shrink:0; margin-right:20px; width:100px; height:100px; line-height:100px; border-radius:100%; background:var(--accentBgColor); text-align:center; color:var(--textAccent); font-size:var(--xxxlFontSize);font-weight:600}
			
.directPrice {padding:200px 0 200px 0; overflow:hidden}			
	.directPrice .list {margin:50px 0; display:flex; gap:20px; flex-wrap:wrap}
		.directPrice .list .item {width:calc(50% - 10px); box-sizing:border-box; background:var(--accentBgColor); border-radius:20px; padding:50px 50px;  display:flex; align-items:flex-start;}
			.directPrice .list .item img {display:block; width:40px; margin-right:20px;}
			.directPrice .list .item .desc {margin-right:30px; }
					.directPrice .list .item .desc .title {font-size:var(--xlFontSize); line-height:1.3;font-weight:600; margin-bottom:10px}
			.directPrice .list .item .price {color:var(--textAccent); font-size:var(--xlFontSize); line-height:1.3;font-weight:600; margin-left:auto; white-space:nowrap}
	.directPrice .btns {display:flex; gap:10px}
		.directPrice .btns .btn:last-child {margin-left:auto}

/*site page*/
.siteImgCor {top:-30px; max-width:550px}
	.servicesPromo .img.siteImgCor blockquote {bottom:80px}
	.servicesPromo .img.siteImgCor img {position:relative; left:-50px}
.siteType {padding:200px 0 200px 0; overflow:hidden}
	.siteType .row {display:flex; gap:115px}
		.siteType .info {width:calc(100% - 555px); display:flex; flex-direction:column;}
			.siteType .h1Wrapper .shadow {font-size:100px; top:-40px}
			.siteType .info ul {margin:20px 0 50px 0;max-width:540px;  display:flex; flex-direction:column; gap:20px; font-size:var(--lFontSize);line-height:1.3; }
				.siteType .info li {list-style:none; display:flex; }
					.siteType .info li:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/solution_li.svg);}
						.siteType .info li:before {background:url(../images/solution_li.svg);}
				.siteType .info  .portfolio {display:flex; gap:20px; margin-top:auto;}
					.siteType .info  .portfolio a {width:calc(33.333% - 40px/3); border-radius:10px; overflow:hidden}
						.siteType .info  .portfolio a img {display:block; width:100%; height:155px; object-fit:cover;}
						
		.siteType .case {width:450px; flex-shrink:0; display:flex; flex-direction:column;}
			.siteType .caseItem {background:var(--accentBgColor); padding:70px 50px; box-sizing:border-box; width:100%; margin-bottom:50px; border-radius:20px; position:relative}
				.siteType .caseItem .more {position:absolute; display:block; top:40px; right:30px; color:var(--textAccent)}
					.siteType .caseItem .more:hover {color:var(--textColor)}
				.siteType .caseItem .title {font-size:var(--xlFontSize);line-height: 1.3; font-weight:600; margin-bottom:30px; display:block; color:var(--textAccent)}
					.siteType .caseItem .title:hover {color:var(--textColor)}
				.siteType .caseItem .desc {font-weight:600; margin-bottom:50px}
			.siteType .case .btn {margin-top:auto; align-self:flex-start}
	.siteType .row._reverse {flex-direction:row-reverse; margin:250px 0}
		
		
.sitePlan {padding:200px 0 200px 0}
	.sitePlan .h1Wrapper span {display:block}
	.sitePlan .chart {width:100%; display:block; margin-top:70px}
	.sitePlan .chartSubs {display:flex; justify-content:space-between}
		.sitePlan .chartSubs .text {padding:40px 30px 35px 40px; background:url(../../../../uploads/2025/02/chart_subs_bg.svg) center/100% no-repeat;width:335px;box-sizing:border-box;  }
		.sitePlan .chartSubs .btn {transform:translateY(18px)}
	.sitePlan .list {margin:70px 0 0 0; display:flex; gap:20px; flex-wrap:wrap}
		.sitePlan .list .item {width:calc(50% - 10px); box-sizing:border-box; background:var(--accentBgColor); border-radius:20px; padding:40px 130px 40px 70px;  display:flex; align-items:flex-start;}
			.sitePlan .list .item img {display:block; width:70px; margin-right:30px;}
			.sitePlan .list .item .desc {}
			
			
.sitePrice {padding:200px 0 200px 0 }	
	.sitePrice .list {display:flex; flex-wrap:wrap; gap:20px; margin:50px 0 65px 0}
		.sitePrice .item {width:calc(33.333% - 40px/3); background:#fff; border-radius:20px; padding:25px 50px 50px 50px; box-sizing:border-box; display:flex; flex-direction:column}
			.sitePrice .item .img  {width:130px; height:130px; display:flex;border-radius:100%; background:var(--accentBgColor); margin:0 auto 10px auto}
				.sitePrice .item .img img {display:block; width:70px; margin:auto;}
			.sitePrice .item .title {text-align:center; font-weight:600; font-size:var(--xlFontSize);line-height:1.3; margin-bottom:10px}
			.sitePrice .item .desc {margin-bottom:30px}
			.sitePrice .item .price {text-align:center; color:var(--textAccent); font-weight:600;font-size:var(--xlFontSize);line-height:1.3; margin:auto 0 20px 0}
			.sitePrice .item .btn {margin:0 auto; display:flex;}
	
	.sitePrice .bottom {display:flex; align-items:center; justify-content:space-between; gap:50px}
		.sitePrice .bottom .text {font-weight:600; font-size:var(--xlFontSize); line-height:1.3}
		.sitePrice .bottom .btn {width:260px}
		
.sitePortfolio {padding:200px 0}
	.sitePortfolio .h1Wrapper {max-width:930px; margin:0 0 0 0}
	.sitePortfolio .flex {display:flex; gap:20px; justify-content:space-between;}
		.sitePortfolio .grid {padding-top:50px; flex-shrink:0; display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: 175px 175px;gap: 20px 20px;grid-template-areas:    "s1 s1 s2 s3""s1 s1 s4 s5"; width:930px;}
			.sitePortfolio .grid a:nth-child(1) {grid-area: s1;}
			.sitePortfolio .grid a:nth-child(2) {grid-area: s2;}
			.sitePortfolio .grid a:nth-child(3) {grid-area: s3;}
			.sitePortfolio .grid a:nth-child(4) {grid-area: s4;}
			.sitePortfolio .grid a:nth-child(5) {grid-area: s5;}
			.sitePortfolio .grid a {display:block; border-radius:10px; overflow:hidden}
				.sitePortfolio .grid a img {display:block; width:100%; height:100%; object-fit:cover;}
		.sitePortfolio .info {max-width:320px; display:flex; flex-direction:column}
			.sitePortfolio .info .title {font-weight:600; font-size:var(--xlFontSize); line-height:1.3; margin-bottom:30px}
			.sitePortfolio .info .params {display:flex; align-items:center; gap:20px; margin-bottom:20px}
				.sitePortfolio .info .params img {display:block; width:50px; flex-shrink:0}
			.sitePortfolio .info .btn {margin-top:auto; width:100%; }
			
/*course Page*/
.coursePage {}
.coursePromo {overflow:hidden}
	.coursePromo .wrapper {background: url(../../../../uploads/2025/02/casebg.svg) right top / 700px no-repeat, url(../../../../uploads/2025/02/casebg.svg) right 150px bottom / 130px no-repeat,url(../../../../uploads/2025/02/casebg.svg) left 400px top / 450px no-repeat;}
		.coursePromo .img img {position:relative; left:-150px; width:870px}
		.coursePromo .text {justify-content:center; padding:50px 0; background:none}
			.coursePromo ul {padding-left:50px;    gap: 15px;}
			.coursePromo .btn.big {height:90px; margin:45px 0; width:100%}
			.coursePromo .btns {margin:0}
				.coursePromo .btn {margin:0 auto; }
		
			
	
	
.courseAuthor {padding:150px 0 150px 0;}
	.courseAuthor .wrapper {background: url(../../../../uploads/2025/02/casebg.svg) left 170px bottom / 600px no-repeat;}

	
	.courseAuthor .flex {display:flex; gap:130px; align-items:center; margin-top:80px}
		.courseAuthor .list {display:flex; flex-direction:column; gap:30px}
			.courseAuthor .list .item {display:flex; align-items:center; font-size:var(--lFontSize);line-height:1.3;}
				.courseAuthor .list .item .img {background:var(--accentBgColor); border-radius:100%;width:100px; height:100px; display:flex;margin:0 40px 0 0; flex-shrink:0}
					.courseAuthor .list .item .img img {display:block;margin:auto; width:50px; }
		.courseAuthor .flex .info {width:700px; flex-shrink:0; display:flex; box-shadow: 8.82px 12.74px 13.62px 0px #E5F3FBCC;border-radius:20px; overflow:hidden; background:#fff}			
			.courseAuthor .flex .info .img {width:50%; flex-shrink:0 }
				.courseAuthor .flex .info .img img {display:block; width:100%; height:100%; object-fit:cover;}
			.courseAuthor .flex .info .text {padding:20px 50px; display:flex; flex-direction:column; justify-content:center; gap:20px; font-weight:600; position:relative}
				.courseAuthor .flex .info .text .title {color:var(--textAccent); font-size:var(--xlFontSize);line-height:1.3; display:flex; gap:20px; align-items:center; justify-content:space-between}
				.courseAuthor .flex .info .text img {display:block; max-width:100%;}

.courseMagazin  {background:#E5F3FB}
	.courseMagazin  .magazinWidget .wrapper {align-items:flex-end}
		.courseMagazin .h1Wrapper .shadow {color:#fff; font-size:150px; z-index:0; bottom: auto; top: -120px;left:0;}
		
.courseAbout {padding:150px 0 70px 0}

	

	
	.courseAbout .info {display:flex;gap:20px; margin:90px 0 100px 0}
		.courseAbout .info .img {background:var(--accentBgColor); border-radius:20px;width:130px; height:130px; display:flex;flex-shrink:0;}
			.courseAbout .info .img img {display:block;margin:auto; width:70px; }
		.courseAbout .info .text {position:relative;}
			.courseAbout .info .text img {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1}
			.courseAbout .info .text div {font-weight:600;padding:40px 50px;}
			
	.courseAbout .programs {margin-bottom:50px; position:relative; min-height:1120px}	
		.courseAbout .programs > img {position:absolute; top:0; left:0; width:calc(100% - 600px);display:block}
		.courseAbout .programs > img.mob {display:none}
		.courseAbout .programs .steps {width:700px; margin-left:auto; position:relative; display:flex; flex-direction:column; gap:10px}
			.courseAbout .programs .steps .step {}
				.courseAbout .programs .steps .step .head {display:flex; gap:7px; padding:25px 30px 25px 45px; border-radius:20px; background:var(--accentBgColor);font-weight:600; font-size:var(--xlFontSize); line-height:1.3; cursor:pointer; transition:.2s}	
					.courseAbout .programs .steps .step .head span {color:var(--textAccent);white-space:nowrap}
					.courseAbout .programs .steps .step .head svg {flex-shrink:0; align-self:center; margin-left:auto; color:var(--textAccent); transition:.2s}
				
				.courseAbout .programs .steps .step .body {display:flex; flex-direction:column; visibility:hidden; opacity:0; max-height:0; box-sizing:border-box; overflow:hidden;  transition:.2s }
					.courseAbout .programs .steps .step .body ul {counter-reset: step; display:flex; flex-direction:column; gap:5px;}
						.courseAbout .programs .steps .step .body li {display:flex; }
							.courseAbout .programs .steps .step .body li:before {counter-increment: step;content: "Урок " counter(step) ". ";  display:block;flex-shrink:0;padding-left:32px;background:url(../images/course_li_red.svg) left top 6px/15px no-repeat;color:var(--textAccent);font-weight:600;white-space: nowrap;width: 105px;box-sizing: border-box; }
					.courseAbout .programs .steps .step .body .btn {margin:30px auto 0 auto; display:flex;}
				
				.courseAbout .programs .steps .step.isActive .head {color:var(--textAccent);}
					.courseAbout .programs .steps .step.isActive .head svg {transform:scale(1,-1);}				
				.courseAbout .programs .steps .step.isActive .body 	{padding:20px 90px 10px 45px; max-height:1000px;visibility:visible; opacity:1; }
	.courseAbout .programs + .btn {margin:0 auto 120px auto; display:flex;width:100%; max-width:400px}		
				
					
	.courseAbout .result {margin:60px 0 0 0; display:flex; gap:20px}
		.courseAbout .result .item {flex:1;background:var(--accentBgColor);  border-radius:20px; padding:30px 60px 60px 60px }
			.courseAbout .result .item .img {background:#fff; border-radius:100%;width:130px; height:130px; display:flex;margin:0 0 35px 0}
				.courseAbout .result .item .img img {display:block;margin:auto; width:70px; }
			.courseAbout .result .item .desc {font-weight:600; font-size:var(--xlFontSize); line-height:1.3}	
				.courseAbout .result .item .desc span {color:var(--textAccent)}
			
.coursePrice {padding:120px 0 70px 0}

	.coursePrice .list {display:flex; gap:30px; justify-content:center; margin:50px 0 0 0}
		.coursePrice .list .item {flex:1; max-width:450px;box-shadow: 8.82px 12.74px 13.62px 0px #E5F3FBCC; padding:20px 30px 30px 30px; box-sizing:border-box; border-radius:20px; background:#fff; border:2px solid #fff; position:relative}
			.coursePrice .list .item .img {background:var(--accentBgColor); border-radius:100%;width:130px; height:130px; display:flex;margin:0 auto 10px auto}
				.coursePrice .list .item .img img {display:block;margin:auto; width:70px; }
			.coursePrice .list .item .title {text-align:center;font-weight:600; font-size:var(--xlFontSize); line-height:1.3; margin-bottom:20px}
			.coursePrice .list .item .price{color:var(--textAccent); text-align:center;font-weight:600; font-size:var(--xlFontSize); line-height:1.3; margin-bottom:20px}
				.coursePrice .list .item .price span {color:#EB5757}
				.coursePrice .list .item .price strike {display:block }
			.coursePrice .list .item ul {margin:25px 0 25px 0; display:flex; flex-direction:column; gap:11px; }
				.coursePrice .list .item li {list-style:none; display:flex; align-items:center; }
					.coursePrice .list .item li:before {content:''; display:block;flex-shrink:0; width:15px; height:12px;margin-right:15px; background:url(../images/course_li.svg);}
			.coursePrice .list .item .btn {display:flex; margin:0 auto; line-height:1}
			
			.coursePrice .list .item .badge {width:74px; height:91px; position:absolute;top:-5px; right:25px; display:flex; align-items:center;}
				.coursePrice .list .item .badge svg {display:block; position:absolute; width:100%; height:100%;top:0; left:0 }
				.coursePrice .list .item .badge div {position:relative;z-index:2; font-size:var(--sFontSize); font-weight:bold; display:flex; flex-direction:column; justify-content:center;  align-items:center; padding:0 5px; text-align:center; line-height:1; width:100%; margin-top:-20px}
					.coursePrice .list .item .badge div span {color:#EB5757}
		.coursePrice .list .item.highlight {background:#D6F0FA}
			.coursePrice .list .item.highlight .btn {color:#EB5757; border-color:#EB5757}
				.coursePrice .list .item.highlight .btn:hover {color:#fff; border-color:#fff}

.courseRews {padding:120px 0 70px 0}
	.courseRews .h1Wrapper {margin-bottom:50px}
		.courseRews .sliderArrows {display:none;}
	.courseRews .reviewsSlider {margin-bottom:30px;}
	
	.courseRews .reviewsShifterWrapper {overflow:hidden}
		.courseRews .reviewsShifterWrapper .reviewsShifterInner {transform:translateX(-50%)}
			.courseRews .reviewsShifter {display:flex; gap:30px; margin-bottom:30px; min-width:200%; justify-content:center; }
				.courseRews .reviewsShifter .rewsItem {width:680px; flex-shrink:0}
		
			
	.courseRews > .btn{margin:90px auto 0 auto; display:flex; }
	
/*single page*/
.singlePage {padding:110px 0 70px 0}
	.singlePage .topDesc:not(:empty) {margin-bottom:50px;}
	
	.singlePageContent {margin-top:70px}
	
.pageCatBtns {display:flex; align-items:center; gap:10px; margin-bottom:50px; }			
	.pageCatBtns a.isActive {border:1px solid var(--mainColor);background:var(--mainColor); color:#fff;}	

.clientPage {padding-bottom:0}
	.clientList {display:flex; flex-wrap:wrap; gap:50px 20px}
		.clientList .clientItem {width:calc(25% - 20px*3/4)}
			.clientList .clientItem .img {display:flex; width:100%; height:240px; border-radius:20px;background: var(--accentBgColor); margin-bottom:20px;}
				.clientList .clientItem .img img {display:block; margin:auto; max-width:80%; max-height:80%; object-fit:contain;  }
			.clientList .clientItem .title {font-size:var(--lFontSize);line-height:1.3; font-weight:600}
	.clientPage .wrapper > .btn{ margin:50px auto 0 auto; display:flex; }
.faqPage {padding-bottom:0}


.blogPage {padding:60px 0 120px 0}
	.blogPage .h1Wrapper .shadow {font-size:150px; top:-80px}
	
	.sliderArrows {display:flex; gap:5px; flex-shrink:0}
		.arrowPrev  {display:flex; cursor:pointer; transition:.2s; color:var(--textColor); width:50px; height:50px; border-radius:100%; background:var(--accentBgColor)}
			.arrowPrev svg {display:block; width:12px; height:12px; margin:auto}
		.arrowNext  {display:flex; cursor:pointer; transition:.2s; color:var(--textColor); width:50px; height:50px; border-radius:100%; background:var(--accentBgColor)}
			.arrowNext svg {display:block; width:12px; height:12px; margin:auto}	
			
	.categoryListWidget {display: flex;gap: 55px;overflow: hidden;margin:30px 0; justify-content:space-between}
		.categoryListWidget	.slider {width:calc(100% - 160px);}
			.categoryListWidget	.slider .sliderBtnInner {margin-right:5px}
				.categoryListWidget a {display:table; padding:20px 20px; font-size:var(--sFontSize); font-weight:600; background:#eee; border-radius:5px;white-space: nowrap; color:rgb(29 29 29 / 50%)}
			
			.categoryListWidget a:hover {color:var(--textColor); background:var(--mainColor);}
			.categoryListWidget a.asActive {color:var(--textColor); background:#CCF1FB;}

	.blogPostLeading {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr 1fr; gap: 40px 20px;grid-template-areas:"s1 s1 s2""s1 s1 s3";}
		.blogPostLeading .postCard:nth-child(1)  { grid-area: s1; }
			.blogPostLeading .postCard:nth-child(1) .img {flex-grow:1}
				.blogPostLeading .postCard:nth-child(1) .img img {height:100%}
			.blogPostLeading .postCard:nth-child(1) .title {margin-bottom:20px; font-size:var(--xxlFontSize);line-height:1}
			.blogPostLeading .postCard:nth-child(1) .desc {display:block}
		.blogPostLeading .postCard:nth-child(2)  { grid-area: s2; }
		.blogPostLeading .postCard:nth-child(3)  { grid-area: s3; }
	
	.blogPostAll {padding:170px 0 0 0}
	
	.blogPage .loadMoreBtn {display:flex; margin:50px auto 0 auto}
	
	

	
	
	
.singlePostPage {padding:60px 0 120px 0}
	.singlePostPage .wrapper {display:flex; align-items:flex-start}
		.singlePostContent {width:calc(100% - 400px); }
				.singlePostContent._full {width:100%}
			.singlePostTop {}
				.singlePostContent .singleImg {width:100%; object-fit:cover; max-height:520px; border-radius:20px; margin:0 auto 20px auto; display:block}
				.singlePostContent .topTools {display:flex; align-items:center; gap:25px;font-size:var(--sFontSize); margin-bottom:30px}
					.singlePostContent .author {display:flex;align-items:center; margin-right:auto;}
						.singlePostContent .author img {display:block; width:50px; height:50px; object-fit:cover; border-radius:100%; margin-right:15px}
						.singlePostContent .author div {font-size:var(--sFontSize);font-weight:600; }
							.singlePostContent .author span {display:block; opacity:0.5; font-weight:500; }
					.singlePostContent .topTools .cat { background:var(--mainColorMuted); padding:5px 10px; border-radius:5px; line-height:1;font-size: var(--sFontSize);   color: var(--textColorMuted);}
						.singlePostContent .topTools .cat:hover { color:var(--textColor);background:var(--mainColor);  }
					.singlePostContent .topTools .date {opacity:0.5}
					.singlePostContent .topTools .time {opacity:0.5; display:flex; align-items:center; gap:7px}
					.singlePostContent .topTools .views {opacity:0.5; display:flex; align-items:center; gap:7px}
				.singlePostTop > .author {display:none}
			
			.blogPostContent.postContent {overflow:visible}
				.blogPostContent.postContent img {box-shadow:0 0 20px 0px #beb1b1}
			
			.singlePostBottom	{margin:100px 0 50px 0; padding:25px 50px; background:var(--accentBgColor); display:flex; align-items:flex-start; justify-content:space-between; gap:20px; border-radius:20px;}
				.singlePostBottom .title {font-weight:600;font-size:var(--lFontSize); line-height:1.3; margin-bottom:10px;}
				.singlePostBottom .rating {}
					.singlePostBottom .starsRating {display:flex; align-items:center;  gap:5px;}
						.singlePostBottom .star {width:24px; height:24px; cursor:pointer; transition:.2s}
							.singlePostBottom .star svg {display:block; width:100%; height:100%;}
						.singlePostBottom .ratingText {font-size:12px; margin-left:10px}
						
		.singlePostToc {width:335px; flex-shrink:0; margin-left:65px; position:sticky; top:130px}
			.singlePostToc .title {padding:30px 30px; background:var(--accentBgColor); border-radius:20px; font-weight:600;font-size:var(--lFontSize); line-height:1.3}
			
			.singlePostToc ul {display:flex; flex-direction:column; gap:5px; margin:5px 0; padding:0 0 0 30px;}
				.singlePostToc ul a {padding:20px 30px; background:var(--accentBgColor); border-radius:20px; font-weight:600; ; line-height:1.3;color:rgb(29 29 29 / 50%); display:block; border-left:3px solid var(--accentBgColor)}
				
				.singlePostToc ul a:hover {color:var(--textColor)}
				.singlePostToc ul a.isActive {color:var(--textAccent);border-left-color:var(--textAccent)}
	
	
	.blogCommentsTitle {font-weight: 600;font-size: var(--lFontSize);line-height: 1.3;margin-bottom: 20px;}
	.blogComments {}
		.blogComments .commentBody {padding:10px 0; border-radius:20px}
		.blogComments .commentAuthor {display:flex; align-items:center;gap:15px; font-weight:600; font-size:14px;}
			.blogComments .commentAuthor img {display:block; width:50px; height:50px;border-radius:100% }
			.blogComments .commentAuthor .date {opacity:0.5; font-weight:400; margin:0 0 0 auto; }
			
		.blogComments .commentContent {margin:15px 0 8px 0}
		.commentAwaitingModeration {color:#FC7D6C; margin:20px 0}
		.blogComments .comment-reply-link {font-weight:600; color:var(--textAccent); font-size:14px;}
			.blogComments .comment-reply-link:hover {color:var(--textColor)}
		
		.blogComments .children {padding-left:50px}
			.blogComments .children .odd > .commentBody {background:var(--accentBgColor); padding:30px; border-radius:20px}
	
	.cancelReplyLink a {display:table; margin:0 0 10px 0;font-weight:600; color:var(--textAccent); font-size:14px;}
		.cancelReplyLink a:hover {color:var(--textColor)} 
	.blogCommentForm {padding:30px 50px; background:var(--accentBgColor); margin:30px 0; border-radius:20px}
		.blogCommentForm input {margin-bottom:20px !important}
		.blogCommentForm .btn {margin-top:20px}
	
.otherPosts {padding:70px 0 150px 0}
	.otherPosts .sliderArrows  {display:none}
	.otherPosts .blogPostList {margin-top:50px}
	.otherPosts .postCard {}
		.otherPosts .postCard .tools .date,
		.otherPosts .postCard .tools .time,
		.otherPosts .postCard .tools .views {display:none}
	.otherPosts .btn {display:flex; margin:30px auto 0 auto}


.searchPage {padding:120px 0}			
	.searchPage ul {display:flex; flex-direction:column; gap:15px;list-style: disc;list-style-position: inside;padding: 0 0 0 30px;margin: 50px 0 0 0;}
	.searchPage .desc {margin:50px 0}
	
.teamPage {padding-bottom:200px}
	.teamPage .h1Wrapper {margin-bottom:50px}
	.teamPage .teamList {display:flex; flex-wrap:wrap; gap:50px 20px}
		.teamPage .teamList .teamItem {width:calc(25% - 20px*3/4);display: flex; flex-direction: column;}
			.teamPage .teamList .teamItem .img {display:flex; width:100%;align-items:flex-end; border-radius:20px;background: var(--accentBgColor); margin-bottom:30px; box-sizing:border-box; position:relative; overflow:hidden}
				.teamPage .teamList .teamItem .img img {display:block;width:100%;margin: 0 auto; object-fit:cover;aspect-ratio:3/4 }
				.teamPage .teamList .teamItem .img:after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0;background: linear-gradient(to top, var(--accentBgColor) 0%, transparent 30%);}
			.teamPage .teamList .teamItem .title {font-size:var(--xlFontSize); font-weight:600; line-height:1.3; margin-bottom:15px; display:block;}
			.teamPage .teamList .teamItem .department {}
	.teamPage .teamList  + .h1Wrapper {margin-top:200px}

.singleTeamPage {padding:40px 0 0 0}
	.singleTeamPage .wrapper {display:flex;}
		.singleTeamPage .img {background: var(--accentBgColor);  width:500px;  border-radius:20px; flex-shrink:0;position:relative; overflow:hidden; display:flex;align-items:flex-end}
			.singleTeamPage .img img {display:block; margin:0 auto;width:100%; aspect-ratio: 3 / 4; object-fit: cover;}
			.singleTeamPage .img:after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0;background: linear-gradient(to top, var(--accentBgColor) 0%, transparent 30%);}
		.singleTeamPage .text {padding:60px 0 0 70px; flex-grow:1; background:url(../../../../uploads/2025/02/casebg.svg) right bottom/400px no-repeat }	
			.singleTeamPage .text .h1Wrapper {}
				.singleTeamPage .text .h1Wrapper .shadow {font-size:130px} 
			.singleTeamPage .tel {display:flex; align-items:center; gap:8px;font-weight:600; margin:0 0 10px 0}
			.singleTeamPage .email {display:flex; align-items:center; gap:8px;font-weight:600;}
				.singleTeamPage .tel svg, .singleTeamPage .email  svg {color:var(--textAccent)}
			.singleTeamPage  .name {font-size:var(--xlFontSize); font-weight:600; line-height:1.3; margin-bottom:20px}
			.singleTeamPage .postContent {margin-top:50px;}
				.singleTeamPage .text h3,
				.singleTeamPage .text h4,
				.singleTeamPage .text h5,
				.singleTeamPage .text h6 {color:var(--textAccent);font-weight:600; font-size:var(--lFontSize);line-height:1.3; margin-bottom:10px}
				.singleTeamPage .text ol, .singleTeamPage .text ul {margin:0 0 30px 0}
				
			.singleTeamPage .text *:last-child {margin-bottom:0}
			
.vacancyPage {padding-bottom:0}
	.vacancyList {display:flex; flex-direction:column; gap:10px}
		.vacancyItem {padding:30px 30px 30px 50px; background:var(--accentBgColor); border-radius:20px; display:flex; align-items:center; justify-content:space-between}
			.vacancyItem .title { font-size:var(--xlFontSize);line-height:1.3; font-weight:600; margin-bottom:15px; display:block}
			.vacancyItem .props {display:flex; gap:10px; margin-top:20px}
				.vacancyItem .props span{background:var(--mainColorMuted); font-size:var(--sFontSize); line-height:1; border-radius:5px; height:40px; display:flex; align-items:center; padding:0 10px; color:var(--textColorMuted)}
					.vacancyItem .props span svg {display:block; margin-right:8px}
					
	.vacancyPage .loadMoreBtn {display:flex; margin:50px auto 0 auto}
	
.singleVacancyPage {background:var(--accentBgColor);}
	.singleVacancyPromo {padding:50px 0 150px 0;}
		.singleVacancyPromo .wrapper {display:flex;}
			.singleVacancyPromo .wrapper > img {display:block; width:640px; margin-right:70px; border-radius:20px; flex-shrink:0;object-fit: contain; background: #fff;}
			.singleVacancyPromo .text {padding-top:60px;}
				.singleVacancyPromo .h1Wrapper {}
					.singleVacancyPromo .h1Wrapper * {position:relative;z-index:2}
					.singleVacancyPromo .h1Wrapper .shadow  {z-index:1; color:#fff; position:absolute; top: -83px; left:-5px}
				.singleVacancyPromo .desc {margin:0 0 30px 0; max-width:400px}
				.singleVacancyPromo .salary {color:var(--textAccent);font-weight:600; font-size:var(--lFontSize);line-height:1.3; margin-bottom:15px}
				.singleVacancyPromo .params {display:flex;flex-wrap:wrap; white-space:nowrap; gap:10px;}
					.singleVacancyPromo .params span{background:var(--mainColorMuted); font-size:var(--sFontSize); line-height:1; border-radius:5px; height:40px; display:flex; align-items:center; padding:0 10px; color:var(--textColorMuted)}
						.singleVacancyPromo .params span svg {display:block; margin-right:8px}
			
			.singleVacancyPromo .form {padding-top:70px}			
	.singleVacancyContent {padding:120px 0 0 0; background:#fff}
		.singleVacancyPage .singleVacancyContent ul, .singleVacancyPage .singleVacancyContent ol {margin-bottom:70px}
			.singleVacancyPage .singleVacancyContent > *:last-child {margin-bottom:0}
			.singleVacancyPage .singleVacancyContent ul li {list-style:none}
			.singleVacancyPage .singleVacancyContent ul li::before {content: "–";display: inline-block;width: 1em;text-indent: -2px;}			
.rewsPage {padding-bottom:150px}
	.rewsPage .loadMoreBtn {display:flex; margin:50px auto 0 auto}

.casesPage {padding-bottom:150px}
	.casesList {display:flex; flex-wrap:wrap; gap:20px}		
		.casesPage .casesItem {width:calc(50% - 10px); display:flex;background:var(--accentBgColor);  border-radius:20px; overflow:hidden}
			.casesPage .casesItem .img {display:block; width:50%; flex-shrink:0; }
				.casesPage .casesItem .img img {display:block; width:100%; height:100%; object-fit:cover;}
			.casesPage .casesItem .text {display:flex; flex-direction:column; gap:15px; padding:50px 35px 50px 50px; box-sizing:border-box;  width:50%; flex-shrink:0; position:relative}
				.casesPage .casesItem .text .more {position:absolute; display:block; top:20px; right:35px;}
				.casesPage .casesItem .text .title {font-size:var(--xlFontSize);line-height:1.3; font-weight:600; margin-bottom:5px; display:block}
				.casesPage .casesItem .text .row {font-weight:600;}
					.casesPage .casesItem .text .row .name {color:var(--textAccent); }
					.casesPage .casesItem .text .row:last-of-type {margin-bottom:15px}
				.casesPage .casesItem .text .btn {margin-top:auto} 
	
	.casesPage .loadMoreBtn {display:flex; margin:50px auto 0 auto}
	
.singleCasePage {background:var(--accentBgColor);}
	.singleCasePromo {padding:50px 0 150px 0;}
		.singleCasePromo .wrapper {display:flex;}
			.singleCasePromo .wrapper > img {display:block; width:640px; margin-right:70px; border-radius:20px; flex-shrink:0; object-fit:cover;}
			.singleCasePromo .text {padding-top:60px; background:url(../../../../uploads/2025/02/casebg.svg) right top/500px no-repeat}
				.singleCasePromo .h1Wrapper {}
					.singleCasePromo .h1Wrapper * {position:relative;z-index:2}
					.singleCasePromo .h1Wrapper .shadow  {z-index:1; color:#fff; position:absolute; top: -83px; left:-5px}
				.singleCasePromo .params {display:flex;flex-wrap:wrap;gap:10px; margin-bottom:50px}
					.singleCasePromo .params div {padding:10px; border-radius:5px; font-weight:600; background:var(--mainColorMuted);font-size:var(--sFontSize)}
				.singleCasePromo .mainTask {font-size:var(--lFontSize);line-height:1.3;}
					.singleCasePromo .mainTask .title {color:var(--textAccent);font-weight:600; font-size:var(--xlFontSize); line-height:1.3;margin-bottom:20px}
				
	.singleCaseContent {padding:120px 0 150px 0; background:#fff}
		.singleCaseContent .wp-block-heading {font-size:var(--xxlFontSize); line-height:1.3}
		.singleCaseContent .start {background:var(--accentBgColor);padding:30px 50px; border-radius:20px; margin:30px 0 70px 0}
		.singleCaseContent .problem  {margin-bottom:50px}
			.singleCaseContent .problem .wp-block-heading{color:#FC7D6C;display:flex; align-items:center;}
				.singleCaseContent .problem .wp-block-heading:before {content:''; display:block;flex-shrink:0; width:50px; height:50px;margin-right:15px; background:url(../images/problem.svg);}
				.singleCaseContent .problem li:before {background:url(../images/problem_li.svg);}
		
		.singleCaseContent .solution  {margin-bottom:70px}		
			.singleCaseContent .solution .wp-block-heading{color:var(--textAccent);display:flex; align-items:center; }
				.singleCaseContent .solution .wp-block-heading:before {content:''; display:block;flex-shrink:0; width:50px; height:50px;margin-right:15px; background:url(../images/solution.svg);}
		
		.singleCaseContent li {list-style:none; display:flex; align-items:flex-start;}
			.singleCaseContent li:before {content:''; display:block;flex-shrink:0; width:24px; height:24px;margin-right:15px; background:url(../images/solution_li.svg);     top:0px; position:relative}
			

.contactsPage {padding-bottom:0}
	.contactsContent {display:flex; gap:70px}
		.contactsContent .text {width:340px; flex-shrink:0; padding:50px 50px 50px 50px; box-sizing:border-box; background:var(--accentBgColor); border-radius:20px; display:flex; flex-direction:column; gap:20px;font-size:var(--sFontSize);align-items: flex-start;}
			.contactsContent .text .logo {display:block; margin:0 auto}
				.contactsContent .text .logo img {display:block}
			.contactsContent .text .time {display:flex; align-items:center; gap:8px}
				.contactsContent .text .time svg {color:var(--textAccent)}
				.contactsContent .text .time strong {font-weight:600}
				
			.contactsContent .text .details {padding:15px 30px; background:#fff; border-radius:10px; position:relative;font-weight:400; align-self:stretch}	
				.contactsContent .text .copy {position:absolute; top:10px; right:10px; transition:.2s; cursor:pointer; opacity:0.3}
					.contactsContent .text .copy:hover {opacity:1}
			.contactsContent .text .tel {display:flex; align-items:flex-start; gap:8px;  font-weight:600; font-size:var(--textFontSize)}
				.contactsContent .text .tel svg {color:var(--textAccent)}
			.contactsContent .text .email {display:flex; align-items:center; gap:8px;  font-weight:600}
				.contactsContent .text .email svg {color:var(--textAccent)}
			.contactsContent .text .address {display:flex; align-items:flex-start; gap:8px;font-weight:400}
				.contactsContent .text .address svg {color:var(--textAccent)}
				.contactsContent .text .address strong {font-weight:600; display:block}
			.contactsContent .text .social {font-weight:400}
				.contactsContent .text .list {margin:10px 0 0 0; display:flex; gap:5px;}
				
		.contactsContent .map {flex-grow:1; display:flex; flex-direction:column}
			.contactsContent .map .mapBtns {display:flex; align-items:center; justify-content:flex-end; }
				.contactsContent .map .mapBtns span {display:block; margin:0 7px;}
				.contactsContent .map .mapBtns .mapBtn {transition:.2s; cursor:pointer}
					.contactsContent .map .mapBtns .mapBtn:hover {opacity:0.5}
					.contactsContent .map .mapBtns .mapBtn.isActive {color:var(--textAccent); opacity:1}
					
			.contactsContent .map .address {margin:20px 0}	
				.contactsContent .map .address  .title {font-size: var(--lFontSize);line-height: 1.3;font-weight: 600;margin-bottom: 10px;}
			.contactsContent .map > #yaMap {height:100%;min-height:300px; overflow:hidden; border-radius:20px}


.warrantyPage {padding-bottom:100px}
	.warrantyPage  .warrantyItem {display:flex; flex-direction:column; gap:40px}
		.warrantyPage  .warrantyItem .head {display:flex; align-items:center; gap:30px}
			.warrantyPage  .warrantyItem .head > img {display:block; width:70px; flex-shrink:0}
			.warrantyPage  .warrantyItem .head .title {font-size:var(--xxlFontSize); line-height:1.3; color:var(--headingColor); font-weight:600}
		.warrantyPage  .warrantyItem .text {line-height:1.5}

.warrantyPage  .warrantyWrapper {display:flex; gap:20px; margin-bottom:120px}
	.warrantyPage  .warrantyWrapper .warrantyItem {width:calc(50% - 10px); background:var(--accentBgColor);border-radius:20px; padding:50px 50px 50px 50px; box-sizing:border-box;}	
	
	
	
/*widgets*/
.faqWidget {padding:70px 0 200px 0}
	.magazinWidget + .faqWidget {padding-top:20px}
	.rewsWidget + .faqWidget {padding-top:50px}
	.faqWidget .h1Wrapper {margin-bottom:50px}
	.faqList {display:flex; flex-direction:column;gap:5px;}
		.faqItem {width:100%}
			.faqItem .head {padding:30px 30px 30px 50px; background:var(--accentBgColor);font-size:var(--xlFontSize); line-height:1.3; font-weight:600; border-radius:20px; cursor:pointer; display: flex;align-items: center; justify-content: space-between;gap: 10px;}
				.faqItem .head i {transition:.3s; }
					.faqItem.isShow .head i {color:var(--textAccent); transform:rotate(180deg)}
				
			.faqItem .body {padding:0 50px; box-sizing:border-box;background:var(--accentBgColor); border-radius:20px; max-height:0; overflow:hidden;    transition: .3s; margin-top:5px}
				.faqItem .body h2, 
				.faqItem .body h3, 
				.faqItem .body h4,
				.faqItem .body h5, 				
				.faqItem .body h6 {color:var(--textAccent)}
			
				.faqItem.isShow .body {padding:30px 50px; max-height:600px }

.magazinWidget {padding:150px 0 150px 0}
	.faqWidget + .magazinWidget {padding-top:0px}
	.magazinWidget .wrapper {display:flex; align-items:center; gap:40px; justify-content:space-between}
		.magazinWidget .h1Wrapper {    margin-bottom: 0;}
			.magazinWidget .h1Wrapper span {display:block}
			.magazinWidget .h1Wrapper .shadow {}
		.magazinWidget .links {display:flex; gap:70px;}
			.magazinWidget .links .item {}
				.magazinWidget .links .title {margin-bottom:20px}
				.magazinWidget .links a {display:block}
					.magazinWidget .links a img {display:block; width:125px; height:125px; border-radius:20px; object-fit:cover;}
	
.rewsWidget {padding:150px 0 150px 0}	
	.magazinWidget + .rewsWidget {padding-top:50px}		
	
	
.rewsList {display:flex; flex-wrap:wrap; gap:20px}
	.rewsItem {width:calc(33.333% - 20px*2/3); padding:40px 30px 50px 50px; box-sizing:border-box; border-radius:20px;background:var(--accentBgColor); display:flex; flex-direction:column; }
		.rewsItem .head {display:flex; align-items:center; margin-bottom:15px; }
			.rewsItem .head img {display:block; width:85px; height:85px; border-radius:100%; margin-right:20px}
			.rewsItem .head .name {font-size:var(--xlFontSize); font-weight:600;line-height:1.3 }
		.rewsItem .text {margin-bottom:30px; line-height:1.5}
		.rewsItem .bottom {display:flex; align-items:center; margin-top:auto; justify-content:space-between}
			.rewsItem .bottom a.btn {width:210px; margin-right:20px}
			.rewsItem .bottom a:not(.btn) {display:flex; align-items:center; gap:8px; color:var(--textAccent); margin-left:auto}
				.rewsItem .bottom a:not(.btn).xs {font-size:12px;}
				.rewsItem .bottom a:not(.btn) svg {flex-shrink:0}
	
	.rewsItem.s2 {padding:30px 40px}
		.rewsItem.s2 .text {margin-bottom:0}
		.rewsItem.s2 .head a {display:flex; align-items:center; gap:8px; color:var(--textAccent); margin-left:auto; font-size:var(--sFontSize); line-height:1; max-width:160px;}
.rewsSlider {margin:0 -10px}
	.rewsSlider .slick-track {display:flex;}
		.rewsSlider .slick-slide {padding:0 10px;height:auto;flex:0 0 auto;}
			.rewsSlider .slick-slide > div {height:100%}
	
	.rewsSlider	.rewsItem {display:flex !important;height:100%;}	
	
	
.blogPostList {display:flex; flex-wrap:wrap; gap:40px 20px }
	.blogPostList .postCard {width:calc(33.333% - 40px/3)}
		
.postCard {display:flex; flex-direction:column}	
	.postCard .img {display:block; border-radius:20px; overflow:hidden; margin-bottom:20px}
		.postCard .img img {display:block; width:100%; height:240px; object-fit:cover}
	.postCard .tools {display:flex; align-items:center; gap:25px;font-size:var(--sFontSize); margin-bottom:20px}
		.postCard .tools .cat {margin-right:auto; background:var(--mainColorMuted); padding:5px 10px; border-radius:5px; line-height:1;font-size: var(--sFontSize);   color: var(--textColorMuted);}
			.postCard .tools .cat:hover { color:var(--textColor);background:var(--mainColor);  }
		.postCard .tools .date {opacity:0.5}
		.postCard .tools .time {opacity:0.5; display:flex; align-items:center; gap:7px}
		.postCard .tools .views {opacity:0.5; display:flex; align-items:center; gap:7px}
	.postCard .title {font-size:var(--xlFontSize); font-weight:600; line-height:1.3}
	.postCard .desc {display:none}	
		
.sectionBreadcrumbs {padding:20px 0;position: relative;z-index: 5;}			
	.sectionBreadcrumbs .breadcrumbs {display:flex; align-items:center; flex-wrap:wrap;gap:5px; font-size:12px; line-height:14px; font-weight:400}
		.sectionBreadcrumbs .breadcrumbs li {display:flex; gap:5px}

.callbackBlock1 {padding:150px 0}
	.callbackBlock1 .wrapper {display:flex; align-items:flex-start; gap:30px}
		.callbackBlock1 .text {}
			.callbackBlock1 .h1Wrapper {margin-bottom:40px}
				.callbackBlock1 .h1Wrapper .shadow {font-size:75px;left: 10px; top: -25px;}
			.callbackBlock1  .tex .desc {max-width:500px}		
				.callbackBlock1  .tex .desc span {display:block; color:var(--textAccent)}
		.callbackBlock1 .form {width:640px; flex-shrink:0}
			.callbackBlock1 .form .desc {font-size:var(--lFontSize);line-height:1.3; margin-bottom:25px}
				.callbackBlock1 .form .desc span {color:var(--textAccent)}
			.callbackBlock1 .form .formRow  {gap:10px}
			.callbackBlock1 .form input {background:var(--accentBgColor)}
	
	
.callbackBlock2 {padding:40px 0 0 0; background:var(--accentBgColor);overflow:hidden; max-width:100% }		
	.callbackBlock2 .wrapper {display:flex;}
		.callbackBlock2 .img {margin:0 50px 0 100px; position:relative;width:430px; flex-shrink:0}
			.callbackBlock2 .img:after {content: '';display: block; width: 100%;height: 100%;position: absolute;top: 0;left: 0; background: linear-gradient(to top, var(--accentBgColor) 0%, transparent 30%);}
			.callbackBlock2 .img img {display:block;height:100%; object-fit:contain; object-position:bottom; width:530px}
			
		.callbackBlock2 .text {padding:110px 0 110px 0; flex-grow:1}
			.callbackBlock2 .h1Wrapper {}
				.callbackBlock2 .h1Wrapper span {display:block}
			
			.callbackBlock2 .form {max-width:640px; flex-shrink:0}
				.callbackBlock2 .form .formRow  {gap:10px}
				.callbackBlock2 .form input {}
			
			.callbackBlock2 .subs {margin:50px 0 20px 0;max-width:490px; font-size:var(--lFontSize);line-height:1.3;}
			.callbackBlock2 .contacts {display:flex; }
				.callbackBlock2 .contacts .title {font-size:var(--sFontSize); font-weight:400; margin-bottom:5px; width:100%}
				.callbackBlock2 .contacts .social {padding-right:40px; margin-right:40px; border-right:1px solid #E0E0E0; display:flex; flex-wrap:wrap; align-items:flex-start; }
					.callbackBlock2 .contacts .social a {display:block; margin:0 5px 0 0}
				.callbackBlock2 .contacts .tels {}
					.callbackBlock2 .contacts .tels a {font-weight:600; display:table;}


.teamListBlock {padding:150px 0 150px 0}	
	.teamListBlock .h1Wrapper  {margin-bottom:50px}
	.teamListBlock .teamList {margin:0 -10px}
		.teamListBlock .teamList  .slick-slide {padding:0 10px; }
		.teamListBlock .teamList .teamItem {display:flex; flex-direction:column}
			.teamListBlock .teamList .teamItem .img {display:flex; width:100%;align-items:flex-end; border-radius:20px;background: var(--accentBgColor); margin-bottom:30px; box-sizing:border-box; position:relative; overflow:hidden}
				.teamListBlock .teamList .teamItem .img img {display:block;width:100%;margin: 0 auto; object-fit:cover;aspect-ratio:3/4}
				.teamListBlock .teamList .teamItem .img:after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0;background: linear-gradient(to top, var(--accentBgColor) 0%, transparent 30%);}
			.teamListBlock .teamList .teamItem .title {font-size:var(--xlFontSize);line-height:1.3; font-weight:600; margin-bottom:15px; display:block}
			.teamListBlock .teamList .teamItem .department {margin-top:auto;}

			
/*text content*/	
.postContent {overflow:hidden;position: relative;}
	/*
	.postContent *:first-child {margin-top:0}
	.postContent  *:last-child {margin-bottom:0 !important}
	*/
	.postContent p {margin-bottom:18px;}
	.postContent h1 {font-size: var(--xxxlFontSize);line-height:1.3;font-weight: 600;margin:30px 0; color:var(--headingColor)}
	.postContent h2 {font-size: var(--xxlFontSize);line-height:1.3;font-weight: 600;margin:30px 0; color:var(--headingColor)}
	.postContent h3 {font-size: var(--xlFontSize);line-height:1.3; font-weight:600;margin:30px 0; color:var(--headingColor)}
	.postContent h4 {font-size: var(--lFontSize);line-height:1.3;  font-weight: 600;margin:30px 0; color:var(--headingColor)}
	
	.postContent h5 {font-size: var(--lFontSize);line-height:1.3; font-weight: 600;margin:30px 0; color:var(--headingColor)}
	.postContent h6 {font-size: var(--lFontSize);line-height:1.3; font-weight: 600;margin:30px 0; color:var(--headingColor)}

	.postContent strong, .postContent b {font-weight:600}
	
	.postContent em, .postContent i {font-style:italic}
	
	.postContent blockquote {padding:25px 30px; margin:30px 0; width:100%; box-sizing:border-box;text-align:center; font-style:italic}
		
	.postContent code {    padding: 20px;background: #eee;display: block;font-family: monospace;}
	
	
	.postContent .attention {background:#CCF1FB; padding:25px 30px 25px 90px; border-radius:20px; margin:30px 0; width:100%; box-sizing:border-box;  font-weight:600; position:relative}
		.postContent .attention * {margin-bottom:0}
		.postContent .attention:before {content:''; display:block; width:50px; height:50px; flex-shrink:0; background:url(../images/attention.svg); position:absolute; top:50%; transform:translateY(-50%); left:30px }	
		
	.postContent a {color:var(--mainColor);}
		.postContent a:hover {color:var(--headingColor)}
		
	.postContent ul {margin:30px 0; list-style:disc; list-style-position:inside;}
		.postContent ul li {margin-bottom:10px}
			.postContent ul li:last-child {margin-bottom:0}
			
	.postContent ol {margin:30px 0; list-style:decimal; list-style-position:inside; }
		.postContent ol li {margin-bottom:10px}
			.postContent ol li:last-child {margin-bottom:0}
			
	.postContent .gallery {display:flex; gap:20px;margin:30px 0;  flex-wrap:wrap; --gap:20px;}
		.postContent .gallery.columns1 > a {width:100%}
		.postContent .gallery.columns2 > a {width:calc(50% - var(--gap)*1/2)}
		.postContent .gallery.columns3 > a {width:calc(33.333% - var(--gap)*2/3)}
		.postContent .gallery.columns4 > a {width:calc(25% - var(--gap)*3/4)}
		.postContent .gallery.columns5 > a {width:calc(20% - var(--gap)*4/5)}
		
		.postContent .gallery.columns6 > a {width:calc(100%/6 - var(--gap)*5/6)}
		.postContent .gallery.columns7 > a {width:calc(100%/7 - var(--gap)*6/7)}
		.postContent .gallery.columns8 > a {width:calc(100%/8 - var(--gap)*7/8)}
		.postContent .gallery.columns9 > a {width:calc(100%/9 - var(--gap)*8/9)}
		
			.postContent .gallery a img {display:block; width:100%; height:100%; object-fit:cover;}
	
	.postContent .wp-caption {width:100% !important}	
	.postContent img.size-full {width:100%; display:block; margin:30px auto}
	.postContent img.alignleft {float:left; margin:0 30px 30px 0;display:block;width:auto;}
	.postContent img.alignright {float:right; margin:0 0 30px 30px;display:block;width:auto;}
	
	
	.postContent .mfp-trigger {cursor:pointer}
	
	.postContent .wp-caption-text {margin:-30px 0 45px 0; font-weight:400; opacity:0.5; font-size:var(--sFontSize)}
	
	.postContent .wp-block-separator {margin: 18px 0;opacity: 0.2;border-top-width: 1px;}
	
	
	.postContent .postTableWrapper {margin:18px auto; overflow-x:auto; width:100%}
		.postContent table {width:auto !important; min-width:100%; border-collapse: collapse; } 
			.postContent table th {padding:6px 12px; font-weight:bold;border: 1px solid #dddddd;}
				
			.postContent table td {padding:6px 12px; border: 1px solid #dddddd;        word-break: normal !important; }
				
				.postContent table tr td:first-child, .postContent table tr th:first-child {border-left: none;}
				.postContent table tr td:last-child, .postContent table tr th:last-child {border-right: none;}
				
				.postContent table tr:nth-child(even){background: #f3f3f3;}


	
	.postForm {padding:60px; border-radius:20px; margin: 30px 0 }	
		.postForm h2 {margin:0}
		.postForm .desc {margin:30px 0}
	.postLinks {padding:60px; border-radius:20px; margin: 30px 0; background:#E5F3FB}	
		.postLinks h2 {margin:0}
		.postLinks .links {display:flex; gap:50px;margin:50px 0 0 0 }
			.postLinks .links .item {}
				.postLinks .links .title {margin-bottom:20px}
				.postLinks .links a {display:block}
					.postLinks .links a img {display:block; width:125px; height:125px; border-radius:20px; object-fit:cover;}

.siteMap {}
	.siteMap .mapTitle {font-size: var(--xxlFontSize);line-height:1.3;font-weight: 600;margin:30px 0; color:var(--headingColor)}
	.siteMap ul ul {margin:10px 0 10px 20px;}
/*forms*/
select,
textarea,
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='date'] {display:block; font-family:inherit; font-size:inherit; font-weight:500}

input::placeholder {color:#4A4A4A; opacity:1; transition:.5s}
	input:focus::placeholder  {opacity:0}		
textarea::placeholder {color:#4A4A4A; opacity:1; transition:.5s}
	textarea:focus::placeholder  {opacity:0}	
	
.formRow  input[type='checkbox'] {display:none}
.formRow input[type='checkbox'] + .wpcf7-list-item-label {}
	.formRow input[type='checkbox'] + .wpcf7-list-item-label:before {content:'\2714'; width:18px; height:18px; line-height:20px; text-align:center; display:inline-block;    vertical-align: middle; border:1px solid #ededed; border-radius:3px; margin-right:12px;color:transparent; transition:.2s }
	.formRow input[type='checkbox']:checked + .wpcf7-list-item-label:before {color:#000;}


.formRow {display:flex; align-items:flex-start; gap:20px; margin-bottom:30px; }
		.formRow.end {margin-bottom:0}
	.formRow .formCol {flex:1; width: 100%;}
		.formRow .formCol .item {position:relative;}
			.formRow .formCol .item .wpcf7-not-valid-tip {position:absolute; text-align:center; font-size:11px; color:red; width:100%; top:100%;margin-top: 3px;line-height: 1;white-space: nowrap; display:block; left:0;}
			.formRow .formCol .item input,
			.formRow .formCol .item textarea,
			.formRow .formCol .item select {display:block; border:none; outline:none; width:100%; margin:0; box-shadow:none;    padding:20px 30px; border-radius:10px; box-sizing:border-box;}	
			
			.formCol .btn {width:100%; max-width:350px; height:58px}

.formRowBottom {display:flex; align-items:flex-start; gap:30px;}
	.formRowBottom .btn {flex-shrink:0}
	
	
.formTitle {color:var(--headingColor); font-size:var(--xlFontSize); line-height:1.3; font-weight:600; margin-bottom:10px}

.formPolicy {font-size:var(--sFontSize); font-weight:400;}				
	.formPolicy a {color:var(--textAccent)}
		.formPolicy a:hover {color:var(--textColorMuted)}
			
.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}

.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}

form.block {position:relative}
	form.block input {width:100%; padding:15px 60px 15px 20px; font-size:var(--sFontSize); line-height:1; box-sizing:border-box;
	border:none; background:var(--accentBgColor); outline:none !important; border-radius:10px }
	form.block button {position:absolute; right:0px; top:0; height:100%; width:50px; background:none; border:none; transition:.2s; cursor:pointer;}
		form.block button svg {display:block; width:20px; height:20px; margin:auto}
		form.block button:hover {color:var(--textAccent)}
		
/*modal box*/
.mfp-container {padding:0 !important}

.notis {position: relative;max-width: 300px;background: #eee;margin: auto;padding: 30px;text-align: center;}
	.mfp-close-btn-in .notis .mfp-close {color:var(--textColor)}
		.mfp-close-btn-in .notis .mfp-close:hover {opacity:0.4}
	.notis.error {background:#fbc2c2;}
	.notis.success {background:#d5f8d1;}
	
.callbackModal {width:90%; max-width:1000px; margin:30px auto; background:var(--accentBgColor); position:relative}
		.mfp-open-mobile .callbackModal {height:100vh; overflow-y:auto;box-sizing: border-box;}
		
	.mfp-close-btn-in .callbackModal .mfp-close {color:var(--mainColor); border:1px solid;border-radius:100%; width:24px; height:24px;padding: 4px; position:absolute; top:20px; right:20px}
		.mfp-close-btn-in .callbackModal .mfp-close:hover {color:var(--textColor)}
	.callbackModal .wrapper {display:flex; align-items:center;}
		.callbackModal .img {margin:0 50px 0 50px; position:relative;width:330px; flex-shrink:0}
			.callbackModal .img:after {content: '';display: block; width: 100%;height: 100%;position: absolute;top: 0;left: 0; background: linear-gradient(to top, var(--accentBgColor) 0%, transparent 30%);}
			.callbackModal .img img {display:block; width:100%; height:100%; object-fit:contain; object-position:bottom}
			
		.callbackModal .text {padding:20px 0 20px 0; flex-grow:1}
			.callbackModal .h1Wrapper {margin-bottom:20px}
				.callbackModal .h1Wrapper span {display:block}
			
			.callbackModal .form {max-width:450px; flex-shrink:0}
				.callbackModal .form .selectContactType {display:flex; gap:15px;align-items:center; height:60px; padding:0 30px; background:#fff; border-radius:10px; cursor:pointer; transition:.2s}
					.callbackModal .form .selectContactType svg {display:block; color:var(--textAccent);transition:.2s}
					.callbackModal .form .selectContactType.isActive {background:#7FDCF6}
						.callbackModal .form .selectContactType.isActive  svg {color:var(--textColor)}
				.callbackModal .form .formRow  {gap:10px; margin-bottom:10px}
				.callbackModal .form input {}
				.callbackModal .formRowBottom {margin:20px 0 20px 0}
			.callbackModal .subs {margin:0 0 20px 0;max-width:490px;}
			.callbackModal .contacts {display:flex; }
				.callbackModal .contacts .title {font-size:var(--sFontSize); font-weight:400; margin-bottom:5px; width:100%}
				.callbackModal .contacts .social {padding-right:40px; margin-right:40px; border-right:1px solid #E0E0E0; display:flex; flex-wrap:wrap; align-items:flex-start; }
					.callbackModal .contacts .social a {display:block; margin:0 5px 0 0}
				.callbackModal .contacts .tels {}
					.callbackModal .contacts .tels a {font-weight:600; display:table;}
					
.mctaModal {background:#F6F8FC; padding:36px; border-radius:10px;box-sizing:border-box; width: 90%;max-width: 400px;margin: auto; position:relative}
	.mctaModal  > img {display:block; border-radius:100%; width:150px; height:150px; object-fit:cover; margin:0 auto 24px auto; border:2px solid var(--mainColor)}
	.mctaModal .title {font-weight: 600;font-size: var(--xlFontSize);line-height: 1.1;margin-bottom: 24px; text-align:center}
	.mctaModal .subtitle  {margin-bottom: 24px;font-size: var(--lFontSize);    line-height: 1.3;text-align:center}
	.mctaModal .btns {display:flex; justify-content:center}
	
	.mfp-close-btn-in .mctaModal .mfp-close {color:var(--mainColor); border:1px solid;border-radius:100%; width:24px; height:24px;padding: 4px; position:absolute; top:20px; right:20px}
		.mfp-close-btn-in .mctaModal .mfp-close:hover {color:var(--textColor)}	
		
/*MOBILE*/





	
@media (max-width:1450px)	{
/*header*/
.headerWrapper {--sFontSize:13px;}
	.preheader .email,
	.preheader .social,
	.preheader .tel {margin-left:25px}
		
	.header .time,
	.header .searchTrigger {margin-left:25px}
	.header .btn {margin-left:26px}

/*footer*/

}

@media (max-width:1350px)	{
:root {
	--sFontSize:13px;
	--textFontSize:15px;
	--lFontSize:18px; 
	--xlFontSize:22px; 
	--xxlFontSize:24px; 
	--xxxlFontSize:45px;
}

.btn {height: 50px;}

/*header*/
.preheader .topMenu {display:none}
	.preheader .town {margin-right:auto}
	
	
	.preheader .email {margin-left:0}
	.preheader .social,
	.preheader .tel,
	.preheader .burgerMenu {margin-left:30px}
	
.header .headerMenu {display:none}	
	.header .logo {margin-right:auto;}
	


.burgerMenu{flex-shrink:0;height:auto;width: 18px;position: relative;z-index: 2;display: flex;flex-direction: column;justify-content:center; gap:4px;padding:5px; cursor:pointer; transition:.2s; color:var(--mainColor)}
	.burgerMenu i {display: block;height: 2px;width: 100%;border-radius: 10px;background:currentColor;}
		.burgerMenu i:nth-child(1) {transform-origin: 0% 0%;transition: transform 0.4s ease-in-out;}
		.burgerMenu i:nth-child(2) {transition: transform 0.2s ease-in-out;}
		.burgerMenu i:nth-child(3) {transform-origin: 0% 100%;transition: transform 0.4s ease-in-out;}

.burgerMenu:hover {opacity:0.5; color:var(--textColor)}

.mobileMenuOpen .burgerMenu i:nth-child(1) {transform: rotate(45deg);}
.mobileMenuOpen .burgerMenu i:nth-child(2) {transform: scaleY(0);}
.mobileMenuOpen .burgerMenu i:nth-child(3) {transform: rotate(-45deg);}


    
/*Sticky */
body {padding-top: 154px;}


/*footer*/
.footer {padding:70px 0}
	.footer .top {padding-bottom:40px; margin-bottom:50px; gap:20px}
		.footer .top .main {max-width:220px; margin-right:0}
		.footer .top .details {margin-right:auto;}
			.footer .top .details .social  {display:block; margin-top:15px}
		.footer .top .social {display:none}
	.footer .bottom {flex-direction:column}
		.footer .bottom ul {column-count:4; column-gap:30px; display:block;}
		
/*pages*/
.h1Wrapper {}
	.h1Wrapper .shadow {font-size:100px; top:-48px;max-width:100%; overflow:hidden}
.h1Wrapper.withBlock {gap:20px}

.singlePage {padding:50px 0 70px 0}

.clientPage {}
	.clientList {gap:30px 20px}
		.clientList .clientItem .img {height:160px; margin-bottom:15px}

.teamPage {}
	.teamPage .h1Wrapper {margin-bottom:30px}
	.teamPage .teamList .teamItem .img {margin-bottom:20px;}
	.teamPage .teamList + .h1Wrapper {margin-top:100px}

.singleTeamPage {}	
	.singleTeamPage .wrapper {align-items:flex-start}
		.singleTeamPage .img {width:auto;max-width: 440px;} 
		.singleTeamPage .text {padding:0px 0 0 40px}
			.singleTeamPage .text .h1Wrapper .shadow {font-size:100px}

.singleVacancyPage {}
	.singleVacancyPromo {padding:50px 0 70px 0}
		.singleVacancyPromo .h1Wrapper .shadow {top: -48px; left:0}
		.singleVacancyPromo .wrapper > img {width:440px; margin-right:40px}
	.singleVacancyContent {padding-top:100px}	
	

.rewsPage {}		
	.rewsPage .rewsItem {width:calc(50% - 10px)}
	
.casesPage {}
	.casesPage .casesItem {display:block;}
		.casesPage .casesItem .img {width:100%; aspect-ratio:2/1}
		.casesPage .casesItem .text {width:100%; padding:40px;}
			.casesPage .casesItem .text .more {right:15px; top:15px}

.singleCasePage {}
	.singleCasePromo {padding:50px 0 70px 0}
		.singleCasePromo .h1Wrapper .shadow  {top: -48px; left:0}
		.singleCasePromo .wrapper > img {width:440px; margin-right:40px}
		.singleCasePromo .mainTask {font-size:var(--textFontSize); line-height:1.5}
	.singleCaseContent {padding:100px 0}	
		.singleCaseContent li:before {top:-1px}

.contactsPage {}
	.contactsContent {gap:50px}
		.contactsContent .text {padding:40px; width:310px; }

.blogPage {}
	.blogPage .h1Wrapper .shadow {font-size:100px; top: -48px; left:0}
	.blogPostAll {padding-top:100px}


.singlePostPage  {padding:50px 0 70px 0}
	.singlePostContent {    width: calc(100% - 350px);}
		.singlePostBottom {margin:50px 0; padding:20px}
	.singlePostToc {width:310px; margin-left:40px}
	
	.otherPosts {padding-bottom:100px}
	
.searchPage  {padding:70px 0}


.aboutPromo .wrapper {position:relative}
	.aboutPromo .img {width:520px; position:absolute; top:0; left:0}
		.aboutPromo .text {width:calc(100% - 520px);margin-left:auto;  padding-top:40px}
			.aboutPromo .text p {max-width:100%}
	.aboutPromo .list {margin:20px 0 0 0}


.aboutServices {padding:100px 0}	
	.aboutServices .list .item {padding:30px; display:flex; flex-direction:column}
		.aboutServices .list .item .top {flex-direction:column; gap:20px;margin-bottom:auto}
			.aboutServices .list .item .top img {width:50px}
		.aboutServices .list .item .btn {margin:20px 0 0 0; width:100%; max-width:400px}
	
.aboutTeam	{padding:100px 0}	
	.aboutTeam .slider {margin:30px 0 0 0; display:block}
		.aboutTeam .thumbnail {margin:0; width:auto; margin:0 -10px 20px -10px}
			.aboutTeam .thumbnail .item {padding:0 10px;box-sizing: border-box;}
				.aboutTeam .thumbnail .itemInner {border:none; padding:10px 0 0 0}
		.aboutTeam .prime {width:100%}
			.aboutTeam .prime .itemInner {gap:30px}
				.aboutTeam .prime .itemInner .img {width:350px; padding:10px 20px 0 20px}
					.aboutTeam .prime .itemInner .img img {width:100%;height:auto; }
				.aboutTeam .prime .text {padding:0}
	.aboutTeam .sliderArrows {display:none}

.aboutCertificates {padding:100px 0}
	.certificatesSlider .img img {height:auto; aspect-ratio:60/85}
	
.aboutVideo {padding:100px 0} 
/*services*/	
.servicesPromo  {}
	.servicesPromo .text { width: calc(100% - 600px);}
		.servicesPromo .btns {flex-wrap:Wrap}

.servcesCustomForm {padding:100px 0}
	.servcesCustomForm .wrapper {display:block}
		.servcesCustomForm .h1Wrapper br {display:none}
		
.fotoBlock1  {padding:50px 0}
	.fotoBlock1 .shadow {display:none}
	.fotoBlock1 .wrapper {align-items:flex-end}
		.fotoBlock1 .wrapper > .img {margin:0 10px 0 0; width:450px; flex-shrink:0}
			.fotoBlock1 .wrapper > .img img {width:100%; height:100%; object-fit:contain; object-position:bottom;}
		.fotoBlock1  .text {padding:0 0 50px 0;background: url(../../../../uploads/2025/02/casebg.svg) right bottom / 300px no-repeat;max-width:100%}
			.fotoBlock1  .form .formRow {margin-bottom:20px}
			.fotoBlock1  .formRowBottom {flex-direction:column;        align-items: flex-start;}
	
	.fotoBlock1 .btn {max-width:400px; width:100%}
	
.fotoBlock2  {padding:50px 0}
	.fotoBlock2 .shadow {display:none}
	.fotoBlock2 .wrapper {align-items:flex-end}
		.fotoBlock2 .wrapper > .img {margin:0 10px 0 0; width:450px; flex-shrink:0}
			.fotoBlock2 .wrapper > .img img {width:100%; height:100%; object-fit:contain; object-position:bottom;}
		.fotoBlock2  .text {padding:0 0 50px 0;background: url(../../../../uploads/2025/02/casebg.svg) right bottom / 300px no-repeat;max-width:100%}
			.fotoBlock2  .form .formRow {margin-bottom:20px}
			.fotoBlock2  .formRowBottom {flex-direction:column;        align-items: flex-start;}

.fotoBlock3  {padding:50px 0}
	.fotoBlock3 .shadow {display:none}
	.fotoBlock3 .wrapper {align-items:flex-end}
		.fotoBlock3 .wrapper > .img {margin:0 10px 0 0; width:400px; flex-shrink:0}
			.fotoBlock3 .wrapper > .img img {width:100%; height:100%; object-fit:contain; object-position:bottom;}
		.fotoBlock3  .text {padding:0 0 50px 0;background: url(../../../../uploads/2025/02/casebg.svg) right bottom / 300px no-repeat;max-width:100%}
			.fotoBlock3  .form .formRow {margin-bottom:20px}
			.fotoBlock3  .formRowBottom {flex-direction:column;        align-items: flex-start;}

.servcesCustomForm .form {max-width:100%}	



.servicesPage .servicesPriceBase {padding:40px 0}
	.servicesPage .servicesPriceBase .flex {margin:30px 0}
		.servicesPage .servicesPriceBase .wp-block-column {padding:30px}	
			.servicesPage .servicesPriceBase .wp-block-image {width:100px; height:100px}
				.servicesPage .servicesPriceBase .wp-block-image img {width:50px}
			
.servicesPage .servicesInfoBase {padding:40px 0}
	.servicesPage .servicesInfoBase .flex {margin:30px 0}
		.servicesPage .servicesInfoBase .wp-block-column {padding:30px}	
			.servicesPage .servicesInfoBase .wp-block-image {width:100px; height:100px}
				.servicesPage .servicesInfoBase .wp-block-image img {width:50px}
	.servicesPage .servicesInfoBase .wp-block-buttons {margin:0 auto 0 0;justify-content: flex-start;}
.servicesPage .servicesTextBase {padding:40px 0}

.servicesPage .wp-block-gallery {margin:30px 0}

.bottomText {padding:30px 0 70px 0}
	.faqWidget + .bottomText {margin-top: -60px;}

/*seo*/
.seoSites {padding:150px 0 50px 0}
	.seoSites .info .text {display:flex; align-items:center;}
		.seoSites .info .text div {padding:30px}
	.seoSites .list .item {padding:30px}
	
.seoPayback {padding:50px 0 70px 0}
	.seoPayback .list .item {padding:30px}
		.seoPayback .list .item .img {width:100px; height:100px}
			.seoPayback .list .item .img img {width:50px}
		.seoPayback .list .item .text {padding-top:35px}

.seoResult {padding:100px 0}
	.seoResult .list .item {flex-direction:column; padding:30px;}
		.seoResult .list .item .btn {width:100%}


.seoPlan {padding:100px 0}
	.seoPlan .sp {height:100px}
	.seoPlan .list .item {padding:30px}
		.seoPlan .list .item .title {font-size:var(--lFontSize)}
		.seoPlan .list .item._last {display: flex;flex-direction: column;justify-content: center;}
		.seoPlan .list .item .btn {max-width:100%}
		
.seoAdvantages {padding:100px 0}	
	.seoAdvantages .sp {height:100px}
	.seoAdvantages .item {padding:30px}
		.seoAdvantages .item .top {flex-direction:column; align-items:flex-start}
		.seoAdvantages .item .top img {width:50px}
		
.seoPrice	{padding:100px 0}
	.seoPrice .item {padding:30px}
		.seoPrice .item .img {width:100px; height:100px}
			.seoPrice .item .img img {width:50px}
		.seoPrice .item .btn {width:100%}
	.seoPrice .bottom {gap:20px}	

/*audit*/
.auditIceberg {padding:100px 0; overflow:hidden}
	.auditIceberg .h1Wrapper .shadow {overflow: visible;}
	.auditIceberg .wrapper > img {height:800px; top:80px; right:-50px}

.auditExpert  {padding:50px 0}
	.auditExpert .shadow {display:none}
	.auditExpert .wrapper {align-items:flex-end}
		.auditExpert .wrapper > .img {margin:0 10px 0 0; width:450px; flex-shrink:0}
			.auditExpert .wrapper > .img img {width:100%; height:100%; object-fit:contain; object-position:bottom;display: block;}
		.auditExpert  .text {padding:0 0 150px 0;background: url(../../../../uploads/2025/02/casebg.svg) right bottom 150px / 300px no-repeat;}
			.auditExpert  .form .formRow {margin-bottom:20px}
			.auditExpert  .formRowBottom {flex-direction:column;}

.auditGet {padding: 0 0 100px 0}
	.auditGet .list .item	{padding:30px}
		.auditGet .list .item img {width:50px}
	.auditGet .wrapper > svg {width:100%}
	
.auditResult {padding:100px 0; overflow:hidden}
	.auditResult .list .item {padding:30px}
		
	
/*direct*/	
.directType {padding:100px 0; overflow:hidden}
	.directType .list {margin:30px 0 0 0}
		.directType .item {padding:30px}
			.directType .item .img {width:100px; height:100px; margin-bottom:20px}
				.directType .item .img img {width:50px}
			.directType .item .title {margin-bottom:20px}

.directCase {padding:100px 0; overflow:hidden}
	.directCase .shadow {display:none}
	.directCase .sp {height:100px}
	
	.directCase .casesItem {width:400px; flex-direction:column; margin-left:50px}
		.directCase .casesItem .img {width:100%; aspect-ratio:39/20;    border-radius: 20px 20px 0 0;}
		.directCase .casesItem .info {width:100%;     border-radius: 0 0 20px 20px; padding:30px 50px}
			.directCase .casesItem .info .more {top:15px; right:15px}
		.directCase .casesItem:before {width:10px; left:-10px}
		.directCase .casesItem:after {width:10px; left:-20px}
		.directCase .row.reverse .casesItem:before {right: -10px; left: auto;}	
		.directCase .row.reverse .casesItem:after {right: -20px; left: auto;}	

.directSteps {padding:100px 0; overflow:hidden}	
	.directSteps .sp {height:100px}
	.directSteps .list .item {padding:30px}
		.directSteps .list .item._last {display: flex;flex-direction: column;justify-content: center;}
		.directSteps .list .item .btn {max-width:100%}
	.directSteps .h1Wrapper {flex-direction:column; align-items:flex-start}
	.directSteps .steps .item {align-items:flex-start}
		.directSteps .steps .item .num {width:70px; height:70px;line-height:70px; font-size:36px}
		
.directPrice {padding:100px 0; overflow:hidden}	
	.directPrice .list {margin:30px 0}
		.directPrice .list .item {padding:30px;flex-direction: column;align-items: flex-start; gap:20px}
			.directPrice .list .item .price {margin:0}
	.directPrice .btns {flex-wrap:wrap}
		.directPrice .btns .btn {margin: 0 !important}

/*site*/		
.siteType {padding:100px 0; overflow:hidden}
	.siteType .row {gap:50px}
		.siteType .info {flex-grow:1}
			.siteType .info .portfolio {flex-wrap:wrap}
				.siteType .info .portfolio a {aspect-ratio:16/10}
					.siteType .info .portfolio a img {height:100%}
		.siteType .case {width:auto}
			.siteType .caseItem {padding:30px; flex-shrink:0}	
				.siteType .caseItem .more {display:none}
	.siteType .row._reverse {margin:100px 0}

.sitePlan 	{padding:100px 0; overflow:hidden}
	.sitePlan .list {margin:50px 0 0 0}
	.sitePlan .list .item {padding:30px}
		.sitePlan .item .img {width:100px; height:100px; margin-bottom:20px}
			.sitePlan .item .img img {width:50px}

.sitePrice 	{padding:100px 0; overflow:hidden}
	.sitePrice .list .item {padding:30px}
		.sitePrice .item .img {width:100px; height:100px; margin-bottom:20px}
			.sitePrice .item .img img {width:50px}
	.sitePrice .item .btn {width:100%}
		.sitePrice .bottom {gap:20px}	

.sitePortfolio {padding:100px 0; overflow:hidden}
	.sitePortfolio .flex {flex-direction:column; gap:50px}
		.sitePortfolio .grid {width:100%; }
		.sitePortfolio .info {display:flex;flex-direction: row; flex-wrap:wrap;gap:20px; max-width:100%}
			.sitePortfolio .info .title {width:100%; margin:0}
			.sitePortfolio .info .params {width:calc(33.333% - 20px*2/3);padding:30px; background:var(--accentBgColor); box-sizing:border-box; border-radius:20px; margin:0}
			.sitePortfolio .info .btn {width:100%; max-width:400px}

/*course*/
.courseAuthor {padding:100px 0; overflow:hidden}
	.courseAuthor .wrapper {background:none}
	.courseAuthor .flex {flex-direction:column;     background: url(../../../../uploads/2025/02/casebg.svg) center / 600px no-repeat;}
	
.courseMagazin .h1Wrapper .shadow {overflow:visible; top: -93px;}

.courseAbout {padding:100px 0; overflow:hidden}
	.courseAbout .info {margin:50px 0 70px 0}
		.courseAbout .info .text {display:flex; align-items:center;}
			.courseAbout .info .text div {padding:30px}
	
	.courseAbout .programs  {min-height:900px}
	.courseAbout .programs > img {width:auto; left:auto; right:450px; height:1000px}
	.courseAbout .programs .steps {width:600px; margin:50px 0 0px auto}
		.courseAbout .programs .steps .step .head {padding:20px}
		
	.courseAbout .result .item {padding:20px}
		.courseAbout .result .item .img {width:100px; height:100px}
			.courseAbout .result .item .img img {width:50px}
			
.coursePrice {padding:120px 0; overflow:hidden; background: url(../../../../uploads/2025/02/casebg.svg) left top/200px, var(--accentBgColor);}

.courseRews {padding:120px 0}
	.courseRews .reviewsShifter .rewsItem {width:480px;padding:30px}
	.courseRews > .btn {margin-top:50px}
/*home*/			
.homePromo {}

.homeServices {padding:100px 0}
	.homeServices .list .item {padding:30px;}
		.homeServices .list .item .top	{ flex-direction:column; gap:20px}
			.homeServices .list .item .top img {width:50px}
			.homeServices .list .item .btn {width:100%; max-width:400px}

.homeCases {padding:100px 0}
	.homeCases .item img {width:100%; height:auto; aspect-ratio:45/44; margin-bottom:20px}
	
.homeSecret {padding:100px 0}
	.homeSecret .item {padding:30px }
	.homeSecret .item .top {flex-direction:column; align-items:flex-start}
		.homeSecret .item .top img {width:50px}

.homeBlog {padding:100px 0}
	.homeBlog .img {height:auto; margin-bottom:20px}
	.homeBlog .item img {width:100%; height:auto; aspect-ratio:45/44}
	
.homeTeam  {padding:100px 0 50px 0}
	.homeTeam .teamList .teamItem .img {padding:20px 20px 0 20px; height:auto; margin-bottom:20px}
	
	
/*widgets*/
.callbackBlock1 {padding:100px 0 100px 0}  
	.callbackBlock1 .wrapper {display:block;}
		.callbackBlock1 .text {}
			.callbackBlock1 .h1Wrapper {margin-bottom:30px}
				.callbackBlock1 .h1Wrapper .shadow {font-size:100px; top:-50px; left:0}
				.callbackBlock1 .h1Wrapper br {display:none}
		.callbackBlock1 .form {width:100%;}
			.callbackBlock1 .form .desc {font-size:var(--textFontSize); margin-bottom:30px}
		
.callbackBlock2 {}
	.callbackBlock2 .shadow {display:none}
	.callbackBlock2 .img {margin:0 50px 0 0}
	
	.callbackBlock2 .text {padding:60px 0 100px 0}
		.callbackBlock2 .form .formRow {margin-bottom:20px}
		.callbackBlock2 .formRowBottom {flex-direction:column;}



.magazinWidget {padding:100px 0}
	.magazinWidget .links {gap:50px}
		.magazinWidget .links .item {width:80px; font-size:14px; line-height:1;display:flex; flex-direction:column; justify-content:space-between}
		.magazinWidget .links a {}
			.magazinWidget .links a img {width:80px; height:80px}
	
.postCard .tools {gap:8px; font-size:11px} 
	.postCard .tools .cat {font-size:10px;text-overflow: ellipsis;overflow: hidden;  white-space: nowrap;}
	.postCard .tools .views,
	.postCard .tools .time {gap:4px}
	.postCard .tools svg {width:18px; height:18px;}

.formCol .btn {height: 50px;}	
.formRowBottom {align-items:center;}

.rewsWidget {padding:100px 0}

.faqWidget {padding:100px 0}


.callbackModal {}
	.callbackModal .shadow {display:none}
	.callbackModal .img {margin:0 50px 0 0}
	
	.callbackModal .text {padding:60px 0 100px 0}
		.callbackModal .form {max-width:100%}
		.callbackModal .form .formRow {margin-bottom:20px}
			.callbackModal .form .formRow .btn {max-width:100%}
		.callbackModal .formRowBottom {flex-direction:column;}
		
.postForm {padding:30px }
.postLinks {padding:30px }
	.postLinks .links {gap:50px}
		.postLinks .links .item {width:80px; font-size:14px; line-height:1;display:flex; flex-direction:column; justify-content:space-between}
		.postLinks .links a {}
			.postLinks .links a img {width:80px; height:80px}
			
.teamListBlock {padding:100px 0}
}


@media (max-width:1200px)	{
/*home*/			
.homePromo {padding:20px 0 100px 0; position:relative; overflow:hidden}
	.homePromo .text {width:500px}
		.homePromo .bottom {flex-direction:column; align-items:flex-start}
			.homePromo .bottom > svg {top: 100%;left: 0;transform: translateY(-90%) rotate(90deg);}
			.homePromo .bottom span {margin-left:100px}	
		
	.homePromo .img {position:absolute; top:0; right:-100px}
	

/*services*/	
.servicesPromo {margin-top:-30px; padding:00px 0 70px 0; position:relative; overflow:hidden}
	.servicesPromo .text { width: calc(100% - 470px); background-size:400px}
  
	.servicesPromo .img { left:-70px}
		.servicesPromo .img blockquote {left:70px}

.coursePromo .wrapper {background:none}		
	.coursePromo .wrapper .text{    background: url(../../../../uploads/2025/02/casebg.svg) right top / 400px no-repeat;}
	.coursePromo .img img {top:100px}
}
@media (max-width:1024px)	{
/*pages*/
.blogPostLeading {grid-template-columns: 0.8fr 0.8fr 1fr;}
.blogPostList .postCard {width:calc(50% - 10px)}

/*about*/
.aboutPromo {padding-bottom:50px}
	.aboutPromo .wrapper {display:block}
		.aboutPromo .img {width:100%; max-width:600px; position:relative; margin:0 auto}
			.aboutPromo .img:after {width: 100%;height: 100%;position: absolute;top: 0;left: 0; background: linear-gradient(to top, var(--accentBgColor) 0%, transparent 30%);}
		.aboutPromo .text {width:100%; padding:0; margin:30px 0}
			.aboutPromo .h1Wrapper .shadow {display:none}		
			.aboutPromo .text p { font-size:var(--textFontSize); line-height:1.5}
		
		.aboutPromo .list {background:#fff; border-radius:20px; flex-direction:column; gap:15px; padding:20px; box-sizing:border-box;}
			.aboutPromo .list .item {padding:0; font-size:var(--textFontSize); line-height:1.5}
				.aboutPromo .list .param {font-size:25px}
		
/*services*/
.auditIceberg .list svg {display:none}
}
@media (max-width:960px)	{
/*home*/			
.homePromo {padding:10px 0 50px 0; position:relative; overflow:hidden}
	.homePromo .wrapper {flex-direction:column-reverse}
		.homePromo .text {width:100%; padding:0; margin:40px 0 0 0; background:none}
			.homePromo li {font-size:var(--textFontSize)}
				.homePromo li:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 2px;}
			.homePromo .bottom {flex-direction:column; align-items:flex-start}
				.homePromo .bottom > svg {top: 100%;left: 0;transform: translateY(-90%) rotate(90deg);}
				.homePromo .bottom span {margin-left:100px}	
			.homePromo .bottom .btn {width:100%; max-width:400px} 
			
		.homePromo .img {position:relative; top:0; right:0; margin:0 auto; max-width:400px;background: url(../../../../uploads/2025/02/casebg.svg) center top/ 300px no-repeat; display:none}
			.homePromo .img img {width:100%}
			.homePromo .img blockquote {position:relative; background:#fff; border-radius:10px; width:100%; margin:-20px 0 0 0;box-shadow: -2px -20px 20px -5px #fff;font-size: 16px; color:var(--textColor);bottom:0}
				.homePromo .img blockquote svg {color:var(--textAccent)}
			.homePromo .img:after {display:none}


/*services*/	
.servicesPromo  {padding:00px 0 50px 0; position:relative; overflow:hidden}
	.servicesPromo .wrapper {flex-direction:column;        min-height: 0;}
		.servicesPromo .text {width:100%; padding:20px 0 0 0; margin:30px 0 0 0; background:none}
			.servicesPromo li {font-size:var(--textFontSize)}
				.servicesPromo li:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 2px;}
			.servicesPromo .bottom {gap:20px}
				.servicesPromo .bottom img {display:block; max-width:70px}

			.servicesPromo .btns {margin:20px 0}
				.servicesPromo .btns .btn {width:100%; max-width:400px; font-size:10px;         padding: 0;} 
			
		.servicesPromo .img {position:relative; top:0; left:0; margin:0 auto;        width: 100%; max-width:400px;background: url(../../../../uploads/2025/02/casebg.svg) center top /300px no-repeat;        display: none;}
			.servicesPromo .img img {width:100%; margin:0 auto}
			.servicesPromo .img blockquote {position:relative; background:#fff; border-radius:10px; width:100%; margin:-80px 0 0 0;box-shadow: -2px -20px 20px -5px #fff;font-size: 16px; color:var(--textColor); left:0; box-sizing:border-box; bottom:0 }
				.servicesPromo .img blockquote svg {color:var(--textAccent)}
			.servicesPromo .img:after {display:none}
		
		.servicesPromo .img.siteImgCor {margin-top:-100px; background-position:center 100px}
		
.coursePromo .img img {top:0; left:0}
.coursePromo .wrapper .text {background:none}
	.coursePromo ul {padding:0}
	.coursePromo .btn.big {height:50px; line-height:1; width:280px; margin:20px 0 0 0}

	.coursePromo .btn {margin:0 auto 0 0;width:100%!important; max-width:400px;}
/*pages*/
.singleTeamPage .img,
.singleVacancyPromo .wrapper > img,
.singleCasePromo .wrapper > img {width:400px;}


.singlePostContent {    width:100%;}
.singlePostToc {display:none}


/*widgets*/
.callbackBlock2  {padding:50px 0}
	.callbackBlock2 .img {display:none; }	
	.callbackBlock2 .text {padding:0}
		.callbackBlock2 .h1Wrapper span {display:inline}
		.callbackBlock2 .form {max-width:600px; margin-left:auto; margin-right:auto;}
			.callbackBlock2 .form .desc {margin-bottom:20px}
			.callbackBlock2 .form .formRow {flex-direction:column; gap:15px}
		
		.callbackBlock2 .subs {max-width:600px; margin-left:auto; margin-right:auto;}
		.callbackBlock2 .contacts {max-width:600px; margin-left:auto; margin-right:auto;}
			.callbackBlock2 .contacts .social {padding-right: 20px;margin-right: 20px;display:block}
				.callbackBlock2 .contacts .social a {display:inline-block}
				
.rewsItem {padding:30px}	
	.rewsItem .bottom {flex-direction:column; justify-content:center; align-items:center; gap:15px}
		.rewsItem .bottom a.btn {width:100%; max-width:400px;margin:0}
		.rewsItem .bottom a:not(.btn) {margin:0}
		
.magazinWidget .links {gap:35px}
	.magazinWidget .links .item {width:70px;}
		.magazinWidget .links .title {margin-bottom:10px; font-size:12px}
		.magazinWidget .links a img {width:70px; height:70px; border-radius:10px}

.postLinks {}
	.postLinks .links {gap:35px}
		.postLinks .links .item {width:70px;}
			.postLinks .links .title {margin-bottom:10px; font-size:12px}
			.postLinks .links a img {width:70px; height:70px; border-radius:10px}
			
.callbackModal  {padding:50px 0}
	.callbackModal .img {display:none; }	
	.callbackModal .text {padding:0}
		.callbackModal .h1Wrapper span {display:inline}
		.callbackModal .form {max-width:600px; margin-left:auto; margin-right:auto;}
			.callbackModal .form .desc {margin-bottom:20px}
			.callbackModal .form .formRow {flex-direction:column; gap:20px}
		
		.callbackModal .subs {max-width:600px; margin-left:auto; margin-right:auto;}
		.callbackModal .contacts {max-width:600px; margin-left:auto; margin-right:auto;}
			.callbackModal .contacts .social {padding-right: 20px;margin-right: 20px;display:block}
				.callbackModal .contacts .social a {display:inline-block}		

}
@media (max-width:850px)	{
/*footer*/	
.footer .top {flex-direction:column; gap:0}
	.footer .top .main {margin: 0 0 30px 0; order:1}
		.footer .top .main .logo {margin-bottom:0}
		.footer .top .main .text {display:none}
	.footer .top .tels {order:2; margin-bottom:30px}
		.footer .top .tels .params {margin:0 0 20px 0; font-size:var(--lFontSize);}
		.footer .top .tels .btn {width:100%; max-width:400px}
	.footer .top .address {order:3; margin-bottom:30px}
		
	.footer .top .details {order:4; margin-bottom:30px; display:flex; gap:20px}
		.footer .top .details .social {margin-top:0}

/*services*/
.auditExpert {padding:20px 0 50px 0}	
	.auditExpert .wrapper {display:block}
		.auditExpert .wrapper > .img {width:100%; max-width:300px;background: url(../../../../uploads/2025/02/casebg.svg) center / contain no-repeat; margin:0 auto -60px auto;}
	.auditExpert .text {background:none; padding:0}
		.auditExpert .h1Wrapper {margin-bottom:20px}
		.auditExpert .list .item {gap:15px}
			.auditExpert .list .img {width:80px; height:80px;}
			
			
.fotoBlock1 {padding:20px 0 50px 0}	
	.fotoBlock1 .wrapper {display:block}
		.fotoBlock1 .wrapper > .img {width:100%; max-width:300px;background: url(../../../../uploads/2025/02/casebg.svg) center / contain no-repeat; margin:0 auto;}
	.fotoBlock1 .text {background:none; padding:0}
		.fotoBlock1 .h1Wrapper {margin-bottom:20px}
		.fotoBlock1 .list .item {gap:15px}
			.fotoBlock1 .list .img {width:80px; height:80px;}

.fotoBlock2 {padding:0px 0 50px 0}	
	.fotoBlock2 .wrapper {display:block}
		.fotoBlock2 .wrapper > .img {width:100%; max-width:300px;background: url(../../../../uploads/2025/02/casebg.svg) center / contain no-repeat; margin:0 auto;}
	.fotoBlock2 .text {background:none; padding:0}
		.fotoBlock2 .h1Wrapper {margin-bottom:20px}
		.fotoBlock2 .list .item {gap:15px}
			.fotoBlock2 .list .img {width:80px; height:80px;}

.fotoBlock3 {padding:50px 0 50px 0}	
	.fotoBlock3 .wrapper {display:block}
		.fotoBlock3 .wrapper > .img {display:none}
	.fotoBlock3 .text {background:none; padding:0}
		.fotoBlock3 .text > svg {display:none}
		.fotoBlock3 .h1Wrapper {margin-bottom:20px}
		.fotoBlock3 .list .item {gap:15px}
			.fotoBlock3 .list .img {width:80px; height:80px;}		

.formRowBottom .btn {width:100%; max-width:400px}			
}
@media (max-width:800px)	{
:root {
	--sFontSize:12px; 
	--textFontSize:14px;
	--lFontSize:18px; 
	--xlFontSize:18px; 
	--xxlFontSize:22px; 
	--xxxlFontSize:25px;
}
.btn {height: 50px;}

.h1Wrapper .shadow {display:none}
.headerWrapper  {}
	.headerWrapper .btn {height:42px; line-height:42px;}
	.preheader {padding:0}
		.preheader .wrapper {padding:0 !important}
			.preheader .wrapper > *{display:none}	
	.header  {padding:0 !important; box-shadow:none}
		.header .wrapper {position:static}
			.header .logo, 
			.header .time,
			.header .searchTrigger,
			.header .wrapper > .btn {display:none}
			
			.header .search {padding:10px; border-radius:0}
			
	.mobileHeader {display:block;box-shadow: 0px 4px 30px 0px #0000000D; background:#fff}	
		.mobileHeader .wrapper {display:flex; align-items:center; gap:20px; padding:10px 0}
			.mobileHeader .logo {max-width:160px;display:block; margin-right:auto}
				.mobileHeader .logo img {display:block; width:100%}
				.mobileHeader .tel {color:var(--textAccent)}
				.mobileHeader .searchTrigger {color:var(--textAccent);background:none; border-radius:100%; position:relative}
					.mobileHeader  .searchTrigger:before {content:''; display:block; width:30px; height:30px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:100% }
					.mobileHeader  .searchTrigger svg {position:relative}

/*Sticky */
body {padding-top: 51px;}

/*footer*/
.footer {padding:50px 0}
	.footer .top {padding-bottom:30px; margin-bottom:30px}
	.footer .bottom {gap:30px}
		.footer .bottom .title {margin-bottom:20px}
		.footer .bottom ul {column-count:1; }


/*pages*/
.sectionBreadcrumbs {padding:15px 0}
	.sectionBreadcrumbs .breadcrumbs {gap:2px}
		.sectionBreadcrumbs .breadcrumbs li {gap:2px; font-size:11px}
.h1Wrapper {margin-bottom:20px} 

.singlePage {padding:20px 0 40px 0} 
	.singlePage .topDesc:not(:empty) {margin-bottom:30px;} 
	
	.pageCatBtns {gap:5px; justify-content:center;flex-wrap:wrap; margin-bottom:30px}		
		.pageCatBtns .btn {width:100%; max-width:600px; }
	
	.singlePageContent  {margin-top:40px}
	
.clientPage {}
	.clientList {gap:20px}
		.clientList .clientItem {width: calc(50% - 10px);}
			.clientList .clientItem .img {height:110px; margin-bottom:15px}
			.clientList .clientItem .title {}
			
.teamPage {}
	.teamPage .h1Wrapper {margin-bottom:20px}
	.teamPage .teamList {gap:20px 10px;}
		.teamPage .teamList .teamItem 	{width: calc(50% - 5px);} 
			.teamPage .teamList .teamItem .img {margin-bottom:15px}
			.teamPage .teamList .teamItem .title {margin-bottom:10px;}
	
.singleTeamPage {}	 	
	.singleTeamPage .wrapper {display:block}
		.singleTeamPage .img {margin:0 auto 30px auto; max-width:500px; width:100%}
		.singleTeamPage .text {padding:0}
			.singleTeamPage .postContent {margin-top:20px}
			.singleTeamPage .text ol, .singleTeamPage .text ul {margin-bottom:20px}

.faqPage {}
	
.warrantyPage {}
	.warrantyPage .warrantyWrapper {flex-direction:column; margin-bottom:40px}
		.warrantyPage .warrantyWrapper .warrantyItem {width:100%; padding:30px; gap:20px}
			.warrantyPage .warrantyWrapper .warrantyItem .head {gap:20px;  align-items:center}
				.warrantyPage .warrantyWrapper .warrantyItem .head img {width:50px}

.warrantyPage .warrantyItem {gap:20px;}
	.warrantyPage .warrantyItem .head {gap:20px; align-items:flex-start}
		.warrantyPage .warrantyItem .head img {width:50px}
		
.vacancyPage {}
	.vacancyItem {padding:20px;display:block}
		.vacancyItem .props {margin-top:10px; gap:8px; flex-wrap:wrap}
		.vacancyItem > .btn {margin:20px auto 0 0; width:100%; max-width:400px; display:flex;}
		
.singleVacancyPage {}
	.singleVacancyPromo {padding:20px 0 40px 0;}
		.singleVacancyPromo .wrapper { display:block}
			.singleVacancyPromo .wrapper > img {margin:0 auto 30px auto; height:160px; width:100%; max-width:400px}
			.singleVacancyPromo .text {padding:0;background:none}
				.singleCasePromo .params {margin-bottom:20px; gap:8px}
	
	.singleVacancyContent {padding:70px 0 0 0}	
		.singleVacancyPage .singleVacancyContent ul, .singleVacancyPage .singleVacancyContent ol {margin-bottom:30px}

.rewsPage {}		
	.rewsPage .rewsItem {width:100%}

.casesPage {}
	.casesPage .casesItem  {width:100%;}
		.casesPage .casesItem .img { aspect-ratio:32/17}
		.casesPage .casesItem .text {padding:20px; gap:10px}
			.casesPage .casesItem .text .more {display:none}
			.casesPage .casesItem .text .btn {margin:0px auto 0 0; width:100%; max-width:400px; display:flex;}
	
.singleCasePage {}
	.singleCasePromo {padding:20px 0 40px 0}
		.singleCasePromo .wrapper { display:block}
			.singleCasePromo .wrapper > img {margin:0 auto 30px auto; height:160px; width:100%; max-width:400px}
			.singleCasePromo .text {padding:0; background:none}
	.singleCaseContent {padding:70px 0}	
		.singleCaseContent .start {padding:30px; margin:20px 0 30px 0}
		.singleCaseContent li:before{width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; top: 2px;}
		.singleCaseContent .solution {margin-bottom:50px}
		.singleCaseContent .wp-block-columns {gap:50px}
	
		.singleCaseContent .solution .wp-block-heading:before {width: 30px;height: 30px; background-size: cover !important;}
		.singleCaseContent .problem .wp-block-heading:before {width: 30px;height: 30px; background-size: cover !important;}

.contactsPage {}
	.contactsContent {gap:20px; flex-direction:column-reverse;max-width:100%}
		.contactsContent .text {padding:30px 20px; width:100%;}
			.contactsContent .text .details {align-self:flex-start}
		.contactsContent .map  {aspect-ratio: auto;   width: 100%;}
			.contactsContent .map .address {max-width:100%}
			.contactsContent .map .mapBtns {max-width:100%}


.blogPage {}
	.blogPage .h1Wrapper.withBlock {display:block;margin:0 0 10px 0}	
		.blogPage .h1Wrapper.withBlock .block {width:100%; margin:10px 0 0 0}
	
	.categoryListWidget {margin:10px 0 10px 0; display:block}
		.categoryListWidget .slider {width:100%;}
			.categoryListWidget a {    padding: 11px 20px;}
		.categoryListWidget .sliderArrows {display:none}
		
	.blogPostLeading  {display: flex;flex-direction: column;gap: 30px;}

	.blogPostAll {padding-top:50px}
	
	.blogPostList {gap:30px}
		.blogPostList .postCard {width:100%}

.singlePostPage {padding:20px 0 40px 0}
	.singlePostTop {display:flex; flex-direction:column; margin-bottom:30px}
		.singlePostTop .topTools {order:1; margin-bottom:10px;}
			.singlePostTop .topTools .author {display:none}
			.singlePostTop .topTools .cat {margin-left:auto}
		.singlePostContent .singleImg {order:2; aspect-ratio:32/17; margin-bottom:10px}
		.singlePostTop > .author {display:flex; order:3}
	
	.blogComments .commentAuthor {gap:10px;font-size:12px}
		.blogComments .commentAuthor img {width:40px; height:40px}
	.blogComments .comment-reply-link {font-size:12px}
	
	.blogComments .children {padding-left:10px;}
		.blogComments .children .odd > .commentBody {padding:20px}
		
	.blogCommentForm {padding:20px }	
		.blogCommentForm .btn {width:100%; max-width:400px}
	
	.otherPosts {padding:0 0 40px 0}

.otherPosts .sliderArrows  {display:flex}
.otherPosts .blogPostList {margin-top:30px}
.mobileBlogSlider  {margin:0 -10px}
	.mobileBlogSlider .slick-slide {padding:0 10px}
		.otherPosts .postCard .tools .date,
		.otherPosts .postCard .tools .time,
		.otherPosts .postCard .tools .views {display:flex}
		
.searchPage  {}
	.searchPage  ul {padding-left:20px}
	
/*about*/
.aboutServices {padding:50px 0}
	.aboutServices .text {display:block}
		.aboutServices .text .col {width:100%; margin-bottom:18px}
		.aboutServices .text p {margin-bottom:18px}

		.aboutServices .text li:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 2px;}
		
	.aboutServices .list {flex-direction:column; gap:10px; margin:30px 0 }
		.aboutServices .list .item {padding:20px; width:100%;box-sizing: border-box;}
			.aboutServices .list .item .title {margin:0 0 20px 0}
				.aboutServices .list .item .title:before {width: 30px; height: 30px;background-size: cover !important;}
			.aboutServices .list .item .desc:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 3px;}		
	.aboutServices .bottom {flex-direction:column;  align-items: flex-start; gap:20px}	
		.aboutServices .bottom .btn {width:100%; max-width:400px}


.aboutTeam {padding:50px 0}	
	.aboutTeam .prime .itemInner {display:block;}
		.aboutTeam .prime .itemInner .img {width:100%; max-width:400px; margin:0 auto 20px auto}

.aboutCertificates 	{padding:50px 0}	

.aboutVideo {padding:50px 0}	
	.aboutVideo .mobileSlider {display:block}
	.aboutVideo .sliderArrows.mobile {display:flex}
	
	.aboutVideo .slider {display:none}
	.aboutVideo .sliderArrows.pc {display:none}
	
	.aboutVideo .mobileSlider {margin-bottom:30px}
		.aboutVideo .item .img {aspect-ratio:32/18; height:auto; margin-bottom:20px}
		
	.aboutVideo .button { justify-content: center; flex-wrap:wrap}	
		.aboutVideo .button .sp {width:100%}
		.aboutVideo .button .btn {margin:-20px 0 0 0}
		
		
/*services*/
.servcesCustomForm {padding:50px 0}
.h1Wrapper.withBtn .btn {width:100%; max-width:400px;	}	

.servicesPage .servicesTextBase .bottom .wp-block-group__inner-container {flex-direction:column;        align-items: flex-start; gap:20px}
.servicesPage .servicesTextBase li:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 2px;}

.servicesPage .wp-block-buttons {width:100%}
	.servicesPage .wp-block-button {width:100%; max-width:400px}
		.servicesPage .wp-block-button__link {width:100%}
		
.bottomText {padding:30px 0 50px 0}
    .faqWidget + .bottomText {margin-top: -50px; }
/*seo*/
.seoSites {padding:50px 0 }		
	.seoSites .info {padding:20px; background:var(--accentBgColor); border-radius:20px}
		.seoSites .info .img {width:auto; height:auto;align-self: flex-start;}
			.seoSites .info .img img {margin:0; width:50px}
		.seoSites .info .text {padding:0}
			.seoSites .info .text div {padding:0}
			.seoSites .info .text img {display:none}
	.seoSites .subs {margin-bottom:20px}
	.seoSites .list {flex-direction:column; gap:10px}
		.seoSites .list .item {padding:20px}
	
.seoPayback {padding:0 0 50px 0}	
	.seoPayback .list {margin:20px 0; flex-direction:column; gap:10px}
		.seoPayback .list .item {padding:20px; flex-direction:column; gap:20px}

			.seoPayback .list .item .text {padding-top:0}
	.seoPayback .bottom {width:100%; max-width:350px; display:flex; align-items:center; text-align:left; gap:20px}
		.seoPayback .bottom svg {transform:none; position:static; max-width:60px; flex-shrink:0}
.seoResult {padding:50px 0}
	.seoResult .sliderArrows {display:flex;}
	.seoResult .list {flex-direction:column; gap:10px; margin:30px 0 }
		.seoResult .list .item {padding:20px; gap:20px; display: flex !important; box-sizing:border-box;}
			.seoResult .list .item .text {}
				.seoResult .list .item .title {margin-bottom:10px}
				.seoResult .list .item .params {margin-bottom:10px}
			.seoResult .list .item .btn {margin-top:0}

		
.seoPlan {padding:50px 0}
	.seoPlan .subs {line-height:1.5; font-size:var(--textFontSize)}
	.seoPlan .sp {height:50px}
	.seoPlan .list {flex-direction:column; gap:10px; margin:30px 0 0 0}
		.seoPlan .list .item {padding:20px; width:100%;}
			.seoPlan .list .item .title {margin:0 0 20px 0}
				.seoPlan .list .item .title:before {width: 30px; height: 30px;background-size: cover !important;}
			.seoPlan .list .item .desc:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 3px;}
			.seoPlan .list .item .btn {width:100%; max-width:400px}
				
.seoAdvantages {padding:50px 0}
	.seoAdvantages .subs {line-height:1.5; font-size:var(--textFontSize)}
	.seoAdvantages .sp {height:50px}
	.seoAdvantages .list {flex-direction:column; gap:10px; margin:30px 0 0 0}			
		.seoAdvantages .list .item {padding:20px; width:100%;}

.seoPrice {padding:50px 0}
	.seoPrice .subs {line-height:1.5; font-size:var(--textFontSize)}
	.seoPrice .list {flex-direction:column; gap:10px; margin:30px 0 }			
		.seoPrice .list .item {padding:20px; width:100%;}
			.seoPrice .item .desc {margin-bottom:20px}
	.seoPrice .bottom {flex-direction:column; gap:20px}	
		.seoPrice .bottom .btn {width:100%; max-width:400px}
		
/*audit*/
.auditIceberg {padding:50px 0}
	.auditIceberg .wrapper > img {display:none}
	.auditIceberg .text {max-width:100%}
		.auditIceberg .mobileIceberg {display:block; width:100%; max-width:600px; margin:-20px auto -80px auto; } 
		
		.auditIceberg .list {margin:0}
			.auditIceberg .list .title {margin-bottom:20px}
			.auditIceberg .list .title:before {width: 30px; height: 30px;background-size: cover !important;}
			.auditIceberg li:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 2px;}
			.auditIceberg .text svg.mobile {display:block;position: static; width: 100%;   margin: 10px 0; aspect-ratio: 34 / 320;}
			.auditIceberg ul {font-size: var(--textFontSize);max-width: 100%;}
			
	.auditIceberg .subs {line-height:1.5; font-size:var(--textFontSize); margin-top:20px}
		
.auditGet {padding:20px 0 50px 0}
	.auditGet .list {flex-direction:column; gap:10px; margin:30px 0 10px 0 }			
		.auditGet .list .item {padding:20px; width:100%; box-sizing:border-box;}
	.auditGet .wrapper > svg {height:12px;}
	
.auditResult {padding:50px 0}
	.auditResult .subs {line-height:1.5; font-size:var(--textFontSize); margin-bottom:0}
	.auditResult .list {flex-direction:column; gap:10px; margin:30px 0 }
		.auditResult .list .item {padding:20px; width:100%;}
			.auditResult .list .item .title {margin:0 0 20px 0}
				.auditResult .list .item .title:before {width: 30px; height: 30px;background-size: cover !important;}
			.auditResult .list .item .desc:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 3px;}		
	.auditResult .bottom {flex-direction:column;  align-items: flex-start; gap:20px}	
		.auditResult .bottom .btn {width:100%; max-width:400px;	font-size:10px}
		
/*direct*/
.directType  {padding:50px 0}
	.directType .list .item {padding:20px; width:100%;}

.directCase {padding:50px 0}
	.directCase .subs {line-height:1.5; font-size:var(--textFontSize)}
	.directCase .sp {height:50px}
	
	.directCase .row {flex-direction:column !important; gap:20px}
		.directCase .text .description {line-height:1.5; font-size:var(--textFontSize); margin-bottom:20px}
		.directCase .text .btn span {display:none}
		
		.directCase .casesItem {width:100%; display:block;margin: 0;   min-height: 10px;}
			.directCase .casesItem:before, .directCase .casesItem:after {content:'';}
			.directCase .casesItem .img {display:none}
			.directCase .casesItem .info {border-radius:20px; padding:20px }
				.directCase .casesItem .info .title {padding-right:30px}
				.directCase .casesItem .btn{width:100%; max-width:400px;	}
.directSteps {padding:50px 0}
	.directSteps .subs {line-height:1.5; font-size:var(--textFontSize); margin-bottom:0}
	.directSteps .list {flex-direction:column; gap:10px; margin:30px 0 }
		.directSteps .list .item {padding:20px; width:100%;}
			.directSteps .list .item .title {margin:0 0 20px 0}
				.directSteps .list .item .title:before {width: 30px; height: 30px;background-size: cover !important;}
			.directSteps .list .item .desc:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 3px;}		
			.directSteps .list .btn{width:100%; max-width:400px;	}
	.directSteps .sp {height:50px}
	
	.directSteps .steps	{flex-direction:column; gap:10px}
		.directSteps .steps .item {line-height:1.5; font-size:var(--textFontSize);}

.directPrice {padding:50px 0}
	.directPrice .list {flex-direction:column; gap:10px; margin:30px 0 }
		.directPrice .list .item {padding:20px; width:100%;}
			.directPrice .list .item .title {margin:0 0 20px 0}
				.directPrice .list .item .title:before {width: 30px; height: 30px;background-size: cover !important;}
			.directPrice .list .item .desc:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 3px;}		
    .directPrice .btns .btn { width: 100%;max-width: 400px;padding: 0;  text-align: center;}
		.directPrice .btns .btn.s3 {font-size:10px}

/*site*/
.siteType {padding:50px 0}
	.siteType .row {flex-direction:column !important; gap:30px}
		.siteType .info {width:100%}
			.siteType .info ul {font-size: var(--textFontSize); gap:10px; margin:0 0 20px 0}
				.siteType .info li:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top:1px;}
			.siteType .info .portfolio {gap:10px}
				.siteType .info .portfolio a {width: calc(33.333% - 20px / 3)}
	.siteType .case {}
		.siteType .caseItem {padding:20px; margin-bottom:30px}
			.siteType .caseItem .title {margin-bottom:20px}
			.siteType .caseItem .desc {margin-bottom:20px}
				.siteType .caseItem .btn { width: 100%;max-width:400px;}
		.siteType .case .btn { width: 100%;max-width:400px;font-size:10px; padding:0}
		
	.siteType .row._reverse {margin:50px 0}
	
.sitePlan {padding:50px 0}
	.sitePlan .chartSubs {flex-direction:column; gap:30px}	
		.sitePlan .chartSubs .text {width: 100%;max-width:350px;}
		.sitePlan .chartSubs .btn {transform:none;width: 100%;max-width:400px; text-align:center; padding:0; font-size:10px}
	.sitePlan .list {flex-direction:column; gap:10px}
		.sitePlan .list .item {padding:20px; width:100%}
		.sitePlan .list .item img {width:50px}

.sitePrice  {padding:50px 0}
	.sitePrice  .list {flex-direction:column; gap:10px; margin:30px 0 }
		.sitePrice  .list .item {padding:20px; width:100%;}
			.sitePrice  .list .item .title {margin:0 0 20px 0}
				.sitePrice  .list .item .title:before {width: 30px; height: 30px;background-size: cover !important;}
			.sitePrice  .list .item .desc:before {width: 16px;height: 16px;margin-right: 10px;background-size: cover !important; margin-top: 3px;}		
	.sitePrice .bottom {flex-direction:column;  align-items: flex-start; gap:20px}	
		.sitePrice .bottom .btn {width:100%; max-width:400px}

.sitePortfolio 	{padding:50px 0}
	.sitePortfolio .grid {display:flex; flex-wrap:wrap; gap:10px; padding-top:30px}
		.sitePortfolio .grid a:nth-child(1) {width:100%}
			.sitePortfolio .grid a {width:calc(50% - 5px);}
	
	.sitePortfolio .info  {gap:10px}	
		.sitePortfolio .info .title {margin-bottom:10px}
		.sitePortfolio .info .params {width:100%}
		.sitePortfolio .info .btn {margin-top:10px;width: 100%;max-width:400px;}


.courseAuthor {padding:50px 0}
	.courseAuthor .flex {gap:50px; margin-top:30px}
		.courseAuthor .list {gap:20px}
			.courseAuthor .list .item {flex-direction:column; font-size:var(--textFontSize); text-align:center;}
				.courseAuthor .list .item .img {margin:0 auto 15px auto}
		.courseAuthor .flex .info {width:100%; max-width:500px;flex-direction: column; margin:0 auto; box-shadow:none}
			.courseAuthor .flex .info .img {width:100%}
				.courseAuthor .flex .info .img img {height:atuo; width:100%; aspect-ratio:32/25; border-radius:20px}
			.courseAuthor .flex .info .text{padding:0 20px; margin-top:-40px}
				.courseAuthor .flex .info .text .title {color:#fff}
			.courseAuthor .flex .info .desc {text-align:center; margin-top:20px}

.courseAbout {padding:50px 0}			
	.courseAbout .info {flex-direction:column; align-items:center; margin:30px 0 50px 0}
		.courseAbout .info .img img {width:50px}
		.courseAbout .info .text div {padding:0}
		.courseAbout .info .text img {display:none}
		
	.courseAbout .programs > img {display:none}
	.courseAbout .programs > img.mobile {display:block; position:static;margin:0 auto -100px auto; max-width:460px;width:100%;  height:auto}
	.courseAbout .programs .steps {width:100%}
		.courseAbout .programs .steps .step .head {padding:20px; font-size:16px}
		.courseAbout .programs .steps .step.isActive .body {padding-left:10px; padding-right:10px}
		.courseAbout .programs .steps .step .body li {display:block}
			.courseAbout .programs .steps .step .body li:before {margin:0 0 5px 0}
		.courseAbout .programs .steps .step .body .btn {margin-top:10px; width:100%; max-width:400px; font-size:10px; padding:0 5px}
		
	.courseAbout .programs + .btn {margin-bottom:70px;width:100%; max-width:400px; font-size:10px; padding:0 5px}
		.courseAbout .programs + .btn  svg {display:none}
	.courseAbout .result {margin:30px 0 0 0; flex-direction:column; gap:10px}
		.courseAbout .result .item {padding: 20px; display: flex;align-items: center;}
			.courseAbout .result .item .img {margin:0 20px 0 0; background:none; width:50px; border-radius:0}
			.courseAbout .result .item .desc {font-size:16px}
	
.coursePrice {padding:70px 0}		
	.coursePrice .list {margin:30px 0 0 0; flex-direction:column; gap:20px}
		.coursePrice .list .item {width:100%; max-width:500px; margin:0 auto;padding: 20px;}
			.coursePrice .list .item .img {width:100px; height:100px}
				.coursePrice .list .item .img img {width:50px}
		.coursePrice .list .item .btn {width:100%; max-width:400px; }
	   .coursePrice .list .item .badge {top: -11px;right: 10px;transform: scale(0.8);}
	   
.courseRews {padding:70px 0}	
	.courseRews .h1Wrapper {margin-bottom:30px}
		.courseRews .sliderArrows {display:flex;}
	.courseRews > .btn {margin-top:30px;font-size: 10px;width: 100%;max-width: 400px;padding: 0;}
	
	
	.courseRews .reviewsShifterWrapper .reviewsShifterInner._block1, .courseRews .reviewsShifterWrapper .reviewsShifterInner._block2 {display:none}
	
	.courseRews .reviewsShifterWrapper  {width: calc(100% - 30px);max-width: 1400px;margin: 0 auto;}
		.courseRews .reviewsShifterWrapper .reviewsShifterInner {transform:none}
			.courseRews .reviewsShifterWrapper .reviewsShifter {transform:none !important; width:100%; min-width:0; justify-content:flex-start; margin-bottom:0}
			
			
			
			
/*home*/	
.homeServices  	{padding:50px 0}	
	.homeServices .list {margin:30px 0; gap:10px; flex-direction:column}
		.homeServices .list .item {padding:20px; width:100%; box-sizing:border-box;}
			.homeServices .list .item .btn {width:100%; max-width:400px; margin:20px 0 0 0}
	.homeServices .bottom {flex-direction:column;  align-items: flex-start; gap:20px}	
		.homeServices .bottom .btn {width:100%; max-width:400px;margin:0;}

.homeCases {padding:50px 0}		
	.homeCases .sliderArrows {display:flex}
	.homeCases .top {flex-direction:column;  align-items: flex-start; gap:20px; margin-bottom:20px}	
		.homeCases .btn {width:100%; max-width:400px; margin:0;}
		
	.homeCases .list {flex-direction:column; margin-bottom:10px; position:relative}
		.homeCases .list .item {width:100%}
			.homeCases .item img {max-height:400px}
		
		.homeCases .list .arrowPrev {position:absolute; top:50%; transform:translateY(-50%); left:5px; background:#fff;z-index:5}
		.homeCases .list .arrowNext {position:absolute; top:50%; transform:translateY(-50%); right:5px; background:#fff;z-index:5}
		
	.homeCases .wrapper > .btn {width: 100%;max-width:400px;margin:0}
	
.homeSecret {padding:50px 0}	
	.homeSecret .list {flex-direction:column; gap:10px; margin:30px 0 0 0}			
		.homeSecret .list .item {padding:20px; width:100%;}

.homeBlog {padding:50px 0}		
	.homeBlog .sliderArrows {display:flex}
	.homeBlog .top {flex-direction:column;  align-items: flex-start; gap:20px}	
	.homeBlog .list {flex-direction:column; margin:30px 0; position:relative }
		.homeBlog .list .item {width:100%}
			.homeBlog .item img {max-height:400px}
			
		.homeBlog .list .arrowPrev {position:absolute; top:50%; transform:translateY(-50%); left:5px; background:#fff;z-index:5}
		.homeBlog .list .arrowNext {position:absolute; top:50%; transform:translateY(-50%); right:5px; background:#fff;z-index:5}
	.homeBlog .wrapper > .btn {width: 100%;max-width:400px;margin:0}
	
	.homeBlog .tools {display:flex; align-items:center; gap:8px;font-size:11px; margin-bottom:20px}
		.homeBlog .tools .cat {margin-right:auto; background:var(--mainColorMuted); padding:5px 10px; border-radius:5px; line-height:1;font-size:10px;text-overflow: ellipsis;overflow: hidden;  white-space: nowrap;color: var(--textColorMuted);}
			.homeBlog .tools .cat:hover { color:var(--textColor);background:var(--mainColor);  }
		.homeBlog .tools .date {opacity:0.5}
		.homeBlog .tools .time {opacity:0.5; display:flex; align-items:center; gap:4px}
		.homeBlog .tools .views {opacity:0.5; display:flex; align-items:center; gap:4px}
			.homeBlog .tools svg {width:18px; height:18px;}

	
	
.homeTeam {padding:50px 0}	
	.homeTeam .teamList {gap:20px}
		.homeTeam .teamList .teamItem {width:calc(50% - 10px)}
/*widgets*/
.sliderArrows div {width:40px; height:40px}


.callbackBlock1 {padding:70px 0 70px 0}
	.callbackBlock1 .h1Wrapper {margin-bottom:10px}
	.callbackBlock1 .form {max-width:600px; margin-left:auto; margin-right:auto;}
		.callbackBlock1 .form .desc {margin-bottom:20px}
		.callbackBlock1 .form .formRow {flex-direction:column; gap:15px}
	.teamPage .teamList + .h1Wrapper {margin-top:50px} 




.postCard {}
	.postCard .img {margin-bottom:15px}
		.postCard .img img { aspect-ratio:32/17;height:auto }
	.postCard .tools {margin-bottom:10px}	
	.postCard .title {margin-bottom:0 !important;font-size: var(--xlFontSize) !important;}
	.postCard .desc {display:none !important}


.magazinWidget {padding:70px 0}		
	.magazinWidget .wrapper {display:block}
	
	.magazinWidget .links {margin-top:30px; gap:0; justify-content:space-between; max-width:400px}
	.magazinWidget .links .item {width:70px;}
		.magazinWidget .links a img {width:70px; height:70px}

.faqWidget {padding:70px 0 70px 0}
	.rewsWidget + .faqWidget {padding-top:20px}
	.magazinWidget + .faqWidget {padding-top:20px}
	.faqItem .head {padding:20px}
	.faqItem.isShow .body   {padding:20px;max-height:1000px}


.rewsWidget  {padding:70px 0 70px 0}
	.magazinWidget + .rewsWidget {padding-top:20px}
	.rewsSlider .slick-track {display:block;} 

	.rewsItem .head img {width:50px; height:50px; margin-right:15px}
	
	.rewsItem.s2 .head {flex-wrap:wrap}
		.rewsItem.s2 .head a {max-width:100%; width:100%; margin:10px 0 0 }	
		
		
.formRow  {margin-bottom:20px; gap:15px; flex-direction:column;}
	.formRow .formCol {width:100%}
	.formCol .btn {height: 50px;}
.formRowBottom {flex-direction:column; align-items:center; margin-top:20px;        gap: 20px;}
	.formPolicy {}


.postForm {padding:20px }
.postLinks {padding:20px }
	.postLinks .wrapper {display:block}
		.postLinks .links {margin-top:30px; gap:0; justify-content:space-between; max-width:400px}
			.postLinks .links .item {width:70px;}
				.postLinks .links a img {width:70px; height:70px}

.callbackModal {padding:30px 0; width:95%}
	.mfp-close-btn-in .callbackModal .mfp-close {top:10px; right:10px}
	
.teamListBlock {padding:50px 0}

/*text content*/	
.postContent p {margin-bottom:10px;}
	.postContent h1,
	.postContent h2,
	.postContent h3,
	.postContent h4,
	.postContent h5,
	.postContent h6 {margin:20px 0; }

	.postContent blockquote {padding:0; margin:20px 0;}
		
	.postContent code {margin:20px 0; padding:20px;background: #eee;display: block;font-family: monospace;}
	
	.postContent .attention {background:#CCF1FB; padding:20px 20px 20px 70px; border-radius:10px; margin:20px 0;  align-items:flex-start}
		.postContent .attention:before {left:10px; transform:none; top:20px}

	.postContent ul,
	.postContent ol {margin:20px 0;}

			
	.postContent .gallery {display:flex; gap:10px;margin:20px 0;  flex-wrap:wrap; --gap:10px;}
		.postContent .gallery.columns1 > a {width:100%}
		.postContent .gallery.columns2 > a ,
		.postContent .gallery.columns3 > a ,
		.postContent .gallery.columns4 > a ,
		.postContent .gallery.columns5 > a ,
		.postContent .gallery.columns6 > a ,
		.postContent .gallery.columns7 > a ,
		.postContent .gallery.columns8 > a ,
		.postContent .gallery.columns9 > a {width:calc(50% - var(--gap)*1/2)}

	
	.postContent .wp-caption {width:100% !important}	
		.postContent .wp-caption .wp-caption-text {margin:-10px 0 20px 0 !important}
	.postContent img.size-full {width:100%; display:block; margin:20px auto}
	.postContent img.alignleft {float:none; margin:20px auto !important;display:block;width:100%;}
	.postContent img.alignright {float:none; margin:20px auto!important;display:block;width:100%;}
	
	.postContent .wp-caption-text {margin:-30px 0 45px 0; font-weight:400; opacity:0.5; font-size:var(--sFontSize)}
	
	.postContent .postTableWrapper {margin:20px auto; overflow-x:auto; width:100%}
		.postContent table {width:100%; border-collapse: collapse;font-size:12px } 
			.postContent table th {padding:6px 12px; font-weight:bold;border: 1px solid #dddddd;}
				
			.postContent table td {padding:6px 12px; border: 1px solid #dddddd; }
				
				.postContent table tr td:first-child, .postContent table tr th:first-child {border-left: none;}
				.postContent table tr td:last-child, .postContent table tr th:last-child {border-right: none;}
				
				.postContent table tr:nth-child(even){background: #f3f3f3;}

	.postContent  *:last-child {margin-bottom:0 !important}
	

}		

@media (max-width:600px)	{
/*pages*/
.singlePostTop .topTools {gap:8px; font-size:11px} 
	.singlePostTop .topTools .cat {font-size:10px;text-overflow: ellipsis;overflow: hidden;  white-space: nowrap;}
	.singlePostTop .topTools .views,
	.singlePostTop .topTools .time {gap:4px}
	.singlePostTop .topTools svg {width:18px; height:18px;}

.singlePostBottom {flex-direction:column; padding:20px 5px 20px 20px}	
	.singlePostBottom .starsRating {gap:1px}
		.singlePostBottom .star {width:18px; height:18px;}
		
		
.formRow .formCol .item input, 
.formRow .formCol .item textarea, 
.formRow .formCol .item select {-webkit-appearance: none; color:var(--textColor); background:#F6F8FC}
	.formRow .formCol .item select {color:#4A4A4A}

.accentRow .formRow .formCol .item input, 
.accentRow .formRow .formCol .item textarea, 
.accentRow .formRow .formCol .item select  {background:#fff;}




}
@media (max-width:400px)	{
/*header*/
.mobileHeader .wrapper {gap:15px}

.homePromo .img img {max-width:220px; margin:0 auto} 

.servicesPromo .img img {max-width:220px; margin:0 auto} 
.servicesPromo .serts {gap:20px}
	.servicesPromo .serts img {max-width:120px; display:block; }
	
.servicesPromo .img blockquote  {margin-top:-30px}
.servicesPromo .img.siteImgCor {margin-top:-30px}

/*single page*/ 
.teamPage .teamList .teamItem 	{width: 100%;} 

.courseAbout .programs > img.mobile {margin-bottom:-100px}
/*widgets*/
.magazinWidget  {}
	.magazinWidget .links .title {font-size:11px}
	.magazinWidget .links a img {width: 55px;height: 55px;}		


.postLinks   {}
	.postLinks  .links .title {font-size:10px}
	.postLinks  .links a img {width: 45px;height: 45px;}		
	
}


.mobileMenuWrapper {background:var(--accentBgColor); border-radius:0 20px 20px 0; padding:40px; width:100%; max-width:500px; box-sizing:border-box; position:fixed; top:0; left:-100%;  transition:.5s; max-height:100%; overflow:auto;z-index:101}
	.mobileMenuWrapper .close {position:absolute; top:15px; right:15px; cursor:pointer; transition:.2s; color:var(--mainColor)}
		.mobileMenuWrapper .close:hover {opacity:0.5; color:var(--textColor)}
	.mobileMenuWrapper > .title {font-size:20px;line-height:1; margin-bottom:30px; font-weight:600; text-transform:uppercase; }
	.mobileMenuWrapper  hr {display:block; border:none; border-top:1px solid #DCDCDC; margin:40px 0}
	
	
	.mobileMenuWrapper .menu li {display:block; transition:.2s}		
		.mobileMenuWrapper .menu .sub-menu li {padding-left:20px}
			.mobileMenuWrapper .sub-menu li.isOpen  {background:#fff; border-radius:10px }
			
	.mobileMenuWrapper .menu li a {display:block}
		.mobileMenuWrapper .menu li.current_page_item > a {color:var(--textAccent)}
		.mobileMenuWrapper .menu li.current_page_ancestor > a {color:var(--textAccent)}
		
	.mobileMenuWrapper .menu > ul > li > a {font-size:16px; font-weight:600; padding:5px 0;}
		.mobileMenuWrapper .menu .sub-menu a {font-size:14px; font-weight:500;  padding:5px 0;}
			.mobileMenuWrapper .menu .sub-menu .sub-menu a {font-size:14px; font-weight:400;  padding:2px 0;}
	
	
	.mobileMenuWrapper .menu .menu-item-has-children > a { display:flex; align-items:center; }
		.mobileMenuWrapper .menu .menu-item-has-children > a:after {content:''; display:block; width:12px; height:12px;margin-left:8px; background:url(../images/chevron_blue.svg); transform:scale(1,-1);transition:.2s; filter: grayscale(1) contrast(0) brightness(0);}
		.mobileMenuWrapper .menu .menu-item-has-children.isOpen > a {color:var(--textAccent)}
		.mobileMenuWrapper .menu .menu-item-has-children.isOpen > a:after {transform: scale(1);filter: none;}
		
	.mobileMenuWrapper .menu .sub-menu { display:none}	
		.mobileMenuWrapper .menu .sub-menu .sub-menu {  padding-bottom:5px}
			.mobileMenuWrapper .menu .sub-menu .sub-menu .sub-menu {padding-bottom:0}

	.mobileMenuWrapper .town {display:flex; align-items:center; gap:8px; margin-bottom:15px}
		.mobileMenuWrapper .town > svg {display:block; color:var(--textAccent); }
		.mobileMenuWrapper .town a {display:flex;align-items:center;  gap:8px}
			.mobileMenuWrapper .town a svg {width:12px; height:12px; }
		
		.mobileMenuWrapper .townMenu {display:none; background:#fff; padding:20px; box-sizing:border-box; margin-bottom: 15px; background:#fff; border-radius:10px }
			.mobileMenuWrapper .townMenu a {font-size:14px; display:block; margin-bottom:px; }
	
	
	.mobileMenuWrapper .email {display:flex; align-items:center; gap:8px;font-size: var(--sFontSize);line-height:1; margin-bottom:15px }
		.mobileMenuWrapper .email  svg {color:var(--textAccent)}
	.mobileMenuWrapper .tel {display:flex; align-items:center; gap:8px;font-size: var(--sFontSize);font-size:18px; line-height: 1; margin-bottom:15px }
		.mobileMenuWrapper .tel  svg {color:var(--textAccent)}
	.mobileMenuWrapper .time {display:flex; align-items:center;gap:8px; font-size: var(--sFontSize);line-height:1;margin-bottom:15px }
		.mobileMenuWrapper .time svg {color:var(--textAccent);}
		.mobileMenuWrapper .time strong {font-weight:500}
		
	.mobileMenuWrapper .search {margin:30px 0 20px 0;position:relative }
		.mobileMenuWrapper .search input {width:100%; padding:15px 60px 15px 20px; font-size:var(--sFontSize); line-height:1; box-sizing:border-box;background:var(--accentBgColor); outline:none !important; border-radius:10px;border:1px solid #DCDCDC }
		.mobileMenuWrapper .search button {position:absolute; right:0px; top:0; height:100%; width:50px; background:none; border:none; transition:.2s; cursor:pointer;}
			.mobileMenuWrapper .search button svg {display:block; width:20px; height:20px; margin:auto}
			.mobileMenuWrapper .search button:hover {color:var(--textAccent)}
		
	.mobileMenuWrapper .getCallback {width:100%; max-width:400px;  margin:0 0 20px 0}
	.mobileMenuWrapper .social {display:flex; align-items:center; gap:5px;}
	
	
body.mobileMenuOpen .mobileMenuWrapper  {left:0}
body.mobileMenuOpen .shadowLayer {visibility:visible;opacity:0.15;}


@media (max-width:800px)	{
.mobileMenuWrapper  {max-width:100%; top:51px; height:calc(100% - 51px)}
	.mobileMenuWrapper .close {display:none}
	
body.mobileMenuOpen {overflow:hidden}
body.mobileMenuOpen .shadowLayer {visibility:hidden;opacity:0;}

}

@media (max-width:400px)	{
.mobileMenuWrapper {padding:40px 30px; }




}