@font-face {
  font-family: "MinionPro";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/MinionPro/medium/MinionPro-Medium.woff2") format("woff2"), url("../fonts/MinionPro/medium/MinionPro-Medium.woff") format("woff"), url("../fonts/MinionPro/medium/MinionPro-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "MinionPro";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/MinionPro/medium/MinionPro-MediumIt.woff2") format("woff2"), url("../fonts/MinionPro/medium/MinionPro-MediumIt.woff") format("woff"), url("../fonts/MinionPro/medium/MinionPro-MediumIt.ttf") format("truetype");
}

@font-face {
  font-family: "MinionPro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/MinionPro/semibold/MinionPro-Semibold.woff2") format("woff2"), url("../fonts/MinionPro/semibold/MinionPro-Semibold.woff") format("woff"), url("../fonts/MinionPro/semibold/MinionPro-Semibold.ttf") format("truetype");
}

@font-face {
  font-family: "MinionPro";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/MinionPro/semibold/MinionPro-SemiboldIt.woff2") format("woff2"), url("../fonts/MinionPro/semibold/MinionPro-SemiboldIt.woff") format("woff"), url("../fonts/MinionPro/semibold/MinionPro-SemiboldIt.ttf") format("truetype");
}

@font-face {
  font-family: "MinionPro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/MinionPro/regular/MinionPro-Regular.woff2") format("woff2"), url("../fonts/MinionPro/regular/MinionPro-Regular.woff") format("woff"), url("../fonts/MinionPro/regular/MinionPro-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "MinionPro";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/MinionPro/regular/MinionPro-It.woff2") format("woff2"), url("../fonts/MinionPro/regular/MinionPro-It.woff") format("woff"), url("../fonts/MinionPro/regular/MinionPro-It.ttf") format("truetype");
}
:root {
	--grey:#d5d7d4;
	--blue:#002e5d;
	--orange:#f28f51
}
.container {max-width:1200px;margin: 0 auto;}
.container-fluid {}
.py-3 {padding:5rem 0;}
.pt-3 {padding-top:5rem;}
@media(max-width:768px){
	.py-3 {padding:3rem 0;}
	.pt-3 {padding-top:3rem;}
}
.bg-grey {background: #d5d7d4;}
.bg-blue {background:var(--blue);
background: linear-gradient(90deg, rgba(0,15,29,1) 0%, rgba(0,46,93,1) 100%);}
.bg-lightblue {background:aliceblue;}
.text-white {color:white;}
.text-black {color:#222;}
.text-blue {color:var(--blue);}
.text-orange {color:var(--orange);}
.text-underline {text-decoration:underline;}
.text-underline-dashed {border-bottom: 1px dashed;}
.text-center {text-align:center;}
.font-large {font-size:large;}
.text-nowrap {white-space:nowrap;}

body {padding:0;margin:0;font-size:18px;line-height:1.5;color:#222;font-family: "arial", sans-serif;}
@media(max-width:768px) {
	body {font-size:14px;}
}
img {display:block;margin:0;padding:0;}
.img-st {display:block;}
.img-mob {display:none;}
@media(max-width:768px) {
	.img-st {display:none;}
	.img-mob {display:block;}
}
h1 {font-size:60px;line-height: .95;font-family: "MinionPro", sans-serif;}
h2 {font-size:50px;line-height:1;font-family: "MinionPro", sans-serif;}
h2 small {display:block;font-size:25px;}
h3,h4 {font-family: "MinionPro", sans-serif;line-height:1;}
h4 {margin: 1.5rem 0;}
h3 {font-size:40px;}
h4 {font-size:30px;}
@media (max-width: 768px) {
	h1 {font-size:40px;line-height: .95;font-family: "MinionPro", sans-serif;}
	h2 {font-size:35px;line-height:1;font-family: "MinionPro", sans-serif;}
	h2 small {display:block;font-size: 25px;margin-top: 1rem;}
	h3 {font-size:25px;line-height: 1;}
	h4 {font-size:20px;line-height: 1;}
}
.header-menu {
	position: fixed;
    background: white;
    width: 100%;
    z-index: 95;
    box-shadow: 0 0 7px 0 rgb(0 0 0 / 21%);
}
a {text-decoration:none;color:inherit;}
ol {font-size:xx-large;
	counter-reset: section;           
	list-style-type: none;
	padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
	line-height:initial;}
ol li {display:grid;grid-template-columns: 100px auto;align-items: center;gap: 2rem;}
ol li::before{
	counter-increment: section;      
	content: "0" counter(section);
	font-size: 100px;
    font-family: fantasy;
    color: var(--orange);
	}
ol li span {font-size: large;display: block;margin-top: 1rem;}
@media(max-width:768px) {
	ol {grid-template-columns: 1fr;font-size:x-large;}
	ol li::before{font-size: 80px;margin-top: -10px;}
	ol li {align-items:start;grid-template-columns: 85px auto;gap: 1.5rem;}
	ol li span {font-size: initial;margin-top: 0.3rem;}
}

.icon-favs {display:grid;grid-template-columns:repeat(3,1fr); gap:1rem 4rem;text-align:center;}
.icon-favs-item {display: flex;flex-direction: column;align-items:center;}
.icon-favs-item img {max-height:140px;}

@media(max-width:768px) {
	.icon-favs {display:grid;grid-template-rows:repeat(3,auto);grid-template-columns:1fr; gap:1rem;}
	.icon-favs-item h4	{margin: 2rem 0 0 0;font-size: xx-large;}
	.icon-favs-item img {max-height:100px;}
}

@media(max-width:768px) {
.container {max-width: inherit;margin: 0 auto;padding-left:2rem;padding-right:2rem;}
.container.no-gap {padding-left:0;padding-right:0;}
}

.grid-2 {display:grid; grid-template-columns: repeat(2,1fr);gap:2rem;align-items:center;}
@media(max-width:768px) {
	.grid-2 {grid-template-columns:auto;grid-template-rows: repeat(2,auto);gap:1rem;}
}
.grid-2.l-side {display:grid; grid-template-columns: 600px 1fr;gap:2rem;align-items:center;padding-left: calc(50% - 600px);}
@media(max-width:768px) {
	.grid-2.l-side {grid-template-columns:auto;grid-template-rows: auto auto;gap:1rem;}
}
.grid-2.r-side {display:grid; grid-template-columns: 1fr 600px;gap:2rem;align-items:center;padding-right: calc(50% - 600px);}
@media(max-width:768px) {
	.grid-2.r-side {grid-template-columns:auto;grid-template-rows: auto auto;gap:1rem;}
}

.btn {padding: 1rem 2rem;
    border: none;
    color: white;
    background: var(--orange);
    box-shadow: 0px 0px 10px rgb(255 94 0 / 75%);
    cursor: pointer;
	align-self: stretch;
    border-radius: 3px;
	font-size:medium;}
.btn:hover {background:var(--blue);box-shadow: 0px 0px 10px rgb(0 46 93 / 75%);}

.btn-white-outline {
    background: transparent;
    border: 1px solid white;
    box-shadow: 0px 0px 10px rgb(255 255 255 / 35%);
}
.btn-white-outline:hover {background: white;color:var(--blue);}
.btn-submit {
	padding: 1rem 2rem!important;
    border: none!important;
    color: white!important;
}
.btn-submit:disabled {background:#009350;box-shadow:none;}

.header {display:flex;justify-content: space-between;gap: 1rem;align-items: center;}
.logo img {width:100px;cursor:pointer;}
.header-adr {display:grid;grid-template-columns:min-content 1fr;gap:.5rem;align-items: center;
    font-size: small;padding:.5rem 0;}
.header-adr-txt {display: grid;}
.header-phone {
    display: grid;
    grid-template-columns: min-content auto auto;
    align-items: center;
	gap:1rem;
}
.header-phone-num {font-size:x-large;}
.header-phone-callback {font-size:smaller;cursor:pointer;}
.header .btn {border-radius:0;}
@media(max-width:768px) {
	.header {padding: 0 0 0 1rem;gap:.5rem;}
	.header-adr{display:none;}
	.header-phone-callback {display:none;}
	.header-phone {gap:.3rem;}
	.header-phone-num {font-size:small; white-space:nowrap;text-decoration:inherit;color:var(--blue);}
	.header-phone img {height:20px;}
	.logo img {width:55px;}
	.btn {padding: 1rem 1rem; font-size:smaller;}
}

.promo {display:grid;grid-template-columns:repeat(2,auto);gap: 5rem;}
.promo-imp-sys {display:grid;gap:1rem;}.promo-sale-info {line-height:normal;margin-top:1rem;}
.imp-sys {display:grid;grid-template-columns:170px 1fr;gap:.5rem 1rem;align-items: center;line-height:1.2;cursor:pointer;}
.imp-sys:hover {background:#0008a245;clip-path: polygon(0% 0%, 97% 0%, 100% 50%, 97% 100%, 0% 100%);}
.imp-sys-img-shadow {filter: drop-shadow(5px 5px 10px blue);}
.imp-sys-img {
    height: 60px;
    background: white;
    padding: 0.3rem;
	clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
	display:flex;
	align-items: center;
    justify-content: center;
}
.imp-sys-img img {
	height:100%;
}
.imp-sys .font-large {font-size:25px;}
.promo-btn {display:grid; grid-template-columns:repeat(2,auto);gap:1rem;margin-top: 3rem;align-items: center;}
.promo-zabor {align-self: center;}
.promo-img-block {
		display:grid;
		grid-template-columns:1fr; 
		grid-template-rows:min-content min-content; 
		background:white;
		border-radius:5px;
		padding:1rem;
		gap:1rem;
		height: fit-content;
		width:fit-content;
		}
.promo-img-block img {max-width:100%;}
.promo-sale-block {position:absolute;background:var(--orange);width:60px;height:60px;border-radius:50%;}
.promo {background:url('../images/zabor_bg.png') repeat-y;
		background-position-x: calc(50% + 45%);
		background-position-y:20px;
		padding: 5rem 0;}
.promo-btn-before-after {position:absolute;bottom:1rem;right:1rem;}
.promo-bage {position: absolute;
    width: 90px;
    height: 90px;
    background: var(--orange);
	color:white;
	padding: 2rem;
    border-radius: 50%;
	top: 50%;
    transform: translateY(-50%);
    left: -50px;}
.promo-bage img {position:absolute; left:-18px;top:20px;}	

@media (max-width: 768px) {
	.promo {display: grid;gap:2rem; grid-template-columns:1fr;grid-template-rows: repeat(2,auto); 
	background: url(../images/zabor_bg.png) 0 50px repeat-y;
	background-position-x: calc(100% + 180px);
	background-size: 60%;
	padding: 1rem 1rem 5rem 1rem;}
	.promo-zabor {justify-content: center;
    display: flex;}
	.promo-bage {width: 60px;height: 60px;font-size: initial;line-height: 1;right: 0;
    top: 30px;
    left: unset;}
	.imp-sys {grid-template-columns:140px 1fr;}
	.imp-sys-img{height: 60px;
    background: white;
    padding: 0.3rem;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    display: flex;
	align-items: center;}
	.imp-sys-img img {max-width: 90%;max-height: 100%;}
	.imp-sys .font-large {font-size:large;}
}
.promo-slider {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}

.relative {position:relative;height:100%;}

.plus-block {}
.plus-list {display:grid; grid-template-columns:min-content auto; gap:.5rem;align-items:center;}
.cycle {
  position: relative;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid var(--orange);
}

.cycle::after {
  font-size: 20px;
  content: '+';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:var(--orange);
  font-weight:bold;
}
video {
    border: 10px solid white;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
	cursor:pointer;
}
@media(max-width:768px) {
	.plus-list{}
	video {margin-top:1.5rem;}
}

.grid-aa {display:grid; grid-template-columns: 35% 1fr;gap:2rem;align-items:center;overflow-x:clip;}
.grid-aa .btn {position:relative;z-index:10;}
.aa {position:relative;height:500px;}
.aa img {height: 120%;
    position: absolute;
    top: -20%;}
.aa-txt {position:absolute;right:0;top:50%; transform:translateY(-50%);max-width:40%;line-height:1;}
.aa-stage {background: var(--orange);
    color: #002e5d;
    position: absolute;
    bottom: -20px;
    left: 100px;
    padding: 1.5rem 1rem;
    width: 60px;
    line-height: 1;
    box-shadow: 3px 3px 0 rgb(0 0 0 / 50%);}

.aa-stage span{font-size: 45px;
    margin-left: -10px;
    font-weight: bold;}

@media(max-width:768px) {
	.grid-aa {grid-template-columns:1fr;grid-template-rows: auto auto;}
	.aa {height: 400px;}
	.aa img {
	right: -20%;
    transform: scaleX(-1);
	}
	.aa-txt {transform: translateY(-75%);right:unset;line-height:1.3;max-width:50%;}
	.aa-stage {right: 0;left: unset;}
}

.block-7-m {  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-template-rows: repeat(3,auto);
  grid-auto-columns: auto;
  gap: 0px 1rem;
  grid-auto-flow: row;
  grid-template-areas:
    "block7-aa-name block7-aa-name block7-aa-name block7-aa-spec"
    "block7-aa-ex1 block7-aa-ex1 block7-aa-ex2 block7-aa-ex2"
    "block7-aa-img block7-aa-img block7-aa-skill block7-aa-skill";
}
.block-7-m .aa {height: 100%;width: 100%;position: relative;}
.block-7-m .aa img {position: absolute;
    top: 0;
    right: -20%;
    height: 100%;}
.block-7-m .aa-stage {left:3rem;}
@media(min-width:1300px) {
	.block-7-m .aa img { right:0;}
}
@media(min-width:1400px) {
	.block-7-m .aa img { height: 400px;}
	.block-7-m .aa {height: 400px;}
}

.block7-aa-name { grid-area: block7-aa-name; margin-left: 3rem;font-weight: bold; padding: 2rem 0;align-self: center;}
.block7-aa-name h3 {margin-top:0;margin-bottom:.5rem;}
.block7-aa-name p {margin:0;}

.block7-aa-spec { grid-area: block7-aa-spec;align-self: center; }
.block-7-m span {display:block;background:var(--orange);color:white;padding: 0.5rem 1rem;font-weight:bold;}

.block7-aa-ex1 { grid-area: block7-aa-ex1;margin-left: 3rem;font-weight: bold; }
.block7-aa-ex2 { grid-area: block7-aa-ex2; font-weight: bold;}
.block7-aa-ex1 h3,.block7-aa-ex2 h3 {margin:0;}

.block7-aa-img { grid-area: block7-aa-img; }
.block7-aa-skill { grid-area: block7-aa-skill; align-self: center;position: relative;z-index: 10;}


.about-block-txt {padding:3rem 0;}

.about-img img{opacity:0;width:100%;height:auto;}
.about-img div {position:absolute;top:-20%;height:120%;width:100%;background:url('../images/about.png') left bottom no-repeat;background-size:cover}

@media(max-width:768px) {
	.about-block {display:grid;grid-template-rows:auto 200px!important;}
	.about-block-txt {padding: 2rem 1rem 1rem 1rem;}
	.about-img div {background:url('../images/about.png') center top no-repeat;background-size:120%;}
}

.about-block.consult .about-img div {position:absolute;top:-20%;height:120%;width:100%;background:url('../images/consult.png') left bottom no-repeat;background-size:cover}

@media(max-width:768px){
.about-block.consult .about-img div {background:url('../images/consult.png') left top no-repeat;background-size:cover;}
}

ul.gal{list-style: none;
    padding: 0;
    margin: 0;}
ul.gal li {
	position: relative;
    padding: 0rem 0rem 0rem 1.7rem;
	margin-bottom: 1rem;

}

ul.gal li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  width: 15px;
    height: 8px;
  border-right: 7px solid var(--orange);
  border-top: 4px solid var(--orange);
  transform: rotate(135deg);
}


@media(max-width:768px) {
	.about-block.consult {grid-template-rows: auto 250px!important;}
}
@media(max-width:768px) {
	.block-7 {display:none;}
	
}
.block-8 {background:url('../images/zabor_bg.png') repeat-y;
		background-size: 30%;
		background-position-x: calc(50% + 45%);
		background-position-y:20px;
		}
.block-8-txt {padding:5rem 0;}
@media(max-width:768px) {
	.block-8 {background: url(../images/zabor_bg.png) 0 50px repeat-y;
	background-position-x: calc(100% + 180px);
	background-size: 60%;
	padding-top:3rem;
	padding-bottom:3rem;}
	.block-8-txt {padding:0;}
}
.block-9-img img {max-width:100%;}
@media(max-width:768px) {
	.block-9-txt {padding:2rem;}
}
.bh-c {margin-top:3rem;}
.bh {padding:3rem 4rem;border-radius:5px;}
.bh {  display: grid;
  grid-template-columns: auto 300px;
  grid-template-rows: auto;
  grid-auto-columns: 1fr 1fr;
  gap: 1rem;
  grid-auto-flow: row;
  grid-template-areas:
    "bh-header bh-present"
    "bh-list bh-present";
}
.bh h3 {margin:0;}
.bh-present { grid-area: bh-present;display: flex;
    flex-direction: column;
    align-items: center;
    align-self: flex-end; }
.bh-present img {width:180px;}
.bh-header { grid-area: bh-header; }
.bh-list {  display: grid;
  grid-template-columns: repeat(3,min-content);;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "bh-list1 bh-list2 bh-list3";
  grid-area: bh-list;
  gap: 4rem;
}
.bh-list1 { grid-area: bh-list1; }
.bh-list2 { grid-area: bh-list2; }
.bh-list3 { grid-area: bh-list3; }

.bh-list h2 {margin:0;font-weight:bold;}
@media (max-width:768px) {
	.bh {  display: grid;
	  grid-template-columns: 1fr;
	  grid-template-rows: auto;
	  gap: 1rem;
	  grid-auto-flow: row;
	  grid-template-areas:
		"bh-header"
		"bh-list" 
		"bh-present";
		padding:2rem;
	}
	.bh-list {  display: grid;
	  grid-template-rows: repeat(3,min-content);
	  grid-template-columns: auto;
	  gap: 1rem;
	  grid-auto-flow: row;
	  grid-template-areas:
		"bh-list1" 
		"bh-list2" 
		"bh-list3";
	  grid-area: bh-list;
	  text-align:center;
	}
}
.block-10-img {
	background:url('../images/article-tooth.svg') center bottom no-repeat;background-size: 85%;
    height: 100%;
}
.block-10-img {  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: min-content min-content;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    ". img-lg"
    "img-sm img-lg";
	gap:.1rem;
	padding-left: 5rem;
}
.block-10-img img{max-width:100%;}
.img-sm { grid-area: img-sm; }
.img-lg { grid-area: img-lg; }

@media(max-width:768px) {
	.block-10-img {
		background-size: 95%;
		height:110%
	}
	.block-10-img{display: grid;
	  grid-template-columns: 1fr 60%;
	  grid-template-rows: min-content min-content;
	  gap: 0px 0px;
	  grid-auto-flow: row;
	  grid-template-areas:
		". img-lg"
		"img-sm img-lg";
		gap:.1rem;
		padding-left: 3rem;
	}
	.img-sm { grid-area: img-sm; }
	.img-lg { grid-area: img-lg; }
}

.block-11 {background:url(../images/block-11-bg.png) center right no-repeat, var(--grey) ;background-size:contain;}
@media(max-width:768px) {
	.block-11 {background-size:cover;background-position-x: 70px;}
}
.etap-num{
    position: absolute;
    width: 200px;
    right: -20px;
    bottom: -20px;
	
	display: grid;
  grid-template-columns: 42% 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  align-items:center;
}
.etap-name { grid-area: 2 / 2 / 3 / 3; text-align: center;font-size: x-large;font-weight:bold;}
.etap-img { grid-area: 1 / 1 / 3 / 3; }

.block-12 {padding-top:3rem;}
.block-12-img img {max-width:100%;}

.block-13 {background:url('../images/zabor_bg_orange.png') top right repeat-y;padding: 3rem 0;}
.block-13-imp-system {padding:1rem;max-width:80%;margin:0 auto;margin-bottom:1rem;}
.block-13-imp-system h3 {margin:1rem 0;}
.block-13-imp-system img {max-width:100%;}


@media(max-width:768px) {
	.block-13 {background-position-x: calc(100% + 50px);
	background-size: 60%;}
}

.block-14 {  
	display: grid;
	grid-template-columns: 1fr 50px 1fr;
	grid-template-rows: 50px 1fr 30px;
	gap: 0px 0px;
	grid-auto-flow: row;
}

.block-14-txt { grid-area: 2 / 1 / 4 / 3; 
	background:url('../images/block-14-bg.svg') no-repeat;background-size:cover;display: flex;
    align-items: center;
    padding: 5rem;
    font-size: x-large;
	position:relative;
}

.block-14-img { grid-area: 1 / 2 / 3 / 4; overflow-x:clip;}
.block-14-txt-img {position:absolute;bottom: 10px;right: -40px;}
.block-14-txt-img img {width:150px;}
@media(max-width:768px) {
	.block-14 {  
		grid-template-columns: 1fr 50px 1fr;
		grid-template-rows: 1fr 50px auto;
	}
	.block-14-img img {max-width:100%}
	.block-14-img { grid-area: 1 / 1 / 3 / 4; }
	.block-14-txt { grid-area: 2 / 1 / 4 / 4;
		padding: 4rem 2rem 2rem 2rem;
		font-size: large;
		}
	.block-14-txt-img {
    bottom: 10px;
    right: 15px;
    opacity: .2;
	}
	.block-14-txt-img img {width:80px;}
}

.block-15-img .etap-num{
    position: absolute;
    width: 200px;
    left: -30px;
    bottom: -20px;
	display: grid;
	grid-template-columns: 42% 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 0px 0px;
	grid-auto-flow: row;
	align-items:center;
}
.block-15-img img {max-width:100%;}

.block-16 {display:grid;grid-template-columns:1fr auto;padding:1rem 2rem;align-items: end;}
.block-16 h3 {margin:1rem 0;line-height:1;}
@media(max-width:768px) {
	.block-16 {align-items: end;gap:1rem; padding:3rem 2rem;}
	.block-16 img {width:50px;}
}
.block-17 {
	display: grid; 
	grid-template-columns: 1fr 600px 600px 1fr; 
	grid-template-rows: 1fr 1fr; 
	gap: 0 1rem;
    overflow-x: clip;
}
.block-17-top { grid-area: 1 / 1 / 2 / 5; }
.block-17-bottom { 
	grid-area: 2 / 1 / 3 / 5; 
	background: var(--blue);
    background: linear-gradient(90deg, rgba(0,15,29,1) 0%, rgba(0,46,93,1) 100%);
	

	}
.block-17-about { grid-area: 1 / 2 / 2 / 3; align-self: center;}
.block-17-txt { grid-area: 2 / 2 / 3 / 3; align-self: center;}
.block-17-img { grid-area: 1 / 3 / 3 / 4; position: relative;	
	background:url('../images/zabor_bg_orange.png') repeat-y;
	background-position-x: calc(50% + 45%);
	background-size:300px;}
.block-17-app {display:grid;grid-template-columns:auto auto;gap:1rem;align-items: center;}
.block-17-app .btn {align-self: auto;}
@media(max-width:768px) {
	.block-17 {grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: auto auto;
	}
	.block-17-img { 
		grid-area: 1 / 3 / 5 / 5;
		align-self: end;
		background-position-x: calc(100% + 70px);
		background-size: 60%;
	}
	.block-17-img img {
    max-width: 130%;
    transform: scaleX(-1);
}
	.block-17-about { grid-area: 1 / 1 / 2 / 4; align-self: center; z-index:5;padding-left: 2rem;}
	.block-17-txt { grid-area: 2 / 1 / 3 / 4; align-self: center;z-index:5;padding-left: 2rem;}
	
	.block-17 .aa-stage {right: 10px;padding: 1rem;width: 40px;}
	.block-17 .aa-stage span {font-size: 30px;}
}
.blockquote {padding:1rem;
	margin-top:1rem;
	font-size:larger;
	margin-left:1rem;
	text-align:center;}
.blockquote::before,.blockquote::after {
    font-size: 50px;
    color: var(--orange); 
    line-height: 0; 
	position: absolute;
   }
   .blockquote::before {
		content: "“";
		margin-top: 1rem;
		margin-left: -20px;
		
   }
   .blockquote::after {
    content: "”"; /* Правая кавычка */
	bottom: 10px;
    margin-left: 0.3rem;
   }
.owl-dots {
	text-align:center;
}
.owl-dot {
	width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #555!important;
	margin:0 0.2rem;
}
.owl-dot.active {
	background:var(--blue)!important;
	border: 1px solid var(--blue)!important;
	box-shadow: 0 0 15px 1px #78cdff;
}
.raiting-list {
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	gap:1rem;
}
.raiting-block {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.raiting-img {
	width:100px;
	height: 100px;
	display:flex;
	align-items:center;
}
.raiting-img img {width:100%;}
.raiting-txt {
    font-size: 70px;
    font-weight: bold;
}
@media(max-width:768px){
	.raiting-list {
	display: flex;
	justify-content:space-around;
	flex-wrap: wrap;
	gap:2rem 1rem;
	}
	.raiting-txt {
    font-size: 40px;
	}
	.raiting-img {
    width: 70px;
    height: 65px;
	}
}
.block-21 p{
	font-size:small;
}
.l-img {
    display: flex;
    flex-direction: row;
    gap: 1rem;
	padding: 1rem 0rem 2rem 0rem;
	justify-content: space-around;
}
.l-img img {max-width:30%;border: 5px solid white;
    box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 25%);}


.spec-list {
	/*display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;*/
    display:grid;
	grid-template-columns:repeat(3,1fr);
	gap: 2rem;
	padding-top:2rem
}
.spec {flex: 1;}
.spec-name {
    font-size: x-large;
    text-align: center;
    line-height: 1.1;
    padding: 1.5rem 0;
	font-weight:bold;
}
.spec-txt {
    text-align: center;
}
.spec-img img {max-width:100%;border-radius: 5px;}
@media(max-width:768px) {
	.spec-list {
		grid-template-columns:repeat(2,1fr);
		grid-template-rows:repeat(2,auto);
		gap: 1rem;
	}
	.spec-name {
    font-size: large;
	}
}







.dost-images {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-around;
}
.dost-images img {max-width:30%;}

.footer__map {
  width: 100%;
  height: 100%;
}
.footer-adr-list {
	display: grid;
	gap:.3rem;
}
.footer-adr {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1rem;
}
.footer-adr-ico img {width:15px;}
.app-form {display: grid;gap: 1rem;}
.app-form input, .app-form select {
	padding: 1rem;
	padding: 1rem;
	color: inherit;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.app-form input:focus-visible{border-color: var(--orange);}
.footer-txt .app-form {width:80%}

@media(max-width:768px) {
	.footer__map {width: 100%;height: 350px;}
	.footer-adr {align-items:start;gap:.5rem;}
	.footer-txt {padding: 0 2rem 1rem 2rem;}
	.footer-txt .app-form {width:100%}
}

.footer__socials {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.footer-bottom {
    align-items: baseline;
    border-top: 1px solid var(--grey);
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.footer-bottom a {color:var(--blue);font-size:smaller;}
@media(max-width:768px) {
	.footer-bottom {border-top: none;
    margin-top: 0;}
}


.d-none {display:none;}
.w-bg{
	position:fixed;
	width:100%;
	height:100%;
	background:rgb(0 0 0 / 50%);
	top:0;
	left:0;
	z-index:99;
}
.affointment-form {
	position:fixed;
	background:white;
	padding:1rem 2rem 2rem 2rem;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	border-radius:10px;
	z-index:100;
	width:80%;
	max-width:1200px;
	max-height: 80vh;
    overflow: auto;
}
.affointment-form::-webkit-scrollbar {
  display: none;
}
.affointment-form {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.form-check {display:grid;grid-template-columns:auto 1fr;gap:1rem;gap: 0.3rem;align-items: start;font-size: smaller;}

.closeModal {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 24px;
	height: 24px;
	opacity: 0.2;
	cursor: pointer;
  transition: opacity ease 0.5s;

	&:hover {
		opacity: 1;
	}
}

.closeModal::before,
.closeModal::after {
	content: '';
	position: absolute;
	top: 10px;
	display: block;
	width: 24px;
	height: 3px;
	background: #000;
}

.closeModal::before {
	transform: rotate(45deg);
}

.closeModal::after {
	transform: rotate(-45deg);
}




.callback-form {
	position:fixed;
	background:white;
	width:500px;
	padding:1rem 2rem 2rem 2rem;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	border-radius:10px;
	z-index:100;
}
@media(max-width:768px) {
	.affointment-form {width:75%;}
	.callback-form {width:75%;}
}
.footer-a {display:inline-block;}


.block-2-reg-img-st {display:block;max-width:100%;}
.block-2-reg-txt p {font-size: larger;font-weight: bold;}
.block-2-reg-list {margin-bottom: 1rem;}
.block-2-reg-list-item a {display: block;font-size: x-large;font-weight: bold;}
.block-2-reg-list-item {margin-bottom:1rem;}

.affointment-form-block {
  display: grid; 
  grid-auto-columns: 1fr; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: repeat(5,auto); 
  gap: 0 1rem;
  grid-template-areas: 
    "form-name form-name"
    "form-header-txt form-header-txt"
    "form-left-txt-header form-right-txt-header"
    "form-left-txt form-right-txt"
    "f-form f-form"; 
}
.form-name { grid-area: form-name; }
.form-name h3 {margin-bottom:1rem;}
.form-header-txt { grid-area: form-header-txt; }
.form-left-txt-header { grid-area: form-left-txt-header; }
.form-right-txt-header { grid-area: form-right-txt-header; }
.form-left-txt { grid-area: form-left-txt; }
.form-right-txt { grid-area: form-right-txt; }
.f-form { grid-area: f-form; }

.f-form .app-form {
	display: grid; 
  grid-auto-columns: 1fr; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: repeat(4,auto);
  gap: 1rem; 
  grid-template-areas: 
    "f-name f-textarea"
	"f-phone f-textarea"
    "f-file f-textarea"
    "form-footer form-footer"; 
}
.f-name { grid-area: f-name; }
.f-date { grid-area: f-date; }
.f-lastname { grid-area: f-lastname; }
.f-phone { grid-area: f-phone; }
.f-textarea { grid-area: f-textarea; }
.f-file { grid-area: f-file; }
.form-footer { grid-area: form-footer; display: flex;justify-content:space-between;gap: 1rem;
    align-items: center;}

.f-form .btn-submit {width:auto!important;}
.f-form .app-form input {width:100%;}
textarea {resize: vertical;
    width: 100%;
    box-sizing: border-box;padding: 1rem;
    color: inherit;
    border: 1px solid #ccc;
	height:100%;}
.affointment-form ul {
	padding: 0 1.3rem;
}
@media(max-width:768px) {
	.affointment-form-block {
	  display: grid; 
	  grid-auto-columns: 1fr; 
	  grid-template-columns: 1fr; 
	  grid-template-rows: auto; 
	  gap: 0;
	  grid-template-areas: 
		"form-name"
		"form-header-txt"
		"form-left-txt-header"
		"form-right-txt-header"
		"form-left-txt"
		"form-right-txt"
		"f-form"; 
	}
	.f-form .app-form {
	display: grid; 
	  grid-auto-columns: 1fr; 
	  grid-template-columns: 1fr; 
	  grid-template-rows: repeat(4,auto);
	  gap: 1rem; 
	  grid-template-areas: 
		"f-name" 
		"f-phone"
		"f-textarea" 
		"f-file"
		"form-footer"; 
	}
	.form-footer {flex-direction: column;}
}
.spb-img {width:100%;height:300px;}
.spb-img a {width:100%;height:100%;display:block;}
.spb-img a img	{width: 100%;height: 100%;object-fit: cover;}
.spb-block h2 {margin-bottom:1rem;}
.spb-block p {margin-bottom:2rem;}
.spb-block .owl-dots {margin-top:2rem;}

.action-more {
background:white;
position:fixed;height:auto;width:auto;
padding:3rem;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:100;
border-radius: 10px;}

@media(max-width:768px) {
	.action-more {
		width:80%;
		padding:2rem;
	}
}