@charset "UTF-8";
/*
* Trunk version 2.0.1
*/
/*
* Contexts
*/

input,
button,
select,
textarea {
	outline: none;
}


label {
	margin-bottom: 0;
}

p {
	margin: 0;
}

ul,
ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul li,
ol li {
	display: block;
	list-style: none;
}


form {
	margin-bottom: 0;
}

/*
* Gallery ?
*/
body {
	font-family: "Montserrat", serif;
	font-size: 14px;
	line-height: 2.14286;
	font-weight: 400;
	color: #888888;
	background-color: #ffffff;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: subpixel-antialiased;
	html, body {margin: 0; padding: 0;}
}

h1, h2, h3, h4, h5, h6, [class^='heading-'] {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 500;
	color: #404044;
}

h1 {
    text-align: center;   /* Выравнивание по центру */
    padding-top: 70px;    /* Уменьшаем отступ сверху */
    margin-bottom: 0;     /* Уменьшаем отступ снизу */
    font-size: 2.5em;     /* Размер шрифта */
    color: #8B3A3A;       /* Терракоттовый цвет */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Тень */
    letter-spacing: 1px;  /* Расстояние между буквами */
}

#about {
    margin-top: 0;        /* Убираем отступ сверху */
    padding-top: 0;       /* Убираем внутренний отступ */
}

h2 + p {
	margin-top: 25px;
}

@media (max-width: 768px) {
    h1 {
        font-size: 1.5em;
        padding-top: 90px;
		margin-bottom: -40px;
		line-height: 1.6;
    }

		#about {
			margin-top: -40px;    /* Поднимаем секцию вверх */
			padding-top: 0;       /* Убираем внутренний отступ */
		}
		
		.block-decorate-img {
			margin-top: 0;        /* Убираем отступ сверху у изображения */
			padding-top: 0;       /* Убираем внутренний отступ */
		}
	
}

h2,
.heading-2 {
	font-size: 28px;
	line-height: 1.5;
}

h2 {
    font-size: 28px; /* Увеличиваем размер */
    font-weight: regular; /* Делаем жирным (если нужно) */
    line-height: 1.4; /* Регулируем межстрочный интервал */
    text-transform: none; /* Сделать заглавными буквами (если нужно) */
}

@media (max-width: 768px) {
    h2 {
        font-size: 18px; /* Уменьшаем размер текста на мобильных */
        white-space: nowrap; /* Запрещаем перенос строки */
    }
}

h3,
.heading-3 {
	font-size: 32px;
	line-height: 1.5;
}

@media (min-width: 1200px) {
	h3,
	.heading-3 {
		font-size: 16px;
		line-height: 1.33333;
	}
}

@media (max-width: 768px) {
    h3 {
        font-size: 30px; /* Уменьшаем размер заголовка */
        text-align: center; /* Выравниваем по центру */
        line-height: 1.4; /* Делаем текст более читаемым */
        padding: 10px 0; /* Добавляем немного отступа */
    }
}

/*
* Brand
*/
.brand {
	display: inline-block;
}

.brand .brand-logo-light {
	display: none;
}

.brand .brand-logo-dark {
	display: block;
	width: 200;
	height: auto;
}

/*
* Links
*/
a {
	transition: all 0.3s ease-in-out;
}

a, a:focus, a:active, a:hover {
	text-decoration: none;
}

a, a:focus, a:active {
	color: #aab2b9;
}

a[href*='tel'], a[href*='mailto'] {
	white-space: nowrap;
}


/*
* Blocks
*/
.block-sm {
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 992px) {
	.block-sm {
		max-width: 430px;
	}
}

.block-decorate-img {
	position: relative;
	top: 0 !important;
	margin-top: 60px;
	padding-top: 0 !important;
}

.block-decorate-img img {
	box-shadow: 1px 5px 27px 0px rgba(0, 0, 0, 0.09);
	margin: 0 auto;
}


/*
* Element groups
*/

html .group-sm {
	margin-bottom: -10px;
	margin-left: 0px;
}

html .group-sm > * {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}

@media (min-width: 576px) {
	html .group-sm {
		margin-bottom: -10px;
		margin-left: -10px;
	}
	html .group-sm > * {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 10px;
		margin-left: 10px;
	}
}

* + .group-sm {
	margin-top: 30px;
}

/*
* Responsive units
*/
.unit {
	display: flex;
	flex: 0 1 100%;
	margin-bottom: -30px;
	margin-left: -20px;
}

.unit > * {
	margin-bottom: 30px;
	margin-left: 20px;
}

.unit-body {
	flex: 0 1 auto;
}

.unit-left,
.unit-right {
	flex: 0 0 auto;
	max-width: 100%;
}

.unit-spacing-xs {
	margin-bottom: -15px;
	margin-left: -9px;
}

.unit-spacing-xs > * {
	margin-bottom: 15px;
	margin-left: 9px;
}

/*
* Lists
*/

.list-inline > li {
	display: inline-block;
}

.social-links {
	display: flex;
	margin-left: -25px;
}

.social-links > * {
	margin-left: 25px;
}

.social-links li {
	position: relative;
	text-align: center;
	font-size: 18px;
}


.social-links li a {
	color: #ffffff;
	transition: all ease .35s;
}


/*
* Images
*/
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

/*
* Icons
*/
.icon, .icon-lg {
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	color: white !important;
}

.icon::before, .icon-lg::before {
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	text-transform: none;
}

.icon-circle {
	border-radius: 50%;
}

/*
* Buttons
*/
.button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 11px 35px;
	font-size: 14px;
	line-height: 1.25;
	border: 1px solid;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	letter-spacing: 0.23em;
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	user-select: none;
	transition: 250ms all ease-in-out;
}


.button-width-190 {
	min-width: 190px;
}

.button-primary, .button-primary:focus {
	background-color: #8B3A3A;
	border-color: #8B3A3A;
	color: #ffffff !important;
	margin-top: 40;
}

.button-primary:hover {
	background-color: #3F0013;
}

@media (max-width: 768px) {
    .button-primary {
        margin-top: 40px; /* Увеличиваем отступ для мобильных */
    }
}

.button-lg {
	padding: 14px 33px;
	font-size: 14px;
	line-height: 1.5;
}

.button-circle {
	border-radius: 30px;
}

/*
* Form styles
*/

.form-wrap {
	position: relative;
}

.form-wrap + * {
	margin-top: 20px;
}

.form-input {
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 12px 10px 5px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
    background-color: #f0f0f0;
    background-image: none;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 1px solid #f5f5f5;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
}

textarea.form-input {
	min-height: 50px;
	max-height: 230px;
	resize: vertical;
}

.form-label,
.form-label-outside {
	margin-bottom: 0;
	color: #888888;
	font-weight: 400;
}

.form-label {
	position: absolute;
	bottom: 0;
	left: 5px;
	right: 0;
	padding-left: 0;
	padding-right: 19px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	pointer-events: none;
	text-align: left;
	z-index: 9;
	transition: .25s;
	will-change: transform;
	transform: translateY(-50%);
	color: #888888;
}


.label-textarea {
	top: 13px;
	transform: none;
}

.form-validation {
	position: absolute;
	right: 8px;
	bottom: -14px;
	z-index: 6;
	margin-top: 2px;
	font-size: 9px;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0;
	color: #f5543f;
	transition: .3s;
}

/*
* Snackbars
*/
.snackbars {
	padding: 9px 16px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	text-align: left;
	background-color: #ffffff;
	border-radius: 0;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	font-size: 14px;
}

@media (min-width: 576px) {
	.snackbars {
		max-width: 540px;
		padding: 12px 15px;
		font-size: 15px;
	}
}

/*
* Footers
*/
.footer-classic {
	padding: 30px 0;
	background: #0f2220;
	color: #aab2b9;
	font-size: 16px;
}

.footer-classic .brand .brand-logo-dark {
	display: none;
}

.footer-classic .brand .brand-logo-light {
	display: block;
}

.footer-classic .brand img {
	width: 100%;
}

.footer-classic-description {
	font-size: 14px;
	line-height: 1.8;
}

.footer-classic-title {
	font-family: "Poppins", sans-serif;
	color: #d7dde5;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 14px;
	letter-spacing: .15em;
}

.footer-classic-nav-list a {
	color: inherit;
}

@media (min-width: 576px) {
	.footer-classic-subscribe-form {
		display: flex;
		flex-wrap: wrap;
	}
}


@media (min-width: 576px) {
	.footer-classic-subscribe-form .form-wrap {
		margin-right: -131px;
		min-width: 100%;
	}
}

.footer-classic-subscribe-form .form-wrap .form-validation {
	text-align: center;
	right: 20px;
}

@media (min-width: 576px) {
	.footer-classic-subscribe-form .form-wrap .form-validation {
		right: 135px;
	}
}

.footer-classic-subscribe-form .form-input {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 30px;
	padding: 12px 20px 12px 20px;
	flex: 20 0;
}

@media (min-width: 576px) {
	.footer-classic-subscribe-form .form-input {
		padding: 12px 142px 12px 20px;
	}
}

.footer-classic-subscribe-form .form-button {
	flex-grow: 1;
	display: flex;
	justify-content: flex-start;
}

@media (min-width: 576px) {
	.footer-classic-subscribe-form .form-button {
		margin-top: 0;
	}
}

.footer-classic-subscribe-form .form-button button {
	font-size: 12px;
	width: 131px;
	height: 50px;
	padding: 0;
}

.footer-classic-aside {
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*
* Page layout
*/
.page {
	position: relative;
	overflow: hidden;
	min-height: auto;
	opacity: 0;
	background: transparent;
}

/*
* Text styling
*/

.font-weight-bold {
	font-weight: 700;
}

.text-primary {
	color: #1C2E1C !important;
}

.text-gray-dark {
	color: #404044;
}

.default-letter-spacing {
	letter-spacing: 0.02em;
}


/*
* Offsets
*/
* + p {
	margin-top: 15px;
}

h2 + p,
.heading-2 + p {
	margin-top: 12px;
}

p + p {
	margin-top: 12px;
}

* + .button {
	margin-top: 30px;
}

.container + .container {
	margin-top: 35px;
}

.row-30 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}

.row-30 > * {
	margin-bottom: 30px;
}

/* Выравниваем текст и фото по одной высоте */
.row-30 {
    display: flex;
    align-items: center;
}

/* Делаем изображение вровень с текстом */
.contact-image {
    max-height: 100%;
    width: auto;
    object-fit: cover;
}

/* Настроим размер контейнера изображения */
.block-decorate-img {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 500px; /* Подгони значение, чтобы совпадало с высотой текста */
}

.offset-left-10 {
	margin-left: 10px;
}

.offset-top-0 {
	margin-top: 0;
}

.offset-right-25 {
	margin-right: 25px;
}

.offset-top-30 {
	margin-top: 20px;
}

.offset-xl-40 {
	text-align: justify !important; /* Принудительное выравнивание по ширине */
	margin-top: 15px;
}

.custom-text {
    text-align: justify !important; /* Принудительное выравнивание по ширине */
    line-height: 2; /* Улучшает читаемость */
}
/*
* Sections
*/

.section-sm,
.section-md,
.section-lg,
.section-xl {
	padding: 50px 0;
}

@media (max-width: 991.98px) {
	section.section-sm:first-of-type,
	section.section-md:first-of-type,
	section.section-lg:first-of-type,
	section.section-xl:first-of-type,
	section.section-xxl:first-of-type {
		padding-top: 40px;
	}
}

@media (min-width: 768px) {
	.section-sm {
		padding: 60px 0;
	}
	.section-md {
		padding: 70px 0;
	}
	.section-lg {
		padding: 85px 0;
	}
}

@media (max-width: 768px) {
    section.section-sm:first-of-type {
        padding-top: 10px !important; /* Было 40px, уменьшаем */
    }

    .block-decorate-img {
        margin-top: 5px !important; /* Добавляем отступ к изображению */
    }

    .bg-default h2 {
        margin-top: 30px !important; /* Было 200px, уменьшаем */
    }
}

.section-name {
	font-weight: 400;
	letter-spacing: .17em;
	text-transform: uppercase;
}


/*
* Light Backgrounds
*/
.bg-default {
	background-color: #ffffff;
}

.bg-default h2 {
    margin-top: 20px; /* Настрой значение при необходимости */
}

@media (max-width: 768px) {
    .bg-default h2 {
        margin-top: 40px;
    }
}

.bg-gray-dark {
	background-color: #404044;
}


/*
* Accent Backgrounds
*/
.bg-primary + .bg-primary {
	padding-top: 0;
}

/*
* Background Image
*/

.bg-image-2 {
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #404044;
}

@media (min-width: 576px) {
	.bg-image-2 {
		background-image: url("../images/bg-image-2-1700x257.jpg");
	}
}

/*
* Utilities custom
*/

.devider-bottom {
	position: relative;
	padding-bottom: 0px;
}

.devider-bottom:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #1C2E1C;
	margin: 0 auto;
	display: block;
}

@media (min-width: 1200px) {
	.devider-bottom {
		padding-bottom: 20px;
	}
	.devider-bottom:after {
		width: 80%;
		left: 0;
		margin: 0 auto;
		display: block;
	}
}

p.rights {
	font-size: 14px;
	color: #888888;
}


/*
* Animate.css
*/
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
	opacity: 1;
	/*новые добавленные стили*/
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.animated.infinite {
	animation-iteration-count: infinite;
}

.animated.hinge {
	animation-duration: 2s;
}

html:not(.lt-ie10) .not-animated {
	opacity: 0;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.fadeIn {
	animation-name: fadeIn;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.fadeInUp {
	animation-name: fadeInUp;
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.fadeInDown {
	animation-name: fadeInDown;
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeft {
	animation-name: fadeInLeft;
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.fadeInRight {
	animation-name: fadeInRight;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.fadeOut {
	animation-name: fadeOut;
}

@keyframes slideInDown {
	0% {
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

.slideInDown {
	animation-name: slideInDown;
}

@keyframes slideInLeft {
	0% {
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

.slideInLeft {
	animation-name: slideInLeft;
}

@keyframes slideInRight {
	0% {
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

.slideInRight {
	animation-name: slideInRight;
}

@keyframes slideOutDown {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		visibility: hidden;
		transform: translate3d(0, 100%, 0);
	}
}

.slideOutDown {
	animation-name: slideOutDown;
}

/*
*
* Preloader
*/
.preloader {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10000;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background: #ffffff;
	transition: .3s all ease;
}

.preloader.loaded {
	opacity: 0;
	visibility: hidden;
}

.preloader-body {
	text-align: center;
}

.preloader-body p {
	position: relative;
	right: -8px;
}

.cssload-container {
	width: 100%;
	height: 36px;
	text-align: center;
}

.cssload-speeding-wheel {
	width: 36px;
	height: 36px;
	margin: 0 auto;
	border: 3px solid #505cfd;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	animation: cssload-spin .88s infinite linear;
}

@keyframes cssload-spin {
	100% {
		transform: rotate(360deg);
	}
}

/*
*
* ToTop
*/
.ui-to-top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 100;
	width: 50px;
	height: 50px;
	font-size: 20px;
	line-height: 46px;
	color: #ffffff;
	background: #8B3A3A;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	transition: .45s all ease-in-out;
	transform: translate3d(0, 100px, 0);
}

.ui-to-top:hover {
	color: #ffffff;
	background: #3F0013;
	text-decoration: none;
}

.ui-to-top:focus {
	color: #ffffff;
}

.ui-to-top.active {
	transform: translate3d(0, 0, 0);
}

html.mobile .ui-to-top,
html.tablet .ui-to-top {
	display: none !important;
}

@media (min-width: 576px) {
	.ui-to-top {
		right: 40px;
		bottom: 40px;
	}
}

/*
*
* RD Navbar
*/
@keyframes rd-navbar-slide-down {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes rd-navbar-slide-up {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-100%);
	}
}

.rd-navbar-wrap, .rd-navbar,
.rd-menu,
.rd-navbar-nav,
.rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu {
	transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}

.rd-navbar--no-transition, .rd-navbar--no-transition * {
	transition: none !important;
}

.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
	display: none;
}

.rd-navbar {
	display: none;
	background: transparent;
}

.rd-navbar-toggle {
	display: inline-block;
	position: relative;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	color: #ffffff;
	background-color: transparent;
	border: none;
	display: none;
}

.rd-navbar-toggle span {
	position: relative;
	display: block;
	margin: auto;
	transition: .3s all ease;
}

.rd-navbar-toggle span:after, .rd-navbar-toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -8px;
	transition: .3s all ease;
}

.rd-navbar-toggle span:after {
	top: 8px;
}

.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span {
	width: 24px;
	height: 4px;
	background-color: #ffffff;
	backface-visibility: hidden;
	border-radius: 0;
}

.rd-navbar-toggle span {
	transform: rotate(180deg);
}

.rd-navbar-toggle span:before, .rd-navbar-toggle span:after {
	transform-origin: 1.71429px center;
}

.rd-navbar-toggle.active span {
	transform: rotate(360deg);
}

.rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after {
	top: 0;
	width: 15px;
}

.rd-navbar-toggle.active span:before {
	-webkit-transform: rotate3d(0, 0, 1, -40deg);
	transform: rotate3d(0, 0, 1, -40deg);
}

.rd-navbar-toggle.active span:after {
	-webkit-transform: rotate3d(0, 0, 1, 40deg);
	transform: rotate3d(0, 0, 1, 40deg);
}

.rd-navbar-collapse-toggle {
	display: inline-block;
	position: relative;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	color: #C0665E;
	display: none;
}

.rd-navbar-collapse-toggle span {
	top: 50%;
	margin-top: -3px;
}

.rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
	position: absolute;
	width: 6px;
	height: 6px;
	line-height: 6px;
	text-align: center;
	background: #ffffff;
	left: 50%;
	margin-left: -3px;
	border-radius: 50%;
	transition: .3s all ease;
}

.rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
	content: '';
}

.rd-navbar-collapse-toggle span:before {
	bottom: 100%;
	margin-bottom: 3px;
}

.rd-navbar-collapse-toggle span:after {
	top: 100%;
	margin-top: 3px;
}

.rd-navbar-collapse-toggle.active span {
	transform: scale(0.7);
}

.rd-navbar-collapse-toggle.active span:before {
	transform: translateY(18px);
}

.rd-navbar-collapse-toggle.active span:after {
	transform: translateY(-18px);
}

.rd-navbar-brand a {
	display: block;
}

.rd-navbar-wrap {
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 120;
}

.rd-navbar-wrap,
.rd-navbar-fixed 
.rd-navbar-static
.rd-navbar-panel
.rd-navbar-aside {
	background-color: #C0665E !important;
	border: none !important;
	box-shadow: none !important;
	height: 60px;
}

.rd-navbar-main-outer {
	background-color: #C0665E;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-contact-list {
	margin-left: -35px;
	line-height: 1;
}

.navbar-contact-list li a, .navbar-contact-list li a:focus, .navbar-contact-list li a:active {
	color: white !important;
	opacity: 1;
}

.navbar-contact-list li a:hover {
	color: #ffffff;
}

.navbar-contact-list > * {
	margin-left: 35px;
	display: flex;
}

.navbar-contact-list li > *, .navbar-contact-list > * * {
	margin-bottom: 0;
}

/*
* @subsection  RD Navbar Static
*/
.rd-navbar-static {
	display: block;
}

.rd-navbar-static .rd-nav-item {
	display: inline-block;
	letter-spacing: 2.2px;
}

.rd-navbar-static .rd-nav-item.active .rd-nav-link {
	color: #ffffff;
	background: transparent;
}

.rd-navbar-static .rd-nav-item.active .rd-nav-link:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	height: 1px;
	background-color: #ffffff;
}

.rd-navbar-static .rd-nav-item + .rd-nav-item {
	margin-left: 38px;
}

.rd-navbar-static .rd-nav-link {
	position: relative;
	font-family: "Poppins", sans-serif;
	display: inline-block;
	padding-bottom: 10px;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.2;
	transition: .25s;
	text-transform: uppercase;
}

.rd-navbar-static .rd-nav-link:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	display: inline-block;
	height: 1px;
	background-color: transparent;
	transition: all ease .35s;
}

.rd-navbar-static .rd-navbar-search-toggle span::after {
	content: "";
	transform: rotate(-90deg) scale(0.4);
	opacity: 0;
	visibility: hidden;
	font-family: "Material Design Icons";
}

.rd-navbar-static .rd-navbar-search-toggle.active span::before {
	opacity: 0;
	visibility: hidden;
	transform: rotate(90deg) scale(0.4);
}

.rd-navbar-static .rd-navbar-search-toggle.active span::after {
	transform: rotate(0deg) scale(1);
	opacity: 1;
	visibility: visible;
}

.rd-navbar-static .rd-navbar-search-toggle:hover {
	color: rgba(255, 255, 255, 0.5);
}

.rd-navbar-static.rd-navbar--is-clone {
	display: block;
	transform: translate3d(0, -100%, 0);
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
	transform: translate3d(0, 0, 0);
}

.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1090;
	background: #404044;
}

.rd-navbar-static .rd-navbar--has-dropdown {
	position: relative;
}

/*
*
* RD Navbar Fixed
*/
.rd-navbar-fixed {
	display: block;
}

.rd-navbar-fixed .rd-navbar-toggle {
	display: inline-block;
}

.rd-navbar-fixed .rd-navbar-brand {
	position: relative;
	margin-left: 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	font-size: 22px;
	line-height: 46px;
}

.rd-navbar-fixed .rd-navbar-brand img {
	max-width: 200px;
	max-height: 80px;
	width: auto;
	height: auto;
}

@media (min-width: 576px) {
	.rd-navbar-fixed .rd-navbar-brand img {
		max-width: 220px;
	}
}

.rd-navbar-fixed .rd-navbar-panel {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1090;
	display: flex;
	align-items: center;
	height: 56px;
	padding: 4px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
	position: fixed;
	left: 0;
	top: -56px;
	bottom: -56px;
	z-index: 1089;
	width: 270px;
	padding: 112px 0 81px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	font-size: 14px;
	line-height: 34px;
	transform: translateX(-110%);
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar {
	width: 4px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
	background: #b5bafe;
	border: none;
	border-radius: 0;
	opacity: .2;
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track {
	background: #505cfd;
	border: none;
	border-radius: 0;
}

.rd-navbar-fixed .rd-navbar-nav-wrap.active {
	transform: translateX(0);
}

.rd-navbar-fixed .rd-navbar-nav {
	display: block;
	margin: 15px 0;
	height: auto;
	text-align: left;
}

.rd-navbar-fixed .rd-nav-item {
	text-align: left;
}

.rd-navbar-fixed .rd-nav-item + .rd-nav-item {
	margin-top: 4px;
}

.rd-navbar-fixed .rd-nav-link {
	display: block;
	padding: 9px 56px 9px 18px;
}

.rd-navbar-fixed li.opened > .rd-navbar-dropdown {
	padding: 4px 0 0;
}

.rd-navbar-fixed li.opened > .rd-navbar-megamenu {
	padding-top: 15px;
	padding-bottom: 15px;
}

.rd-navbar-fixed li.opened > .rd-menu {
	opacity: 1;
	height: auto;
}

.rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after {
	transform: rotate(180deg);
}

.rd-navbar-fixed .rd-menu {
	display: none;
	transition: opacity 0.3s, height 0.4s ease;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.rd-navbar-fixed .rd-navbar-submenu {
	position: relative;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after {
	height: 34px;
	line-height: 34px;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a {
	padding-left: 30px;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
	padding-left: 46px;
}

.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
	display: block;
}

.rd-navbar-fixed .rd-megamenu-list > li > a,
.rd-navbar-fixed .rd-navbar-dropdown > li > a {
	display: block;
	padding: 9px 56px 9px 16px;
	font-size: 12px;
	line-height: 1.5;
}

.rd-navbar-fixed .rd-megamenu-list > li + li,
.rd-navbar-fixed .rd-navbar-dropdown > li + li {
	margin-top: 3px;
}

.rd-navbar-fixed .rd-megamenu-list > li > a {
	padding-left: 30px;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
	position: relative;
	display: block;
	padding: 0 18px 7px;
	font-size: 16px;
	line-height: 1.5;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
	content: '';
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	border-bottom: 1px solid;
}

.rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list {
	margin-top: 11px;
}

.rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title {
	margin-top: 20px;
}

.rd-navbar-fixed .rd-navbar-megamenu > li + li {
	margin-top: 20px;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
	cursor: pointer;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle::after {
	content: '\f107';
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 52px;
	font: 400 14px "FontAwesome";
	line-height: 52px;
	text-align: center;
	transition: 0.4s all ease;
	z-index: 2;
	cursor: pointer;
}

.rd-navbar-fixed .rd-navbar-collapse-toggle {
	display: block;
	top: 4px;
	z-index: 1091;
}

.rd-navbar-fixed .rd-navbar-collapse {
	position: fixed;
	right: 0;
	top: 56px;
	z-index: 1089;
	transform: translate3d(0, -10px, 0);
	padding: 15px;
	width: auto;
	border-radius: 0;
	text-align: left;
	font-size: 14px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}

.rd-navbar-fixed .rd-navbar-collapse.active {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}

.rd-navbar-fixed .rd-navbar-collapse .list-inline > li {
	display: block;
}

.rd-navbar-fixed .rd-navbar-collapse .list-inline > li + li {
	margin-top: 10px;
}

.rd-navbar-fixed [class*='rd-navbar-fixed-element'] {
	position: fixed;
	top: 4px;
	z-index: 1092;
}

.rd-navbar-fixed .rd-navbar-fixed-element-1 {
	right: 0;
}

.rd-navbar-fixed .rd-navbar-panel {
	color: #ffffff;
	box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.25);
	background: #C0665E;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
	color: #ffffff;
	background: #ffffff;
	border: 1px solid #d7d7d7;
	box-shadow: none;
}

.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
	color: #ffffff;
	background: #C0665E;
}

.rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle {
	color: #ffffff;
}

.rd-navbar-fixed .rd-nav-link {
	color: #9b9b9b;
}

.rd-navbar-fixed .rd-navbar-collapse {
	background-color: #ffffff;
	box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}

.rd-navbar-fixed .rd-navbar-collapse,
.rd-navbar-fixed .rd-navbar-collapse a {
	color: #9b9b9b;
}

html.rd-navbar-fixed-linked .page {
	padding-top: 0;
}

/*
*
* RD Navbar Sidebar
*/

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a::before {
	display: none;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a:hover {
	padding-left: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus > a {
	padding-left: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle {
	color: #505cfd;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle::after {
	top: 1px;
}

.rd-navbar-sidebar .rd-navbar-dropdown > li + li {
	margin-top: 10px;
}

.rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown {
	margin-top: 25px;
}

.rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown {
	margin-top: 10px;
	padding-left: 15px;
}

.rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown > li > a {
	font-size: 12px;
}

@media (min-width: 1200px) {
	.rd-navbar-sidebar .rd-navbar-megamenu {
		margin-bottom: -30px;
	}
	.rd-navbar-sidebar .rd-navbar-megamenu > * {
		margin-bottom: 30px;
	}
	.rd-navbar-sidebar .rd-navbar-dropdown > li + li,
	.rd-navbar-sidebar .rd-megamenu-list > li + li {
		margin-top: 18px;
	}
}

@media (min-width: 1200px) {
	.rd-navbar-sidebar .rd-navbar-nav-wrap {
		width: auto;
		left: calc(50% + 600px - 80px);
	}
}

.rd-navbar-sidebar.rd-navbar--is-clone {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	transform: translateY(-101%);
}

.rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck {
	transform: translateY(0);
}

.rd-navbar-sidebar.rd-navbar--is-stuck {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
}

.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main {
	padding-top: 11px;
	padding-bottom: 11px;
}

/**
*
* RD Navbar Classic
* =====================================================
*/
.rd-navbar-classic.rd-navbar-static .rd-navbar-aside-outer,
.rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer {
	padding-left: 15px;
	padding-right: 15px;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside,
.rd-navbar-classic.rd-navbar-static .rd-navbar-main {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside {
	padding: 7px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .fa-phone {
	transform: rotate(85deg);
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .icon {
	font-size: 18px;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-main {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 21px 0;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-brand img {
	width: auto;
	height: auto;
	max-width: 200px;
	max-height: 200px;
}

/*
*
* It hides address of the side navigation bar
*/

.rd-navbar-classic.rd-navbar-static .rd-navbar-main-element {
	display: flex;
	align-items: center;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone {
	border-bottom-color: #d7d7d7;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer {
	display: none;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
	padding: 17px 0;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu {
	margin-top: 17px;
}


/*
* Counter
*/
.counter-classic {
	text-align: center;
}

.counter-classic-number {
	font-size: 38px;
	line-height: 0.8;
	font-weight: 700;
	letter-spacing: .017em;
	text-transform: uppercase;
	font-family: "Poppins", sans-serif;
	margin-bottom: 7px;
}

@media (min-width: 992px) {
	.counter-classic-number {
		font-size: 48px;
	}
}

@media (max-width: 768px) {
	.counter-classic-number {
		font-size: 28px !important;
		line-height: 1 !important;
	}

	.counter-classic-title {
		font-size: 12px !important;
		margin-bottom: 5px !important;
	}

	.counter-classic img {
		max-width: 50px !important;
		height: auto;
	}

	.counter-classic {
		padding: 10px 0 !important;
		text-align: center !important;
	}
}

.counter-classic-number > * {
	display: inline-block;
}

.counter-classic-number .symbol {
	font-size: 40px;
	letter-spacing: 0;
}

.counter-classic-number .counter {
	letter-spacing: normal;
}

.counter-classic-title {
	font-weight: 400;
	letter-spacing: .15em;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff4e6 !important;
	font-family: "Poppins", sans-serif;
}

.decorate-layer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	pointer-events: none;
}

.decorate-layer > * {
	position: absolute;
}

.decorate-layer .layer {
	position: relative !important;
	pointer-events: none;
}

.layer-1 {
	top: 30%;
	left: 27%;
}

.layer-2 {
	bottom: 25%;
	right: 18%;
	z-index: -1;
}

.layer-3 {
	bottom: 29%;
	right: 17%;
	z-index: -1;
}

.layer-4 {
	top: 18%;
	left: 34%;
}

.layer-5 {
	bottom: 40%;
	left: 17%;
}

.layer-6 {
	top: 24%;
	left: 19.5%;
}

.section-sm .row-30 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}

#about .section-sm {
	padding-top: 0 !important;
}

.rd-navbar-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: #ffffff;
	box-shadow: 0 2px 4px
	rgba(0, 0, 0, 0.1);
}

#about {
	margin-top: 80px;
}

.tours-section {
	background-color: #f9f9f9;
	padding: 20px 0;
  }
  
  .container {
	width: 90%;
	margin: 0 auto;
  }
  
  .tour-card {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #fff;
	overflow: hidden;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
  }

  .tour-card:first-of-type {
    margin-top: 20px;
}

@media (max-width: 768px) {
    .tour-card:first-of-type {
        margin-top: 50px; /* Уменьшенный отступ для мобильных устройств */
    }
}
  
  .tour-image {
	width: 250px;
	height: 188px;
	border-radius: 8px;
	overflow: hidden;
	margin-right: 15px;
	flex-shrink: 0;
  }
  
  .tour-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
  }
  
  .tour-details {
	flex: 1;
	padding: 15px;
  }
  
  .tour-details h3 {
	margin: 0 0 10px;
	font-size: 1.2rem;
	color: #333;
  }
  
  .tour-details p {
	margin: 0 0 10px;
	color: #666;
	text-align: justify;
  }

  @media (max-width: 768px) {
	.tour-details p {
		text-align: left;
	}
  }
  
  .tour-info .badge {
	display: inline-block;
	background-color: #87a478;
	color: #fff;
	padding: 5px 10px;
	margin-right: 5px;
	border-radius: 4px;
	font-size: 0.9rem;
  }

  .tour-info {
    display: flex;
    flex-wrap: wrap; /* Позволяет переносить элементы на новую строку */
    gap: 5px; /* Добавляет небольшие отступы между элементами */
}

.badge {
    display: inline-block;
    padding: 8px 12px;
    margin: 2px; /* Убираем сильное слипание */
    font-size: 0.9rem;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap; /* Избегаем разрывов в тексте */
}

@media (max-width: 768px) {
    .tour-info {
        flex-direction: column; /* Ставит элементы друг под другом */
        align-items: left; /* Центрирует элементы */
    }

    .badge {
        width: auto; /* Позволяет адаптироваться к тексту */
        max-width: 90%; /* Ограничивает ширину */
        text-align: left;
    }
}
  
  .tour-price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
  }
  
  .tour-price strong {
	font-size: 1.2rem;
	color: #333;
  }
  
  .btn-details {
	display: inline-block;
	padding: 8px 12px;
	background-color: #8B3A3A;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	transition: background-color 0.3s ease;
  }
  
  .btn-details:hover {
	background-color: #3F0013;
  }

  .section.main-section {
	background: url("imagenes/terracota_line.jpeg") no-repeat center center;
	background-size: cover;
	height: 50px;
	width: 100%;
  }

  .rd-navbar-classic.rd-navbar-static {
    background-color: #C0665E !important; /* Замените на ваш терракотовый цвет */
}

.rd-navbar-aside-outer {
    background-color: #C0665E !important; /* Тоже замените на терракотовый */
}

.sagrada-section {
	max-width: 1200px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	
  }
  
  .sagrada-header {
	padding: 20px;
	text-align: center;
	background-color: #FBEBEB;
	color: #fff;
  }

  .sagrada-header {
    margin-top: 40px; /* Регулируй значение при необходимости */
}

@media (max-width: 768px) {
    .sagrada-header {
        padding: 10px;
        margin-top: 50px; /* Можно уменьшить, если заголовок слишком сдвигается */
        text-align: center; /* Если нужно убрать центрирование */
    }

    .sagrada-header h1 {
        font-size: 1.5rem;
    }

    .sagrada-header p {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .sagrada-header {
        padding: 5px;
        margin-top: 40px;
    }

    .sagrada-header h1 {
        font-size: 1.2rem;
    }

    .sagrada-header p {
        font-size: 0.8rem;
    }
}

@media (max-width: 768px) {
    .sagrada-header {
        margin-top: 70px;
    }
}
  
  .sagrada-header h1 {
	font-size: 2rem;
	margin-bottom: 10px;
  }
  
  .sagrada-header p {
	font-size: 1rem;
  }
  
  .sagrada-images {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 20px;
  }
  
  .sagrada-main-image {
	width: 100%;
	max-width: 60%;
	border-radius: 10px;
	object-fit: cover;
  }
  
  .sagrada-side-images {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	max-width: 35%;
  }
  
  .sagrada-side-images img {
	width: 100%;
	border-radius: 10px;
	object-fit: cover;
  }
  
  .sagrada-description {
	padding: 20px;
  }
  
  .sagrada-description h2 {
	font-size: 1.5rem;
	margin-bottom: 10px;
	color: #333;
  }
  
  .sagrada-description p {
	font-size: 1rem;
	color: #555;
  }
  
  /* Адаптивность для мобильных устройств */
  @media (max-width: 768px) {
	.sagrada-main-image, .sagrada-side-images {
	  max-width: 100%;
	}
  
	.sagrada-side-images {
	  flex-direction: row;
	  flex-wrap: wrap;
	  gap: 10px;
	}
  
	.sagrada-side-images img {
	  flex: 1;
	}
  }

  .sf-tour-container {
	font-family: "Roboto", sans-serif; /* Adjust to match your preferred font */
	margin: 0;
	padding: 0;
	background-color: #ffffff;
  }
  
  .sf-tour-box {
	max-width: 1200px;
	margin: 20px auto;
	padding: 20px;
	background-color: #ffffff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
  }
  
  .sf-tour-section {
	margin-bottom: 30px;
  }
  
  .sf-tour-section h2 {
	color: #2c3e50;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 1.25rem; /* Matches "Full Description" heading size */
	text-transform: none;
  }
  
  .sf-tour-section p, .sf-tour-section ul {
	color: #4a4a4a; /* Softer color for better readability */
	line-height: 1.8;
	font-size: 1rem; /* Matches body text size */
	margin-left: 10px; /* Align with your example */
  }
  
  .sf-tour-includes, .sf-tour-not-suitable {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
  }
  
  .sf-tour-includes div, .sf-tour-not-suitable div {
	flex: 1 1 45%;
	display: flex;
	align-items: center;
  }
  
  .sf-tour-includes div span, .sf-tour-not-suitable div span {
	font-size: 1.2em;
	margin-right: 10px;
  }
  
  .sf-tour-check {
	color: green;
  }
  
  .sf-tour-cross {
	color: red;
  }
  
  /* Horizontal separator for lists to improve structure */
  .sf-tour-includes, .sf-tour-not-suitable {
	border-top: 1px solid #ddd;
	padding-top: 15px;
  }
  
  @media (max-width: 768px) {
	.sf-tour-includes div, .sf-tour-not-suitable div {
	  flex: 1 1 100%;
	}
  }

  .sf-tour-section h2 {
	color: #2c3e50;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 1.25rem;
	text-transform: none;
  }
  
  .sf-tour-section p {
	color: #4a4a4a;
	line-height: 1.8;
	font-size: 1rem;
	margin-left: 10px;
  }

  /* Horizontal line for sections */
.section-line {
	border: 0;
	height: 1px;
	background-color: #ddd;
	margin: 15px 0;
  }
  
  /* Highlighted price styling */
  .highlighted-price {
	color: #333333; /* Highlight color */
	font-size: 1.2rem;
	font-weight: bold;
	margin-left: 10px; /* Match alignment with text */
  }

  /* Styling for the price text */
.price-text {
	color: #333333; /* Red color */
	font-weight: bold;
  }

 /* Gallery Section */
#girona-tour-gallery {
	padding-top: 40px !important;
    padding: 20px;
    background: #ffffff;
}

#girona-tour-gallery h2 {
    text-align: center;
    margin-bottom: 20px;
}

.girona-gallery-container {
    max-width: 1200px;
    margin: 0 auto;
}

.girona-gallery-grid {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Large image takes 2 parts, small images take 1 part */
    gap: 10px;
}

.large-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.small-images {
    display: grid;
    grid-template-rows: repeat(3, 1fr); /* Three stacked images */
    gap: 10px;
}

.small-images img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.girona-page {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    color: #333333;
}

.girona-description {
    margin: 20px auto;
    max-width: 800px;
    padding: 20px;
}

.girona-images {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.girona-images img {
    max-width: 48%;
    height: auto;
    border-radius: 8px;
}

.girona-description h1, .girona-info h2, .girona-included h3 {
    color: #333333;
    margin-bottom: 10px;
}

.girona-description p, .girona-info ul, .girona-included ul {
    margin-bottom: 20px;
}

.girona-info ul, .girona-included ul {
    padding-left: 20px;
}

.girona-info ul li, .girona-included ul li {
    margin-bottom: 10px;
    list-style: none;
}

.girona-info ul li::before, .girona-included ul li::before {
    content: "●";
    color: #333333;
    margin-right: 10px;
}

.girona-info {
    margin: 20px auto;
    max-width: 800px;
    padding: 20px;
}

.girona-included {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px auto;
    max-width: 800px;
    padding: 20px;
}

.girona-column {
    flex: 1;
    min-width: 250px;
}

@media (max-width: 768px) {
    .girona-images {
        flex-direction: column;
    }

    .girona-images img {
        max-width: 100%;
    }

    .girona-included {
        flex-direction: column;
    }
}

.image-row-container {
    display: flex;
    justify-content: center;
    padding: 20px;
    background-color: #ffffff; /* Optional background color */
}

.image-row {
    display: flex;
    gap: 20px; /* Space between images */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    justify-content: center; /* Center align images on smaller screens */
}

.image-row img {
    width: calc(25% - 20px); /* Dynamically calculate image width for 4 images in a row */
    max-width: 100%; /* Ensure images don't overflow */
    height: auto;
    border-radius: 8px; /* Optional rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional shadow for effect */
    object-fit: cover; /* Ensures the images maintain aspect ratio */
}

@media (max-width: 1024px) {
    .image-row img {
        width: calc(33.33% - 20px); /* 3 images per row on tablets */
    }
}

@media (max-width: 768px) {
    .image-row img {
        width: calc(50% - 20px); /* 2 images per row on small screens */
    }
}

@media (max-width: 480px) {
    .image-row img {
        width: 100%; /* 1 image per row on very small screens */
    }
}

/* photo-gallery-styles.css */
.custom-gallery-section {
	padding: 20px;
	background-color: #f8f8f8;
  }
  
  .custom-gallery-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 15px;
  }
  
  .custom-gallery-item {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .custom-gallery-item img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: transform 0.3s ease-in-out;
  }
  
  .custom-gallery-item:hover img {
	transform: scale(1.1);
  }
  
  @media (max-width: 768px) {
	.custom-gallery-container {
	  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
  }

  /* Другие стили... */

 .rd-navbar-brand img {
    width: 230px !important; /* Увеличиваем ширину */
    height: auto !important; /* Высота подстраивается автоматически */
    max-width: 300px !important; /* Даем запас по ширине */
    max-height: none !important; /* Убираем ограничение высоты */
}

.rd-navbar-aside .social-links li a {
    color: white !important;
}

.rd-nav-item a:focus, .rd-nav-item a:active {
    background-color: #8B3A3A !important; /* Темно-терракотовый */
    color: white !important; /* Чтобы текст был читаемым */
}

.custom-title-section {
    text-align: center; /* Выравниваем заголовок по центру */
    margin-top: 70px;
    margin-bottom: 0px;
}

.custom-title-section h3 {
    font-size: 28px; /* Размер шрифта */
    font-weight: regular;
    text-transform: capitalize; /* Делаем каждое слово с заглавной буквы */
    position: relative;
    display: inline-block;
}


@media (max-width: 768px) { 
    .custom-title-section h3 {
        font-size: 22px; /* Уменьшаем размер шрифта */
        text-align: center; /* Центрируем текст */
        line-height: 1.4; /* Уменьшаем межстрочный интервал */
    }

    
}

@media (max-width: 480px) { 
    .custom-title-section h3 {
        font-size: 20px; /* Еще меньше шрифт на очень маленьких экранах */
        line-height: 1.3;
    }

    
}

.footer-classic .row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.faq-section {
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 20px;
    background-color: #fff;
}

.faq-section h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 2em;
    color: #333;
}

.faq-item {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-question {
    width: 100%;
    text-align: left;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    font-size: 1em;
    cursor: pointer;
    transition: background 0.3s ease;
    box-shadow: none;
    outline: none;
    display: block;
    color: #333;
    font-weight: bold;
}

.faq-question:hover {
    background-color: #f9f9f9;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 15px;
    background-color: #f9f9f9;
    font-size: 0.95em;
    color: #555;
    border-top: 1px solid #ddd;
    transition: max-height 0.3s ease;
}

.faq-answer p {
    margin: 10px 0;
}

/* WhatsApp Button */
.whatsapp-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	vertical-align: middle;
  }
  
  .whatsapp-icon {
	width: 60px;
	height: 60px;
	transition: transform 0.3s ease;
  }
  
  .whatsapp-button:hover .whatsapp-icon {
	transform: scale(1.1);
  }
  
  /* Выравнивание по правой стороне */
  .form-button {
	display: flex;
	justify-content: flex-end;
	gap: 180px;
  }
  
  /* Адаптивный дизайн */
  @media (max-width: 768px) {
	.whatsapp-icon {
	  width: 55px;
	  height: 55px;
	}
  
	.form-button {
	  flex-direction: column;
	  align-items: center;
	  gap: 15px;
	}
  }
  
  @media (max-width: 480px) {
	.whatsapp-icon {
	  width: 55px;
	  height: 55px;
	}
  
	.form-button {
	  flex-direction: column;
	  align-items: center;
	  gap: 10px;
	}
  }

  .send-email-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D9534F;
    color: red;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 25px;
    border-radius: 15px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: transform 0.2s;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
}

.send-email-button:hover {
    transform: scale(1.05);
}

.send-email-button a {
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.email-icon {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.send-email-button {
    display: block;
    text-align: center;
    margin: 50px auto;
}

.footer .social-links li a {
    font-size: 30px; /* Задайте нужный размер */
    margin-right: 15px; /* Расстояние между иконками */
    transition: transform 0.3s;
}

.footer .social-links li a:hover {
    transform: scale(1.2); /* Эффект увеличения при наведении */
}

/* Главный заголовок (h1) */
.page-title {
	font-size: 32px;
	font-weight: regular;
	text-align: center;
	margin-bottom: 5px;
  }
  
  /* Подзаголовок (h2) */
  .page-subtitle {
	font-size: 24px;
	font-weight: regular;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #666;
  }
  
  /* Заголовки в карточках туров (h3) */
  .tour-title {
	font-size: 24px;
	font-weight: regular;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: none;
  }
  
  /* Адаптация для мобильных */
  @media (max-width: 768px) {
	.page-title {
	  font-size: 26px;
	  margin-bottom: 5px;
	}
  
	.page-subtitle {
	  font-size: 18px;
	  margin-top: 5px;
	  margin-bottom: 15px;
	}
  
	.tour-title {
	  font-size: 18px;
	}
  }

  .custom-h3 {
    font-size: 2.5em;     /* Размер шрифта */
    color: #8B3A3A;       /* Терракоттовый цвет */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Тень */
    letter-spacing: 1px;  /* Расстояние между буквами */
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
	
}

.faq-title {
    font-size: 24px; /* Стандартный размер */
    font-weight: regular;
    text-align: center; /* Выравнивание по центру */
    margin-bottom: 20px;
    color: #333; /* Цвет текста */
}

/* Медиа-запрос для мобильных устройств */
@media (max-width: 768px) {
    .faq-title {
        font-size: 20px; /* Уменьшенный размер для мобильных */
        padding: 0 15px; /* Добавляем отступы, чтобы текст не вылазил */
    }
}

#contact-tour-section {
    margin-top: 10px; /* Уменьшаем отступ сверху */
	padding: 20px;
	background: #ffffff;
}

@media (max-width: 768px) {
    #contact-tour-section {
        margin-top: 5px; /* Меньше отступа на мобильных */
    }
}

/* Секция email-бронирования */
.booking-email-section {
    text-align: center; /* Выравниваем по центру */
    margin-top: 40px;
    padding: 20px;
    background: #f9f9f9; /* Светло-серый фон */
    border-radius: 8px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Заголовок секции */
.booking-title {
    font-size: 24px;
    font-weight: bold;
    color: #8B3A3A; /* Терракотовый цвет */
    margin-bottom: 10px;
}

/* Текст под заголовком */
.booking-email-section p {
    font-size: 16px;
    color: #444;
    margin-bottom: 15px;
}

/* Кнопка email */
.booking-button {
    display: inline-flex;
    align-items: center;
    background: #8B3A3A; /* Терракотовый цвет */
    color: #fff;
    padding: 12px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background 0.3s ease;
    border: none;
    cursor: pointer;
}

/* Эффект наведения */
.booking-button:hover {
    background: #6e2e2e;
}

/* Иконка письма */
.booking-button img {
    width: 24px;
    height: 24px;
    margin-left: 10px;
}

/* Медиа-запрос для мобильных устройств */
@media (max-width: 768px) {
    .booking-email-section {
        padding: 15px;
        max-width: 90%;
    }

    .booking-title {
        font-size: 20px;
    }

    .booking-email-section p {
        font-size: 14px;
    }

    .booking-button {
        font-size: 16px;
        padding: 10px 15px;
    }

    .booking-button img {
        width: 20px;
        height: 20px;
    }
}

.sagrada-header h1 {
    padding-top: 10px !important;
    margin-bottom: 10px !important;
}

@media (max-width: 768px) {
    .sagrada-header h1 {
        padding-top: 5px !important;  /* Еще сильнее уменьшаем отступ сверху */
        margin-bottom: 5px !important; /* Сокращаем нижний отступ */
        font-size: 1.8rem !important; /* Немного уменьшаем шрифт для мобильных */
    }
}

.costa-brava-h2 {
    font-size: 30px; /* Увеличенный размер шрифта */
    font-weight: regular; /* Жирный шрифт */
    color: #8B3A3A; /* Глубокий красно-коричневый цвет */
    text-align: center; /* Выравнивание по центру */
    background: transparent; /* Светло-бежевый фон */
    padding: 10px 20px; /* Пространство вокруг текста */
    border-radius: 8px; /* Закругленные края */
    display: inline-block; /* Чтобы фон не занимал всю ширину */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Тень */
    letter-spacing: 1px;  /* Расстояние между буквами */
}

@media (max-width: 768px) {
    .costa-brava-h2 {
        font-size: 24px; /* Уменьшаем размер шрифта */
        padding: 6px 12px; /* Уменьшаем внутренние отступы */
        text-align: center; /* Центрируем текст */
        display: block; /* Делаем блочным */
        width: auto; /* Автоматическая ширина, чтобы не выходил за границы */
        line-height: 1.2; /* Уменьшаем межстрочный интервал */
        white-space: normal; /* Разрешаем перенос строк */
        word-wrap: break-word; /* Разрешаем перенос длинных слов */
    }
}

#gallery-page-title {
    font-size: 28px; /* Оптимальный размер заголовка */
    text-align: center; /* Центрируем */
	letter-spacing: 1px;  /* Расстояние между буквами */
    margin: 20px auto; /* Отступы сверху и снизу */
    padding: 10px; /* Внутренний отступ */
    line-height: 1.3; /* Уменьшаем межстрочный интервал */
    max-width: 90%; /* Делаем ширину адаптивной */
    background: white; /* Фон для улучшенной читаемости */
    display: inline-block; /* Делаем заголовок блочным, но компактным */
}

@media (max-width: 768px) {
    #gallery-page-title {
        font-size: 22px; /* Меньше шрифт для мобильных */
		letter-spacing: 1px;  /* Расстояние между буквами */
        padding: 5px; /* Оптимизированные отступы */
        margin-top: 15px; /* Корректируем отступ сверху */
    }
}