body,
p, 
a, 
li  {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 300;
    font-style: normal;
	color: #5E0F0B;
}
a:hover {
	color: #4A0A0A;
}
a:focus {
	color: #8C8779;
}
body {
	background-color: #FAF5E7;
}
a,
.link,
.btn,
input[type="submit"] {
	cursor: pointer;
}
.btn {
	background: #5E0F0B;
	color: #FAF5E7;
	font-size: 16px;
	line-height: 150%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: ease-in-out .2s;
	padding: 10px 54px;
}
.form input[type="submit"]:hover,
.btn:hover {
	background-color: #4A0A0A;
	color: #FAF5E7;
}
.btn-border:hover {
	color: #FAF5E7;
}
.form input[type="submit"]:focus,
.form input[type="submit"]:active,
.btn:focus,
.btn:active {
	background-color: #C8C3B5;
	color: #8C8779;
}
p,
.desc {
	line-height: 150%;
}

.flex {
	display: flex;
	align-items: center;
}
.h1 {
	font-size: 48px;
}

h1.page-title {
	margin-bottom: 35px;
}
.section {
	padding: 70px 0px;
}
h2,
.section .h2 {
	margin-bottom: 70px;
	font-size: 48px;
}
.link {
	color: #5E0F0B;
}
.link:hover {
	color: #4A0A0A;
}
.link:focus {
	color: #8C8779;
}

@media screen and (max-width: 991px) {
	.section {
		padding: 35px 0px;
	}
	h2,
	.h2,
	.section .h2 {
		font-size: 32px;
	}
}

@media screen and (max-width: 767px) {
	h2,
	.h2,
	.section .h2 {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 576px) {
	h1,
	.h1 {
		font-size: 30px;
	}
	.section {
		padding: 20px 15px;
	}
	.form p {
		text-align: left;
	}
	h2,
	.h2,
	.section .h2 {
		font-size: 30px;
	}
}

/* @media screen and (max-width: 480px) {
	h1,
	.h1 {
		font-size: 34px;
	}
}
	 */
.page-content {
	margin-bottom: 55px;
}
.page-content p {
	margin-bottom: 24px;
    line-height: 150%;
}

/* Форма "Дизайнерам" */
.form {
	display: inline-block;
	width: auto;
	background-color: #E6E1D3;
	padding: 60px;
}
.form input {
	background-color: transparent;
	border: none;
	outline: none;
	border-bottom: 1px solid #5E0F0B;
}
.form a {
	text-decoration: underline;
}

.main.wrapper {
	min-height: 100vh;
}

.swiper-button-prev,
.swiper-button-next {
	color: #fff; /* Цвет стрелок */
	font-size: 24px; /* Размер стрелок */
}

@media screen and (max-width: 480px) {
	.slider-top .swiper-slide .title {
		margin-bottom: 18px;
	}
	.swiper-button-prev,
	.swiper-button-next {
		/* top: 62px; */
	}
}

@media screen and (max-width: 380px) {
	.swiper-button-prev,
	.swiper-button-next {
		color: #fff; /* Цвет стрелок */
		font-size: 18px; /* Размер стрелок */
	}
}

@media screen and (max-width: 480px) {
	#catalogMain {
		padding-top: 35px;
	}
}

.lightbox .lb-image {
	border: 1px solid white;
}