@import url('https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=cyrillic');

@font-face {
	font-family: "Rostelecom Basis Regular";
	src: url("/fonts/82fe5070fde20170ec8414053d0f340d.eot");
	src: url("/fonts/82fe5070fde20170ec8414053d0f340d.eot?#iefix") format("embedded-opentype"),
		url("/fonts/82fe5070fde20170ec8414053d0f340d.woff") format("woff"),
		url("/fonts/82fe5070fde20170ec8414053d0f340d.ttf") format("truetype"),
		url("/fonts/82fe5070fde20170ec8414053d0f340d.svg#Rostelecom Basis Regular") format("svg");
}

/* --------------- reset.css --------------- */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/* обнуляем отступы и убираем бордюры */
	vertical-align: baseline;
	/* приводим все к одной базовой линии */
	background: transparent;
	/* чтобы не проскакивали левые фоны, установленные по умолчанию */
	font-size: 100%;
	/* размер шрифта всем одинаковый */
	font-family: "Rostelecom Basis Regular" !important;
	font-style: normal;
}

a {
	/* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	outline: none;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
	text-decoration: none;
}

table {
	/* устраняем отступы между ячейками таблицы */
	border-collapse: collapse;
	border-spacing: 0;
}

td,
td img {
	vertical-align: top;
	/* возвращаем привычное вертикальное выравнивание */
}

input,
select,
button,
textarea {
	margin: 0;
	/* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
	font-size: 100%;
	/* делаем размер шрифтов везде одинаковым */
	outline: none;
}

input[type="text"],
input[type="password"],
textarea {
	padding: 0;
	/* убираем внутренние отступы для текстовых полей */
}

input[type="checkbox"] {
	/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}

input[type="radio"] {
	vertical-align: text-bottom;
}

sub {
	vertical-align: sub;
	font-size: smaller;
}

sup {
	vertical-align: super;
	font-size: smaller;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

nav ul {
	list-style: none;
}

/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
	min-height: 100%;
	width: 100%;
	/* всегда показываем вертикальную полосу прокрутки  */
}

body {
	text-align: left;
	min-height: 100%;
	width: 100%;
}

a:visited {
	/* порядок правил для ссылок имеет значение */
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:focus,
a:active {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding-bottom: 10px;
}

img {
	max-width: 100%;
}

.clear {
	clear: both;
}

.clearfix:after {
	clear: both;
	content: "";
	display: table;
}

a,
a:visited,
a:focus,
a:active {
	color: black;
}

a:hover {
	color: #01adc9;
}

td {
	border: 1px solid #e3e3e3;
	padding: 10PX;
	MARGIN: 0 auto;
}


h1 {
	font-size: 24px;

	font-weight: bold;
	text-transform: uppercase;
}

.breadcrumb li {
	display: inline;
	margin-right: 7px;
	margin-left: 7px;
}

.breadcrumb {
	margin-left: -7px;
}


body {
	font-size: 16px;
	color: black;
	/*font-family: 'PT Sans Caption', Arial, sans-serif;*/
	font-family: 'Rostelecom Basis Regular' !important;

	line-height: 1.25;
}









table.iksweb {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	height: auto;
}

table.iksweb,
table.iksweb td,
table.iksweb th {
	border: 1px solid #595959;
}

table.iksweb td,
table.iksweb th {
	padding: 3px;
	width: 30px;
	height: 35px;
}

table.iksweb th {
	background: #347c99;
	color: #fff;
	font-weight: normal;
}














.card__subtitle {
	font-family: Arkhip;
	font-size: 24px;
	color: #f2f2f2;
}

.card__text {
	margin-top: 12px;
	margin-bottom: 24px;
	font-size: 14px;
}

.card__caption {
	-webkit-transform: translateY(calc(100% - 27px));
	-ms-transform: translateY(calc(100% - 27px));
	transform: translateY(calc(100% - 27px));
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

@media (max-width:1199px) {
	.card__subtitle {
		font-size: 20px;
	}
}

@media (max-width:767px) {
	.card__subtitle {
		margin: 0;
	}

	.card__caption {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.mb100-80-60 {
	margin-bottom: 100px;
}

.camping__attractions-card {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

.camping__attractions-card::before,
.camping__attractions-card img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.camping__attractions-card img {
	object-fit: cover;
}

.camping__attractions-card::before {
	display: block;
	content: '';
	z-index: 2;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 44.77%, rgba(0, 0, 0, 0.80) 100%);
}

.camping__attractions-card::after {
	display: block;
	content: '';
	padding-top: 100%;
}

.camping__attractions-card.h-05-lg::after {
	padding-top: 49%;
}

.camping__attractions-card .card__caption {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 100%;
	transform: none;
	padding: 28px;
}

.camping__attractions-card .card__caption .card__text {
	margin-top: 8px;
}

.camping__attractions-card .card__caption .card__text:last-child {
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.mb100-80-60 {
		margin-bottom: 80px;
	}

	.camping__attractions-card.h-05-lg::after {
		padding-top: 100%;
	}
}

@media (max-width: 767px) {
	.mb100-80-60 {
		margin-bottom: 60px;
	}

	.camping__attractions-card .card__caption {
		padding: 0 16px 16px;
	}
}







/* PHOTO GALLERY SWIPER */
.photo-slider-wrap {
	position: relative;
	padding: 0 0 0px 0;
}

.photoGallerySwiper {
	overflow: hidden;
	border-radius: 12px;
}

.photoGallerySwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: 10px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.photoGallerySwiper .swiper-slide img:hover {
	transform: scale(1.03);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.photoGallerySwiper .swiper-button-next,
.photoGallerySwiper .swiper-button-prev {
	color: #485380;
	background: rgba(255, 255, 255, 0.85);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.photoGallerySwiper .swiper-button-next:after,
.photoGallerySwiper .swiper-button-prev:after {
	font-size: 18px;
	font-weight: bold;
}

.gallery-pagination {
	position: relative !important;
	bottom: auto !important;
	text-align: center;
	margin-top: 15px !important;
}

.gallery-pagination .swiper-pagination-bullet {
	background: #485380;
	opacity: 0.3;
	width: 10px;
	height: 10px;
}

.gallery-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #485380;
}



































/*ПРИБИТЫЙ ФУТЕР*/
html,
body {
	height: 100%;
}

.wrapper {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.content {
	display: table-row;
	height: 100%;
	width: 100%;
}

/* --------------- /базовые настройки ---------*/
.middle {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}

.iro-clear {
	display: block;
	min-height: 337px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.iro-clear-1 {
	display: block;
	min-height: 226px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.content-entry p {
	/* padding:10px 0px; */
	line-height: 1.8em;
}

.mobile-lang {
	display: none;
}

/*HEADER*/
.header-main-top {
	padding: 25px 0;
}

.header-top a {
	color: black;
}

.header-top .header-schema a:hover {
	color: #01adc9;
}

.header-top .header-slogan {
	margin-top: 10px;
}

.header-logo img {
	display: block;
	margin-top: 7px;
}

.header-top .header-slogan a {
	font-size: 14px;
	color: #85878b;
}

.header-top .header-messengers {
	margin-top: 10px;
	text-align: center;
}

.messenger-icons {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-bottom: 6px;
}

.messenger-icons a {
	display: inline-block;
	transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.messenger-icons a:hover {
	transform: scale(1.1) translateY(-2px);
}

.messenger-icons img {
	width: 32px;
	height: 32px;
	display: block;
	object-fit: contain;
}

#messenger-caption {
	display: block;
	font-size: 11px;
	color: #666;
	line-height: 1.3;
	text-transform: none;
	font-weight: 500;
}

.header-top .header-contacts {
	text-align: right;
}

.header-top .header-contacts {
	margin-top: 10px;
}

.header-top .header-contacts a {
	font-size: 17px;
	line-height: 21px;
	color: #222;
	font-weight: bold;
}

.header-top .header-contacts a span {
	color: #777581;
}

/*MENU*/

.header-main-menu {
	background: transparent;
	transition: all 0.3s ease;
}

.sticky-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: rgba(255, 255, 255, 0.90) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	animation: slideDownMenu 0.4s ease;
}

@keyframes slideDownMenu {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

.header-main-menu ul {
	font-size: 0;
}

.menu li {
	display: inline-block;
	position: relative;
	z-index: 100;
	font-size: 14px;
	font-weight: 700;
}

.menu li a {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 100;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

.menu>li>a {
	padding: 10px 20px;
	margin: 7px 8px;
	border-radius: 12px;
}

.menu>li>a:hover,
.menu>li:hover>a {
	background: #f0f3f8;
	color: #000000;
}

.menu ul {
	display: none;
	margin: 0;
	padding: 10px;
	width: 250px;
	position: absolute;
	top: 55px;
	left: 0px;
	background: #ffffff;
	border-radius: 16px;
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	border: 1px solid #f0f3f8;
}

.menu ul li {
	display: block;
	background: none;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
}

.menu ul li:last-child {
	margin-bottom: 0;
}

.menu ul li a {
	background: #fff;
	padding: 12px 18px;
	border-radius: 12px;
}

.menu ul li a:hover,
.menu ul li:hover>a {
	color: #000000;
	background: #f0f3f8;
}

.menu li:hover>ul {
	display: block;
}

.menu ul ul {
	left: 260px;
	top: 0px;
}

.menu li.has-children:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -3px;
	z-index: 1;
	display: block;
	width: 9px;
	height: 6px;
	background: url(images/menu-arrow.png) no-repeat;
}

/*SLIDER*/
.main-slider {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    min-width: 0;
    /* Вместо 24px 109px используем проценты */
    padding: 24px 7.5%; 
}

.slider {
	position: relative;
	max-width: 100%;
	min-width: 0;
}

.topSliderSwiper {
	border-radius: 24px;
}

.ind-image {
	width: 100%;
	margin: 0 auto;
	display: block;
	height: auto;
	border-radius: 24px;
}

.cbp-fwslider {
	position: relative;
	overflow: hidden;
	/*height: 410px;*/
}

.cbp-fwslider ul {

	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}

.cbp-fwslider ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;

}

.cbp-fwslider ul li>a,
.cbp-fwslider ul li>div {
	display: block;
	outline: none;
}

.cbp-fwslider ul li>a img {
	border: none;
	display: block;
	margin: 0 auto;
	max-width: 75%;
}

.cbp-fwslider nav span {
	position: absolute;
	top: 50%;
	width: 41px;
	height: 41px;
	font-size: 62px;
	text-align: center;
	margin-top: -20.5px;
	cursor: pointer;
	font-weight: normal;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.cbp-fwslider nav span:hover {
	opacity: 0.8;
}

.cbp-fwslider nav span.cbp-fwnext {
	right: 40px;
	background: url(images/right-arrow.png) no-repeat;
}

.cbp-fwslider nav span.cbp-fwprev {
	left: 40px;
	background: url(images/left-arrow.png) no-repeat;
}

.cbp-fwdots {
	position: absolute;
	bottom: 15px;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}

.cbp-fwdots span {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #fff;
	margin: 4px;
	border-radius: 50%;
	cursor: pointer;
}

.cbp-fwdots span:hover {
	background: #fff;
}

.cbp-fwdots span.cbp-fwcurrent {
	background: #fff;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

.slider {}

.cbp-fwslider ul li {
	overflow: hidden;
	text-align: left;
}

.cbp-fwslider img {
	float: left;
}

.sl-info {
	float: right;
	margin: 23px 0 0 0;
}

.enter-slide {
	max-width: 800px;
	margin: 66px auto 0 auto;
	overflow: hidden;
	color: #fff;
}

.enter-slide a,
.enter-slide p {
	color: #fff;
}

.enter-slide h3 {
	font-size: 34px;
	font-weight: bold;
	margin: 0 0 12px 0;
}

.sl-icon {
	padding: 0 0 0 26px;
	background: url(images/arrow-check.png) no-repeat left center;
}

.enter-slide p {
	line-height: 1;
	margin: 0 0 12px 0;
	font-size: 16px;
}

.enter-slide a {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 10px 33px;
	margin: 17px 0 0 0;
}

.enter-slide a:hover {
	background: rgba(255, 255, 255, 0.15);
}

/*TRIGGERS*/
.triggers {
	overflow: hidden;
	padding: 40px 0;
}

.trig-block {
	width: 20%;
	float: left;
	text-align: center;
}

.trig-block img {
	display: block;
	margin: 0 auto 18px auto;
}

/*USLUGI*/
.main-uslugi {
	background: #F0F3F8;
	padding: 40px 0;
	text-align: center;
}

.uslugi-block {
	margin-bottom: 25px;
}

.uslugi-block img {
	display: block;
	margin: 0 auto 20px auto;
	border-radius: 17%;
	-webkit-border-radius: 17%;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
	border: 8px solid #FFF;
}

.uslugi-block:hover img {
	opacity: 0.9;
}

.uslugi-block span {
	display: block;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #485380;
}

.uslugi-block a {
	color: #485380;
}

.uslugi-block a:hover {
	color: black;
}

.uslugi-block a p {
	color: black;
	margin-bottom: 10px;
}

.front-title {
	margin-bottom: 45px;
	text-align: center;
}

.front-title p {
	font-size: 26px;
	color: black;
	position: relative;
	padding-bottom: 20px;
	font-weight: bold;
}

.front-title p:after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 100px;
	height: 2px;
	background: #01adc9;
	z-index: 2;
	left: 50%;
	margin-left: -50px;
}

/*KURORT*/
.main-info {
	padding: 60px 0;
}

.info p.info-title {
	font-size: 26px;
	color: black;
	font-weight: 600;
	margin-bottom: 30px;
}

.info {
	line-height: 22px;
	color: black;
	font-size: 16px;
	overflow: hidden;
}

.info img {
	float: left;
	margin-right: 65px;
	display: block;
	border-radius: 17%;
}

.info p {
	margin-bottom: 10px;
}

/*MAPS*/


p.footer-company-logo a {
	color: #FFF;
}

.maps {
	position: relative;
}

.maps-block-text {
	position: absolute;
	top: 126px;
	left: 0;
	display: block;
	width: 330px;
	background: #313536;
	z-index: 9;
	border-radius: 8px;
}

.maps-block-text span {
	display: block;
	padding: 20px 25px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	background: #485380;
}

.maps-block-txt {
	padding: 22px 25px;
	color: #fff;
	overflow: hidden;
}

.maps-block-txt img {
	float: left;
	margin-right: 12px;
	border-radius: 8px;
}

.maps-block-txt p {
	margin-bottom: 20px;
}

.maps-block-txt a {
	color: #fff;
}

.footer-icon-maps {
	padding-left: 36px;
	background: url(images/footer-icon-maps.png) no-repeat;
}

.footer-icon-email {
	padding-left: 36px;
	background: url(images/footer-icon-email.png) no-repeat;
}




/*ЦЕНТРАЛЬНЫЙ БЛОК - ТУРЫ*/
.content-main .content-turi {
	overflow: hidden;
}

.card-turi {
	font-size: 14px;
	color: black;
	background: #F3F8F8;
	float: left;
	width: 22%;
	margin: 0 3% 32px 0%;
	border-bottom: 3px solid #c6ab5e;
	line-height: 17px;
}

.turi-thumb {
	position: relative;
}

.turi-thumb img {
	display: block;
	width: 100%;
}

.turi-thumb img:hover {
	opacity: 0.95;
}

.turi-time {
	display: inline-block;
	position: absolute;
	bottom: -14px;
	padding: 4px 12px;
	background: #cba857;
	color: #fff;
	border-radius: 4px;
	left: 50%;
	margin-left: -39px;
}

.turi-opis {
	padding: 25px 15px 0 15px;
	margin: 0 0 30px 0;

	overflow: hidden;
}

.turi-opis h3 {
	font-family: font-size: 21px;
	margin: 0 0 12px 0;
}

.turi-opis .turi-geo {
	padding-left: 17px;
	background: url(images/geo.png) left center no-repeat;
	margin: 7px 0 0 0;
}

.turi-price {
	color: #0041a8;
	font-size: 18px;
	font-family: 'Ossem-Regular';
	text-align: center;
	margin:
		0 0 14px 0;
}

.content-title.second {
	margin: 18px 0 20px 0;
}


/**
* Комментарии
*/

.comment {
	margin: 50px 0;
}

/**
* Форма комментариев
*/

.comment-form {
	/* margin-bottom: 40px; */
	/* padding: 30px 25px; */
	/* border: 1px solid #3A6E95; */
	position: relative;
	margin-top: 25px;
}

.comment-form__info {

	margin: 14px 0;
	color: #666;
}

.ticket-comment .ticket-avatar {

	border-radius: 7px;
}

.form-item {
	position: relative;
	margin-bottom: 20px;
}


.form-item__text {
	font-size: 12px;
	width: 240px;
	height: 40px;
	padding: 0 35px;
	color: #272e36;
	border: 3px solid #ededed;

	background: #ffffff;

}

.ya-share2 ul li:before {
	background-image: none;
}

.form-item_textarea .form-item__text {
	display: block;
	width: 100%;
	height: 130px;
	padding-top: 12px;
	padding-bottom: 12px;
	resize: none;
}

.form-item {
	margin: 0 3% 0 0;
	width: 31.33333%;
	float: left;

}

.form-item-city {
	margin: 0;
}

.form-item input {
	display: block;
	width: 100%;

	padding: 0 35px;
}

.form-item_textarea {
	width: 100%;
	margin: 20px 0 20px 0;
}


.form-item_email:before {
	right: auto;
	left: -5px;
}

.form-item_textarea:before {
	top: auto;
	right: 85px;
	bottom: -5px;
	margin-top: 0;
}

.btn_comment {
	float: right;
}

.logged-in .crfp-field {
	display: none;
}

.crfp-field {
	position: absolute;
	left: 25px;
	bottom: 30px;
	color: #272e36;
	font-size: 11px;
	font-weight: 600;
}

.crfp-field span.star-rating-control {
	margin: 0;
}





.button7 {
	font-weight: 700;
	line-height: 35px;
	text-decoration: none;
	color: #ffffff;
	padding: .8em 1em calc(.8em + 3px);
	border-radius: 3px;
	background: rgb(64, 199, 129);
	box-shadow: 0 -3px rgb(53, 167, 110) inset;
	transition: 0.2s;
	border: none;
	padding: 0px 20px !important;
}



.button7:hover {
	background: rgb(53, 167, 110);
	color: #ffffff !important;
}

.button7:active {
	background: rgb(33, 147, 90);
	box-shadow: 0 3px rgb(33, 147, 90) inset;
	color: #ffffff !important;
}


.ter1 {
	background: url(images/form-name.png) no-repeat 10px center;
}


.ter2 {
	background: url(images/form-mail.png) no-repeat 10px center;
}

#city {
	background: url(images/city.png) no-repeat 10px center;
}

.ter3 {
	background: url(images/form-com.png) no-repeat 10px 10px;
	padding: 10px 35px;

}

.ec-error {
	font-size: 12px !important;
	color: red !important;
}

.ec-rating-description {
	font-size: 13px !important;
	color: #376B92 !important;
	font-weight: bold !important;
}

.yyyyy {

	margin-bottom: 20px;

}

.clr {
	clear: both;

}






.ec-rating-description {
	float: left;
	padding-top: 1px;
	color: #999;
}

.ec-rating-stars {
	float: left;
	margin-right: 20px;
}



.ec-message {

	background-color: #F7FAFC !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.comment-form input:focus,
.comment-form textarea:focus {
	border: 3px solid #C4C4C4;
}

/**
* Список комментариев
*/

.comment-list {
	margin-bottom: 40px;
}

.comment-item {
	margin-bottom: 25px;
}

.comment-item__info {
	margin-bottom: 15px;
}

.comment-item__autor {

	font-weight: 600;
	line-height: 18px;
	float: left;
	color: #272e36;
}

.comment-item__date {
	font-size: 11px;
	font-weight: 600;
	line-height: 18px;
	float: right;
	color: #9baaa4;
}

.comment-item__content {
	font-size: 12px;
	font-weight: 400;
	line-height: 17px;
	padding: 20px;
	color: #272e36;
	border-top: 1px dashed #b2d5c8;
	border-bottom: 1px dashed #b2d5c8;
	background-color: #f5f9f8;
	-webkit-box-shadow: 0 1px 0 #ffffff inset, 0 -1px 0 #ffffff inset;
	box-shadow: 0 1px 0 #ffffff inset, 0 -1px 0 #ffffff inset;
}

.comment-item__content p {
	margin: 17px 0;
}

.comment-item__content p:first-child {
	margin-top: 0;
}

.comment-item__content p:last-child {
	margin-bottom: 0;
}



















/*FOOTER BENTO*/
.footer-bento-wrapper {
	background: transparent;
	padding: 0;
	font-family: 'Rostelecom Basis Regular', sans-serif;
}

.footer-bento-main-card {
	margin: 0 24px;
	background: linear-gradient(135deg, #485380 0%, #323A59 100%);
	border-radius: 36px 36px 0 0;
	padding: 50px 40px;
	color: #fff;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);
}

.footer-bento-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 40px;
}

.footer-col {
	display: flex;
	flex-direction: column;
}

.footer-about {
	grid-column: span 4;
}

.footer-about p {
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.6;
	font-size: 15px;
}

.bento-logo-title {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #fff;
}

.footer-nav {
	grid-column: span 2;
}

.footer-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 24px;
	color: #fff;
	display: inline-block;
}

.footer-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-nav li {
	margin-bottom: 14px;
}

.footer-nav a {
	color: rgba(255, 255, 255, 0.85);
	font-size: 15px;
	transition: color 0.2s ease, padding-left 0.2s ease;
}

.footer-nav a:hover {
	color: #01adc9;
	text-decoration: none;
	padding-left: 6px;
}

.footer-contacts {
	grid-column: span 3;
}

.contact-line {
	display: flex;
	align-items: flex-start;
	margin-bottom: 18px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.5;
}

.c-icon {
	margin-right: 12px;
	font-size: 20px;
	opacity: 0.9;
}

.contact-line a {
	color: rgba(255, 255, 255, 0.85);
	font-weight: 500;
	transition: color 0.2s ease;
}

.contact-line a:hover {
	color: #01adc9;
	text-decoration: none;
}

.footer-socials {
	grid-column: span 3;
}

.footer-soc-desc {
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	margin-bottom: 24px;
	line-height: 1.5;
}

.f-soc-new {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.soc-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 14px;
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.soc-item:hover {
	background: #01adc9;
	transform: translateY(-5px) scale(1.1);
	border-color: rgba(1, 173, 201, 0.3);
	box-shadow: 0 10px 20px rgba(1, 173, 201, 0.2);
}

.soc-item img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	transition: filter 0.3s ease;
}

.soc-item:hover img {
	filter: brightness(0) invert(1);
}

/* FOOTER CALLBACK BUTTON */
.footer-callback-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 24px;
	background: #01adc9;
	color: #fff !important;
	padding: 14px 24px;
	border-radius: 14px;
	font-weight: 700;
	font-size: 15px;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	box-shadow: 0 10px 20px rgba(1, 173, 201, 0.2);
}

.footer-callback-btn:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 0 15px 30px rgba(1, 173, 201, 0.3);
	background: #0099b1;
}

.footer-callback-btn i {
	font-size: 18px;
}

/* MODAL STYLES */
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(15, 23, 42, 0.8);
	backdrop-filter: blur(12px);
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.modal-overlay.active {
	opacity: 1;
	visibility: visible;
}

.modal-content-wrapper {
	width: 90%;
	max-width: 850px;
	background: #ffffff;
	border-radius: 40px;
	overflow: hidden;
	position: relative;
	transform: perspective(1000px) rotateX(10deg) translateY(50px);
	transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	box-shadow: 0 50px 100px rgba(0, 0, 0, 0.3);
}

.modal-overlay.active .modal-content-wrapper {
	transform: perspective(1000px) rotateX(0deg) translateY(0);
}

.modal-close-btn {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 44px;
	height: 44px;
	background: #f1f5f9;
	border: none;
	border-radius: 15px;
	font-size: 24px;
	color: #64748b;
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s ease;
}

.modal-close-btn:hover {
	background: #ef4444;
	color: #fff;
	transform: rotate(90deg);
}

.modal-body {
	display: flex;
	min-height: 500px;
}

.modal-side-visual {
	flex: 1;
	padding: 0;
	color: #fff;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.visual-bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/assets/images/resources/16/mg-0620.jpg');
	background-size: cover;
	background-position: center;
	z-index: 1;
	transition: transform 6s ease;
}

.modal-overlay.active .visual-bg-image {
	transform: scale(1.1);
}

.visual-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(50, 58, 89, 0.95) 0%, rgba(15, 23, 42, 0.7) 100%);
	z-index: 2;
}

.visual-content {
	position: relative;
	z-index: 3;
	padding: 60px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.visual-deco {
	position: absolute;
	width: 250px;
	height: 250px;
	background: #01adc9;
	filter: blur(100px);
	border-radius: 50%;
	top: -100px;
	left: -100px;
	opacity: 0.3;
	pointer-events: none;
}

.modal-side-visual h3 {
	font-size: 56px;
	font-weight: 900;
	line-height: 0.95;
	margin-bottom: 24px;
	letter-spacing: -0.04em;
	text-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.m-subtitle {
	font-size: 17px;
	opacity: 0.9;
	line-height: 1.5;
	margin-bottom: 48px;
	font-weight: 500;
	max-width: 280px;
}

.modal-contact-details {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.m-detail-item {
	display: flex;
	align-items: center;
	gap: 20px;
}

.m-detail-item i {
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #01adc9;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.toast-content { font-weight: 600; font-size: 15px; color: #323A59; }

/* Consent Checkbox Styling */
.form-consent, .modal-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #64748b;
    line-height: 1.4;
    text-align: left;
}

.form-consent input, .modal-consent input {
    margin-top: 3px;
    cursor: pointer;
}

.form-consent a, .modal-consent a {
    color: #01adc9;
    text-decoration: underline;
}

.form-consent a:hover, .modal-consent a:hover {
    text-decoration: none;
}

.f-policy a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    transition: color 0.2s ease;
}

.f-policy a:hover {
    color: #01adc9;
    text-decoration: none;
}

/* Header Phone Circle Icon */
.h-phone-circle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #01adc9;
    border-radius: 50%;
    color: #fff !important;
    font-size: 14px;
    transition: all 0.3s ease;
}

.h-phone-circle:hover {
    background: #0099b1;
    transform: scale(1.1);
    text-decoration: none;
}
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.m-detail-text span {
	display: block;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #01adc9;
	margin-bottom: 4px;
}

.m-detail-text p {
	margin: 0 !important;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: #fff !important;
	opacity: 1 !important;
}

.modal-form-side {
	flex: 1.2;
	padding: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.modal-form-side h2 {
	font-size: 36px;
	font-weight: 800;
	color: #0f172a;
	margin-bottom: 12px;
	letter-spacing: -0.02em;
}

.modal-form-side p {
	color: #64748b;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 40px;
}

.form-group {
	margin-bottom: 24px;
}

.form-group label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #94a3b8;
	margin-bottom: 8px;
}

.form-group input {
	width: 100%;
	background: #f8fafc;
	border: 2px solid #f1f5f9;
	padding: 16px 20px;
	border-radius: 16px;
	font-size: 16px;
	color: #0f172a;
	transition: all 0.3s ease;
	outline: none;
}

.form-group input:focus {
	border-color: #01adc9;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(1, 173, 201, 0.1);
}

.modal-submit-btn {
	width: 100%;
	background: #0f172a;
	color: #fff;
	border: none;
	padding: 18px;
	border-radius: 18px;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	margin-top: 10px;
}

.modal-submit-btn:hover {
	background: #01adc9;
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(1, 173, 201, 0.25);
}

.modal-security {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 24px;
	font-size: 13px;
	color: #94a3b8;
}

.modal-security i {
	color: #22c55e;
}

@media (max-width: 768px) {
	.modal-body {
		flex-direction: column;
	}
	.modal-side-visual {
		padding: 40px;
		min-height: auto;
	}
	.modal-side-visual h3 {
		font-size: 36px;
	}
	.modal-form-side {
		padding: 40px;
	}
	.modal-content-wrapper {
		max-height: 90vh;
		overflow-y: auto;
		border-radius: 30px;
	}
}


.footer-bottom-info {
	grid-column: span 12;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-top: 30px;
	margin-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.f-copy p {
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
}

.f-dev a {
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	transition: color 0.2s ease;
}

.f-dev a:hover {
	color: #01adc9;
	text-decoration: none;
}

#f_ws {
	opacity: 0.6;
}

/* RESPONSIVE FOOTER */
@media (max-width: 1024px) {
	.footer-bento-grid {
		grid-template-columns: repeat(6, 1fr);
	}

	.footer-about {
		grid-column: span 6;
	}

	.footer-nav {
		grid-column: span 2;
	}

	.footer-contacts {
		grid-column: span 4;
	}

	.footer-socials {
		grid-column: span 6;
	}
}

@media (max-width: 768px) {
	.footer-bento-wrapper {
		padding: 0;
	}

	.footer-bento-main-card {
		margin: 0 16px;
		border-radius: 24px;
		padding: 30px 20px;
	}

	.footer-bento-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.footer-about,
	.footer-nav,
	.footer-contacts,
	.footer-socials {
		grid-column: 1 / -1;
	}

	.footer-bottom-info {
		grid-column: span 1;
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}
}

/*BUTTON TOP*/
/*BUTTON TOP
#toTop {
	background: #01adc9 url(images/arrow-top.png) center 14px no-repeat;
	text-align: center;
	position: fixed;
	border-radius: 16px;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: none;
	color: transparent;
	font-size: 0;
	box-shadow: 0 8px 25px rgba(1, 173, 201, 0.4);
	transition: background-color 0.3s ease, transform 0.3s ease;
	z-index: 1000;
}

#toTop:hover {
	background-color: #018fa6;
	transform: translateY(-4px);
}

#toTop>span {
	display: none;
}
*/

/*GALLERY*/
.main-gallery {
	padding: 48px 0 0 0;
}

.main-gallery .row {
	margin-left: -2px;
	margin-right: -2px;
}

.main-gallery .col-sm-3 {
	padding-left: 2px;
	padding-right: 2px;
}

.tiles {
	color: #fff;
}

.tiles .tile {
	display: inline-block;
	text-align: left;
	opacity: .99;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}

.tiles .tile:before {
	content: '';
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
	width: 100%;
	height: 50%;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	-webkit-transition-property: top, opacity;
	transition-property: top, opacity;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.tiles .tile img {
	display: block;
	max-width: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.tiles .tile .details {
	font-size: 16px;
	padding: 20px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
}

.tiles .tile .details span {
	display: block;
	opacity: 0;
	position: relative;
	top: 100px;
	-webkit-transition-property: top, opacity;
	transition-property: top, opacity;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.tiles .tile .details .title {
	line-height: 1;
	font-weight: 600;
	font-size: 18px;
}

.tiles .tile .details .info-gallery {
	line-height: 1.2;
	margin-top: 5px;
	font-size: 12px;
}

.tiles .tile:focus:before,
.tiles .tile:focus span,
.tiles .tile:hover:before,
.tiles .tile:hover span {
	opacity: 1;
}

.tiles .tile:focus:before,
.tiles .tile:hover:before {
	top: 50%;
}

.tiles .tile:focus span,
.tiles .tile:hover span {
	top: 0;
}

.tiles .tile:focus .title,
.tiles .tile:hover .title {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.tiles .tile:focus .info-gallery,
.tiles .tile:hover .info-gallery {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

/*BOTTOM SLIDER CONTENT*/
.main-content {
	padding-top: 25px;
}

.main-content .row {
	margin-left: -15px;
	margin-right: -15px;
}

.main-content .row .col-sm-4 {
	padding-left: 5px;
	padding-right: 5px;
}

.view {
	height: 100%;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	margin-bottom: 13px;
	cursor: default;
	background: #fff;
	border-radius: 10px;
}

.view .mask,
.view .content {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.view img {
	display: block;
	position: relative;
}

.view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: #485380;
	margin: 96px 0 0 0;
	font-weight: bold;
}

.view p {
	font-size: 13px;
	position: relative;
	color: #fff;
	padding: 10px 20px 20px;
	text-align: center;
	line-height: 1.5;
}

.view a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 1px #000;
	-moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
}

.view a.info: hover {
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}

.view-first img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.view-first .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.view-first h2 {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.view-first p {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	margin-top: 20px;
}

.view-first:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.view-first a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.view-first:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.view-first:hover p {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.view-first:hover a.info {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}






/* MAIN CATEGORIES - REDESIGN */
.main-categories {
    padding: 60px 0 40px;
    background: #ffffff;
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding: 0;
}

.category-card {
    position: relative;
    height: 440px;
    border-radius: 28px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-decoration: none !important;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.category-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.category-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(50, 58, 89, 0) 0%, rgba(50, 58, 89, 0.2) 40%, rgba(50, 58, 89, 0.85) 100%);
    z-index: 2;
    transition: opacity 0.4s ease;
}

.category-content {
    position: relative;
    z-index: 3;
    padding: 35px;
    color: #fff;
    transform: translateY(0);
    transition: transform 0.4s ease;
}

.category-content h3 {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 12px 0;
    color: #fff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.2);
    line-height: 1.2;
}

.category-content p {
    font-size: 17px;
    opacity: 0.95;
    margin: 0 0 25px 0 !important;
    line-height: 1.5;
    color: #fff !important;
    max-width: 90%;
}

.category-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #fff;
    transition: gap 0.3s ease;
}

.category-link i {
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Hover effects */
.category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(50, 58, 89, 0.15);
}

.category-card:hover .category-image img {
    transform: scale(1.1);
}

.category-card:hover .category-link {
    gap: 15px;
}

.category-card:hover .category-link i {
    transform: translateX(5px);
}

@media (max-width: 1199px) {
    .category-content h3 { font-size: 28px; }
    .category-card { height: 380px; }
}

@media (max-width: 991px) {
    .categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .main-categories { padding: 40px 0 20px; }
}

@media (max-width: 767px) {
    .categories-grid {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }
    .category-card {
        height: 340px;
        border-radius: 24px;
    }
    .category-content { padding: 25px; }
}

/*ADD NEW STYLES*/
.maps-block {
	height: 490px;
}

.mobile-header,
.mobile-menu {
	display: none;
}

@media (min-width: 992px) {
	.col-md-20 {
		width: 20%;
	}

}

@media only screen and (max-width:1150px) {
	.footer {
		background: #485380;
		width: 100% !important;
	}

	.header-main-top {
		padding: 25px 15px;
	}

	.middle {
		padding: 0 0 0 0;
		max-width: 100% !important;
	}

	.content-entry {
		padding: 25px 3% 3% 3%;
		width: 97%;
	}

	.main-content {
		padding: 0 0 0 0 !important;
		width: 100%;



	}

	.main-uslugi {
		padding: 40px 15px;
	}

	.main-gallery {
		padding: 48px 17px 0 15px;
	}

	.main-info {
		padding: 60px 15px;
	}

	.maps-block-text {
		left: 48px;
	}

	.footer-main-top {
		padding: 65px 15px;
	}

	.footer-main-bottom {
		padding: 20px 15px 7px 15px;
	}
}




.carousel1 {
	position: relative;
	width: 100%;
	padding: 10px 40px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #eee;
}

.carousel1 img {
	width: 250px;
	height: auto;
	/* по умолчанию inline, в ряде браузеров это даст лишнее пространство вокруг элементов */
	margin: 10px;

	display: block;
}

.arrow {
	position: absolute;
	top: 120px;
	padding: 0;
	width: 40px;
	height: 40px;
	border: none;

	font-size: 24px;
	line-height: 24px;
	color: #444;
	display: block;
}

.arrow:focus {
	outline: none;
}

.arrow:hover {
	opacity: 0.5;
	cursor: pointer;
}

.prev {
	left: 2px;
	background: url(images/prv.png) no-repeat;
}

.next {
	right: -2px;
	background: url(images/nxt.png) no-repeat;
}

.gallery1 {
	width: 100%;
	overflow: hidden;
}

.gallery1 ul {
	height: auto;
	width: 9999px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	/* transition: margin-left 250ms;*/
	/* remove white-space between inline-block'ed li */
	/* http://davidwalsh.name/remove-whitespace-inline-block */

	font-size: 0;
}

.gallery1 li {
	display: inline-block;
}

@media only screen and (max-width:1000px) {


	.iro-mobi-page img {
		width: 100% !important;
		height: auto !important;
		margin-bottom: 10px;
		margin-left: 0 !important;
		margin-right: 0 !important;

	}

	.iro-mobi-page p:empty {
		/*height:auto !important;
      margin:0 !important;
      display:none !important;*/
		line-height: 0 !important;

	}


	.carousel1 {
		position: relative;
		width: 380px;
		padding: 10px 40px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		background: #eee;
	}

	.carousel1 img {
		width: 100%;
		height: 250px;
		/* по умолчанию inline, в ряде браузеров это даст лишнее пространство вокруг элементов */
		margin: 10px;

		display: block;
	}


	.gallery1 {
		width: 100%;
		overflow: hidden;
	}

	.gallery1 ul {
		height: 250px;
		width: 9999px;
		margin: 0;
		padding: 0;
		list-style: none;
		transition: margin-left 250ms;
		/* remove white-space between inline-block'ed li */
		/* http://davidwalsh.name/remove-whitespace-inline-block */

		font-size: 0;
	}

	.gallery1 li {
		display: inline-block;
	}























	.main-slider {
		margin-top: 50px;
		height: auto;
		width: 100%;
		padding: 0;
	}

	.cbp-fwslider {
		height: auto;
	}

	.slider {
		width: 100%;
		height: auto;
	}

	.topSliderSwiper,
	.topSliderSwiper .ind-image {
		border-radius: 0;
	}

	.main-slider~.main-content .content-entry {
		padding-top: 0;
	}

	.main-slider~.main-content .content-entry .p1-b {
		margin-top: 0;
	}

	.middle {
		max-width: 100% !important;
		margin: 0 auto;
	}

	.card-turi {
		font-size: 14px;
		color: black;
		background: #F3F8F8;
		float: left;
		width: 50%;
		margin: 0 3% 32px 0%;
		border-bottom: 3px solid #c6ab5e;
		line-height: 17px;
	}

	.view-first .mask {
		-ms-filter: none;
		filter: none;
		opacity: 1;
		background-color: rgba(0, 0, 0, 0) !important;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	.header-main-menu,
	.header-main-top {
		display: none;
	}

	.col-sm-2.to-top {
		display: none;
	}

	.footer-top .col-sm-4,
	.footer-top .col-sm-3 {
		width: 33.33333%;
		float: left;
	}

	.maps-block-text {
		display: none;
	}

	.main-header {
		display: none;
	}

	.mobile-header {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10000;
		background: #fff;
		padding: 0 15px;
		height: 60px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
		box-sizing: border-box;
	}

	.mobile-logo {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0;
	}

	.mobile-logo-link {
		display: flex;
		align-items: center;
		height: 40px;
		width: auto;
	}

	.mobile-logo-link img {
		height: 40px !important;
		width: auto !important;
		display: block;
		margin: 0 !important;
		object-fit: contain;
	}

	.mobile-actions {
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.mobile-langs {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.mobile-langs img {
		height: 20px;
		width: 28px;
		object-fit: cover;
		border: 1px solid #eee;
		border-radius: 2px;
		display: block;
	}

	#mobile-menu-container {
		display: block;
	}

	.mobile-header .slicknav_menu {
		background: transparent !important;
		padding: 0 !important;
		display: inline-block !important;
		width: auto !important;
		vertical-align: middle;
	}

	.mobile-header .slicknav_btn {
		background: transparent !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		float: none !important;
		position: relative !important;
		top: auto !important;
		right: auto !important;
		width: 44px !important;
		height: 44px !important;
		z-index: 10 !important;
		border: none !important;
	}

	/* Reliable CSS Burger Icon */
	.mobile-header .slicknav_btn::before {
		content: "" !important;
		display: block !important;
		width: 24px !important;
		height: 2px !important;
		background: #323A59 !important;
		box-shadow: 0 7px 0 #323A59, 0 14px 0 #323A59 !important;
		transform: translateY(-7px) !important;
	}

	.mobile-header .slicknav_icon {
		display: none !important; /* Hide original bars as we use CSS one */
	}

	.mobile-menu {
		display: none;
	}

	.slicknav_nav {
		background: #323A59 !important; /* Good contrasting background */
		position: fixed !important;
		top: 60px !important;
		left: 0 !important;
		width: 100vw !important;
		z-index: 9999 !important;
		box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	}

	.slicknav_nav a {
		padding: 12px 25px !important;
		border-bottom: 1px solid rgba(255,255,255,0.05) !important;
	}

	a.mobile-phone {
		font-size: 21px;
		line-height: 21px;
		color: #222;
		font-weight: bold;
		position: absolute;
		left: 50%;
		margin-left: -95.5px;
		top: 21px;
	}
}

.mobi-img-100 {}

.p1-b {
	float: left;
	width: 40%;
	background: #F0F3F8;
	margin: 20px 0 20px 0;
	line-height: 1.9em;
	font-size: 26px;
	color: black;
	text-align: center;
	display: block;
	height: 100px;
}

.mobi-ins {
	margin-left: 85px;
	margin-top: -30px;
	position: relative;
	top: -12.5px;
	display: inline-block;
}

.mobi-ins:hover {
	opacity: 0.7;
}

.mobi-phone {
	width: 25px;
	margin-right: 5px;
	border-radius: 8px;
}

.mobi-phone:hover {
	opacity: 0.7;
}



@media only screen and (max-width:768px) {
	body {
		padding-top: 60px !important;
		margin: 0 !important;
	}
	.mobile-lang {
		display: block;
	}

	.mobi-ins {
		margin-left: 60px;
	}

	.main-slider {
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
		height: auto;
	}

	.slider {
		width: 100%;
		height: auto;
	}

	.topSliderSwiper,
	.topSliderSwiper .ind-image {
		border-radius: 0;
	}

	.main-gallery {
		padding: 30px 0 0 0;
		display: block;
		margin-top: 40px;
	}

	.front-title {
		margin-bottom: 25px;
	}

	.front-title p {
		font-size: 22px;
		padding-bottom: 12px;
	}

	.p1-b {
		float: none;
		width: 100% !important;
		background: #f1f1f1;
		margin: 0 0 20px 0;
		line-height: 1.9em;
		font-size: 26px;
		color: black;
		text-align: center;
		display: block;
		height: 100px;
	}

	.mobi-img-100 {
		width: 100%;
		display: block;
		height: 100px;
		margin: 10px 0 10px 0;
	}

	.footer-top .col-sm-4,
	.footer-top .col-sm-3 {
		width: auto;
		float: none;
		margin-bottom: 40px;
	}

	.card-turi {
		font-size: 14px;
		color: black;
		background: #F3F8F8;
		float: left;
		width: 50%;
		margin: 0 3% 32px 0%;
		border-bottom: 3px solid #c6ab5e;
		line-height: 17px;
	}

	.view-first .mask {
		-ms-filter: none;
		filter: none;
		opacity: 1;
		background-color: rgba(0, 0, 0, 0) !important;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	.footer-top {
		text-align: center;
	}

	.footer-logo img {
		margin-right: auto;
		margin-left: auto;
	}

	.footer-title:after {
		left: 50%;
		margin-left: -35px;
	}

	.footer-main-top {
		padding: 40px 15px 0px 15px;
	}

	.footer-bottom,
	.footer-copy {
		text-align: center;
	}

	.footer-copy {
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.view img {
		width: 100%;
	}

	.content-entry .row .col-sm-4 {
		margin-bottom: 25px;
	}

	.view-first .mask {
		-ms-filter: none;
		filter: none;
		opacity: 1;
		background-color: rgba(0, 0, 0, 0) !important;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	.view-first h2,
	.view-first p,
	.view-first:hover h2,
	.view-first:hover p,
	.view-first:hover a.info {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		-ms-filter: none;
		filter: none;
		opacity: 1;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	.view-first:hover p {
		-webkit-transition-delay: none;
		-moz-transition-delay: none;
		-o-transition-delay: none;
		-ms-transition-delay: none;
		transition-delay: none;
	}

	.view {
		float: none;
	}

	.view h2 {
		margin-top: 31%;
	}

	.trig-block {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}

	.triggers {
		padding: 20px 0 10px 0;
	}

	.uslugi-block {
		float: none;
		width: auto;
		margin-bottom: 50px;
	}

	.main-uslugi {
		padding-bottom: 20px;
	}

	.tiles .tile {
		display: inline-block;
		text-align: left;
		opacity: .99;
		overflow: hidden;
		position: relative;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
	}

	.tiles .tile:before {
		content: '';
		background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
		background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
		width: 100%;
		height: 50%;
		opacity: 1;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 2;
		-webkit-transition-property: none;
		transition-property: none;
		-webkit-transition-duration: none;
		transition-duration: none;
	}

	.tiles .tile img {
		display: block;
		max-width: 100%;
		backface-visibility: none;
		-webkit-backface-visibility: none;
	}

	.tiles .tile .details {
		font-size: 16px;
		padding: 20px;
		color: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 3;
	}

	.tiles .tile .details span {
		display: block;
		opacity: 1;
		position: relative;
		top: 1;
		-webkit-transition-property: none;
		transition-property: none;
		-webkit-transition-duration: none;
		transition-duration: none;
		-webkit-transition-delay: none;
		transition-delay: none;
	}

	.tiles .tile .details .title {
		line-height: 1;
		font-weight: 600;
		font-size: 18px;
	}

	.tiles .tile .details .info-gallery {
		line-height: 1.2;
		margin-top: 5px;
		font-size: 12px;
	}

	.tiles .tile:focus:before,
	.tiles .tile:focus span,
	.tiles .tile:hover:before,
	.tiles .tile:hover span {
		opacity: 1;
	}

	.tiles .tile:focus:before,
	.tiles .tile:hover:before {
		top: 50%;
		opacity: 1 !important;
	}

	.tiles .tile:focus span,
	.tiles .tile:hover span {
		top: 50%;
	}

	.tiles .tile:focus .title,
	.tiles .tile:hover .title {
		-webkit-transition-delay: none;
		transition-delay: none;
	}

	.tiles .tile:focus .info-gallery,
	.tiles .tile:hover .info-gallery {
		-webkit-transition-delay: none;
		transition-delay: none;
	}

	.info img {
		margin-right: 30px;
		margin-bottom: 20px;
	}


}


@media only screen and (max-width:600px) {
	.mobi-ins {
		margin-left: 60px;
	}

	.main-slider {

		width: 100%;

	}

	.mobi-img-100 {
		width: 100%;
		height: 80px;
	}

	.p1-b {
		float: left;
		width: 100% !important;
		background: #f1f1f1;
		margin: 20px 0 20px 0;
		line-height: 1.9em;
		font-size: 26px;
		color: black;
		text-align: center;
		display: block;
		height: 100px;
	}

	.slider {
		width: 100%;
	}

	.card-turi {
		font-size: 14px;
		color: black;
		background: #F3F8F8;
		float: left;
		width: 50%;
		margin: 0 3% 32px 0%;
		border-bottom: 3px solid #c6ab5e;
		line-height: 17px;
	}

	.view-first .mask {
		-ms-filter: none;
		filter: none;
		opacity: 1;
		background-color: rgba(0, 0, 0, 0) !important;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	.info img {
		display: block;
		margin: 0 auto;
		float: none;
	}

	.info p {
		margin-top: 30px;
	}

	.info p.info-title {
		text-align: center;
		margin-bottom: 40px;
	}

	.main-info {
		padding: 30px 15px 40px 15px;
	}

	a.mobile-phone {
		margin-left: -45.5px;
	}

	.mobile-logo-link img {
		height: 36px !important;
	}


}

@media only screen and (max-width:480px) {
	.mobi-ins {
		margin-left: 60px;
	}

	.main-slider {
		width: 100%;
		padding: 0;
		height: auto;
	}

	.topSliderSwiper,
	.topSliderSwiper .ind-image {
		border-radius: 0;
	}

	.p1-b {
		float: left;
		width: 100% !important;
		background: #f1f1f1;
		margin: 0 0 20px 0;
		line-height: 1.9em;
		font-size: 26px;
		color: black;
		text-align: center;
		display: block;
		height: 100px;
	}

	.mobi-img-100 {
		width: 100%;
		height: 80px;
	}

	.slider {
		width: 100%;
	}

	.card-turi {
		font-size: 14px;
		color: black;
		background: #F3F8F8;
		float: left;
		width: 100%;
		margin: 0 3% 32px 0%;
		border-bottom: 3px solid #c6ab5e;
		line-height: 17px;
	}

	.view-first .mask {
		-ms-filter: none;
		filter: none;
		opacity: 1;
		background-color: rgba(0, 0, 0, 0) !important;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	.cbp-fwslider nav span.cbp-fwnext {
		right: 15px;
	}

	.cbp-fwslider nav span.cbp-fwprev {
		left: 14px;
	}

	.cbp-fwslider ul li {
		height: 265px;
	}

	.cbp-fwdots {
		display: none;
	}

	.mobile-header {
		padding: 0 10px;
		height: 54px;
	}

	body {
		padding-top: 54px !important;
	}

	.mobile-logo-link img {
		height: 30px !important;
	}

	.maps-block {
		height: 250px;
	}

	a.mobile-phone {
		font-size: 18px;
		margin-left: -33.5px;
	}
}

@media only screen and (max-width:400px) {
	.card-turi {
		font-size: 14px;
		color: black;
		background: #F3F8F8;
		float: left;
		width: 100%;
		margin: 0 3% 32px 0%;
		border-bottom: 3px solid #c6ab5e;
		line-height: 17px;
	}

	.view-first .mask {
		-ms-filter: none;
		filter: none;
		opacity: 1;
		background-color: rgba(0, 0, 0, 0) !important;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	a.mobile-phone {
		display: none;
	}

	.mobile-logo-link img {
		height: 28px !important;
	}
}

@media only screen and (max-width:360px) {
	.card-turi {
		font-size: 14px;
		color: black;
		background: #F3F8F8;
		float: left;
		width: 100%;
		margin: 0 3% 32px 0%;
		border-bottom: 3px solid #c6ab5e;
		line-height: 17px;
	}

	.view-first .mask {
		-ms-filter: none;
		filter: none;
		opacity: 1;
		background-color: rgba(0, 0, 0, 0) !important;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	.view h2 {
		margin-top: 15%;
	}

	.mobile-logo-link img {
		height: 24px !important;
	}

	body {
		padding-top: 48px !important;
	}

	.mobile-header {
		height: 48px;
	}

	.mobile-header .slicknav_btn {
		width: 40px !important;
		height: 40px !important;
	}

	.mobile-actions {
		gap: 10px;
	}

	.mobile-langs {
		gap: 4px;
	}

	.mobile-langs img {
		width: 24px;
		height: 16px;
	}
}

/*SLIDER GALLERY*/
.sl_ctr {
	position: relative;
	width: 100%;
	height: 350px;
	overflow: hidden;
}

.sldr {
	position: relative;
	width: 10000px;
	height: 350px;
}

.sldr a img {
	float: left;
}

.prv_b,
.nxt_b {
	position: absolute;
	top: 135px;
	display: block;
	width: 35px;
	height: 35px;
	cursor: pointer;
}

.prv_b:hover,
.nxt_b:hover {
	opacity: .6;
}

.prv_b {
	left: 10px;
	background: url(images/prv.png) no-repeat;
}

.nxt_b {
	right: 10px;
	background: url(images/nxt.png) no-repeat;
}

.header-lang a.lang_active {
	/* background: url(images/gray.png) no-repeat; */
	background: #e0f4ff;
	text-align: center;
	/* border: 1px solid rgba(0, 20, 51, .12); */
	padding: 3px 5px 0 5px;
	border-radius: 5px;
}

.header-lang a {

	border: 1px solid #ffffff;
	margin-top: 0px;
	display: inline-block;
	padding: 0 5px 0 5px;
}

.header-lang a img {
	margin-top: 2px;
}

/* MOBILE BOTTOM FIXED CONTACTS BAR */
.mobile-bottom-bar {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-radius: 20px 20px 0 0;
	padding: 12px 24px 20px 24px; /* Added more bottom padding for safe areas on mobile */
	box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
	z-index: 10000;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.mbb-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mbb-phone {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #1d1e21 !important;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -0.2px;
}

.mbb-phone i {
	color: #01adc9;
	font-size: 18px;
}

.mbb-socials {
	display: flex;
	align-items: center;
	gap: 12px;
}

.mbb-icon {
	display: flex;
}

.mbb-icon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

@media (max-width: 991px) {
	.mobile-bottom-bar {
		display: block;
	}
}

@media (max-width: 37.5em) {
	#cookiePopup {
		bottom: 80px !important;
	}
}