html {
	overflow-x: hidden;
}

body {
	background-image: url(../img/background.jpg);
}

section {
	/*margin: 50px auto;*/
}

/*hedaer */
header {
	position: absolute;
	width: 100vw;
	z-index: 3;
}

.header--logo {
	max-width: 250px;
}

.container > a > .header--logo {
	display: none;
}

.nav-link {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}

.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
	color: #8C806F;
}

.nav-link:hover {
	color: #8C806F;
}

/*первый скрин*/
.first_screen {
	background-image: url(../img/background_header_2.jpg);
	background-size: cover;
	height: 100vh;
	margin-bottom: 100px;
}

.first_screen:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(0 0 0 / 66%);;
	z-index: 1;
}

.first_screen--h1 span {
	position: unset;
	z-index: 2;
	font-family: "a_PresentumCps";
	font-size: 90px;

	text-align: center;
}

@media screen and (max-width: 450px) {
.first_screen--h1 span {
    font-size: 2rem;
  }
}

.first_screen--phone_container {
	position: absolute;
	bottom: 15px;
	/* left: 15px; */
	z-index: 2;
	font-size: 20px;
	text-decoration: none;
	/* max-width: calc(100vw - 30px); */
	max-width: 100vw;
	/* margin: 0 30px; */
	width: 100%;
}

.first_screen--phone_container .col-8 span {
	margin: auto 10px;
}

.first_screen--phone_container .bi.bi-pin-map-fill,
.first_screen--phone_container .bi.bi-telephone-fill, .bi.bi-instagram, .bi.bi-youtube {
	color: #8C806F;
	padding: 0 5px;
}

.first_screen--phone_link {
	text-decoration: none;
	color: #fff;

	transition: .3s all linear;
	
	padding: 0 5px;
}

.first_screen--phone_link:hover {
	color: #8C806F;
}

/*второй экран с слайдером*/
.carousel-inner {
	padding: 50px 0;
	margin: 100px auto;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	background-color: #8C806F;
}

.border_img {
	border: 10px solid #bfb5a6;
	max-height: 585px;
	width: 420px;
}

.border_img img {
	margin: 25px 0 0 -25px;
	transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.about_h3 {
	color: #3A3532;
	font-size: 3rem;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 .4em 0;
}

.about_h3:after {
	content: '';
	height: 8px;
	width: 100px;
	background: #A79985;
	position: absolute;
	left: 0;
	bottom: 0px;
}

.about_span {
	color: #c9c1b4;
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1.5rem;
}

.about_p {
	color: #706F6F;
}

.btn-about {
	background: #bfb5a6;
	text-decoration: none;
	font-size: 20px;
	align-items: center;
	justify-content: center;
	max-width: 200px;
	display: flex;
	color: #fff;
}

.btn-about:hover {
	color: #ffffff;
	background: #968f7e;
}

.carousel-item.active > .row > .col {
	max-width: 470px;
}

/* Контакты */
.contacts {
	background-color: #fff;
	margin: 100px auto;
	padding: 50px 0;
}

.contact_data {
	color: #c9c1b4;
	font-size: 20px;
}

.contacts a {
	text-decoration: none;
	color: #222222;
}

.soc_icon i {
	font-size: 50px;

	transition: .3s all linear;
}

.bi.bi-instagram:hover,.bi.bi-youtube:hover {
	color: #FFF;
}

.footer {
	max-width: 100vw;
	padding: 25px 0;
	background-color: #343434;
	position: relative;
	z-index: 1000;
	color: #e2e2e2;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
}

.media li {
	list-style-type: none;
}

.footer ol, ul {
	padding-left: unset;
}

.footer div {
	padding: 0 10px;
}

.menu-link {
	color: #8C806F;
	font-size: 20px;
}

.menu-link.active, .menu-link:hover {
	color: #463f38;

}

.card--img-container {
	max-height: 170px;
	overflow: hidden;
}


.card {
	max-height: 640px;
	height: 100%;
}

.galery {
	padding-top: 50px;
	padding-bottom: 50px;
}

@media screen and (max-width: 992px) {
	.container > a> .header--logo {
		display: block;
	}

	nav > div > .row > .col .header--logo {
		display: none;
	}

}
@media screen and (max-width: 500px) { 
    	.offcanvas {
	    max-width: 50%;
	}
}

@media screen and (max-width: 1050px) {
	.border_img img {
		margin: 0;
	}

	.btn-about {
		max-width: 100vw;
	}

	.carousel-item.active > .row {
		flex-direction: column;
	}

	.carousel-item.active > .row > .col {
		max-width: 100vw;
		/*flex-wrap: wrap;*/
	}
}

.cc_container .cc_btn {
	background-color: #8C806F !important;
	color: #fff !important;
}


.slick-initialized .slick-slide {
    display: flex !important; 
    justify-content: center !important;
}
/* Для страницы история*/

 .history {
font-family: a_PresentumCps;
font-size: 4rem;
text-align: center;
  }