html, body {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
}
.go-static {
display: inline-block;
}
#changingWord {
display: inline-block;
transition:
opacity 0.4s ease,
transform 0.4s ease;
}
.section-title-white {
line-height: 1;
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-size: 36px;
font-weight: 900;
margin-bottom: 15px;
text-align: left;
color: #fff;
margin-top: 0px;
/* -webkit-text-stroke: 1px #000000; */
text-transform: uppercase;
}
/* =========================================================
PRIME RIDERS — REVIEWS
ОСНОВА
========================================================= */
#reviews {
width: 100%;
overflow: visible;
}
#reviews *,
#reviews *::before,
#reviews *::after {
box-sizing: border-box;
}
.container-reviews {
width: 100%;
max-width: 1350px;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
overflow: visible;
}
/* =========================================================
ЗАГОЛОВОК
========================================================= */
.reviews-header {
width: 100%;
text-align: left;
margin-bottom: 30px;
}
.reviews-title {
margin: 0 0 8px;
font-size: 40px;
line-height: 1.15;
font-weight: 700;
color: #343a40;
}
.reviews-subtitle {
margin: 0;
font-size: 17px;
line-height: 1.5;
color: #777;
}
/* =========================================================
СЛАЙДЕР
========================================================= */
.reviews-slider {
position: relative;
width: 100%;
overflow: hidden;
cursor: grab !important;
user-select: none;
-webkit-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
/*
В обычном состоянии курсор всегда виден.
*/
.reviews-slider,
.reviews-slider * {
cursor: default;
}
/*
Сам slider — рука.
*/
.reviews-slider {
cursor: grab !important;
}
/*
Во время перетаскивания
курсор НЕ становится прозрачным.
*/
.reviews-slider.is-dragging,
.reviews-slider.is-dragging * {
cursor: grabbing !important;
}
/*
Ссылка остаётся кликабельной.
*/
.review-card__link {
cursor: pointer !important;
}
/* =========================================================
TRACK
========================================================= */
.reviews-slider__track {
display: flex;
width: 100%;
flex-shrink: 0;
will-change: transform;
transform: translate3d(0, 0, 0);
transition: transform .45s ease;
}
/* =========================================================
DESKTOP
=========================================================
35% ширины:
35% + 35% = 70%
остаётся примерно 30%
Получаем:
┌─────────────┐ ┌─────────────┐ ┌────────
│ ОТЗЫВ 1 │ │ ОТЗЫВ 2 │ │ ОТЗЫВ
│ │ │ │ │
└─────────────┘ └─────────────┘ └────────
То есть 2 полные карточки
+ около 30% следующей.
========================================================= */
.review-slide {
flex: 0 0 35%;
width: 35%;
min-width: 35%;
padding: 10px;
box-sizing: border-box;
}
/* =========================================================
КАРТОЧКА
========================================================= */
.review-card {
width: 100%;
min-height: 230px;
padding: 28px;
background: #fff;
border-radius: 20px;
box-shadow:
0 8px 30px rgba(0, 0, 0, .08);
display: flex;
flex-direction: column;
text-align: left;
transition:
transform .25s ease,
box-shadow .25s ease;
user-select: none;
-webkit-user-select: none;
}
/* =========================================================
HOVER
========================================================= */
@media (min-width: 769px) {
.review-card:hover {
transform: translateY(-3px);
box-shadow:
0 12px 35px rgba(0, 0, 0, .12);
}
}
/* =========================================================
ВЕРХ КАРТОЧКИ
========================================================= */
.review-card__top {
display: flex;
align-items: center;
margin-bottom: 18px;
}
/* =========================================================
АВАТАР
========================================================= */
.review-card__avatar {
width: 48px;
height: 48px;
min-width: 48px;
flex: 0 0 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #2c45df;
color: #fff;
font-size: 20px;
font-weight: 700;
}
/* =========================================================
ИНФОРМАЦИЯ
========================================================= */
.review-card__info {
margin-left: 13px;
min-width: 0;
}
.review-card__name {
margin-bottom: 5px;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
color: #343a40;
}
/* =========================================================
ЗВЕЗДЫ
========================================================= */
.review-card__stars {
display: flex;
align-items: center;
gap: 3px;
color: #facc15;
font-size: 13px;
}
/* =========================================================
ТЕКСТ
========================================================= */
.review-card__text {
margin-bottom: 20px;
font-size: 15px;
line-height: 1.65;
color: #555;
flex-grow: 1;
}
/* =========================================================
ССЫЛКА
========================================================= */
.review-card__link {
display: inline-flex;
align-items: center;
gap: 8px;
width: fit-content;
color: #343a40;
text-decoration: none;
font-size: 15px;
font-weight: 600;
transition:
color .2s ease,
opacity .2s ease;
}
.review-card__link:hover {
color: #4383e1;
opacity: .8;
}
.review-card__link .text_more {
font-size: 12px;
transition:
transform .2s ease;
}
.review-card__link:hover .text_more {
transform: translateX(4px);
}
/* =========================================================
ТОЧКИ
========================================================= */
.reviews-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
margin-top: 25px;
}
.reviews-dot {
display: block;
width: 8px;
height: 8px;
min-width: 8px;
padding: 0;
margin: 0;
border: 0;
border-radius: 50%;
background: #d5d5d5;
cursor: pointer !important;
appearance: none;
-webkit-appearance: none;
transition:
width .25s ease,
background .25s ease,
opacity .25s ease;
}
.reviews-dot:hover {
opacity: .8;
}
.reviews-dot.active {
width: 25px;
border-radius: 10px;
background: #2c45df;
}
/* =========================================================
МОБИЛЬНАЯ ВЕРСИЯ
========================================================= */
@media (max-width: 768px) {
.container-reviews {
width: 100%;
max-width: 1350px;
padding-left: 25px;
padding-right: 0px;
margin: 0 auto;
overflow: visible;
}
/* -------------------------------------------------------
HEADER
------------------------------------------------------- */
.reviews-header {
padding: 0;
margin-bottom: 22px;
text-align: left;
}
.reviews-title {
font-size: 30px;
}
.reviews-subtitle {
font-size: 15px;
}
/* -------------------------------------------------------
SLIDER
------------------------------------------------------- */
.reviews-slider {
width: 100%;
overflow: hidden;
cursor: grab !important;
touch-action: pan-y;
}
/* -------------------------------------------------------
MOBILE SLIDE
88% — текущая карточка
12% — следующая
------------------------------------------------------- */
.review-slide {
flex: 0 0 88%;
width: 88%;
min-width: 88%;
max-width: 88%;
padding:
5px
6px
5px
15px;
box-sizing: border-box;
}
/* -------------------------------------------------------
CARD
------------------------------------------------------- */
.review-card {
width: 100%;
min-width: 0;
max-width: 100%;
min-height: 250px;
padding: 22px;
border-radius: 18px;
box-shadow:
0 8px 25px rgba(0, 0, 0, .08);
}
.review-card__text {
font-size: 15px;
line-height: 1.6;
}
.review-card__name {
font-size: 15px;
}
.review-card__avatar {
width: 45px;
height: 45px;
min-width: 45px;
flex-basis: 45px;
font-size: 18px;
}
/* -------------------------------------------------------
DOTS
------------------------------------------------------- */
.reviews-dots {
margin-top: 20px;
gap: 8px;
}
}
/* =========================================================
МАЛЕНЬКИЕ ТЕЛЕФОНЫ
========================================================= */
@media (max-width: 380px) {
.container-reviews {
padding-left: 20px;
padding-right: 20px;
}
.review-card {
padding: 20px;
}
.review-card__text {
font-size: 14px;
line-height: 1.55;
}
.review-card__name {
font-size: 14px;
}
}
.rental-faq {
padding-left: 20px;
padding-right: 20px;
padding: 50px 0;
background: #f5f6f8;
}
.rental-faq__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 24px;
max-width: 900px;
margin: 0 auto;
border-top: 1px solid #ddd;
}
.rental-faq__list details {
border-bottom: 1px solid #ddd;
}
.rental-faq__list summary {
position: relative;
padding: 18px 55px 18px 0;
list-style: none;
cursor: pointer;
font-size: 16px;
line-height: 1.4;
font-weight: 700;
}
.rental-faq__list summary::-webkit-details-marker {
display: none;
}
.rental-faq__list summary::after {
content: '+';
position: absolute;
top: 20px;
right: 5px;
font-size: 30px;
font-weight: 300;
line-height: 1;
transition: transform .25s ease;
}
.rental-faq__list details[open] summary::after {
transform: rotate(45deg);
}
.rental-faq__list details p {
max-width: 780px;
margin: 0;
padding: 0 50px 28px 0;
font-size: 16px;
line-height: 1.7;
color: #555;
}
/* MOBILE */
@media (max-width: 600px) {
.rental-faq__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px 24px;
max-width: 900px;
margin: 0 auto;
border-top: 1px solid #ddd;
}
.rental-faq {
padding-left: 20px;
padding-right: 20px;
}
.rental-faq__list summary {
padding: 5px 25px 5px 0;
font-size: 14px;
}
.rental-faq__list summary::after {
top: 20px;
right: 0;
font-size: 25px;
}
.rental-faq__list details p {
padding: 0 35px 22px 0;
font-size: 15px;
}
}
.snowboard-cta-bar {
/*background: linear-gradient(135deg, #0f0f23 0%, #1a1a3d 50%, #16213e 100%); */
color: #212529;
padding: 20px 30px;
border-radius: 20px;
margin: 30px auto;
max-width: 1240px;
/*
box-shadow:
0 10px 40px rgba(0,0,0,0.6),
0 0 80px rgba(100, 200, 255, 0.15) inset;*/
border: 1px solid rgba(100, 180, 255, 0.2);
position: relative;
overflow: hidden;
}
.snowboard-cta-bar::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
pointer-events: none;
opacity: 0.4;
}
.snowboard-cta-bar__inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
position: relative;
z-index: 2;
}
.phone-block {
display: flex;
align-items: center;
gap: 16px;
}
.phone-icon {
width: 56px;
height: 56px;
background: rgba(100, 200, 255, 0.15);
backdrop-filter: blur(10px);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
/* border: 1px solid rgba(100, 200, 255, 0.3);*/
}
.phone-icon svg {
width: 28px;
height: 28px;
color: #64c8ff;
}
.phone-label {
font-size: 0.95rem;
opacity: 0.8;
margin-bottom: 2px;
}
.phone-number {
font-size: 1.55rem;
font-weight: 700;
color: #212529;
text-decoration: none;
letter-spacing: 0.5px;
transition: all 0.3s;
}
.phone-number:hover {
color: #0d6efd;
}
.cta-button {
border: none;
outline: none;
appearance: none;
-webkit-appearance: none;
background: linear-gradient(135deg, #ff3366, #ff6b35);
color: white;
font-size: 1.3rem;
font-weight: 700;
padding: 18px 44px;
border-radius: 50px;
text-decoration: none;
display: flex;
align-items: center;
gap: 14px;
/*box-shadow: 0 10px 30px rgba(255, 51, 102, 0.4);*/
transition: all 0.4s ease;
white-space: nowrap;
position: relative;
overflow: hidden;
}
.cta-button::before {
content: '';
position: absolute;
top: 0; left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: 0.8s;
}
.cta-button:hover {
transform: translateY(-4px);
/* box-shadow: 0 20px 40px rgba(255, 51, 102, 0.6);*/
}
.cta-button:hover::before {
left: 100%;
}
.cta-button .arrow {
width: 28px;
height: 28px;
transition: transform 0.3s;
}
.cta-button:hover .arrow {
transform: translateX(8px);
}
/* Мобильная версия */
@media (max-width: 868px) {
.cta-button {
border: none;
outline: none;
appearance: none;
-webkit-appearance: none;
background: linear-gradient(90deg, #FF1845 0%, #B9297A 100%);
color: white;
font-size: 1rem;
font-weight: 700;
padding: 15px 26px;
border-radius: 17px;
text-decoration: none;
display: flex;
align-items: center;
gap: 14px;
/* box-shadow: 0 10px 30px rgba(255, 51, 102, 0.4);*/
transition: all 0.4s
ease;
white-space: nowrap;
position: relative;
overflow: hidden;
}
}
.d-slider__controls {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 32px;
width: 100%;
}
.d-slider__controls-buttons {
display: inline-flex;
flex-wrap: wrap;
}
/* Адаптивность */
@media (max-width: 768px) {
.d-slider__controls.d-popular__controls {
display: none;
}
}
#changingWord.hide {
opacity: 0;
transform: translateY(-15px);
}
.card-footer-custom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.privacy-consents {
width: 100%;
margin-top: 18px;
}
.privacy-checkbox {
display: flex;
align-items: flex-start;
gap: 10px;
width: 100%;
margin: 0 0 12px;
cursor: pointer;
color: #555;
font-size: 13px;
line-height: 1.4;
}
.privacy-checkbox input[type="checkbox"] {
appearance: auto !important;
-webkit-appearance: checkbox !important;
flex: 0 0 18px;
width: 18px !important;
height: 18px !important;
min-width: 18px;
min-height: 18px;
margin: 2px 0 0 !important;
padding: 0 !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
position: static !important;
cursor: pointer;
accent-color: #2c45df;
}
.privacy-checkbox span {
flex: 1;
}
.privacy-checkbox a {
color: #2c45df;
text-decoration: underline;
}
.price-block {
display: flex;
flex-direction: column;
}
.price-label {
font-size: 12px;
color: #6c757d;
font-weight: 600;
letter-spacing: 0.5px;
margin-bottom: 4px;
}
.price-value {
font-size: 16px;
font-weight: 700;
color: #202020; /* 1e4ed8 синий как в макете */
}
.btn.btn-details {
padding: 15px 12px;
border-radius: 10px;
font-weight: 500;
background: linear-gradient(135deg, #2563eb, #1d4ed8);
border: none;
color: #fff;
transition: 0.2s ease;
}
.btn-details:hover {
transform: translateY(-1px);
box-shadow: 0 6px 14px rgba(37, 99, 235, 0.3);
}
/* =========================
КОНТЕНТ
========================= */
/*
.tour-info2 {
padding: 24px 32px 24px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
*/
/* Локация */
.tour-country {
display: flex;
align-items: center;
margin-bottom: 14px;
font-size: 18px;
color: #333;
}
.tour-ico {
width: 20px;
height: 20px;
margin-right: 12px;
color: #1754a5;
}
/* Название */
.tour-title {
margin: 0 0 14px;
font-size: 27px;
line-height: 1.15;
font-weight: 500;
}
.tour-title a {
color: #202020;
text-decoration: none;
}
/* Описание */
.tour-description {
margin: 0 0 18px;
font-size: 18px;
line-height: 1.45;
color: #555;
}
/* =========================
ПОДРОБНОСТИ
========================= */
.tour-details {
background: #f2f4f8;
border-radius: 24px;
padding: 18px 20px;
margin-bottom: 10px;
}
.tour-details-title {
margin-bottom: 14px;
color: #202020;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
}
.tour-detail-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 11px;
font-size: 16px;
line-height: 1.3;
color: #333;
}
.tour-detail-item:last-child {
margin-bottom: 0;
}
.detail-icon {
display: flex;
width: 24px;
min-width: 24px;
justify-content: center;
align-items: center;
color: #1754a5;
font-size: 20px;
}
.feedback-modal {
position: fixed;
inset: 0;
z-index: 999999;
display: none;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
.feedback-modal.active {
display: flex;
}
.feedback-modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(5px);
}
.feedback-modal__content {
position: relative;
z-index: 2;
width: 100%;
max-width: 540px;
max-height: 90vh;
overflow-y: auto;
background: #fff;
border-radius: 16px;
padding: 40px;
box-sizing: border-box;
box-shadow: 0 25px 80px rgba(0,0,0,.25);
animation: feedbackOpen .25s ease;
}
@keyframes feedbackOpen {
from {
opacity: 0;
transform: translateY(20px) scale(.97);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.feedback-modal__close {
position: absolute;
top: 12px;
right: 15px;
width: 36px;
height: 36px;
padding: 0;
border: none;
background: transparent;
color: #333;
font-size: 30px;
line-height: 36px;
cursor: pointer;
z-index: 5;
}
.feedback-modal__close:hover {
color: #999;
}
.prime-feedback__form {
width: 100%;
}
.prime-feedback__form h2 {
margin: 0 0 8px;
font-size: 32px;
line-height: 1.2;
color: #222;
}
.feedback-subtitle {
margin: 0 0 28px;
color: #777;
font-size: 15px;
}
.prime-field {
margin-bottom: 18px;
}
.prime-field label {
display: block;
margin-bottom: 7px;
font-size: 14px;
font-weight: 600;
color: #333;
}
.prime-field input,
.prime-field select,
.prime-field textarea {
width: 100%;
box-sizing: border-box;
padding: 14px 16px;
border: 1px solid #d7d7d7;
border-radius: 7px;
background: #fff;
font-family: inherit;
font-size: 15px;
outline: none;
transition: .2s;
}
.prime-field input:focus,
.prime-field select:focus,
.prime-field textarea:focus {
border-color: #777;
box-shadow: 0 0 0 3px rgba(0,0,0,.04);
}
.prime-field textarea {
resize: vertical;
min-height: 110px;
}
.prime-submit {
width: 100%;
min-height: 55px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
border: none;
border-radius: 7px;
background: #222;
color: #fff;
font-family: inherit;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: .2s;
}
.prime-submit:hover {
background: #444;
}
.prime-submit:disabled {
opacity: .6;
cursor: wait;
}
.prime-submit__arrow {
font-size: 24px;
}
.prime-form-message {
min-height: 22px;
margin-top: 12px;
text-align: center;
font-size: 14px;
}
.prime-policy {
margin-top: 12px;
color: #999;
font-size: 11px;
line-height: 1.5;
text-align: center;
}
@media (max-width: 600px) {
.feedback-modal {
padding: 10px;
}
.feedback-modal__content {
padding: 30px 20px;
border-radius: 12px;
}
.prime-feedback__form h2 {
font-size: 27px;
}
}
/* Сетка: 4 в ряд на десктопе */
.tour-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
/* Адаптивность */
@media (max-width: 1023px) {
.tour-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.tour-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.tour-grid {
grid-template-columns: 1fr;
}
}
.yandex-logo-circle{
PADDING-RIGHT: 10PX;
}
.about-title{
padding-bottom: 20px;
}
.tour-price:hover {
color:#fff;
background: #4383e1;
}
.tour-title:hover{
color:#4383e1;
}
.about-pic-wrap img {
width:100%;
max-width:600px;
}
.about_sup_swiper-pagination {
margin-top: 30px;
display: flex;
justify-content: center;
gap: 6px;
padding-bottom:1px;
}
.section-title-new {
line-height: 1;
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-size: 36px;
/*font-size: 64px;*/
font-weight: 900;
margin-bottom: 32px;
text-align: left;
color: #000;
margin-top: 0px;
/*-webkit-text-stroke: 0px #000000;*/
text-transform: uppercase;
}
.beauty_pricing_tab_wrapper .nav {
margin-bottom: 30px;
}
.beauty_pricing_tab_wrapper .nav li {
float: left;
border: 0;
border-left: 0;
margin-right: 30px;
/* margin-right: 0px;
/* font-size: 10px; */
}
@media screen and (max-width: 1080px) {
.beauty_pricing_tab_wrapper .nav-tabs .nav-link {
text-align: left;
font-size: 12px;
}
}
.beauty_pricing_tab_wrapper .nav-tabs .nav-link.active, .beauty_pricing_tab_wrapper .nav-tabs .nav-link:hover {
color: rgb(65, 60, 61);
font-size: 12px;
font-weight: 600;
background-color: #d4e4fb;
}
.beauty_pricing_tab_wrapper .nav-tabs .nav-link {
background-color: #d3d3d342;
font-size: 12px;
text-align: center;
color: rgb(65, 60, 61);
text-transform: uppercase;
padding: 7px 25px;
border-width: 0px;
border-style: initial;
border-color: initial;
border-image: initial;
border-radius: 50px;
/* background: transparent; */
}
.pull-right{
font-size: 16px;
text-decoration: none;
}
.pull-right:hover{
text-decoration: underline;
}
.text_more {
display: inline-flex;
align-items: center;
gap: 1em; /* расстояние между текстом и иконкой */
transition: color 0.2s; /* опционально: плавное изменение цвета текста */
}
.text_more svg {
transition: transform 0.3s ease;
}
.text_more:hover svg {
transform: translateX(4px); /* сдвиг вправо на 4px при наведении */
}
.tour-title a{
text-decoration: none;
}
.tour__content.h2, h2 {
/*font-size: 22px;*/
margin-bottom: 1.5rem;
}
.tour__content{
min-height: 280px;
}
.tour__content blockquote {
/* font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell,
Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
display: block;
position: relative;
padding: 12px 16px 12px 32px;
overflow: auto;
color: #2c3e50;*/
background-color: #f8fafc;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
padding: 2em 2em 2em 2.2em;
margin: 2.5em 0;
border-left: 4px solid #3498db;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
font-style: italic;
font-weight: 400;
/* margin: 0 0 1rem; */
}
/*
.tour__content blockquote:before {
content: "“";
font-size: 2em;
font-weight: bold;
position: absolute;
top: 12px;
left: 12px;
color: #777;
}
*/
.tour__price {
font-weight: 600;
color: #00508b;
margin-bottom: 10px;
}
.btn-row2 {
display: flex;
align-items: center;
justify-content: left;
margin-top: 40px;
margin-bottom: 20px;
}
.tour-panel.page-wrapper2 {
margin-top: 60px;
margin-bottom: 30px;
}
.container-new {
margin: 0 auto;
width: 100%;
padding-left: 40px;
padding-right: 40px;
/* max-width: 1250px; */
max-width: 1350px;
overflow: hidden;
}
.tour-section {
/*padding: 76px 0;*/
box-sizing: border-box;
background-color: #ffffff;
}
.teams_block_in2 .item {
margin-right: 16px;
/* width: calc((100% / 5) - 13px); */
width: 284px;
float: left;
margin-bottom: 50px;
}
.teams_block_in2 .item .img {
/* height: 240px; */
height: 300px;
background-size: cover;
margin-bottom: 10px;
position: relative;
border-radius: 20px;
overflow: hidden;
transition: 0.3s;
}
.teams_block_in32 .item {
margin-right: 16px;
float: left;
margin-bottom: -17px;
width: 179px;
height: 190px;
}
.teams_block_in32 .item .img {
height: 150px;
width: 178px;
border-radius: 7px;
margin-bottom: 10px;
}
.breadcrumb {
gap: 8px;
padding: 12px 0;
font-size: 14px;
color: #6b7280;
margin-top: 21px;
list-style: none;
border-radius: 0;
}
.breadcrumb>li {
display: inline-block;
}
.breadcrumb>li+li:before {
padding: 0 10px;
content: '';
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
background-image: url(https://sup21.ru/img/svg/breadcrumbs-arrow.svg);
background-size: cover
}
.breadcrumbs {
padding: 20px 0 20px
}
.breadcrumbs__link {
text-decoration: none;
font-size: 13px;
color: #a3a3a3;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.breadcrumbs__link:hover {
color: #085ea5;
text-decoration: none;
/*text-decoration: underline;*/
}
.breadcrumbs__link:not(:last-child) {
margin-right: 26px;
position: relative
}
.breadcrumbs__link:not(:last-child)::before {
content: '';
position: absolute;
top: 50%;
right: -25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
background-image: url(img/svg/breadcrumbs-arrow.svg);
background-size: cover
}
.tour__picture-img{
display: block;
max-width: 100%;
height: auto;
}
.tour__title {
line-height: 1;
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-size: 36px;
font-weight: 900;
margin-bottom: 32px;
text-align: left;
color: #000;
/* margin-top: 0px; */
/*-webkit-text-stroke: 1px #000000;*/
text-transform: uppercase;
/* font-weight: 600; */
/* text-transform: uppercase; */
/* margin: 0 0 32px;*/
/*
font-weight: 600;
text-transform: uppercase;
margin: 0 0 32px;*/
}
.tour__wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: 8.1fr 4fr;
grid-template-columns: 8.1fr 4fr;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.tour__picture {
-ms-grid-row-span: 7;
grid-row: span 7;
}
img.tour {
height: auto;
max-width: 300px;
border-radius: 5px;
margin-bottom: 20px;
margin-left: 20px;
}
img.str {
height: auto;
max-width: 300px;
border-radius: 5px;
margin-bottom: 20px;
margin-left: 20px;
}
.team-panel.page-wrapper2{
margin-top: 70px;
margin-bottom: 20px;
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 21px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #fff;
border-radius: 0;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.tab-content>.active {
display: contents;
}
.header::before {
content:'';
position: absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
width:100%;
height:100%;
background: linear-gradient(90deg, #FF1845 0%, #bf54b7 50%, #2fcbff 100%);
transition:0.2s;
opacity: 0;
}
.header.color {
padding:0;
opacity: 0;
}
.header.color:hover {
opacity: 1;
}
.header.color .header-logo {
transform: scale(0.7);
}
.header.color::before {
opacity: 0.95;
}
.mobile-header {
z-index:20;
transition: 0.2s;
}
.mobile-header::before {
content:'';
position: absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
width:100%;
height:100%;
background: linear-gradient(90deg, #FF1845 0%, #bf54b7 50%, #2fcbff 100%);
transition:0.2s;
opacity: 0;
}
.mobile-header > * {
z-index: 1;
position: relative;
}
.mobile-header.color {
padding-top:10px;
padding-bottom: 10px;
}
.mobile-header.color::before {
opacity: 0.95;
}
.header::before {
content:'';
position: absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
width:100%;
height:100%;
background: linear-gradient(90deg, #FF1845 0%, #bf54b7 50%, #2fcbff 100%);
transition:0.2s;
opacity: 0;
}
.header.color {
padding:0;
opacity: 0;
}
.header.color:hover {
opacity: 1;
}
.header.color .header-logo {
transform: scale(0.7);
}
.header.color::before {
opacity: 0.95;
}
.mobile-header {
z-index:20;
transition: 0.2s;
}
.mobile-header::before {
content:'';
position: absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
width:100%;
height:100%;
background: linear-gradient(90deg, #FF1845 0%, #bf54b7 50%, #2fcbff 100%);
transition:0.2s;
opacity: 0;
}
.mobile-header > * {
z-index: 1;
position: relative;
}
.mobile-header.color {
padding-top:10px;
padding-bottom: 10px;
}
.mobile-header.color::before {
opacity: 0.95;
}
.supboard-figure-panel {
display: flex;
align-items: center;
justify-content: space-between;
}
.header::before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #FF1845 0%, #bf54b7 50%, #2fcbff 100%);
transition: 0.2s;
opacity: 0;
}
/*
.header .header-wrapper {
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
height: 100%;
}
*/
.header .header-logo {
margin-right: 0;
margin-bottom: 20px;
}
.mobile-header-burger-wrap .burger-btn {
margin-right: 46px;
}
.header-menu-wrap-block {
align-items: center;
}
.mobile-header {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
position: fixed;
left: 0;
top: 0;
right: 0;
margin: auto;
justify-content: space-between;
z-index: 2;
}
.close-burger-menu {
display: flex;
z-index: 2;
}
.close-burger-menu {
align-items: center;
justify-content: center;
position: absolute;
left: 24px;
top: 32px;
display: none;
cursor: pointer;
}
.burger-btn {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.header-menu-wrap-block {
flex-direction: column;
display: flex;
align-items: flex-end;
width: 100%;
}
.mobile-header::before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #FF1845 0%, #bf54b7 50%, #2fcbff 100%);
transition: 0.2s;
opacity: 0;
}
.header-logo {
display: flex
;
align-items: center;
justify-content: center;
margin-right: auto;
transition: 0.2s;
}
.header-wrapper {
display: flex
;
justify-content: space-between;
align-items: center;
}
.header {
position: fixed;
left: 0;
top: 0;
right: 0;
width: 100%;
padding: 10px 0 30px 0;
z-index: 10;
transition: 0.2s;
}
.header-logo img {
width: auto;
max-width: 100%;
}
.close-burger-menu {
align-items: center;
justify-content: center;
position: absolute;
left: 24px;
top: 32px;
display: none;
cursor: pointer;
}
.header-menu-wrap-block {
flex-direction: column;
display: flex;
align-items: flex-end;
width: 100%;
}
.main-nav ul li {
margin-right: 20px;
margin-left: 20px;
margin-bottom: 10px;
}
.main-nav ul a {
font-size: 16px;
}
.header-soc-block {
margin-left: 78px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.header-phone-block {
display: Flex;
align-items: center;
justify-content: center;
position: relative;
padding-left: 36px;
}
.header-phone-block a {
display: Flex;
align-items: center;
justify-content: flex-start;
font-size: 24px;
font-weight: 600;
color: #fff;
text-decoration: none;
line-height: 1.3;
white-space: nowrap;
}
.header-phone-block::after {
content: '';
position: absolute;
left: 0;
top: 4px;
width: 16px;
height: 22px;
/*background: url(../img/phone-icon.svg)no-repeat; */
background-size: contain;
background-position: center;
}
.header-soc-list {
display: flex
;
align-items: center;
justify-content: flex-end;
margin-left: 40px;
}
.header-soc-list a:first-child {
margin-left: 0;
}
.header-soc-list a {
display: Flex;
align-items: center;
justify-content: center;
margin-left: 12px;
transition: 0.2s;
}
.btn span {
font-weight: 600;
color: #fff;
text-align: center;
text-transform: uppercase;
transition: 0.2s;
}
.main-bn-text-col .btn-row .btn {
width: 100%;
margin-bottom: 20px;
}
.btn.white-blank-btn {
border: 1px solid #fff;
}
.decor-btn::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: linear-gradient(90deg, #FF1845 0%, #B9297A 100%);
z-index: -1;
margin: auto;
transition: 0.2s;
}
.main-nav ul a {
color: #fff;
font-weight: 600;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.2s;
}
.main-nav ul {
display: flex;
align-items: center;
justify-content: flex-start;
list-style: none;
flex-flow: row wrap;
}
.header::before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #FF1845 0%, #bf54b7 50%, #2fcbff 100%);
transition: 0.2s;
opacity: 0;
}
.main-bn-section {
position: relative;
min-height: 100vh;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
/*
.main-bn-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 25%;
background: linen;
background-size: cover;
background: linear-gradient(180deg, #FF1845 0%, #B8297A 100%);
z-index: 1;
}
*/
.main-bn-panel {
display: flex;
align-items: center;
justify-content: center;
}
.main-bn-panel {
position: relative;
z-index: 2;
}
.main-bn-section::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 75%;
/*background: url(../img/sea-pic.jpg) no-repeat;*/
background-size: cover;
z-index: 1;
}
.main-bn-pic-col {
width: 35%;
display: flex
;
align-items: center;
justify-content: center;
}
.main-bn-text-col {
width: 65%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.main-bn-title {
font-weight: 800;
color: #fff;
font-size: 176px;
line-height: 1.3;
font-family: 'Open Sans', sans-serif;
font-style: italic;
text-transform: uppercase;
}
.main-bn-text {
font-weight: 800;
color: #fff;
font-size: 48px;
line-height: 1.3;
font-family: 'Open Sans', sans-serif;
font-style: italic;
text-transform: uppercase;
text-align: center;
}
.main-bn-text-col .btn-row {
flex-direction: column;
}
.main-bn-text-col .btn-row {
margin-top: 96px;
}
.main-bn-text-col .btn-row .btn {
width: 100%;
margin-bottom: 20px;
}
.btn.white-blank-btn {
border: 1px solid #fff;
}
.main-bn-text-col .btn-row .btn:last-child {
margin-bottom: 0;
}
.main-bn-text-col .btn-row .btn {
width: 100%;
margin-bottom: 20px;
}
.btn {
/*display: flex;*/
align-items: center;
justify-content: center;
padding: 20px 40px;
/* border: none; */
outline: none;
text-decoration: none;
cursor: pointer;
position: relative;
overflow: hidden;
transition: 0.2s;
box-sizing: border-box;
}
.btn-row {
display: flex;
align-items: center;
justify-content: center;
}
.main-bn-pic {
display: flex;
align-items: center;
justify-content: center;
background: url(../img/main-surf-bg-decor.svg) no-repeat;
background-size: 98%;
background-position: center;
}
.main-bn-pic img {
width: 115%;
}
.full_width {
padding-right: 30px;
}
.beauty_pricing_wrapper_price p {
font-size: 26px;
padding-top: 15px;
font-weight: 500;
color: rgb(17, 17, 17);
font-family: 'Montserrat';
}
.beauty_pricing_treament_detail p{
font-weight: 400;
max-width: 348px;
font-family: 'Montserrat';
}
.pu-info-unit p {
font-size: 16px;
margin-bottom: 5px;
}
.price-unit-info-row {
font-family: 'Montserrat';
display: flex;
align-items: center;
justify-content: space-between;
/* padding: 20px 20px 32px; */
}
.pu-info-val img{
padding-right: 10px;
padding-bottom: 5px;
}
.beauty_pricing_treament_detail h1 a:hover{
color: #f43;
}
.guide-section {
/*
background: url(/instruktor/guide-bg.png) no-repeat;
background-size: cover;
*/
background: linear-gradient(87deg, #2a4fe1 0%, #14b3f9 100%);
position: relative;
}
.guide-text-col {
width: 50%;
}
.carousel-item.active.corp {
height: 509px;
width: 100%;
}
.carousel-caption.corp p{
font-family: 'Montserrat', sans-serif;
}
.guide-text-title-row {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 30px;
}
.guide-mobile-decor {
display: none;
}
.supboard-figure-section {
background: linear-gradient(53.53deg, #2C45DF 0.55%, #11C1FC 100%);
padding: 20px 0;
box-sizing: border-box;
}
.supboard-figure-panel {
display: flex;
align-items: center;
justify-content: space-between;
}
.supboard-figure-units {
display: flex;
justify-content: flex-start;
align-items: center;
width: 50%;
}
.supboard-figure-unit-count {
font-weight: 800;
font-size: 64px;
font-family: 'Open Sans', sans-serif;
font-style: italic;
margin-bottom: 0;
color: #fff;
text-transform: uppercase;
text-align: center;
}
.supboard-figure-unit p {
font-size: 16px;
color: #fff;
text-align: center;
}
.supboard-figure-unit {
width: 50%;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
background: url(/instruktor/sup-figure-icon.svg) no-repeat;
background-size: contain;
background-position: center;
}
.burn-text {
color: #F1F5FE;
}
.supboard-figure-text {
width: 50%;
font-weight: 800;
font-size: 28px;
font-family: 'Open Sans', sans-serif;
font-style: italic;
color: #fff;
text-align: left;
padding-right: 40px;
box-sizing: border-box;
text-transform: uppercase;
}
.gallery-panel .section-title {
margin-bottom: 60px;
}
.gallery-panel .section-title {
padding-bottom: 24px;
box-sizing: border-box;
border-bottom: 2px solid #FF1845;
display: inline-flex;
margin-bottom: 30px;
}
.about-upper-title span {
background-color: rgb(241, 245, 254);
padding-right: 20px;
box-sizing: border-box;
z-index: 2;
position: relative;
}
.about-upper-title {
font-family: "Open Sans", sans-serif;
font-style: italic;
font-weight: 900;
color: rgb(255, 24, 69);
font-size: 30px;
text-transform: uppercase;
position: relative;
}
.about-title-wrapper {
box-sizing: border-box;
padding-bottom: 20px;
margin-bottom: 40px;
border-bottom: 2px solid rgb(255, 24, 69);
}
.about-section {
padding-top: 100px;
padding-bottom: 100px;
box-sizing: border-box;
background-color: rgb(241, 245, 254);
}
.about-panel {
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: row;
}
.about-text-col {
width: 630px;
}
.about-upper-title::after {
content: "";
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 2px;
background-color: rgb(255, 24, 69);
margin: auto;
}
.section-title {
font-family: "Open Sans", sans-serif;
font-style: italic;
font-weight: 900;
font-size: 80px;
line-height: 1;
color: transparent;
text-transform: uppercase;
-webkit-text-stroke: 1px rgb(0, 0, 0);
}
.about-text-block p {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
}
.about-text-block {
width: 100%;
color: rgb(49, 50, 57);
}
fade-in-bottom animation {
opacity: 1;
transform: translateY(0px);
}
.about-pic-col {
padding-left: 32px;
box-sizing: border-box;
}
.about-pic-col {
width: 55%;
}
.announce-section + .about-section {
padding-top: 30px;
}
.about-panel {
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: row nowrap;
}
.about-section {
padding-top: 100px;
padding-bottom: 100px;
box-sizing: border-box;
background-color: rgb(241, 245, 254);
}
.about-panel {
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: row;
}
.page-wrapper {
width: 100%;
max-width: 1726px;
box-sizing: border-box;
position: relative;
margin: 0px auto;
padding: 0px 100px;
overflow: hidden;
}
.map-section {
position: relative;
overflow: hidden;
}
.map-panel {
display: flex;
align-items: stretch;
justify-content: center;
width: 100%;
flex-flow: row wrap;
}
.map-spot-col {
background: linear-gradient(180deg, #FF1845 0%, #B72A7A 100%);
padding-left: calc(50% - 865px);
box-sizing: border-box;
}
.map-spot-col, .map-cont-col {
width: 50%;
}
.map-spot-cont {
padding-top: 60px;
padding-bottom: 70px;
padding-right: 60px;
box-sizing: border-box;
padding-left: 100px;
}
.map-spot-col .section-title {
color: #fff;
-webkit-text-stroke: 0;
font-size: 92px;
text-transform: uppercase;
margin-bottom: 42px;
}
.map-spot-text {
font-size: 16px;
color: #fff;
padding-bottom: 42px;
border-bottom: 2px solid #fff;
margin-bottom: 60px;
}
.map-spot-address-unit {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 46px;
}
.map-spot-address-title {
font-weight: 800;
font-size: 24px;
color: #fff;
margin-bottom: 5px;
font-family: 'Open Sans', sans-serif;
font-style: italic;
text-transform: uppercase;
}
.map-spot-address-text a {
color: #fff;
font-size: 16px;
text-decoration: none;
margin: 0 10px;
}
.map-spot-address-text svg{
font-size: 24px;
margin: 0 10px;
}
.map-spot-address-unit i {
margin-right: 24px;
}
.map-spot-address-unit svg{
margin-right: 24px;
}
.map-spot-address-text p {
color: #fff;
font-size: 18px;
}
.map-spot-address-text i {
padding-top: 6px;
font-size: 39px;
text-decoration: none;
margin: 0 10px;
}
.map-spot-address-text a {
color: #fff;
font-size: 18px;
text-decoration: none;
margin: 0;
}
.map-cont-col {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
}
.map-cont-block {
height: 100%;
}
.faq-section {
padding: 76px 0;
box-sizing: border-box;
background-color: #ffffff;
}
.team-section {
padding: 76px 0;
box-sizing: border-box;
background-color: #F1F5FE;
}
.team-text-block {
margin-bottom: 40px;
}
.team-text-block p {
margin-bottom: 15px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
}
.team-text-block .section-title {
padding-bottom: 24px;
box-sizing: border-box;
border-bottom: 2px solid #FF1845;
display: inline-flex
;
margin-bottom: 30px;
}
.team-unit-soc-col {
top: 250px;
bottom: 0px;
left: 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
z-index: 1;
position: absolute;
margin-top: auto;
cursor: pointer;
}
.price-section {
box-sizing: border-box;
padding-bottom: 50px;
padding-top: 70px;
}
.price-panel .section-title {
padding-bottom: 24px;
display: inline-flex;
margin-bottom: 60px;
border-bottom: 2px solid #FF1845;
}
.guide-panel {
overflow: visible;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.guide-text-title-row p {
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 800;
font-size: 35.0537px;
line-height: 1.4;
color: #fff;
text-transform: uppercase;
margin-bottom: 0px;
}
.guide-pic-wrap img {
transform: translateY(210px) translateX(-170px);
margin-top: -140px;
}
.guide-subtext {
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 800;
font-size: 47px;
color: #fff;
line-height: 1.3;
text-transform: uppercase;
}
.guide-text-col .text-panel {
font-size: 16px;
color: #fff;
line-height: 1.8;
margin-bottom: 115px;
font-family: 'Montserrat', sans-serif;
}
.guide-decor {
height: 100%;
left: 0px;
position: absolute;
bottom: 0px;
top: 0px;
margin: auto;
}
.header.color:hover {
opacity: 1;
}
.header.color {
padding: 0;
opacity: 0;
}
.guide-title {
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 900;
font-size: 105px;
line-height: 1;
color: transparent;
-webkit-text-stroke: 1px #fff;
text-transform: uppercase;
margin-right: 17px;
margin-bottom: 10px;
}
.guide-pic-col {
width: 50%;
}
.gallery-section {
padding-bottom: 0px;
padding-top: 120px;
box-sizing: border-box;
}
.mobile-header {
display: none;
}
.mobile-header {
z-index: 20;
transition: 0.2s;
}
@media screen and (max-width: 1260px) {
.supboard-figure-section {
padding: 20px 0;
}
.header.active {
z-index: 500;
transform: translateX(0);
pointer-events: all;
opacity: 1;
overflow: auto;
height: 100%;
}
.header-menu-wrap-block {
align-items: center;
}
.main-nav ul {
flex-direction: column;
align-items: center;
}
.mobile-header-burger-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.burger-btn {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.mobile-header-burger-wrap .burger-btn {
margin-right: 46px;
}
.mobile-header-burger-wrap .header-logo {
width: 77px;
}
.mobile-header {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
position: fixed;
left: 0;
top: 0;
right: 0;
margin: auto;
justify-content: space-between;
z-index: 2;
}
.mobile-header-burger-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.header-menu-wrap-block {
align-items: center;
}
.header .header-nav {
margin-bottom: auto;
margin-left: 0;
}
.main-nav ul {
flex-direction: column;
align-items: center;
}
.header .main-nav ul li {
margin-right: 0;
margin-bottom: 32px;
margin-left: 0;
}
.header .main-nav ul li a {
font-size: 18px;
}
.header .header-soc-block {
flex-direction: column;
align-items: center;
margin-left: 0;
margin-top: 40px;
display: flex;
}
.header .header-phone-block {
margin-bottom: 32px;
}
.header .header-phone-block a {
font-size: 24px;
}
.header .header-soc-list {
margin-left: 0;
}
.header .header-wrapper {
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
height: 100%;
}
.close-burger-menu {
display: flex;
z-index: 2;
}
.header.active {
transform: translateX(0);
pointer-events: all;
opacity: 1;
overflow: auto;
height: 100%;
}
.header .header-logo {
margin-right: 0;
margin-bottom: 40px;
}
}
@media screen and (min-width: 1200px){
}
@media screen and (max-width: 1080px) {
.guide-section {
padding-top: 56px;
overflow: hidden;
}
.guide-decor {
display: none;
}
.guide-mobile-decor {
position: absolute;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 100%;
}
.guide-mobile-decor {
display: block;
}
.guide-panel {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.guide-pic-col {
order: 2;
width: 100%;
}
.guide-pic-wrap img {
transform: unset;
margin-top: 0;
margin-bottom: -170px;
width: 100%;
}
.guide-text-col {
order: 1;
width: 100%;
margin-bottom: 30px;
}
.guide-text-col .text-panel {
font-size: 14px;
}
.guide-subtext {
font-size: 21px;
}
.guide-title {
font-size: 92px;
}
.guide-text-title-row p {
font-size: 21px;
}
.about-upper-title
{
text-align: center;
}
.about-title-wrapper {
margin-bottom: 12px;
}
.about-text-block p {
margin-bottom: 20px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
}
.about-pic-col {
width: 100%;
}
.about-pic-col {
padding-left: 0;
}
.about-pic-wrap img {
width: 100%;
max-width: 700px;
}
.about-pic-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.about-section {
padding-top: 60px;
padding-bottom: 60px;
}
.about-panel {
display: flex;
flex-direction: column;
align-items: center;
}
.about-text-col {
width: 100%;
}
.about-upper-title span {
padding: 0;
}
.about-upper-title {
font-size: 22px;
text-align: center;
}
.about-title-wrapper, .announce-panel .about-title-wrapper {
width: 100%;
border: none;
}
.about-section .section-title, .announce-panel .section-title {
font-size: 48px;
}
.price-section {
padding-bottom: 0;
padding-top: 50px;
}
.price-panel .section-title {
font-size: 74px;
text-align: center;
}
.page-wrapper {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.price-panel .section-title {
margin-bottom: 60px;
}
.supboard-figure-section {
/* padding: 30px 0 60px; */
padding-bottom: 30px;
padding-top: 30px;
}
.supboard-figure-text {
font-size: 21px;
}
.supboard-figure-units {
width: 80%;
}
.faq-section {
box-sizing: border-box;
background-color: #ffffff;
padding-bottom: 50px;
padding-top: 35px;
}
.team-section {
padding: 40px 0;
box-sizing: border-box;
background-color: #F1F5FE;
}
.gallery-panel .section-title{
text-align: center;
font-size: 65px;
}
.team-text-block .section-title {
margin-bottom: 0px;
font-size: 65px;
justify-content: center;
align-self: center;
border-bottom: 0;
display: flex;
text-align: center;
}
.team-text {
text-align: center;
}
.guide-text-col .text-panel {
color: #fff;
line-height: 1.8;
margin-bottom: 44px;
}
.price-textnew {
max-width: 1200px;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 18px;
}
.team-text-block p {
max-width: 1200px;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 18px;
}
.gallery-section {
padding-top: 50px;
}
.map-spot-col, .map-cont-col {
width: 100%;
}
.map-spot-cont .section-title {
font-size: 42px;
text-align: center;
}
.map-spot-text {
font-family: 'Montserrat', sans-serif;
margin-bottom: 18px;
padding-bottom: 18px;
border-bottom: 0;
}
.map-spot-text {
font-size: 14px;
}
.map-spot-cont {
padding-left: 20px;
padding-right: 20px;
}
.map-spot-col {
order: 2;
}
.map-panel {
flex-direction: column;
align-items: center;
}
.map-cont-block {
height: 400px;
}
.supboard-figure-unit-count {
font-size: 36px;
}
.supboard-figure-unit {
padding: 40px 0;
width: 90%;
box-sizing: border-box;
}
.supboard-figure-text {
font-size: 21px;
}
.supboard-figure-text {
width: 100%;
padding-right: 0;
text-align: center;
}
.guide-decor {
display: none;
}
.animateme {
transform: none !important;
opacity: 1 !important;
}
.guide-text-title-row {
flex-direction: column;
align-items: flex-start;
}
.about-upper-title span {
padding: 0;
}
.about-upper-title::after{
display: none;
}
.map-spot-address-text{
text-align: center;
}
.map-spot-address-text a {
color: #fff;
font-size: 23px;
text-decoration: none;
margin: 0;
/* font-weight: 600; */
text-align: left;
}
.map-spot-address-unit {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 46px;
}
.map-spot-address-title{
text-align: left;
font-size: 22px;
}
.map-spot-address-text i {
display: inline-block;
padding-top: 6px;
font-size: 34px;
text-decoration: none;
margin: 0 10px;
padding-left: 15px;
}
.map-spot-cont {
padding-top: 60px;
padding-bottom: 20px;
/* padding-right: 60px; */
box-sizing: border-box;
/* padding-left: 100px;*/
}
.map-spot-address-text p {
color: #fff;
text-align: left;
font-size: 18px;
padding-left: 5px;
}
.beauty_pricing_tab_wrapper .nav-tabs .nav-link {
text-align: left;
}
img.img-responsive.corp {
display: none;
}
img.img-responsive.corpsmol {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 0 0;
}
.carousel-item.active.corp{
height: 699px;
width: 100%;
background: linear-gradient(180deg, #196dffe3, rgba(0, 0, 0, 0.5)), url(../instruktor/sea.jpeg) no-repeat;
background-size: cover;
z-index: 1;
}
.carousel-caption.corp {
margin-bottom: 177px;
}
.carousel-caption.corp.text-start{
position: absolute;
right: 20%;
bottom: -9.75rem;
left: 8%;
padding-left: -0.75rem;
padding-top: 1.25rem;
/* padding-bottom: 1.25rem; */
color: #fff;
text-align: center;
}
.beauty_pricing_wrapper_price p {
font-size: 24px;
font-weight: 500;
padding-top: 23px;
color: rgb(17, 17, 17);
}
.beauty_pricing_wrapper_price {
/* vertical-align: text-top; */
/* float: right; */
/* display: inline-block; */
position: absolute;
top: 0px;
right: 1px;
}
.contact-col .section-title, .gallery-panel .section-title, .feedbacks-section .section-title {
font-size: 42px;
text-align: center;
}
.about-section .section-title {
text-align: center;
}
.pu-info-unit{
margin-right: 0px;
width: 115px;
}
.price-unit-info-row {
/*position: absolute;*/
font-family: 'Montserrat';
display: flex;
align-items: stretch;
/* padding: 20px 20px 32px; */
flex-direction: row;
align-content: stretch;
flex-wrap: nowrap;
}
.beauty_pricing_treament_detail p{
padding-top: 10px;
}
.main-bn-title {
font-size: 86px;
}
.main-bn-text-col {
order: 2;
margin-bottom: 56px;
width: 100%;
}
.main-bn-pic-col {
order: 2;
width: 100%;
max-width: 280px;
margin-bottom: 0;
}
.main-bn-text {
font-size: 22px;
}
.main-bn-panel {
flex-direction: column;
align-items: center;
}
.main-bn-section {
overflow: hidden;
min-height: 100vh;
}
.main-bn-section::after {
width: 100%;
background-position: right;
}
.supboard-figure-panel {
flex-direction: column;
align-items: center;
}
.burn-text {
color: #F1F5FE;
}
.supboard-figure-units {
display: flex;
justify-content: center;
align-items: center;
}
}
@media screen and (min-width: 991px) {
.fade-in-top {
-webkit-animation: fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;
animation: fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;
}
}
@media screen and (max-width: 768px) {
.container-new{
margin: 0 auto;
width: 100%;
padding-left: 25px;
padding-right: 25px;
/* max-width: 1250px; */
max-width: 1350px;
overflow: hidden;
}
.supboard-figure-text {
width: 100%;
}
.section-title-new{
font-size: 27px;
/*font-size: 36px;*/
}
.map-spot-address-text{
margin-left: 20px;
}
.map-spot-address-unit svg{
display: none;
}
img.tour{
display: none;
}
.team-text-block p {
text-align: left;
}
.team-text p {
text-align: left;
}
.tour__wrapper {
-ms-grid-columns: 5fr 7fr;
grid-template-columns: 1fr 0fr;
}
.tour__title {
font-size: 31px;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-ms-grid-column-span: 2;
grid-column: span 2;
margin: 0 0 24px;
}
.tour__picture {
display: none;
}
.mobile-header-burger-wrap {
width: 100%;
justify-content: space-between;
}
.mobile-header-burger-wrap .header-logo {
margin-right: 0;
max-width: 62px;
}
}
@media (max-width: 480px) {
.section-title-new {
font-size: 24px;
line-height: 1.1;
margin-bottom: 14px;
text-align: left;
}
}
@media (max-width: 375px) {
.section-title-new {
font-size: 21px;
}
}