@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;600;800&family=Oxygen:wght@300;400;700&display=swap');


h1 { line-height:1.1; font-size:var(--h1FontSize);color:var(--headerColor); font-weight:600;}
h2 { line-height:1.5; font-size:var(--h2FontSize);color:var(--headerColor); font-weight:600;}
h3 { line-height:1.4; font-size:var(--h3FontSize);color:var(--headerColor); font-weight:600;}

/*main*/	
body {font-family: 'Noto Sans', sans-serif; line-height:1.6; font-size:var(--textFontSize); overflow-x:hidden;color:var(--textColor);font-weight:300; position:relative }


	a {transition:.2s}
	.btn  {font:inherit; padding:10px 30px;  border:none; cursor:pointer; text-decoration:none; transition:.2s;position: relative; margin:0 auto;  display:table}
		.btn.s1 {background:var(--mainColor); color:#fff; font-weight:600; font-size:var(--mediumFontSize)}
			.btn.s1:hover {background:var(--darkMainColor)}


.colBorder {position:absolute; top:0; left:20%; margin-left:-0.5px; width:1px; height:100%; background:#4987ff1a}
	.colBorder._cb1 { left:20%;}
	.colBorder._cb2 { left:40%;}
	.colBorder._cb3 { left:60%;}
	.colBorder._cb4 { left:80%;}
	

.ya-share2__container_size_m, .ya-share2__list.ya-share2__list_direction_horizontal, .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item, .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more, .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__badge_more, .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {display:block !important; width:100% !important; height:100% !important; border-radius:0 !imporant}
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {background:none !important}	
.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {background:url(../images/template/share.svg) center no-repeat !important}

.header {display:flex; height:136px;  position:relative;z-index:2}
	.header ._logo { font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize); background:var(--mainColor); width:10%; display:flex; align-items:center; justify-content:center; flex-direction:column;  color:#fff; text-decoration:none; margin-right:30%;   text-align: center;line-height: 1.3;}
		.header ._logo svg {display:block; margin-bottom:12px;width: 31px; height: 34px;}
	
	.header .defaultMenu {    align-self: center; margin:0 -4px 0 -5px}
		.header .defaultMenu  a {color:var(--headerColor); font-size:var(--mediumFontSize); font-weight:600; margin:0 49px 0 0; display:flex; align-items:center;}
			.header .defaultMenu  a:before {content:''; display:block; width:8px; height:8px; margin-right:18px; background:var(--darkMainColor)}
	.header ._tel {align-self: center;display:flex; align-items:center; color:var(--textAccent); text-decoration:none; font-weight:800; }
		.header ._tel svg {display:block; margin-right:15px;color:var(--darkMainColor); transition:.2s}
		.header ._tel:hover {color:var(--headerColor)}
			.header ._tel:hover svg {color:var(--headerColor)}
				
	.burger {width: 28px;height:20px; display: flex;flex-direction: column;justify-content: center;cursor: pointer;transition: .2s;position: relative;z-index: 50;align-self: center; margin:0 30px 0 auto}
		.burger i {display: block;width: 18px;height: 4px;margin:0 0 0 auto;background: var(--darkMainColor);transition: .2s; border-radius:20px}
		.burger i:nth-child(2) {width:28px; margin:4px 0;}
		.burger i:last-child  {margin:0 auto 0 0}
	
	.header .defaultMenu a:hover { color:var(--darkMainColor); opacity:1}
	.copy .defaultMenu a:hover { color:var(--darkMainColor); opacity:1}
	
.mobileMenuOpen .burger {}
	.mobileMenuOpen .burger i {transform: rotate(45deg) translateY(9px) translateX(2px);width:20px}
	.mobileMenuOpen .burger i:nth-child(2) {opacity:0}
	.mobileMenuOpen .burger i:last-child {transform: rotate(-45deg) translateY(-4px) translateX(8px);}


	

.footer {display:flex; height:116px; background:var(--secondaryColor);  position:relative}
	.footer ._logo { font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize); background:var(--mainColor); width:10%; display:flex; align-items:center; justify-content:center; flex-direction:column;  color:#fff; text-decoration:none;text-align: center;line-height: 1.3;}
		.footer ._logo svg {display:block; margin-bottom:12px;width: 31px; height: 34px;}
	.footer ._toTop {width:20%; padding:30px; font-size:var(--smallFontSize); font-weight:700; color:var(--darkMainColor); display:flex; align-items:center; cursor:pointer; transition:.2s; margin-right:10%}
		.footer ._toTop svg {display:block; margin-right:30px; transform:scale(1,-1)}
		.footer ._toTop:hover {color:var(--textAccent)}
	.footer ._item {display:flex; align-items:center; width:20%; color:#fff; text-decoration:none; font-weight:600; font-size:var(--mediumFontSize); box-sizing:border-box; padding:10px 30px; line-height:22px}
		.footer ._item svg {margin-right:20px; transform:scale(0.6); flex-shrink:0;}
		.footer ._item:hover {color: var(--mainColor);}
		
.copy {background:#F1F6FF; padding:35px 0; display:flex; align-items:center;}
	.copy ._text {width:40%; padding-left:30px; color:var(--textAccent);font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize);}
		.copy ._text a {text-decoration:none; color:inherit}
		.copy ._text a:hover {color:var(--headerColor)}
		
	.copy .defaultMenu {    align-self: center; margin:0 auto 0 0; padding-left:30px}
		.copy .defaultMenu  a {color:var(--headerColor); font-size:var(--mediumFontSize); font-weight:600; margin:0 45px 0 0; display:flex; align-items:center;}
			.copy .defaultMenu  a:before {content:''; display:block; width:8px; height:8px; margin-right:18px; background:var(--darkMainColor)}
			
	.copy ._asconf {padding-right:30px;color:var(--textAccent);font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize);margin-left: auto;}
		.copy ._asconf a {text-decoration:none; color:inherit}	
		.copy ._asconf a:hover {color:var(--headerColor)}
		
.homePromo {padding:110px 0 60px 0; display:flex;align-items:flex-end; position:relative}
	.homePromo > * {flex-shrink:0}
	.homePromo ._text {max-width:685px; margin-right:auto; margin-left:10%;position:relative}
		.homePromo  h1 {margin-bottom:50px}
	.homePromo ._tools {display:flex; flex-wrap:wrap; margin-left:50px; width:20%; justify-content:flex-start;position:relative}
		.homePromo .__vcard {width:50%;aspect-ratio: 1/1; background:var(--secondaryColor); color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; text-decoration:none; font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize); text-align:center; padding:10px; box-sizing:border-box; line-height:17px}
			.homePromo .__vcard svg {display:block; margin-bottom:5px}
			.homePromo .__vcard:hover {background:var(--darkMainColor)}
		.homePromo .__share {width:25%; aspect-ratio: 1/1;background:var(--mainColor); align-self:flex-end; color:#fff; display:flex; align-items:center; justify-content:center; transition:.2s; cursor:pointer}
			.homePromo .__share:hover {background:var(--darkMainColor)}
		.homePromo ._tools p {width:100%; font-size:var(--smallFontSize); font-weight:400; margin-top:40px; max-width:220px}
	
	.homePromo .dotsBg {position:absolute; top:200px; left:5%;width:200px}
		.homePromo .dotsBg img {display:block;}
	
	.homePromo .houseBg {position: absolute;right: 0; top:-50px}
		.homePromo .houseBg img {display:block;}
	
		
.servicesSlider {display:flex;height:205px; margin-bottom:150px; position:relative}
	.servicesSlider > * {flex-shrink:0}
	.servicesSlider ._scroll {width:10%; display:flex; justify-content:center; flex-direction:column; align-items:center; font-size:var(--smallFontSize); font-weight:400;text-align:center  }
		.servicesSlider ._scroll svg {margin-top:20px;animation-duration:4s;animation-name: topBottom;animation-iteration-count: infinite;}
		
		@keyframes topBottom {
			from {transform:translateY(-5px)}
			50% {transform:translateY(5px)}
			to {transform:translateY(-5px)}
		}		
		
	.servicesSlider ._image {width:30%; position:relative}
		.servicesSlider ._image img {display:block; width:100%; height:100%; object-fit:cover}
		.servicesSlider ._image:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%;background: linear-gradient(180deg, rgba(22, 83, 201, 0.6) 0%, rgba(22, 83, 201, 0) 100%);}
		.servicesSlider ._image span {display:block; position:absolute; top:0; left:0; width:100%; height:100%;background:#fff; opacity:0; transition:.5s;z-index:2}
			.servicesSlider ._image._blink span {opacity:1}
			
	.servicesSlider ._item {width:20%; background:var(--mainColor);color:#fff; text-decoration:none; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; padding:30px;font-size:var(--mediumFontSize); font-weight:600; position:relative}
		.servicesSlider ._item span { transition:.2s}
		.servicesSlider ._item svg {display:block; margin-top:25px; color:var(--darkMainColor); transition:.2s}
			.servicesSlider ._item:hover span {transform:translateX(20px)}
			.servicesSlider ._item:hover svg {transform:translateX(20px)}
		
		.servicesSlider ._item:after {content:''; display:block; width:2px; height:100%; position:absolute; top:0; right:-1px; background: url(../images/template/ssborder.png)  center no-repeat;z-index:1}
		.servicesSlider ._item:last-child::after {display:none}
		
		
		
		
.homeAboutText {display:flex; padding:0 0 50px 0; display:flex; position:relative }		
	.homeAboutText h2 {width:30%; margin-left:10%;flex-shrink:0}
	.homeAboutText ._text {margin-right:5%}
		.homeAboutText ._text p {margin-bottom:20px}
		
		
.homeAboutTools {margin-bottom:160px; position:relative; display:flex; align-items:flex-end}
	.homeAboutTools ._tools {display:flex; flex-wrap:wrap; width:30%; margin-left:10%; flex-shrink:0; justify-content:flex-start;}
		.homeAboutTools .__callback {width:33.33333%;aspect-ratio: 1/1;background:var(--secondaryColor); color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; text-decoration:none; font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize); text-align:center; padding:10px; box-sizing:border-box; line-height:17px; position:relative}
			.homeAboutTools .__callback svg {display:block; margin-bottom:5px; color:#fff}
			.homeAboutTools .__callback:hover {background:var(--darkMainColor)}
		.homeAboutTools .__vcard {width:16.666667%; aspect-ratio: 1/1; background:var(--mainColor); align-self:flex-end; color:#fff; display:flex; align-items:center; justify-content:center;position:relative;font-size: 0;}
			.homeAboutTools .__vcard svg {transform:scale(0.7)}
			.homeAboutTools .__vcard:hover {background:var(--darkMainColor)}
		
	.homeAboutTools .dotsBg {position:absolute; bottom:0; left:5%;width:200px}
		.homeAboutTools .dotsBg img {display:block;}
		
	.homeAboutTools ._col {width:20%;flex-shrink:0; position:relative}
		.homeAboutTools ._col .__item {display:flex; align-items:center; padding:30px; box-sizing:border-box;font-weight:600; font-size:var(--mediumFontSize);color:var(--headerColor)}
			.homeAboutTools ._col .__item svg {display:block; margin-right:30px;flex-shrink: 0;}
		
		.homeAboutTools ._col:after {content: '';display: block;width: 2px;height: 100%;position: absolute;top: 0;right: -1px;background: url(../images/template/ssborder.png) center no-repeat;z-index: 1;}
			.homeAboutTools ._col._last:after {display:none}

		
	.homeAboutTools ._hb1 { position: absolute;margin-top:-1.5px;top: 50%;right: 0;background: linear-gradient(90deg, rgba(25, 94, 226, 0) -0.48%, #195EE2 48.53%, rgba(25, 94, 226, 0) 99.63%);width:70%;height:3px}
	.homeAboutTools ._hb2 { position: absolute;bottom:0;right: 0; background:#E1EBFE80;width:70%;height:1px; display:none}
	
	
.homeServices {display:flex; margin-bottom:80px; position:relative}	
	.homeServices ._text {width:30%; margin-left:10%; flex-shrink:0; flex-direction:column; box-sizing:border-box; padding-right:50px; position:relative}
		.homeServices ._text h2 {margin-bottom:50px}
		.homeServices ._text p {margin-bottom:20px}
			.homeServices ._text p a {color:var(--textAccent); border-bottom:1px solid; font-weight:600; text-decoration:none}
				.homeServices ._text p a:hover {color:var(--headerColor)}
			
		.homeServices ._text > a {margin-top:50px; display:flex; align-items:center; color:var(--textAccent); text-decoration:none; font-weight:800}
			.homeServices ._text > a svg {display:block; margin-right:15px;color:var(--darkMainColor); transition:.2s}
			.homeServices ._text > a:hover {color:var(--headerColor)}
				.homeServices ._text > a:hover svg {color:var(--headerColor)}
				
	
	
	.homeServices .dotsBg {position:absolute; top:340px; left:20%;width:200px}
		.homeServices .dotsBg img {display:block;}
		
	.homeServices ._list {width:60%; }
		.homeServices ._list .__item {display:flex; margin-bottom:13px}
			.homeServices ._list .__item .___info {width:66.66666%; background:var(--darkMainColor);color:#fff; padding:30px; box-sizing:border-box; font-size:var(--smallFontSize); font-weight:400;line-height: 1.8;}
				.homeServices ._list .__item .___info  .____title {display:flex; align-items:center; margin-bottom:25px; font-weight:600;font-size:var(--mediumFontSize); }
					.homeServices ._list .__item .___info  .____title svg {display:block; margin-right:25px;}
			.homeServices ._list .__item a {width:33.3333%; background:var(--mainColor);color:#fff; text-decoration:none; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; padding:30px;font-size:var(--smallFontSize); font-weight:600}
				.homeServices ._list .__item a span {transition:.2s}
				.homeServices ._list .__item a svg {display:block; margin-top:20px; color:var(--darkMainColor); transition:.2s}
		
			.homeServices ._list .__item:first-child {}
				.homeServices ._list .__item:first-child .___info {background:var(--mainColor);}		
				.homeServices ._list .__item:first-child a {background:var(--secondaryColor);}	
				
			.homeServices ._list .__item:last-child {margin-bottom:0}
				.homeServices ._list .__item:last-child .___info {background:var(--secondaryColor);}		
				.homeServices ._list .__item:last-child a {background:var(--darkMainColor);}	
					.homeServices ._list .__item:last-child a svg {color:var(--mainColor)}
			
			.homeServices ._list .__item a:hover span {transform:translateX(20px)}
			.homeServices ._list .__item a:hover svg {transform:translateX(20px)}


.homeRews {display:flex; margin-bottom:120px; position:relative}		
	.homeRews .dotsBg {position:absolute; bottom:30px; right:20%;width:200px}
		.homeRews .dotsBg img {display:block;}
	.homeRews .houseBg {position:absolute; bottom:-130px; left:0%;}
		.homeRews .houseBg img {display:block;}
		
	.homeRews ._text {width:30%; margin-left:10%; flex-shrink:0;display:flex; flex-direction:column; position:relative }
		.homeRews ._text h2 {margin-bottom:50px}
		.homeRews .__tools {display: flex; align-items:flex-end;}
			.homeRews .__vcard {width:33.33333%;aspect-ratio: 1/1;background:var(--secondaryColor); color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; text-decoration:none; font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize); text-align:center; padding:10px; box-sizing:border-box; line-height:17px; position:relative}
					.homeRews .__vcard svg {display:block; margin-bottom:5px; color:#fff}
					.homeRews .__vcard:hover {background:var(--darkMainColor)}
				.homeRews .__share {width:16.666667%; aspect-ratio: 1/1; background:var(--mainColor); align-self:flex-end; color:#fff; display:flex; align-items:center; justify-content:center;position:relative; transition:.2s; cursor:pointer}
					.homeRews .__share svg {transform:scale(0.7)}
					.homeRews .__share:hover {background:var(--darkMainColor)}
		
		.homeRews ._text .__tel {margin:auto 0 20px 0; display:flex; align-items:center; color:var(--textAccent); text-decoration:none; font-weight:800}
			.homeRews ._text .__tel svg {display:block; margin-right:15px;color:var(--darkMainColor); transition:.2s}
			.homeRews ._text .__tel:hover {color:var(--headerColor)}
				.homeRews ._text .__tel:hover  svg {color:var(--headerColor)}
				
	.homeRews ._rews {display:flex; flex-wrap:wrap; width: 60%;position:relative}
		.homeRews ._rews .__main {padding:30px;    width: 66.6666%;}
			.homeRews  .___item {    width: 100%;}
				.homeRews  .___item .____text { background:url(../images/template/blockquote.svg) right 10px center no-repeat;padding-right:100px; font-size:var(--smallFontSize); font-weight:400; line-height:1.8}
				.homeRews  .___item .____bottom {margin-top:15px; display:flex; align-items:center;}
					.homeRews  .___item .____bottom img {display:block; width:55px; height:55px; object-fit:cover; border:10px solid #F1F6FF; margin-right:20px; border-radius:100%;flex-shrink:0}
					.homeRews  .___item .____bottom  span {font-size:var(--mediumFontSize); color:var(--headerColor); font-weight:600;margin-right:20px; }
					.homeRews  .___item .____bottom  i {width:90px;height:17px; display:block; background:url(../images/template/star.svg); margin-left:auto; flex-shrink:0}
		
		.homeRews ._rews  .__arrows {width:33.33333%;display: flex;padding: 30px;}
			.homeRews ._rews .slick-arrow  {width:54px; height:35px; margin:0 6px; display:block; border:none; font-size:0;background:url(../images/template/slider-arrow.svg); cursor:pointer; transition:.2s}
				.homeRews ._rews .slick-arrow.slick-prev {transform:scale(-1,1);}
				.homeRews ._rews .slick-arrow:hover {opacity:0.6}
		.homeRews ._rews  .__blank {width:66.6666%;position: relative;}
			.homeRews ._rews  .__blank .___hb1 { position: absolute;margin-top:-1.5px;top:0%;left:-25%;background: linear-gradient(90deg, rgba(25, 94, 226, 0) -0.48%, #195EE2 48.53%, rgba(25, 94, 226, 0) 99.63%);width:175%;height:3px}
			.homeRews ._rews  .__blank .___hb2 { position: absolute;margin-bottom:-1.5px;bottom:0%;right:25%;background: linear-gradient(90deg, rgba(25, 94, 226, 0) -0.48%, #195EE2 48.53%, rgba(25, 94, 226, 0) 99.63%);width:175%;height:3px}
			
			.homeRews ._rews  .__blank:after {content:''; display:block; width:2px; height:100%; position:absolute; top:-50%; right:-1px; background: url(../images/template/ssborder.png)  center no-repeat;z-index:1}
			.homeRews ._rews  .__blank:before {content:''; display:block; width:2px; height:100%; position:absolute; bottom:-25%; left:-1px; background: url(../images/template/ssborder.png)  center no-repeat;z-index:1}
			
	
		.homeRews ._rews  .__hidden {width:33.33333%; overflow:hidden; padding-bottom:0}
			.homeRews ._rews  .__hidden .rewsHiddenSider {width:200%; }
		
.homeContactsText {display:flex; margin-bottom:60px; align-items:center; position:relative}
	.homeContactsText h2 {width:30%; margin-left:10%;}
	.homeContactsText p {width:40%}
	.homeContactsText a {margin-left:30px; width:15%; display:flex; align-items:center; text-decoration:none; color:var(--textAccent); font-size:var(--smallFontSize); font-family: 'Oxygen', sans-serif; font-weight:700;}
		.homeContactsText a svg{display:block; margin-right:18px; color:var(--darkMainColor); transform:scale(0.7); transition:.2s}
		
		.homeContactsText a:hover {color:var(--headerColor)}
			.homeContactsText a:hover svg {color:var(--headerColor)}				

.homeContactsTools {display:flex;height:205px; margin-bottom:80px; position:relative}
	.homeContactsTools ._image {width:30%; position:relative; margin-left:10%;}
		.homeContactsTools ._image img {display:block; width:100%; height:100%; object-fit:cover}
		.homeContactsTools ._image:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%;background: linear-gradient(180deg, rgba(22, 83, 201, 0.6) 0%, rgba(22, 83, 201, 0) 100%);}
	.homeContactsTools ._item {width:20%; background:var(--mainColor);color:#fff; box-sizing:border-box; padding:30px; display:flex; flex-direction:column; justify-content:center; position:relative}
		.homeContactsTools ._item a, .homeContactsTools ._item span {display:flex; align-items:center; font-weight:600; text-decoration:none; color:#fff; font-size:var(--mediumFontSize)}
			.homeContactsTools ._item a:hover {color:var(--headerColor)}
		.homeContactsTools ._item a +  a {margin-top:28px;}
			.homeContactsTools ._item svg {color:#fff; margin-right:20px; display:block;flex-shrink: 0;}
			
		.homeContactsTools ._item:after {content:''; display:block; width:2px; height:100%; position:absolute; top:0; right:-1px; background: url(../images/template/ssborder.png)  center no-repeat;z-index:1}
			.homeContactsTools ._item:last-child::after {display:none}
		
		
/*services*/
.servicesPromo  {display:flex; padding-top:40px;position:relative;align-items: flex-end;}
	.servicesPromo h2 {margin-bottom:60px}
	.servicesPromo .dotsBg {position:absolute; bottom:70px; right:80%;width:200px}
		.servicesPromo .dotsBg img {display:block;}
		
	.servicesPromo h2 {font-size:var(--h2mFontSize);line-height:1.3; width:30%; margin-left:10%; position:relative;padding-right: 50px;    box-sizing: border-box;}
	.servicesPromo ._image {height:360px; width:60%; position:relative}
		.servicesPromo ._image > img {display:block; width:100%; height:100%; object-fit:cover; }
		.servicesPromo .__tools { position:absolute; top:0; right:0;width:calc(33.33333%/2);}
			.servicesPromo .___vcard {width:100%; aspect-ratio: 1/1;background:var(--secondaryColor); color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; text-decoration:none; font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize); text-align:center; padding:10px; box-sizing:border-box; line-height:17px;}
				.servicesPromo .___vcard svg {display:block; margin-bottom:5px; color:#fff}
				.servicesPromo .___vcard:hover {background:var(--darkMainColor)}
			.servicesPromo .___share {width:50%; aspect-ratio: 1/1;background:var(--mainColor); align-self:flex-end; color:#fff; display:flex; align-items:center; justify-content:center; transition:.2s; cursor:pointer; margin:0 0 0 auto;}
				.servicesPromo .___share:hover {background:var(--darkMainColor)}

.servicesPromoLink {display:flex;margin-bottom:120px; height:116px}
	.servicesPromoLink ._scroll {width:10%; display:flex; justify-content:center; flex-direction:column; align-items:center; font-size:var(--smallFontSize); font-weight:400;text-align:center; flex-shrink:0 }
		.servicesPromoLink ._scroll svg {margin-top:20px;    animation-duration: 4s;animation-name: topBottom; animation-iteration-count:infinite;}
	.servicesPromoLink ._grid1 {width:10%; display:flex; flex-direction:column; flex-shrink:0}
		.servicesPromoLink ._grid1 i {display:block; width:100%; height:50%; background:var(--secondaryColor)}
		.servicesPromoLink ._grid1 i:last-child {background:var(--mainColor)}
	.servicesPromoLink ._grid2 {width:20%; display:flex; flex-direction:column; flex-shrink:0}
		.servicesPromoLink ._grid2 i {display:block; width:100%; height:50%; background:var(--mainColor)}
		.servicesPromoLink ._grid2 i:last-child {background:var(--darkMainColor)}		
	
	.servicesPromoLink ._link {padding:30px 60px 30px 30px; font-size:var(--mediumFontSize); color:var(--headerColor); width:20%; position:relative; box-sizing:border-box;text-decoration:none; font-weight:600;display: flex;align-items: center;}
		.servicesPromoLink ._link:after {content:''; display:block; width:2px; height:100%; position:absolute; top:0; right:-1px; background: url(../images/template/spborder.png)  center no-repeat;z-index:1}
		.servicesPromoLink ._link:last-child::after {display:none}
		.servicesPromoLink ._link:hover {color: var(--darkMainColor);}
		.servicesPromoLink ._link svg {flex-shrink: 0;transform: rotate(90deg);position: absolute;top: 50px;right: 20px;color: var(--darkMainColor); transition:.2s}
			.servicesPromoLink ._link:hover svg {transform:rotate(90deg) translateX(10px)}
		
.servicesAbout {display:flex; position:relative; margin-bottom:160px;}
	.servicesAbout ._sidebar {width:30%; margin-left:10%;box-sizing:border-box; flex-shrink:0;display: flex;flex-direction: column; position:relative}
		.servicesAbout .dotsBg {position:absolute; bottom:400px; right:66.6666%; width:200px}
			.servicesAbout .dotsBg img {display:block;}
		.servicesAbout .dotsBg2 {position:absolute; bottom:0; left:33.333%; width:200px}
			.servicesAbout .dotsBg2 img {display:block;}
			
		.servicesAbout ._sidebar h3 {margin-bottom:auto; position:relative;padding-right: 100px;}
		.servicesAbout .__vcard {width:33.33333%;aspect-ratio: 1/1;background:var(--secondaryColor); color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; text-decoration:none; font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize); text-align:center; padding:10px; box-sizing:border-box; line-height:17px; position:relative; margin:40px 0 0 0}
			.servicesAbout .__vcard svg {display:block; margin-bottom:5px; color:#fff}
			.servicesAbout .__vcard:hover {background:var(--darkMainColor)}
			.servicesAbout .__vcard:after {content:''; display:block; width:34px; height:34px; background:var(--mainColor); position:absolute; top:-34px; right:-34px;}
			
	.servicesAbout ._text {width:60%;}
		.servicesAbout .__title {display:flex; align-items:center; padding:0 30px; margin:50px 0 25px 0; font-size:var(--mediumFontSize); color:var(--headerColor); font-weight:600}
			.servicesAbout .__title:first-child {margin-top:0}
			.servicesAbout .__title svg {display:block; margin-right:18px; color:var(--darkMainColor);}
		.servicesAbout .__desc {padding-right:80px}
		
		.servicesAbout .__other {display:flex; margin-top:50px}
			.servicesAbout .__other div, .servicesAbout .__other a {width:33.333%; padding:23px 30px; display:flex; align-items:center}
			.servicesAbout .__other div {font-size:var(--mediumFontSize); color:var(--headerColor);font-weight:600;}
				.servicesAbout .__other div svg {display:block;margin-right:18px; }
				
			.servicesAbout .__other a {background:var(--mainColor); font-size:var(--smallFontSize); color:#fff; font-weight:600; text-decoration:none}
				.servicesAbout .__other a:hover {background:var(--darkMainColor) !important}
				.servicesAbout .__other a:last-child {background:var(--secondaryColor)}	
					.servicesAbout .__other a span {display:flex; flex-direction:column; flex-shrink:0; margin-left:25px; }
						.servicesAbout .__other a svg {display:block; color:#fff}	
							.servicesAbout .__other a svg:first-child {transform:scale(0.7); margin-bottom:7px}
							
							
.servicesGallery {display:flex; position:relative; margin-bottom:120px }
	.servicesGallery ._sidebar {width:30%; margin-left:10%; padding-right:50px; box-sizing:border-box; flex-shrink:0;display: flex;flex-direction: column;}
		.servicesGallery ._sidebar h3 {margin-bottom:35px}
		.servicesGallery ._sidebar  .__arrows {display: flex;margin:auto 0 0 auto}
		.servicesGallery ._sidebar .slick-arrow  {width:54px; height:35px; margin:0 6px; display:block; border:none; font-size:0;background:url(../images/template/slider-arrow.svg); cursor:pointer; transition:.2s}
			.servicesGallery ._sidebar .slick-arrow.slick-prev {transform:scale(-1,1);}
			.servicesGallery ._sidebar .slick-arrow:hover {opacity:0.6}
				
	.servicesGallery ._gallery {width:60%; box-sizing:border-box; padding-right:16px; position:relative}
		.servicesGallery ._gallery:after {content:''; display:block; position:absolute; width:34px; height:34px; top:-34px; left:-34px; background:var(--secondaryColor)}
		.servicesGallery ._gallery:before {content:''; display:block; position:absolute; width:17px; height:17px; top:-81px; left:-50px; background:var(--mainColor)}
		.servicesGallery ._gallery .__item {column-count:3; column-gap:16px;height:320px}
			.servicesGallery ._gallery .__item a:first-child {height:100%; width:100%; display:block}
			.servicesGallery ._gallery .__item a:last-child {height:100%; width:100%; display:block}
			
			.servicesGallery ._gallery .__item a:nth-child(2) {height:calc(50% - 8px); width:100%; display:block; margin-bottom:16px;}
			.servicesGallery ._gallery .__item a:nth-child(3) {height:calc(50% - 8px); width:100%; display:block}
				
				.servicesGallery ._gallery .__item a img {display:block; width:100%; height:100%; object-fit:cover;}

.servicesPrice {display:flex; position:relative; margin-bottom:120px }
	.servicesPrice ._sidebar {width:30%; margin-left:10%;  box-sizing:border-box; flex-shrink:0;display: flex;flex-direction: column; position:relative}
		.servicesPrice .dotsBg {position:absolute; bottom:0; right:16.6666%;width:200px}
			.servicesPrice .dotsBg img {display:block;}
		.servicesPrice ._sidebar h3 {margin-bottom:35px; position:relative;padding-right: 100px;}
		.servicesPrice ._sidebar p { position:relative;padding-right: 50px;}
			.servicesPrice ._sidebar p a {color:var(--textAccent); border-bottom:1px solid; font-weight:600; text-decoration:none}
				.servicesPrice ._sidebar p a:hover {color:var(--headerColor)}
			
		.servicesPrice .__tel {margin:auto 0 35px 0;display:flex; align-items:center; color:var(--textAccent); text-decoration:none; font-weight:800; position:relative}
			.servicesPrice .__tel svg {display:block; margin-right:15px;color:var(--darkMainColor); transition:.2s}
			.servicesPrice .__tel:hover {color:var(--headerColor)}
				.servicesPrice .__tel:hover svg {color:var(--headerColor)}
		
		.servicesPrice .__tools {display:flex; width:100%; position:relative}	
			.servicesPrice .___callback {width:33.3333%;aspect-ratio: 1/1;background:var(--secondaryColor); color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; text-decoration:none; font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize); text-align:center; padding:10px; box-sizing:border-box; line-height:17px; position:relative}
				.servicesPrice .___callback svg {display:block; margin-bottom:5px; color:#fff}
				.servicesPrice .___callback:hover {background:var(--darkMainColor)}
			.servicesPrice .___vcard {width:16.6666%; aspect-ratio: 1/1; background:var(--mainColor); align-self:flex-end; color:#fff; display:flex; align-items:center; justify-content:center;position:relative}
				.servicesPrice .___vcard svg {transform:scale(0.7)}
				.servicesPrice .___vcard:hover {background:var(--darkMainColor)}
				
		.servicesPrice ._table {width:50%; position:relative}		
			.servicesPrice ._table:after {content:''; display:block; position:absolute; width:17px; height:17px; top:-17px; right:-17px; background:var(--secondaryColor)}
			.servicesPrice ._table table {width:100%;box-shadow: 0px 4px 15px 0px #4987FF1F;}
				.servicesPrice ._table th { background: linear-gradient(to right,var(--mainColor), var(--mainColor) 90%, var(--darkMainColor) 90%, var(--darkMainColor)); padding:13px 30px; text-align:center; font-size:var(--mediumFontSize); color:#fff; font-weight:600;}
				.servicesPrice ._table td {padding:13px 0; border-bottom:1px solid #4987FF1F; font-size:var(--smallFontSize); font-weight:400; background:#fff}
					.servicesPrice ._table td:first-child {width:80%; padding-left:30px; padding-right:30px}
					.servicesPrice ._table td:last-child {width:20%; text-align:center;}


.callback {max-width:90%; width:500px; max-height:90vh; background:#fff; margin:0 auto}						
	.callback ._border {background: linear-gradient(to right,var(--mainColor), var(--mainColor) 90%, var(--darkMainColor) 90%, var(--darkMainColor)); height:20px}
	.callback ._content {padding:30px}
		.callback  .__title {font-size:var(--mediumFontSize); color:var(--headerColor); font-weight:600; text-align:center; margin-bottom:30px}
	
	.callback .ajaxformFieldText input, .callback .ajaxformFieldTextarea textarea {border-radius:0; font-size: var(--smallFontSize); color:var(--headerColor); border-color:#4987ff78;font-weight:400}
	
	.callback .ajaxformFieldCheckbox {font-size: var(--smallFontSize); color:var(--headerColor); font-weight:400}
		.callback .ajaxformFieldCheckbox span a {font-weight:600}
	
	.callback .btn {margin:30px auto 0 auto}
	
.lity-programmatic {text-align:center; font-weight:600;color:var(--headerColor) }



.sideMenu {position: fixed;top: 0;left: -300px; width:300px;  height: 100%;z-index:45; transition:.5s;display:flex; flex-direction:column; padding:30px 20px;  background:var(--secondaryColor);     overflow-y: auto;}
	.sideMenu::-webkit-scrollbar {width: 3px;height: 4px;background-color:var(--darkMainColor);}
	.sideMenu::-webkit-scrollbar-thumb {background-color: var(--mainColor);}
	.sideMenu  ._logo {max-width:120px; margin:0 auto 20px auto;}
		.sideMenu  ._logo img {width:100%}
	.sideMenu  ._slogan {font-size: var(--mfs);font-weight: 500;line-height:28px; color:#fff; margin-bottom:30px; text-align:center; font-weight:600 }
	.sideMenu .defaultMenu {display:flex;flex-direction:column;margin:15px 0; padding:15px 0; border-top: 1px solid var(--darkMainColor); border-bottom: 1px solid var(--darkMainColor); }
		.sideMenu .defaultMenu  .parent {margin:0;text-align: center;}
		.sideMenu .defaultMenu a {font-weight:300; color:#fff; text-decoration:none;padding:5px 15px;margin: 0 auto;display: table}
			.sideMenu .defaultMenu a:hover {color:var(--mainColor); opacity:1}
		.sideMenu .defaultMenu .childrens {opacity:1; position:static; transform:none;    box-shadow: none;}
			.sideMenu .defaultMenu  .childrens:before {content:''; display:block;width: 8px;height: 8px;margin-right: 18px;background:var(--darkMainColor); margin: 10px auto}
			.sideMenu .defaultMenu  .childrens:after {content:''; display:block;width: 8px;height: 8px;margin-right: 18px;background:var(--darkMainColor); margin:10px auto }
			.sideMenu .defaultMenu .childrens a {font-size:var(--smallFontSize); font-weight:400}
		
	.sideMenu  ._tel {margin-top:auto; display:flex; align-items:center; color:#fff; text-decoration:none; font-weight:800;justify-content: center;}
		.sideMenu  ._tel svg {display:block; margin-right:15px;color:#fff; transition:.2s}
		.sideMenu  ._tel:hover {color:var(--mainColor)}
			.sideMenu  ._tel:hover svg {color:var(--mainColor)}

	.sideMenu .close {position:absolute; top:20px; right:20px; width:20px; transition:.2s; cursor:pointer}
		.sideMenu .close:hover {opacity:0.5 }	
.mobileMenuOpen .sideMenu  {left:0}

	
@media (max-width:1450px)	{
.colBorder  {display:none}
.header ._logo {margin-right:auto}
.burger {margin-left:30px}

}	
@media (max-width:1250px)	{
	
	.homePromo {padding-top:80px}
		.homePromo ._text {margin-left:2%}
		
	.servicesSlider  {margin-bottom:80px}
		.servicesSlider ._scroll {display:none}
		.servicesSlider ._image {display:none}
		.servicesSlider ._item {width:33.333%}
	
	.homeAboutText  {margin:0 2%; display:block; margin-bottom:30px; padding-bottom:0}
		.homeAboutText h2 {width:100%; text-align:center; margin:0 0 30px 0}
		.homeAboutText ._text {margin-right:0}
		
	.homeAboutTools {margin:0 2% 80px 2%; flex-wrap:wrap}	
		.homeAboutTools ._hb1 {right:15%; top:96px}
		.homeAboutTools ._hb2 {display:none}
		.homeAboutTools ._col {position:relative; width:33.333%}
			.homeAboutTools ._col .__item svg {height:45px !important}
		.homeAboutTools ._tools {order:2; width:100%;margin: 20px 0 0 0;justify-content: center;}
			.homeAboutTools .__callback {width:120px; margin:0 10px;}
			.homeAboutTools .__vcard {width:120px; margin:0 10px;color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; text-decoration:none; font-family: 'Oxygen', sans-serif; font-weight:700;font-size:var(--smallFontSize); text-align:center; padding:10px; box-sizing:border-box; line-height:17px;}
			

			
			
			
	.homeServices {margin:0 2% 80px 2%; display:block;}
		.homeServices ._text h2 {text-align:center}
		.homeServices ._text {width:100%; margin:0 0 30px 0; padding:0}
			.homeServices ._text > a {margin-top:0}
		.homeServices ._list {position:relative; width:100%}
	
	.homeRews {margin:0 2% 80px 2%; display:block;}
		.homeRews ._text {width:100%; margin:0 0 30px 0}
			.homeRews ._text h2 {text-align:center; margin:0}
			.homeRews ._text .__tel {display:none}
			.homeRews .__tools {display:none}
		.homeRews ._rews {width:100%}
			.homeRews ._rews .__main {padding:30px 0;width:calc(100% - 165px)  }
				.homeRews ._rews .__main  .___item .____text {background: url(../images/template/blockquote.svg) right 10px center no-repeat;}
			.homeRews ._rews .__arrows {display: flex;padding: 30px 0 30px 30px;flex-shrink: 0;width: 165px;}	
			.homeRews ._rews .__hidden {display:none}
			.homeRews ._rews .__blank  {display:none}
	
	.homeContactsText {display:none}
	
	.homeContactsTools {}	
		.homeContactsTools ._image {display:none}
		.homeContactsTools ._item {width:33.333%}
		
	.footer ._logo {margin-right:0; flex-shrink:0}
	.footer ._item {width:30%}
	
	.copy ._text {width:210px; flex-shrink:0}
	
	.header {height:auto;}
		.header ._logo {width: 120px;    height: 120px;}
		.header .defaultMenu {display:none}
		
	
	.servicesPromo h2 {margin:0 2%;width:35%}
	.servicesPromo ._image {width:61%}
	
	.servicesPromoLink ._link {padding:30px}
		.servicesPromoLink ._link svg {display:none}
	
	
	.servicesAbout {margin:0 2% 80px 2%}
		.servicesAbout ._sidebar {margin-left:0}
			.servicesAbout .dotsBg {display:none}
		.servicesAbout ._text {width:70%}
			.servicesAbout .__title {padding-right:0}
			.servicesAbout .__desc {padding-right:0}
			
	.servicesGallery {margin:0 2% 80px 2%}
		.servicesGallery ._sidebar {margin-left:0}
		.servicesGallery ._gallery {width:70%;padding-right:0}
		
	.servicesPrice  {margin:0 2% 80px 2%}
		.servicesPrice ._sidebar {margin-left:0}
		.servicesPrice ._table  {width:70%}
		
	.servicesAbout .__vcard {width:120px;}
	.servicesPrice .___callback {width:120px;}
	.servicesPrice .___vcard {width:60px;}
	
	.servicesPromo .__tools {width:auto}
		.servicesPromo .___vcard{width:120px;}
		.servicesPromo .___share {width:60px;}
}
	

@media (max-width:1000px)	{
	.servicesAbout {display:block}
		.servicesAbout ._sidebar {width:100%; margin:0 0 30px 0; flex-direction: row;align-items:center;}
			.servicesAbout ._sidebar h3 {padding:0}
			.servicesAbout .__vcard {margin: 0 0 0 20px;}
				.servicesAbout .__vcard:after {left:-34px; right:auto}
		.servicesAbout ._text {width:100%}
			.servicesAbout .__title {padding:0}	
				.servicesAbout .__title svg {flex-shrink:0}
			.servicesAbout .__other {margin-top:30px}
	
	.servicesGallery {display:block}	
		.servicesGallery ._sidebar{width:100%;padding: 0;margin-bottom: 30px;}
			.servicesGallery ._sidebar h3 {margin-bottom:30px ;text-align:center}
			.servicesGallery ._sidebar .__arrows {margin:20px auto 0 auto}
		.servicesGallery ._gallery {width:100%;}
	.servicesPrice	{display:block}
		.servicesPrice ._sidebar{width:100%;margin-bottom: 30px;}
			.servicesPrice ._sidebar h3 {text-align:center; margin-bottom:30px;padding: 0;}
			.servicesPrice ._sidebar p {padding:0}
			.servicesPrice .__tel {margin:30px 0}
			.servicesPrice .__tools {display:none}
			
		.servicesPrice ._table {width:100%;}
			
			.servicesPrice ._table td {font-weight:400; font-size:var(--smallFontSize); padding:10px 5px !important; width:auto !important}
	
.homeRews .houseBg {display:none}	


.__hab {animation:none !important}
}

@media (max-width:960px)	{
	.homePromo {display:block; margin:0 2%}
		.homePromo ._text {margin:0 0 50px 0;    max-width: none;}
		.homePromo ._tools  {margin:0 0 0 0; width:100%}
			.homePromo .__vcard {width:120px; flex-shrink:0}
			.homePromo .__share {width:60px; flex-shrink:0}	
			.homePromo ._tools p {max-width:100%; text-align:center}
	
	.footer {display:none}
	
	.copy {flex-direction:column}
		.copy .defaultMenu {order:0; justify-content:center;width: 100%;margin: 0 20px;padding: 0;}
			.copy .defaultMenu a {margin:0 5px 10px 5px}
				.copy .defaultMenu a:before {display:none}
		.copy ._text {order:1; width:100%; margin:10px 0 20px 0; text-align:center;padding:0 2%}
		.copy ._asconf {order:2; padding:0;margin: 0;}
		
	
	.servicesPromo {margin-bottom:80px; display:block}
		.servicesPromo h2 {width:96%; margin:0 2% 30px 2%; text-align:center; padding:0}
		.servicesPromo ._image {width:100%}
		
	.servicesPromoLink {display:none}
	
	.servicesAbout .dotsBg2 {display:none}
}

@media (max-width:700px)	{
	.homeAboutTools ._hb1 {display:none}
	.homeAboutTools ._col .__item {display:block; text-align:center; padding:20px 0; font-size:var(--smallFontSize)}
		.homeAboutTools ._col .__item svg {margin:0 auto 10px auto;}
		
	
	.homeContactsTools {flex-wrap:wrap; height:auto}	
		.homeContactsTools ._item {width:100%;border-bottom:1px solid var(--darkMainColor);align-items: center;}
			.homeContactsTools ._item:after {display:none}
			.homeContactsTools ._item:last-child {border-bottom:none} 
	
	.servicesAbout .__other	{display:block}
		.servicesAbout .__other div {width:100%; text-align:center;display: block;}
			.servicesAbout .__other div svg {display:none}
		.servicesAbout .__other a {width:100%;justify-content: space-between;}
	
}
@media (max-width:600px)	{
.servicesSlider {flex-wrap:wrap; height:auto}
	.servicesSlider ._item {width: 100%; border-bottom:1px solid var(--darkMainColor)}	
		.servicesSlider ._item:last-child {border-bottom:none}
		.servicesSlider ._item:after {display:none}
		.servicesSlider ._item br {display:none}
		

.homeServices ._list .__item {display:block}
	.homeServices ._list .__item .___info {width:100%}
		.homeServices ._list .__item .___info .____title svg {flex-shrink:0}
	.homeServices ._list .__item a {width:100%;flex-direction: row;align-items: center;}
		.homeServices ._list .__item a svg {margin:0 0 0 20px }

.homeRews ._rews {display:block}
	.homeRews ._rews .__main {width:100%; padding:0}
		.homeRews ._rews .__main .___item .____text {background:none; padding:0}
		.homeRews .___item .____bottom i {display:none}	
	.homeRews ._rews .__arrows {width: 100%;padding: 30px 0 0 0;justify-content: center;}


.header {height:auto;}
	.burger {position:absolute; bottom:30px; right:30px; margin:0}
	.header ._tel {align-self: flex-start;margin: 30px 30px 0 0;}


	.servicesGallery ._gallery .__item {column-count:2; column-gap:16px;height:320px}
		.servicesGallery ._gallery .__item a {height:calc(50% - 8px) !important;}
			.servicesGallery ._gallery .__item a:first-child {margin-bottom:16px}
			.servicesGallery ._gallery .__item a:last-child {margin-top:16px;}


.homePromo ._tools {display:none}	
.homePromo ._text {margin-bottom:0}		
}
@media (max-width:500px)	{
	
:root {
    --textFontSize: 16px !important;
    --smallFontSize: 13px!important;
    --mediumFontSize: 16px !important;
    --h1FontSize: 40px !important;
    --h2FontSize: 30px !important;
	--h2mFontSize: 40px !important;
    --h3FontSize: 20px !important;

}

}

@media (max-width:420px)	{
	.header ._logo {width: 110px;height: 110px;}
	.header ._tel {font-size:var(--smallFontSize); margin:15px 15px 0 0}
		.header ._tel svg {transform: scale(0.7);margin-right: 5px;}
		.burger {bottom: 15px;right: 15px;}
}