@font-face{
	
	font-weight:400;font-style:italic;font-family:Montserrat;

	/* src:url(/build/assets/Montserrat-Light-Dy_DWLOk.woff2) format("woff2"); */

	font-display:swap;

}

@font-face{
	
	font-weight:700;font-style:normal;font-family:Montserrat;

	/* src:url(/build/assets/Montserrat-Light-Dy_DWLOk.woff2) format("woff2"); */
	
	font-display:swap;
	
}

@font-face{
	font-weight:900;font-style:normal;font-family:Montserrat;
	
	/* src:url(/build/assets/Montserrat-Light-Dy_DWLOk.woff2) format("woff2"); */
	
	font-display:swap;
	
}

@font-face{
	
	font-weight:400;font-style:normal;font-family:Montserrat;
	
	/* src:url(/build/assets/Montserrat-Light-Dy_DWLOk.woff2) format("woff2"); */
	
	font-display:swap;
	
}

@font-face{
	
	font-weight:500;font-style:normal;font-family:Montserrat;
	
	/* src:url(/build/assets/Montserrat-Light-Dy_DWLOk.woff2) format("woff2"); */
	
	font-display:swap;
	
}

@font-face{
	font-weight:300;font-style:normal;font-family:Montserrat;
	
	/* src:url(/build/assets/Montserrat-Light-Dy_DWLOk.woff2) format("woff2"); */
	
	font-display:swap;
	
}


*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box}

.m.m-js svg {
	display:block;
	position:fixed;
	width: 50px;
	height: 50px;
	top:5px;
	right:5px;
}

a {
	color:inherit;
	text-decoration:none;
}

div.mb1 a {
	color:#36A0FF;
	text-decoration:underline;
	font-weight:900;
}


h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit;line-height:inherit}

p+p{margin-top:1em}

ul,nav{list-style:none}

input,button,textarea,select{font-size:inherit;font-family:inherit}

button,input[type=submit]{
	display:inline-block;
	box-shadow:none;
	cursor:pointer;
	margin-top:12px;
}

input:focus,input:active,button:focus,button:active{outline:none}

/*
input::-ms-clear{display:none}
button::-moz-focus-inner{padding:0;border:0}
*/

label{cursor:pointer}

legend{display:block}

:root{
	/* --colorSecondary: #f2cc2d; */
	
	--colorSecondary: #FFF798;
	
	/* --colorBlue: #2d87f2; */
	
	--colorBlue: #36A0FF;
	
	--colorBlack: #000;
	--colorWhite: #fff;
	--containerWidth: 1600px;
	--fontBase: calc(14px + 0.7vw);
	font-size:var(--fontBase);
	font-weight:500;
	font-family:sans-serif;
	scroll-behavior:smooth;
}

.container{
/*max-width:var(--containerWidth);*/
width:90%;
margin-right:auto;
margin-left:auto;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.telco {
	/* padding-top:calc(1px + 0.2vw); */
	width:calc(15px + 0.3vw);
	display:inline;
	margin-right:0.5rem;
}

.container.m1.blockWhite.p3.boxShadow {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-radius: 1rem;

}

.flex{display:flex;gap:1em}

.alignCenter{align-items:center}

.justifyBetween{justify-content:space-between}

.justifyCenter{justify-content:center}

.w50{width:50%}

.w100{width:100%}

.height3{height:calc(100% / 3)}

.textCenter{text-align:center}

.f125 {
	font-size: 1rem;
}

.mb1 {
	margin-bottom:1em;
	/* vertical-align: middle;
	line-height: 200px;
	display:table-cell;
	width: 100%;
	height:30%; */
	}

h1 {
	margin:0 0 .8rem 0;
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
}

h2 {
	margin:.5em 0;
	font-size:1.5rem;
	font-weight:700;
	/* text-align:center; */
}

h3,.h3 {
	margin:0.5rem 0 1rem 0;
	font-size:1.5rem;
	font-weight:700;
}

h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}

section {
	/* margin: 0 1rem 3rem 1rem; */
}

header {
	background-color: #7C050C !important;
	position:fixed;
	z-index:100;
	width:100%;
	/* max-height:142px; */
	
	max-height:60px;
	
	background-color:var(--colorBlack);
	color:var(--colorWhite);
	/* font-size: 1.5rem; */
	/* font-size: calc(1rem + 0.4vw); */
	transition:all .5s;
}

/* header.scroll{max-height:60px} */

.logo {
	/* max-height:142px; */
	
	max-height:60px;
	
	/* max-width: 25%; */
	transition:all .5s;
}

/* header.scroll .logo{max-height:60px} */

a{transition:all .5s}

header a:hover,footer a:hover{color:var(--colorSecondary)}

main {
	padding-top: 5rem;

	
	padding-bottom:1rem;
	
	
	background-color:#ffffff6b;
}


main.Price {
	
	padding: 5rem 1rem 1rem 1rem;
	
	background-color:#fff;
}



main>section:last-child{margin-bottom:0}

.hBg{background-color:#968d75}

.header{
	padding:1rem;
	/*
	border-bottom-right-radius:1rem;
	border-bottom-left-radius:1rem;
	*/
	margin-top: 1rem;
    margin-bottom: 1rem;
	border-radius: 1rem;
	box-shadow:0 0 12px var(--colorBlack)
}

.header div:has(.phone){position:relative}

.header > .flex {
	gap:1rem;
}

.header .phone{width:100%;font-size:2rem;text-align:center}

.services,.maintenance{
	
	/* margin-bottom:5rem; */
	
	flex-wrap:wrap;gap:2rem;justify-content:center}

.services>div{padding:1rem;border-radius:1rem;background-color:var(--colorWhite);box-shadow:2px 4px 13px var(--colorBlack)}


.services > div img {
	
	/* height:30vh;
	
	width:350px; */
	
	/* width: calc(40vw);*/
	
	height:100%;
	max-width:100%;

	flex-grow: 0;
	align-self: flex-start;
	box-shadow:0 2px 12px var(--colorBlack);
}

video {
	position:relative;
	display:block;
	width:360px;
	max-width:100%;
	max-height:100%;
	margin: 0 auto 0.6rem;
	z-index:1005;
}

.video2 {
	float: left;
    margin: 0 1rem 1rem 0;
}

.video2 p {
	font-size: 0.8rem;
    text-align: center;
	font-weight: 900;
}

div.manyPrice.price div.flex {
	width: 100%;
}

.maintenance>div{background-color:#252525;color:var(--colorWhite)}

.maintenance > div > div:first-child {
	/* display:flex;
	align-items:center; */
	}

.maintenance > div {
	width:100%;
	padding:1rem;
	/* border:1px solid; */
	border-radius:1rem;
}

.maintenance>div>div{width:100%}

.maintenance > div img {
	max-width:100%;
}

form {
	display:flex;
	width: 85%;
	margin:auto;
	flex-direction:column;
}

a.color{color:var(--colorBlack) 0ff;text-decoration:underline}

.rule li{margin-bottom:1em}

.rule{gap:1rem}

.d{display:block}

.rule input{width:auto;flex-shrink:0}

.rule input+div{flex:1;word-wrap:break-word}

.rule input+div label{display:block}

.rule li{margin:.5em}

.rule li p{margin:.5em 0}

.rule li li{margin-left:2em}

.borderBottom{padding-bottom:1rem;border-bottom:1px solid var(--colorBlack)}

input[type=text],select{margin-bottom:1.5rem;padding:.5em 1rem;border:1px solid}

.btn, input[type=submit] {
	padding:.5rem;
	border-radius:.5rem;
	background-color:var(--colorBlue);
	color:var(--colorBlack);
	transition: all .3s linear;
	box-shadow: 4px 3px 13px var(--colorBlack);
}

a.btn.sales2 {
	padding:.5rem;
	border-radius:.5rem;
	background-color:var(--colorBlue);
	color: var(--colorBlack);
	transition: all .3s linear;
	box-shadow: 4px 3px 13px var(--colorBlack);
	font-weight: normal;
	text-decoration: none;
	width: 50%;
	display:block;
	margin: 2rem auto 0;
}

.btn2{background-color:var(--colorSecondary);color:var(--colorBlack)}

.btn:hover,input[type=submit]:hover{color:var(--colorWhite);box-shadow:0 0 7px var(--colorBlack)}

.btn.mb1.w100.sales2, .btn span {
	font-size:1.5rem
	}

.rule{margin-bottom:1em}

.cities>div{width:100%}

.citiesLink{display:flex;flex-wrap:wrap;gap:.25em 1.5em}

.citiesLink a{color:#00f;text-decoration:underline}

.citiesLink a:hover{color:var(--colorSecondary);text-decoration:none}

.map>*{width:100%;height:100%}

.search{display:flex}

.search input{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}

.search button{width:36px;height:36px;border:1px solid;border-left:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;background-color:inherit}

.search button:hover{background-color:var(--colorSecondary)}

.advantages{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem}

.advantages>div{padding:1rem;border-radius:1rem;background-color:var(--colorSecondary);box-shadow:4px 2px 12px var(--colorBlack)}

.advantages svg{width:50px;height:50px;margin-right:2rem;float:left}

footer {
	padding:1.5rem 0;
	/* background-color:var(--colorBlack); */
	
	background-color: #7C050C;
	
	color:var(--colorWhite);
	font-size:1.25rem;
}

footer .flex{align-items:flex-start;justify-content:space-between}

footer nav{display:flex;flex-direction:column}

footer .contacts .flex{margin-top:1.5rem}

footer .contacts svg{width:30px;height:30px}

.m,.showCities{display:none}

.showCities:hover{background-color:var(--colorWhite);color:var(--colorBlack)}

.showCities:after{transition:all 1s}

.rotate:after{transform:rotate(180deg)}

.g3{gap:3rem}

.price {
	width:100%;
	font-size:1.2rem;
	}

.btnSubMenu{cursor:pointer}

.subMenu{position:absolute;max-height:0;padding:0 1rem;

/* background-color:var(--colorBlack); */

background-color: #7C050C;

transition:all .5s;overflow:hidden}

.btnSubMenu li{margin:.5rem 0}

section.price {
	margin-top: 1.75rem;
	padding:1rem;
	background-color:var(--colorWhite);
	box-shadow:0 0 12px var(--colorBlack);
}

.price>div{margin-bottom:.5rem;border-bottom:1px solid}

.price>div div:first-child{width:74%}

.price>div div:last-child{width:25%;text-align:end}

.price > div div:last-child {
	border-bottom:0;
	/*margin-right: calc(3% + 5px); */
	
	}

.header-img{display:none}

.bold{font-weight:600}

.normal{font-weight:500}

.highlighted{font-weight:600;font-style:italic;font-family:monospace}

.floatForm {
	display:none;
	
	position:fixed;
	width: calc(30vw + 200px);
	min-width: 400px;
	top:20%;
	right: calc(35vw - 100px);
	left: calc(35vw - 100px);
	
	/* right:25vw;
	margin: 50%; */
	padding:6rem 0.5rem 2rem 0.5rem;
		
	/* background-color:var(--colorBlack); */
	
	background-color: #7C050C;
	
	margin: 1rem auto;
	
	color:var(--colorWhite);
}

.close {
	position:absolute;
	top:10px;
	right:30px;
	
	/* padding:0.5rem; */
	
	/* background-color:var(--colorBlack); */
	
	background-color: #7C050C;
	
	color:var(--colorWhite);
	
	/* font-size:x-large; */
	
	font-size:3rem;
	
	font-weight:400;
	font-family:monospace;
}

.question{padding:.5rem;border:1px solid;border-bottom:none;background-color:var(--colorSecondary);font-size:1.1rem;font-weight:600;cursor:pointer}

.answer{max-height:0;margin-bottom:1rem;border:1px solid;border-top:none;transition:all 1s;overflow:hidden}

.answer>div{padding-top:1rem;padding-bottom:1rem;padding-left:2em}

.header .phone.b0{bottom:0}

/*
a.phone:before{
	content:url(telephone-white.svg);
	display:inline-block;
	margin-right:.5rem;
	transform:scale(1.3)
}
*/

.m.phoneHeader{position:absolute}

.m.phoneHeader svg{width:40px;height:40px;margin-top:10px;margin-left:10px}

.price-btn{margin-top:1.5rem;font-size:.75em}

ul.up li{margin-bottom:.5rem;margin-left:1rem;font-size:1.25em}

.headerImg{
	width:360px;
	min-width: 360px;
	text-align: center;
}

.video-wrapper.headerImg p {
  font-size: 1rem;
  text-align: center;
  font-weight: 900;
}

.header .up li{font-size:1.75rem}

.header .up li svg{width:.8rem;height:.8em}

.m1{margin:1em auto}

.header a.btn {
	justify-content:space-between;
	align-items:center;
}

.header a.btn svg{display:none}

.report{margin:0}

.header ul{
	display:flex;
	flex-flow: wrap;
}

.header ul li{display:flex;margin-top:1rem;align-items:center;gap:1rem}

.order img {
	
width: calc(40vw);
  max-width: 400px;
	align-self: flex-start;
	
}

.Price .header ul{display:block;font-size:1.25rem}

.sales{width:30%;padding:1rem;border-radius:1rem;background-color:var(--colorSecondary);box-shadow:0 0 13px var(--colorBlack)}

.sales .flex{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--colorBlack);justify-content:space-between;align-items:center}

.sales .flex div:first-child{width:80%}

.sales .flex:last-child{padding-bottom:0;border-bottom:none}

.sales .flex .bold{width:3.1rem;height:3.1rem;padding-top:.9rem;border:1px solid var(--colorBlack);border-radius:50%;background-color:var(--colorBlue);color:var(--colorWhite);text-align:center}

/* *:has(.btnSale){position:relative} */

*:has(.btnSale) {
	position:static;
}

#oval {
	
	position: absolute;
	/* margin-top: 50%; */
	margin-right: 0%;
	text-decoration: none;
	font-weight: 400;	
	
}

.header a.btnSale {
	position:absolute;
	right:0;
	bottom:0;
	/* height:149px; */
	border-radius:50%;
	background-color:var(--colorSecondary);
	color:var(--colorBlack);
	justify-content:center;
	flex-direction:column;
}

.showPrice{display:none}

.price .manyPrice{border-bottom:none;transition:all 1s}

.Price .sales{width:50%}

.textBlue{color:var(--colorBlue)}

.pickOut {
	/* background-color:var(--colorWhite); */
	color:var(--colorBlue);
	}

.none{display:block}

.column{flex-direction:column}

.g0{gap:0}

.formCard{width:50%;padding:1rem;border-radius:1rem;background-color:var(--colorWhite);box-shadow:0 0 13px var(--colorBlack)}

.mt175{margin-top:1.75rem}

.blockWhite{background-color:var(--colorWhite)}

main > h2 {
	color:var(--colorWhite);
	filter:drop-shadow(0 0 4px var(--colorBlack));
	font-size:2rem;
	text-align:center;
	margin-top:1rem;
	margin-bottom:1rem;
	}

main.Price>h2{color:var(--colorBlack);filter:none}

.p3 {
	padding:1rem;
}

.boxShadow{box-shadow:0 0 12px var(--colorBlack)}

.faq,.cities, section.order {
	margin-top:1rem;
	padding:3rem;
	border-radius:1rem;
	background-color:var(--colorWhite);
	box-shadow:0 0 12px var(--colorBlack);
}

.Page .content h1{font-size:2rem;font-weight:500}

.Page .content h2{margin-bottom:1rem;font-size:1.5rem;font-weight:500}

.Page .content h3{margin:1em 0;font-size:1.25rem;font-weight:500;text-align:left}

.Page .content{margin-top:2rem;padding:3rem;border-radius:1rem;background-color:var(--colorWhite);box-shadow:2px 4px 13px var(--colorBlack)}

.Page .content img {
	border-radius:.5rem;
	box-shadow:0 0 6px var(--colorBlack);
	
	/* width: calc(40vw); */

  max-width: 400px;
  flex-grow: 0;
  align-self: flex-start;
	
	}
	
p.f125 {
	font-size: calc(1rem + 1vw);
	line-height: calc(80% + 1.5vw); 
}

div.flex div {
	position: relative;
	
}




	
@media screen and (min-width: 769px) and (max-width: 1599px) {

.price {
	width:100%;
	font-size:1rem;
}

a.btn.sales2 {
	margin: 0.5rem auto 0;
}	
	
a.btn.mb1.w100 {
	font-size: calc(12px + 0.7vw);
	padding: .3rem;
}
	

div.video-wrapper.headerImg {
  /* display: none; */
  width: calc(22vw);
  min-width: calc(22vw);
  max-width: calc(22vw);
  
}

p.f125 {
	font-size: calc(0.8rem + 1vw);
	line-height: calc(60% + 1.4vw);
	margin-bottom: 1.5rem;
}
	
}
	
@media screen and (min-width: 769px) and (max-width: 900px) {

.advantages {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 1rem;
}	

	
}

@media screen and (min-width: 769px){

/*	
p.f125 {
	font-size: calc(2rem - 1.5vw);
	line-height: calc(200% - 1.5vw); 
}
*/

div.video-wrapper.video2 {
	margin: auto 1.5rem auto 0;
	min-width:360px;
	z-index:1000;
}

div.video-wrapper.video2.rig {
	margin: auto 0 auto 1.5rem;
	min-width:360px;
	z-index:1000;
}

video {
	position:relative;
	display:block;
	width:360px;
	max-width:100%;
	max-height:100%;
	/* margin: calc(300px - 2vw) auto 0.6rem; */
	z-index:1000;
}
	
	
div div.order {

	position: absolute;
	bottom: 0;
	left: calc(45.5vw - 330px);


}

div div.order2 {

	position: absolute;
	bottom: 0;
	left: calc(45.5vw - 180px);


}



button.btn.showForm {
	margin-left: 10px;
}
button.btn {
	min-width: 300px;
}


div.flex > div:first-child {
	padding-bottom: 2.1rem;
}
	

.video-wrapper.headerImg p {
  font-size: 0.8rem;
  text-align: center;
  font-weight: 900;
}
	
div.mb1 img {
	
	display:block;
	float:left;
	margin: 0 1.5rem 1rem 0;
}

div.mb1 img.rig {
	
	display:block;
	float:right;
	margin: 0 0 1.5rem 1rem;
}

div.rig {
	
	display:block;
	float:right;
	margin: 0 0 1.5rem 1.5rem;
}
	

.none{display:none}

.header{text-align:center}

.header ul{justify-content:center}

.container {
	/*
	padding-right:1rem;
	padding-left:1rem
	*/
	width:90%;
}

}

@media screen and (max-width: 768px){
	
.header a.btn {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
	
	
.services div.mb1 img {
	
	display:block;
	margin: .5rem auto 1.5rem;
}

.video-wrapper.video2 {
	float: none;

	margin: .5rem auto 1.5rem;
	text-align: center;
	z-index:1000;

}	


/*	
body {
	overflow:hidden;
}
*/
	
.maintenance > div img {
	margin: 0 auto;
	height: 100%;
}
	
	
.Page .content p img {

display: block;


	
	}
	
	
	.Page .content img, .Page .content p img {

margin: 0 auto;
	
	}
	
	
/* *:has(.btnSale){position:relative} */

*:has(.btnSale) {
	position:relative;
}
	
.services > div img {
	
	margin: 0 auto;
	align-self: flex-start;
	height: 100%;

}
	
	
h3 {
	text-align:center;
}


.floatForm {

	width: 400px;
	min-width: 400px;
	top:20%;
	right: calc(50vw - 200px);
	left: calc(50vw - 200px);

}

.floatForm form {
	width: 95%;
}
	
.slide {
	flex: 0 0 97.5% !important;
}
	
.height3{height:fit-content}

/* .floatForm{right:0} */

.w50{width:100%}

.container, .Page .content {
	/* width:100%;
	padding-right:1rem;
	padding-left:1rem; */
}


.container.m1.blockWhite.p3.boxShadow {
  flex-direction: column;
}


.Page .content{margin-top:0}

.flex{flex-direction:column}

.advantages{grid-template-columns:1fr}

/* .services>div,.maintenance>div,form{width:100%} */

.services>div,.maintenance>div{width:100%}

.services>div{height:auto}

img{max-width:100%}

.map{height:100vw}

.header-img{display:block;width:100%}

.header .phone{position:relative;margin-bottom:1em}

footer .contacts .flex{flex-direction:row}

.logo,header{max-height:60px;overflow:hidden}

.m{display:block}

button.m{position:absolute;top:0;right:0;width:60px;height:60px;

/* background-color:var(--colorBlack); */

background-color:#7C050C;


}

.price>div{flex-direction:row;align-items:flex-end}

.price>div div:last-child{width:33%}

.g3{gap:0}

main{padding-top:60px}

.services, .maintenance {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.citiesLink{max-height:0;transition:all 1s;overflow:hidden}

.showCities{display:block;position:relative;margin-bottom:1rem;border-radius:.5rem}

.showCities:after{content:"v";position:absolute;right:1rem}

/* .rotate{transform:rotate(180dec)} */

h2 {
	font-size:1.2rem;
}

.header a.btn,.headerImg,.price-btn,.sales {
	width:100%;
	font-size: 1.1rem;
	text-align: center;
}
img.headerImg {
	height:100%;
}

.phone h3{margin-bottom:0}

.header ul.up li{margin-left:0;font-size:1.5rem}

.header ul{flex-direction:column}

.showForm{width:100%}

.rule{flex-direction:row}

.d{display:none!important}

.headerImg {

min-width: 100%;
  }

.video-wrapper.headerImg {

  max-height: 100%;
  max-width: 100%;
  text-align: center;
	margin: .5rem auto 1.5rem;
  }
  
 .video-wrapper.headerImg video {


  max-width: 100%;
  text-align: center;
  z-index:1000;

    /* margin: .5rem auto 1.5rem; */


  } 
 
 .video2 p {
  font-size: 1rem;

}

.header a.btn svg{display:block}

.order .btn {
	width:100%;
	margin-bottom:1rem;
	}

.order2 .btn {
	width:100%;
	margin-bottom:1rem;
	}


.sales .flex{flex-direction:row}

.header a.btnSale {
	position:relative;
	top:0;
	height:fit-content;
	border-radius:1rem;
	justify-content:center;
	gap:1rem;
	flex-direction:row;
	}
	
#oval {
	position: absolute;
	margin-top: calc(210px - 4.4vw);
	margin-right: 0%;
	text-decoration: none;
	font-weight: 400;
	font-size: 1.5rem;
}

.showPrice{display:block}

.mobile0{max-height:0;overflow:hidden}

.none{display:block}

.Price .sales,.formCard{width:100%}

.Price .header ul li{text-align:left}

.faq,.cities,section.order{padding:1rem}

}

.slider{position:relative;width:100%;margin:50px auto;overflow:hidden}

.slider-wrapper{overflow:hidden}

.slider-track{display:flex;transition:transform .6s ease}

.slide{margin:5px;padding:20px;border-radius:10px;background:#f0f0f0;flex:0 0 32.73%;box-sizing:border-box}

.slide h3{font-size:1.25rem}

.slider-btn{position:absolute;z-index:10;top:50%;width:52px;padding:10px;border:none;border-radius:50%;background:#0000004d;color:#fff;font-size:24px;transform:translateY(-50%);transition:background .3s;cursor:pointer}

.slider-btn:hover{background:#0009}

.slider-btn.prev{left:10px}

.slider-btn.next{right:10px}

/*
@media (max-width: 768px){.slide{flex:0 0 97.5%}

}
*/