html {
  scroll-behavior: smooth;
}
*{
box-sizing:border-box;
}
@font-face {
		font-family: 'calibri_web';
		src: url('./fonts/calibri.eot');
		src: url('./fonts/calibri.eot?#iefix') format('embedded-opentype'),
			 url('./fonts/calibri.woff') format('woff'),
			 url('./fonts/calibri.ttf') format('truetype'),
			 url('./fonts/calibri.svg#calibri') format('svg');
		font-weight: normal;
		font-style: normal;
	}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibrib.eot');
	src: url('./fonts/calibrib.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibrib.woff') format('woff'),
		 url('./fonts/calibrib.ttf') format('truetype'),
		 url('./fonts/calibrib.svg#calibri') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibrii.eot');
	src: url('./fonts/calibrii.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibrii.woff') format('woff'),
		 url('./fonts/calibrii.ttf') format('truetype'),
		 url('./fonts/calibrii.svg#calibri') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibriz.eot');
	src: url('./fonts/calibriz.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibriz.woff') format('woff'),
		 url('./fonts/calibriz.ttf') format('truetype'),
		 url('./fonts/calibriz.svg#calibri') format('svg');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'bookantiqua';
	src: url('./fonts/bookantiqua.woff') format('woff'),
		 url('./fonts/bookantiqua.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'bookantiqua';
	src: url('./fonts/bookantiquab.woff') format('woff'),
		 url('./fonts/bookantiquab.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}		
@font-face {
		font-family: 'roboto';
		src: url('./fonts/Roboto-Regular.woff2') format('woff2'),
			 url('./fonts/Roboto-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
@font-face {
		font-family: 'roboto';
		src: url('./fonts/Roboto-Medium.woff2') format('woff2'),
			 url('./fonts/Roboto-Medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
	}
@font-face {
		font-family: 'roboto';
		src: url('./fonts/Roboto-Bold.woff2') format('woff2'),
			 url('./fonts/Roboto-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
	}
@font-face {
		font-family: 'roboto';
		src: url('./fonts/Roboto-Light.woff2') format('woff2'),
			 url('./fonts/Roboto-Light.ttf') format('truetype');
		font-weight: lighter;
		font-style: normal;
	}
BODY{
margin:0px;
font-family: roboto, 'roboto', calibri, 'calibri_web', verdana;
font-size:16px;
line-height:30px;
color:#333333;
background:#f5f5f5;
}
INPUT, TEXTAREA, BUTTON, SELECT{
font-family: roboto, 'roboto', calibri, 'calibri_web', verdana;
font-size:16px;
}

.red{
color:#D60606;	
}
/* модальное окно*/
#modal_form {
width: 410px;
height: 460px;
border-radius: 0px;
border: 0px #000 solid;
background: #fff;
position: fixed;
top: 45%;
left: 50%;
margin-top: -230px;
margin-left: -205px;
display: none;
opacity: 0;
z-index: 5;
padding: 20px 20px;
padding-top: 0px;
box-sizing: border-box;
}
#modal_form .nametext{
margin-bottom:10px;
}
#modal_form2 {
	width: 290px; 
	height: 382px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -193px;
	margin-left: -145px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 20px 20px;
	padding-top: 0px;
	text-align: center;
	box-sizing: border-box;
}

#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
#overlay {
	z-index: 3; 
	position: fixed; 
	background-color: #000; 
	opacity: 0.8; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0;
	cursor: pointer;
	display: none;
}
#overlay2 {
	z-index: 3; 
	position: fixed; 
	background-color: #000; 
	opacity: 0.8; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0;
	cursor: pointer;
	display: none;
}

#modal_form2 #modal_close2 {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}

.bodytext{
min-width:1400px;
width: 100%;
margin: auto;
position:relative;
padding:0px 40px;
}
.nourl{
text-decoration:none;
color:inherit;
border:none;
}

.siteriadiv{
font-size: 12px;
display: inline-block;
text-align: right;
text-wrap: nowrap;
position: relative;
margin-top:50px;
}
.siteriadiv IMG{
position: absolute;
right: -50px;
bottom: 4px;
}
.siteriaurl{
display: block;
text-decoration: none;
color: inherit;
font-weight: bold;
transition:.3s;
padding-top: 8px;
font-size: 12px;
line-height:0px;
}
.siteriaurl:HOVER{
color: #FF4700;
}
.b-top {z-index:90;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:0.9;filter:alpha(opacity=90);cursor:pointer;}
.b-top-but {z-index:90;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:#D60606;font-size: 60px;}
.b-top-but IMG{
width:50px;
}
.mobile{
display:none;
}
.mobilemenu{
display:none;
}
.header{
padding-top: 24px;
height: 90px;
font-size:16px;
box-sizing:border-box;
text-align: right;
border-bottom: 2px solid #D60606;
/* background: linear-gradient(180deg, black, transparent); */
}
.header1{
display:inline-block;
text-align:left;
vertical-align: middle;
position: absolute;
left: 40px;
margin-top: 4px;
width: 300px;
}
.header0{
display:inline-flex;
flex-direction: row;
flex-wrap: nowrap;	
justify-content:flex-end;
width: calc(100% - 300px);
}
.header2{
display:inline-block;
vertical-align: middle;
text-align: right;
margin-left: 40px;
}
.header3{
display:inline-block;
vertical-align: middle;
text-align: right;
margin-left: 40px;
}
.header4{
display:inline-block;
vertical-align: middle;
text-align: right;
margin-left: 40px;
}
.header5{
display:inline-block;
vertical-align: middle;
text-align: right;
margin-left: 40px;
}
.logoimg{

}

.menu{
text-align: center;
height: 70px;
    display: flex;
}
.menus{
display:inline-block;
transition: all .3s;
margin: 0px 15px;
position:relative;
}
.menus::after{
content: '';
border-bottom: solid 2px #D60606;
display: inline-block;
width:0px;
position: absolute;
left: 0px;
bottom: 0px;	
transition: all .3s;
}
.menus:HOVER::after{
width:100%;
}
.menuactive::after{
width:100%;
}
.menuurl{
text-decoration: none;
color: #fff;
display: inline-block;
font-size: 16px;
}
.headerurl{
text-decoration:none;
color:#cdcdcd;
display:inline-block;
line-height: 19px;
text-wrap:nowrap;
}
.headerurl I{
color:#D60606;
width:24px;
text-align: left;
}
.headerurl SPAN{
color: #D60606;
font-size: 16px;
display: block;
text-align: right;
margin-top: 4px;
font-weight:500;
}
.footerurl{
text-decoration:none;
color:inherit;
display:block;
line-height: 0.5;
margin-bottom:20px;
font-size: 24px;
color: #fff;
}
.footerurl:hover{
/* color: #D60606; */
}
.footerurl I{
color:#D60606;
width:30px;
text-align: left;
}
.footerurl SPAN{
color:#D60606;
font-size:16px;
display: inline-block;
display:block;
padding-left: 30px;
padding-top:4px;
}
.section1{
background:#0a0b0d;
min-height:600px;
height:100vh;
top: -160px;
position: relative;
z-index: -1;
margin-bottom: -100px;
}
.section2{
}
.section3{
margin-top: 80px;
margin-bottom: 80px;
}
.section4{
background: #dddddd url(./img/form_bg.jpg) no-repeat center right;
/* padding: 60px 0px; */
/* padding-bottom: 100px; */
/* color: #E9E7E8; */
height: 684px;
margin-top:50px;
}
.mainslider{
text-align:right;
padding-bottom:70px;
}
.bigslidertext{
font-style: italic;
color: #DDDDDD;
font-size: 70px;
text-align: right;
margin: 0px;
}
.redtext{
color:#CC0607;
text-align:right;
margin: 0px;
font-size: 30px;
}
.bigslidertext2{
color:#DDDDDD;
font-style:italic;
font-size:40px;
margin:0px;
border-bottom: solid 2px #CC0607;
text-align:right;
display:inline-block;
font-weight:normal;
}
.preims{
color:#E9E7E8;
font-size: 30px;
max-width: 650px;
display: inline-block;
position: relative;
}
.preims SPAN{
color: #CC0607;
position: absolute;
right: 0px;
top: 50%;
margin-top: -15px;
}
.preims P{
margin: 20px 0px;
padding-right: 40px;
}
.buttons{
color:#D60606;
border:solid 2px #D60606;
padding:10px 20px 6px;
text-align:center;
display:inline-block;
text-decoration: none;
cursor: pointer;
transition: all .3s;
font-weight:500;
background:none;
}
.buttons:HOVER{
background:#D60606;
color:#fff;
}
.urldivs{
text-align:center;
padding:20px;
border: solid 2px #D60606;
display:inline-block;
width:500px;
height: 230px;
vertical-align: top;
transition: all .3s;
}
.urldivs:nth-of-type(2){
background:url('./img/change-bg.jpg');
margin-right:100px;
}
.urldivs:nth-of-type(3){
background:url('./img/repair-bg.jpg');
}
.urldivs:HOVER{
filter: brightness(150%);
}
.urldivname{

}
.urldivtext{
color:#E9E7E8;
margin-bottom: 40px;
}
.urldivs SPAN{
color: #CC0607;
font-size: 60px;
margin-right: 20px;
margin-bottom: -8px;
display: inline-block;
vertical-align: bottom;
}
.preims2{
color: #E9E7E8;
padding-left: 100px;
position: relative;
margin-top: 20px;
}
.preims2 SPAN{
color: #D60606;
font-size: 60px;
position: absolute;
left: 0px;
top: 10px;
}
.preims2 P{
margin-top:0px;
}
.rightalign{
text-align:right;
}
.preims2:nth-of-type(1) SPAN{
font-size:74px;
}
.preims2:nth-of-type(3){
opacity: 0.4;
}
.preims2:nth-of-type(4){
opacity: 0.1;
}
.red{
color:#CC0607;
}
.galdiv{
text-align: center;
padding: 20px;
border: solid 2px #D60606;
display: inline-block;
width: 500px;
height: 300px;
vertical-align: top;
margin-top: 60px;
padding-top: 265px;
}
.galdiv:nth-of-type(1){
background: url('./img/gallery-1.jpg') no-repeat center;
margin-right:100px;
background-size:cover;
}
.galdiv:nth-of-type(2){
background: url('./img/gallery-2.jpg') no-repeat center;
background-size:cover;
}
.footer{
background:#000 url('./img/footer_bg_dark.jpg') no-repeat center;
color:#CDCDCD;
padding:50px 0px;
}
.footer1{
display:inline-block;
width: 50%;
vertical-align:middle;
}
.footer2{
display:inline-block;
width:50%;
vertical-align: middle;
text-align:right;
}
.footer2 .buttons{
background:#D60606;
color:#fff;
font-weight: 400;
padding: 10px 21px 6px;	
}
.footer3{
text-align:center;
vertical-align: top;
margin-bottom:20px;
margin-top: 20px;
}
.footer4{
text-align:center;	
}
.footer4 DIV{
display: inline-block;
vertical-align: middle;
text-align: right;
margin-left: 40px;
}
.footertext{
margin: 0px;
margin-bottom: 20px;
}
.section4 .urldivname{

}
.urldivname SPAN{
color: #CC0607;
margin-right: 20px;
min-width: 60px;
/* background: green; */
display: inline-block;
text-align: center;
}
.inputs{
padding: 10px;
width: 267px;
color: #B6B6B4;
border: none;
/* font-size: 30px; */
background: #D0D0D0;
/* margin: 20px 0px; */
margin-right: 20px;
}
.autoInfo .inputs{
margin-bottom:25px;	
}
.more .inputs{
width:100%;
margin-bottom:20px;
}
.hidden{
display:none;
}
.inputlabel{
cursor: pointer;
margin: 0px;
display: inline-block;
margin-right: 30px;
}
.inputlabel SPAN:nth-child(1){
color:#333;
margin-right: 10px;
}
.inputlabel SPAN:nth-child(2){
color:#D60606;
display:none;
margin-right:10px;
}
.inputlabel INPUT:CHECKED{
background:red;
}
.radioinput:CHECKED  + LABEL SPAN:nth-child(1){
display:none;
}
.radioinput:CHECKED  + LABEL SPAN:nth-child(2){
display:inline-block;
}
#soglasie:not(checked) + LABEL + .rightalign BUTTON{
opacity:0.5;
}
#soglasie:checked + LABEL + .rightalign BUTTON{
opacity:1;
}
.map{
height:400px;
}
.map .centerMode{
position: absolute;
width: 100%;
padding-top: 50px;
}
.footer2 .redtext{
text-align:left;
}
.textotz{
font-style:italic;
margin:0px;
}
.nameotzyvy{
font-weight:bold;
margin:0px;
}
.answerotzyvy{
font-size:16px;
text-align:right;
}
.podpis{
text-align:right;
margin:0px;
}
.divotzyv{
padding: 20px;
background: #fff;
margin-bottom: 20px;
transition: all .3s;
box-shadow: 0px 14px 28.6px -1px #00000040;
text-align:left;
}
.more{
display:none;
}
.bigtext{
font-weight:bold;
background:#D60606;
padding: 10px 20px;
}
.polovina{
display: inline-block;
width: calc(50% - 10px);
border: none;
padding: 20px;
background: #fff;
vertical-align: top;
margin-bottom: 20px;
transition: all .3s;
box-shadow: 0px 14px 28.6px -1px #00000040;
}
.polovina:HOVER{
box-shadow: 0px 14px 28.6px -1px #00000080;	
}
.polovina:nth-of-type(odd){
margin-right:20px;
}
.polovina SPAN{
color: #D60606;
font-size: 60px;
display: inline-block;
text-align: left;
width: 90px;
vertical-align: middle;
}
.polovina:HOVER SPAN{

}
.preimtext{
margin-bottom:0px;
}
.preimname{
font-size: 24px;
margin: 0px;
font-weight: bold;
display: inline-block;
line-height: 0.9;
/* background: green; */
vertical-align: middle;
}
.spisok{
margin:0px;
}
.imgs{
height:200px;
margin-right: 10px;
margin-bottom: 0px;
}
.logos{
height: 54px;
margin-right: 4px;
}
.footer3 .buttons{
font-size: 20px;
padding: 10px 42px;
}
.galleryimgs{

}
.section1 video{
object-fit: cover;	
}
.darkSection{
background:#00000090;
position:absolute;	
left:0px;
top:0px;
height:100%;
width:100%;
}
.section1Text{
background:#00000090;
position:absolute;	
left:0px;
top:0px;
height:100%;
width:100%;
z-index:2;	
color:#fff;	
display:flex;
justify-content:center;
align-items:center;
text-align: center;
}
.section1Text P:nth-child(1){
font-size: 64px;
font-weight: 700;
margin: 0px;	
}
.section1Text P:nth-child(2){
font-size: 24px;
margin: 0px;
margin-top: 30px;	
}
.urls{
text-decoration:none;
color:#D60606;
font-weight:500;
}
.centerMode{
text-align:center;	
}
.nameText{
color:#D60606;
font-size:24px;
font-weight:bold;
display:inline-block;
padding:0px 20px;
border-bottom: 5px solid #D60606;	
}
.section11{
margin-top:80px;
    margin-bottom: 80px;	
}
.serviceDiv{
margin-top: 20px;	
}
.serviceDiv DIV{
display: inline-flex;
justify-content: center;
align-items: center;
color:#fff;	
width:min(calc(50% - 10px), 900px);
height:400px;
vertical-align:middle;
padding: 40px;
transition: all .3s;
position:relative;
/* box-shadow: 10px 10px 10px 0px #00000040;	 */
}
.serviceDiv DIV:nth-child(1){
background: url('./img/services_change.jpg') no-repeat center;
background-size:cover;
margin-right:20px;
}
.serviceDiv DIV:nth-child(2){
background: url('./img/services_repair.jpg') no-repeat center;
background-size:cover;
	
}
.serviceDiv DIV P:nth-child(1){
font-size:64px;
font-weight:bold;
line-height: 78px;	
margin:0px;
transition: all .3s;
}
.serviceDiv DIV P:nth-child(2){
font-size:24px;
font-weight:500;
line-height:48px;	
opacity:0;
transition: all .3s;
margin-bottom:-120px;
position:relative;
}
.serviceDiv DIV:HOVER{

}
.serviceDiv DIV:hover P:nth-child(2){
opacity:1;
margin-bottom:0px;
}
.serviceDiv DIV:hover P:nth-child(1){
color:#D60606;
}
.serviceDiv DIV A{
z-index:2;	
}
.darkServ{
position:absolute;
left:0px;
top:0px;
background:#00000080;	
width: 100%;
height: 100%;
z-index: 0;
transition: all .3s;
}
.serviceDiv DIV SPAN:nth-child(1){
z-index:2;	
}
.serviceDiv DIV:hover .darkServ{
background:#00000090;	
}
.preimDiv{
display: flex;
justify-content: space-around;	
margin-top: 30px;
}
.preimDivs{
display:inline-block;
width:207px;
height:200px;
box-shadow: 0px 14px 28.6px -1px #00000040;
background:#fff;
text-align:center;
padding:10px;	
vertical-align: middle;
color:#333;
margin-right:18px;
display:inline-flex;
justify-content:center;
align-items:center;
transition: all .3s;
position:relative;
}
.preimDivs:HOVER{
box-shadow: 0px 14px 28.6px -1px #00000080;	
}
.preimDivs I{
color:#D60606;
font-size:64px;
margin:0px;
margin-bottom: 20px;
}
.preimDivs P{
margin:0px;
font-weight:bold;
text-transform: uppercase;	
line-height: 19px;
font-size:14px;
}
.preimDivs:last-child{
background:	#D60606;
color:#fff;
margin-right: 0px;
}
.preimDivs:last-child I{
color:#fff;	
}
.galleryImg{
height:400px;
}
.sliderSlick{
height:400px;
margin-top:30px;
margin-bottom: 50px;
}
.slick-next{
right:-40px !important;	
}
.slick-prev{
left:-40px !important;	
}
.slick-prev:before, .slick-next:before{
color:#D60606 !important;	
}
.formDiv{
width:900px;
display:inline-block;
text-align:center;
margin-top: 20px;	
}
.formDiv .nameText{
margin-bottom:0px;	
}
.formDiv FORM{
background:#fff;
padding:0px 25px;
display:inline-block;
width:100%;	
text-align:left;
padding-bottom:10px;
}
.inputsMarg{
margin-bottom:25px;	
}
.inputsMarg:nth-child(3n + 2){
margin-right:0px;	
}
.footer3 .menuurl{
color:#D60606;
font-weight: 500;
}
.headerBG{
background:#000 url('./img/footer_bg_dark.jpg') no-repeat center;
margin-bottom: 20px;
}
.sectionPreim{
margin-top:20px;	
}
.otzForm .inputs{
	
}
.podpisimg{
width:200px;	
}
.moreDiv{
	
}
.moreSlide{
text-align:left;
display:none;	
}
.zamenaDiv{
display: flex;
justify-content: center;
align-items: center;
color: #fff;
height: 300px;
padding: 40px;
transition: all .3s;
position: relative;
background: url('./img/services_change.jpg') no-repeat center;
background-size:cover;	
margin-bottom: 40px;
margin-top: 40px;
}
.servName{
font-size: 64px;
font-weight: bold;
line-height: 78px;
margin: 0px;
transition: all .3s;	
}
.servText{
font-size: 24px;
font-weight: 500;
line-height: 48px;
transition: all .3s;
position: relative;	
margin: 0px;
}
.servSpan{
z-index:2;	
cursor:pointer;
}
.remontDiv{
display: flex;
justify-content: center;
align-items: center;
color: #fff;
height: 300px;
padding: 40px;
transition: all .3s;
position: relative;
background: url(./img/services_repair.jpg) no-repeat center;
background-size:cover;	
margin-bottom: 40px;
margin-top: 40px;
}
.remontDiv:HOVER .servName, .zamenaDiv:HOVER .servName{
color:#D60606;	
}
.remontDiv:hover .darkServ, .zamenaDiv:hover .darkServ{
background:#00000090;	
}
.servInfo{
text-align:left;
display:none;	
}
.servMore{
margin: 0px;
font-weight: 500;
font-size: 14px;	
}
.servMore:HOVER{
color:#D60606;		
}
.section5{
	
}
.otzMini{
margin-top:40px;	
}