@font-face {
	font-family: fred;
	src:url('../fonts/Comfortaa-VariableFont_wght.ttf');
}

@font-face {
	font-family: ;
	src:url('');
}



body{
	margin: 0;
	font-family: 'Montserrat';
	font-size: 15px;
	color: black;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;

}






.intro{
	
	position: relative;
	width: 100%;
	height: 100vh;
	background:url('../img2/mobil4.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	

}

.header{
	
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 15%;
}

.head{
	width: 85%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	color: white;
	margin: 0 auto;
	font-size: 30px;

	
}

.name{
	font-weight: bold;
	
	cursor: default;
	transition: .2s;
	font-size: 110%;


}
.name2{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	font-size: 70%;
	width: 100%;
	cursor: default;
	transition: .2s;


}


.telega{
	display: flex;
	align-items: center;
	width: 100%;
	height: 12%;
	margin: 0 0 14% 0;
	
}

.telega2{
	display: flex;
	align-items: center;
	width: 100%;
	height: 12%;
	
	margin: 0 0 6% 0;
	
}

.Vkontakte{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
	color: white;
	width: 32%;
	
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}




.head_2{
	width: 85%;
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: auto;'
	background-size: cover;
	z-index: 10;
	}

.nav{
	height: 20px;
	margin: 0 15px;
	font-family: 'fred';
	text-decoration: none;
	color: #fffcdf;


}


.nav:hover{
	color: #F08080;
	transition: .2s;
}

.intro_name{
position: relative;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 50%;
	text-transform: uppercase;
	z-index: 5;
}

#intro_nameid{
	cursor: default;
	line-height: 10px;
	color: white;
	font-size: 700%;
}

#blok_niz{
	cursor: default;
	margin: 0 0 10% 0;
	width: 100%;
	height: 50%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.intro_name_2{
	margin: 0 1% 0 1%;
	line-height: 10px;
	color: white;
	font-size: 300%;
	white-space: pre-wrap;
}

.but{
	margin-bottom: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 20%;
	text-transform: uppercase;
}

#but_2{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	background-color: #A61000;
	width: 210px;
	height: 80px;
	text-decoration: none;
	cursor: pointer;
}


.soc_seti_1{
	margin: 0 5% 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 25px;
	width:25px;
	transition: .5s;
	cursor: pointer;
	background:url('../img/inst.png');
}




.but_bloki_1{
	margin: 0 0 0 10%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	
}

.but_bloki_2{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 100%;
	
}

.but_bloki_3{
	width: 100%;
	height: 100%;
	margin: 0 10% 0 0;
}




#main{
	width: 100%;
	height: 100vh;
	background-color: white;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #333;

}

.name_page{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 30px;
	width: 100%;
	height: 15%;
	text-align: center;
	text-transform: uppercase;


}

.line{
	width: 50px;
	border: solid 2px;
}

.comment{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	
	height: 15%;
	text-align: center;
	
}

.comment2{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 15%;
	text-align: center;
}

.comment3{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	
	height: 15%;
	text-align: center;
}

.comment3onas{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	
	height: 40%;
	text-align: center;
}

.text_shale{
	text-align: center;
	width: 90%;
}

.main_page{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.menu{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;

}

.menu2{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;

}




.price_list_2{

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 80%;
	height: 60%;
	cursor: pointer;
	
}

.price_list_22{

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 80%;
	height: 60%;
	cursor: pointer;
	
	
}

.avto{
	display: flex;
	flex-direction: column;
	margin: 0 0 10px 0;
	transition: .2s;
	width: 100%;
	height: 100%;
	background-image: url(../img2/prokat/fon11.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	border: solid 1px;
	color: #cacaca;
	text-decoration: none;
}



.transfer{
	display: flex;
	flex-direction: column;
	margin: 0 0 10px 0;
	transition: .2s;
	width: 100%;
	height: 100%;
	background-image: url(../img/fon7.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	border: solid 1px;
	color: #cacaca;
	text-decoration: none;
}



.domik{
	display: flex;
	flex-direction: column;
	margin: 0 0 10px 0;
	transition: .2s;
	width: 100%;
	height: 100%;
	background-image: url(../img/fon5.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	border: solid 1px;
	color: #cacaca;
}



.domik_text{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 105%;
	color: white;
}

.domik_blok{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 50%;
	color: black;
	background-color: white;



}

.but_domik{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #A61000;
	color: white;
	width: 40%;
	
}

.blok_text{
	display: flex;
	justify-content: center;
	align-items: center;
	color: black;
	width: 60%;
}

.jakuzi{
	display: flex;
	flex-direction: column;
	margin: 0 0 10px 0;
	transition: .2s;
	width: 100%;
	height: 100%;
	background-image: url(../img/fonJ.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	border: solid 1px;
	color: #cacaca;
	text-decoration: none;

}

.ekskyrsiy{
	display: flex;
	flex-direction: column;
	margin: 0 0 10px 0;
	transition: .2s;
	width: 100%;
	height: 100%;
	background-image: url(../img/fon.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	border: solid 1px;
	color: #cacaca;
	text-decoration: none;

}

.ekskyrsiy_text{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 105%;
	color: white;
}

.ekskyrsiy_blok{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 50%;
	color: white;
	background-color: white;
}

.but_ekskyrsiy{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #A61000;
	width: 40%;
}


.text_avto{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	width: 100%;
	height: 20%;
	font-size: 200%;
}

.but_avto{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #A61000;
	color: white;
	width: 50%;
	height: 20%;
}

.menu_text{
	padding-top: 10px;
}

.menu_bot{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

.button{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5%;
	height: 100%;
	border: solid 2px;
	border-bottom: none;
	font-size: 200%;
	cursor: pointer;
	background: rgba(255, 255, 255, 40%);
	transition:  .1s;
}

.button:hover{
	transition:  .1s;
	color: white;
	background: rgba(-255, -255, -255, 40%);
	border-color: rgba(-255, -255, -255, 20%);

}
/******     ******/
#main2{
	color: black;
	width: 100%;
	height: 100vh;
	background-color: white;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top: solid 1px #ccc;
	

}

.main_page2{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	background-size: cover;
	
}

.left_page{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 50%;
	height: 100%;
}

.right_page{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 50%;
	height: 100%;
}

.o_nas{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	cursor: pointer;
	margin: 0 5% 20% 0;
	width: 40%;
	height: 50%;
	border: solid 1px #cacaca;
	
}

.dnofoto{
	width: 100%;
	height: 100%;
	background-image: url('../img2/dno1.webp');
	background-repeat: no-repeat;
	background-size: cover;
}

.dnofoto2{
	width: 100%;
	height: 100%;
	background-image: url('../img2/komfort.jpeg');
	background-repeat: no-repeat;
	background-size: cover;
}

.dnofoto3{
	width: 100%;
	height: 100%;
	background-image: url('../img2/restoran.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.dnofoto4{
	width: 100%;
	height: 100%;
	background-image: url('../img2/deti.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.textdno{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	height: 30%;
	
	
}

.textdno2{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	height: 30%;
	color: white;
	
}

.img_1{
	max-width: 100%;
	display: block;
	height: auto;
	margin: 3%;

}

.img_2{
	max-width: 100%;
	display: block;
	height: auto;
	margin: 3%;
}

.img_3{
	max-width: 100%;
	display: block;
	height: auto;
	margin: 3%;
}

.img_4{
	max-width: 100%;
	display: block;
	height: auto;
	margin: 3%;
}




.main_page3{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	
	
}

.avtor_img1{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	height: 90%;
	margin: 0 auto;
	background-image: url('../img/avtor.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	
}

.avtor_img2{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	height: 90%;
	margin: 0 auto;
	background-image: url('../img/avtor2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	
}

.avtor_img3{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	height: 90%;
	margin: 0 auto;
	background-image: url('../img/avtor1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	
}

.main_page33{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 30%;
	
	
}

.avtor1{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 20%;
	height: 70%;
margin: 0 auto;
	
}


.main_bot{
	margin: 0 auto;
	width: 100%;
	height: 50%;
}



.img_bot{
	margin: 0 auto;
	color: white;
	width: 15%;
	height: 60%;
	
	display: flex;
	justify-content: space-between;

	
	background-size: cover;
	background-repeat: no-repeat;

}


.fix_but{
	cursor: pointer;
	display: none;
	justify-content: center;
	align-items: center;
	font-size: 120%;
	right: 4%;
	bottom: 18%;
	width: 4%;
	height: 7%;
	border: 1px solid #333;
	border-radius: 100%;
	position: fixed;
	background-color: rgba(255, 255, 255, 50%);


}

.fix_but:hover,
.fix_but:focus{
	filter: brightness(1.5);
	outline: none;
}

#main3{
	width: 100%;
	height: 40vh;
	background: #333333;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: row;
	align-items: center;
	color: white;

}

#main33{
	width: 100%;
	height: 40vh;
	background: #333333;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: row;
	align-items: center;
	color: white;

}

.bottom{
	
	padding-left: 6%;
	padding-right: 6%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	width: 70%;

}

.bottom2{
	
	padding-left: 6%;
	padding-right: 6%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	width: 100%;
}

.bottom_adress{
	padding-left: 6%;
	padding-right: 6%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	width: 70%;
}

.blok_kontakt{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	height: 50%;
	color: white;
	font-weight: normal;
	font-size: 17px;
}

.blok_kontakt2{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	height: 50%;
	color: white;
	font-weight: normal;
	font-size: 17px;
}

.blok_kontakt_adress{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-size: cover;
	width: 100%;
	height: 50%;
	color: white;
	font-weight: normal;
	font-size: 17px;
}

.blok_kontaktO{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	height: 50%;
	color: white;
	font-weight: normal;
	font-size: 17px;
	
}

.kontakt{
	padding-top: 30px;
	font-size: 25px;
	
}

.kontaktO{
	padding-top: 30px;
	font-size: 25px;

	
}



.line2{
	height: 60%;
	border-right: solid 1px #666666;
}

.img_icon{
	margin: 0 53% 40px 0;
	width: 50px;
	height: 50px;
	
}

.img_icon1{
	margin: 0 40px 40px 0;
	width: 50px;
	height: 85px;
	
}

.waap{
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 20%;
	width: 100%;
}

#main4{
	color: black;
	width: 100%;
	height: 120vh;
	background-color: white;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top: solid 1px #ccc; 
}

.main_page_1{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	height: 100vh;

	

}

.domik_page{
	width: 100%;
	height: 120vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	margin: 0 0 3% 0;

	
	
}

.img_domik1{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 30px 0 30px;
	width: 50%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	
}

.img_domik2{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 30px 0 30px;
	width: 50%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	
}
.img_domik3{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 30px 0 30px;
	width: 50%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	
}


.txt_domik{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin: 20px 30px 0 30px;
	text-align: center;
	width: 100%;
	height: 20%;
	
	
}


.osnova_img1{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	width: 60%;
	height: 100%;
	background-image: url(../img2/Shale3/new_glav.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 0px;
	transition: .5s;
}


.osnova_img2{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	width: 60%;
	height: 100%;
	background-image: url(../img2/Shale1/new_glav.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 0px;
	transition: .5s;
}


.osnova_img3{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	width: 60%;
	height: 100%;
	background-image: url(../img2/Shale2/new_glav.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 0px;
	transition: .5s;

}

.osnova_img4{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	width: 60%;
	height: 100%;
	background-image: url(../img2/Shale4/new_glav.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 0px;
	transition: .5s;

}

.osnova_img5{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	width: 60%;
	height: 100%;
	background-image: url(../img2/shale5/new_glav.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 0px;
	transition: .5s;
}

.osnova_img6{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	width: 60%;
	height: 100%;
	background-image: url(../img2/shale6/new_glav.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 0px;
	transition: .5s;
}




.but_shale{
	width: 110px;
	height: 50px;
	cursor: pointer;
	border: none;
	background-color: #A61000;
	color: white;
}

.karta{
	color: white;
	margin: 0 0 65px 0;
	

}

.karta2{
	color: white;
	margin: 0 0 65px 0;
	

}

.ur_info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 10vh;
	background-color: #666666;
	color: white;

}

.ur_ad{

	color: white;
}

.prem{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	background-size: cover;
	justify-content: flex-end;
	
}