﻿html {
	scrollbar-gutter: stable;
}

body {
	background: url("https://csl.bas-net.by/wp-content/uploads/2025/10/bg-1.png") #4f4d4e top center no-repeat;
	font-family: "Arial Narrow", Arial, sans-serif;
	/*background: url("https://csl.bas-net.by/wp-content/uploads/2025/10/fon-dlya-razdelov.jpg") #4f4d4e top center no-repeat;*/
	/*background-size: contain;*/
}
article {
	background: url("https://csl.bas-net.by/wp-content/uploads/2025/10/bg-1.png") top center no-repeat;
	
}
section {
	padding-bottom: 5rem;
}
.left-ornament {
	background: url("https://csl.bas-net.by/wp-content/uploads/2025/10/element-levo.png") left top repeat-y;
	background-size: 50%;
	
}
.right-ornament {
	background: url("https://csl.bas-net.by/wp-content/uploads/2025/10/element-pravo.png") right top repeat-y;
	
}
.text-uppercase {
	text-transform: uppercase;
}

.overlay {
	width: 100%;
	height: 100vh;
	background: url("https://csl.bas-net.by/wp-content/uploads/2025/10/fon.jpg") top center no-repeat;
	/*background: url("https://csl.bas-net.by/wp-content/uploads/2025/11/fon-kopiya.jpg") top center no-repeat;*/
	position: absolute;
	overflow: scroll;
}
.darkbg {
	background: url("https://csl.bas-net.by/wp-content/uploads/2025/11/fon-kopiya.jpg") top center no-repeat;
}
.heading {
	color: #fdfdff;
	text-align: center;
	margin-top: 3rem;
}

h1, h2, h4, #summary .redbtn {
	font-family: "Roboto Condensed", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}
.redbtn, .sheading, h3, .slide-text p:first-child {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}
.backto {
	border: none;
	background: none;
	margin-top: 5rem;
	font-size: 5rem;
	color: #fff;
}
p {
	color: #fdfdff;
	font-size: 3rem;
	font-weight: bold;
}
.disclaimer {
	background: rgba(131, 39, 35, 0.6);
	padding: 2rem 8rem;
	margin: 0;
	text-align: center;
	font-weight: normal;
}

h1, h4 {
	border-top: .3rem solid #fdfdff;
	border-bottom: .3rem solid #fdfdff;
	line-height: 1.2;
	/*max-width: 60%;*/
	max-width: 1050px;
	font-size: 10rem;
}

h2 {
	color: #fdfdff;
	border-top: .3rem solid #fdfdff;
	border-bottom: .3rem solid #fdfdff;
	line-height: 1.2;
	font-size: 5rem;
	margin-top: 5rem;
	padding: 1.5rem 0 .5rem 0;
}

h3 {
	font-size: 4rem;
	color: #fdfdff;
	text-align: center;
	margin: 4rem 0 2rem 0;
}

.redbtn {
	font-size: 3rem;
	padding: 3rem;
	/*background: #832723;*/
	background: rgba(131, 39, 35, 0.6);
	border: none;
	border-radius: 1rem;
	color: #fdfdff;
	margin-top: 3rem;
	transition: all .3s linear;
}

.redbtn:hover {
	/*background: #b2b2b2;*/
	background: rgba(178, 178, 178, 0.6);
}


#summary, #about, #part1, #part2, #part3, #part4 {
	display: none;
}









.swiper {
	margin: 0!important;
	border: .3rem solid #fdfdff;
	border-radius: 2rem;
	/*max-width: 600px;
	max-height: 600px;*/
}
.swiper img {
	width: 100%;
	height: auto;
}

.slide-text {
	display: flex!important;
	flex-direction: column;
	justify-content: center;
	font-weight: normal;
	background: #4f4d4e;
}

.slide-text p {
	font-weight: normal;
	margin: 2rem;
	text-align: center;
}

.slide-text p:first-child {
	padding-bottom: 2rem;
	border-bottom: .3rem solid #fdfdff;
}

.swiper-button-prev, .swiper-button-next {
	background: none;
	transition: all .3s linear;
}

.swiper-button-prev svg, .swiper-button-next svg {
	display: none;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
	background: rgba(178, 178, 178, 1);
}

.swiper-button-prev:after {
	content: '\25C0';
}
.swiper-button-next:after {
	content: '\25B6';
}
.swiper-button-prev:after, .swiper-button-next:after {
	color: #fff;
}


@media screen and (max-width: 680px) {
	.left-ornament, .right-ornament {
		background-size: 50%;
	}
	h1, h2, h4 {
		font-size: 4rem;
	}
	p {
		font-size: 2rem;
	}
	.slide-text p {
		margin: .5rem;
	}
	.slide-text p:first-child {
		padding-bottom: .5rem;
	}
	.navlink {
		font-size: 2rem;
	}
	.overlay {
		background-size: auto;
	}
	#summary .overlay {
		height: auto;
	}
}

@media screen and (max-width: 420px) {
	h1, h2, h4 {
		font-size: 3rem;
	}
}