#trp-floater-ls,
#prisna-ywt-widget {
display: none;
}
*,
*::after,
*::before {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html {
font-family: "Rubik", sans-serif;
font-weight: 400;
scroll-behavior: smooth;
}
@media screen and (max-width: 761px) {
html b {
font-weight: 500;
}
}
body {
position: relative;
min-height: 100vh;
}
a {
text-decoration: none;
color: inherit;
outline: none;
}
.link-primary, #news-section a, #description .description__content a:not(.fancy), .days .days__day .day__content .day__text a {
position: relative;
color: #35bd9d;
}
.link-primary::after, #news-section a::after, #description .description__content a:not(.fancy)::after, .days .days__day .day__content .day__text a::after {
content: "";
position: absolute;
width: 0;
height: 2px;
bottom: -1px;
left: 0;
background: #35bd9d;
transition: all 0.4s cubic-bezier(0, 0.87, 0.53, 0.97);
}
.link-primary:hover::after, #news-section a:hover::after, #description .description__content a:hover:not(.fancy)::after, .days .days__day .day__content .day__text a:hover::after {
width: 100%;
}
ul {
list-style: none;
}
li {
list-style: none;
}
.container {
max-width: 960px;
width: 100%;
margin: auto;
}
@media screen and (max-width: 761px) {
.container {
width: unset;
padding: 0 1rem;
}
}
.flex,
.flex-sb,
.flex-sa,
.flex-center,
.flex-column {
display: flex;
align-items: center;
}
.flex-sb {
justify-content: space-between;
}
.flex-sa {
justify-content: space-around;
}
.flex-center {
justify-content: center;
}
.flex-column {
flex-direction: column;
}
.--gap1 {
gap: 1rem;
}
.--gap2 {
gap: 2rem;
}
.--gap3 {
gap: 3rem;
}
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 6rem;
grid-column-gap: 3rem;
}
.grid-repeat2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 6rem;
grid-column-gap: 3rem;
}
.center {
text-align: center;
}
.uppercase {
text-transform: uppercase;
}
.div-center {
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
margin: auto;
}
.text-primary {
color: #35bd9d;
}
.text-16px {
font-size: 13px;
}
.text-18px {
font-size: 18px;
}
.text-20px {
font-size: 20px;
}
.text-20px-bold {
font-size: 20px;
font-weight: 500;
}
.text-29px, .days .days__day .day__description .flex__item.day__text ul, .days .days__day .day__description .flex__item.day__text {
font-size: 23px;
}
.text-29px-bold {
font-size: 23px;
font-weight: 500;
}
.text-32px, #description .description__content p {
font-size: 21px;
font-weight: 300;
}
.text-32px-extrabold {
font-size: 21px;
font-weight: 400;
}
.text-32 {
font-size: 32px;
font-weight: 400;
}
.text-40px, #news-section p:not(.text-16px):not(.news__tags), #news-section ol {
font-size: 23px;
font-weight: 300;
letter-spacing: 1px;
line-height: 1.3;
}
.text-40px-extrabold, #description .has-medium-font-size {
font-size: 23px;
font-weight: 400;
}
.text-48px {
font-size: 26px;
font-weight: 300;
}
.text-48px-bold {
font-size: 26px;
font-weight: 400;
}
.text-48px-extrabold, #description .has-large-font-size {
font-size: 26px;
font-weight: 400;
}
.text-56px, #description .description__content p.has-x-large-font-size {
font-size: 45px;
font-weight: 400;
}
.text-64px {
font-size: 51px;
}
.text-80px {
font-size: 64px;
}
.text-112px {
font-size: 90px;
}
.--bold {
font-weight: 500;
}
.--extrabold {
font-weight: 600;
}
.title {
font-size: 56px;
font-weight: 400;
}
strong {
font-weight: 400;
}
h2 {
font-weight: 400;
}
.current {
color: #35bd9d;
pointer-events: none;
}
input,
textarea {
border: 1px solid #333;
border-radius: 5px;
}
input:focus,
textarea:focus {
border: 1px solid #35bd9d;
color: #495057;
background-color: #fff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(53, 189, 157, 0.25);
}
select {
background: transparent;
width: 100%;
border: 1px solid #333;
border-radius: 5px;
}
input[type=number] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
input:not(.search-form__input),
textarea,
select {
width: 306px;
height: 60px;
padding: 1rem 1rem;
background: transparent;
border: 1px solid #c7c7c7;
outline: none;
font-size: 0.9rem;
font-weight: 300;
resize: none;
}
input:not(.search-form__input)::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
font-size: 1rem;
font-family: "Rubik", sans-serif;
}
input:not(.search-form__input)::placeholder,
textarea::placeholder,
select::placeholder {
font-size: 1rem;
font-family: "Rubik", sans-serif;
}
textarea {
height: 150px;
}
button[type=submit]:not(.btn-primary) {
color: #fff;
background: #000;
padding: 1rem 2rem;
width: 100%;
border-radius: 30px;
font-size: 1.5rem;
font-weight: 400;
font-family: "Rubik", sans-serif;
}
.status {
font-size: 21px;
color: green;
text-align: center;
margin: 2rem 0;
}
button {
border: none;
cursor: pointer;
}
textarea {
resize: none;
}
.search-icon {
cursor: pointer;
position: relative;
height: 25px;
}
.search-icon .search-icon__fill {
position: absolute;
width: 0;
height: 0;
background-color: #000;
border-radius: 50%;
top: 3px;
left: 3.54px;
transition: all 0.3s ease-in-out;
width: 16px;
height: 16px;
transform-origin: center center;
transform: scale(0);
}
.search-icon:hover .search-icon__fill {
transform: scale(1);
}
.search-form {
position: fixed;
color: #000;
width: 0;
left: 50%;
transform: translateX(-50%);
z-index: 5;
opacity: 0;
pointer-events: none;
will-change: width;
background-color: #fff;
border-radius: 12px 12px 0 0;
top: 120px;
background-color: #fff;
overflow: hidden;
z-index: 25;
}
.search-form .close-searchForm-btn {
width: 25px;
height: 25px;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
opacity: 0;
}
.search-form .close-searchForm-btn::after, .search-form .close-searchForm-btn::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 3px;
background-color: #000;
top: 50%;
}
.search-form .close-searchForm-btn::after {
transform: rotate(45deg);
}
.search-form .close-searchForm-btn::before {
transform: rotate(135deg);
}
.search-form .search-form__input {
padding: 15px 0;
border-radius: 12px 12px 0 0;
border-bottom: 2px solid #35bd9d;
font-size: 1rem;
width: 100%;
}
.search-form .ajax-search {
position: absolute;
left: 0;
width: 100%;
height: 93%;
right: 0;
background: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
border-bottom-left-radius: 10px;
margin-top: 5px;
overflow-x: hidden;
overflow-y: auto;
z-index: 100;
margin: 0;
padding: 0;
font-size: 14px;
color: #424348;
scrollbar-color: dark;
scrollbar-width: thin;
overscroll-behavior: contain;
border: 1px solid #333;
border-top: none;
}
.search-form .ajax-search::-webkit-scrollbar {
width: 6px;
background-color: #eff2f3;
}
.search-form .ajax-search::-webkit-scrollbar-thumb {
background-color: #dddddd;
border-radius: 4em;
}
.search-form .ajax-search__item {
position: relative;
border-bottom: 1px solid rgba(224, 229, 231, 0.5);
padding: 10px 15px;
cursor: pointer;
list-style-type: none;
transition: all 0.3s ease-in-out;
}
.search-form .ajax-search__item:hover {
background-color: #35bd9d;
color: #000 !important;
}
.search-form .ajax-search__link {
line-height: 130%;
margin-bottom: 10px;
font-size: 13px;
cursor: pointer;
}
.search-form .ajax-search__link .ajax-search__link__image {
max-width: 200px;
}
.search-form .ajax-search__link .ajax-search__link__image img {
width: 100%;
}
.search-form .ajax-search__link .ajax-search__link__info {
width: 20%;
text-align: initial;
}
.search-form .ajax-search__link .ajax-search__link__info .ajax-search__link__title {
font-size: 18px;
margin-bottom: 1rem;
}
@media screen and (max-width: 700px) {
.search-form .ajax-search__link .ajax-search__link__info {
max-width: 40%;
width: 100%;
}
}
@media screen and (max-width: 761px) {
.search-form .ajax-search__link .ajax-search__link__info {
max-width: 100%;
}
}
@media screen and (max-width: 761px) {
.search-form .ajax-search__link {
flex-direction: column;
gap: 1rem;
}
}
.search-form .ajax-search__excerpt {
cursor: default;
font-size: 11px;
line-height: 140%;
}
.search-form .ajax-search__not-found {
font-size: 12px;
}
.search-form.hide {
opacity: 1;
animation-name: hideSearchForm;
animation-duration: 1.2s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.search-form.active {
opacity: 1;
pointer-events: all;
animation-name: activateSearchForm;
animation-duration: 1.2s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.search-form.active .close-searchForm-btn {
opacity: 1;
transition: all 0.3s ease-in-out;
transition-delay: 1.2s;
}
@media screen and (max-width: 761px) {
.search-form {
top: 115px;
}
}
@keyframes activateSearchForm {
0% {
width: 0;
height: 50px;
}
50% {
width: 90%;
height: 50px;
}
100% {
width: 90%;
height: 60vh;
}
}
@keyframes hideSearchForm {
0% {
width: 90%;
height: 60vh;
}
50% {
width: 90%;
height: 5.2vh;
}
100% {
width: 0;
height: 5.2vh;
opacity: 0;
}
}
.rostourism {
background: rgba(255, 255, 255, 0.3);
border-radius: 20px;
border: 3px solid #fff;
padding: 1rem 2rem;
margin-top: 2rem;
width: 410px;
}
@media screen and (max-width: 940px) {
.rostourism {
margin-top: 2.5rem;
}
}
.rostourism .rostourism__logo {
width: 125px;
}
.rostourism .rostourism__text {
font-size: 15px;
}
#map-listBox {
background: #fefefe;
padding: 1rem;
height: 300px;
overflow-y: scroll;
}
#map-listBox li {
cursor: pointer;
transition: all 0.2s ease-in-out;
margin-bottom: 0.5rem;
}
#map-listBox li:hover {
color: #35bd9d;
}
.open-certificate {
display: flex;
gap: 5px;
align-items: center;
position: absolute;
left: 2%;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 0.4s ease-in-out;
z-index: 1;
}
.open-certificate img {
margin-top: 0 !important;
}
.open-certificate p {
font-weight: 500;
}
.open-certificate:hover {
color: #35bd9d;
}
.open-certificate:hover img {
fill: #35bd9d;
}
.btn {
cursor: pointer;
font-size: 19px;
transition: all 0.2s ease-in-out;
}
.btn-white {
cursor: pointer;
background: #fff;
border: 1px solid #fff;
padding: 1rem 1.5rem;
color: #000;
border-radius: 10px;
}
.btn-white:hover {
background: transparent;
color: #fff;
}
.btn-outline-white {
cursor: pointer;
background: transparent;
border: 1px solid #fff;
padding: 1rem 1.5rem;
color: #fff;
border-radius: 10px;
}
.btn-outline-white:hover {
background: #fff;
color: #000;
}
.btn-primary {
cursor: pointer;
padding: 0.5rem 1rem;
background: #35bd9d;
border-radius: 0.3rem;
color: #fff;
transition: background-color 0.2s ease-in-out;
font-weight: normal;
}
.btn-primary:hover {
background-color: gray;
}
.btn-blue {
cursor: pointer;
padding: 0.5rem 1rem;
background: #2ba5e7;
border-radius: 0.3rem;
color: #fff;
transition: background-color 0.2s ease-in-out;
font-weight: normal;
}
.btn-blue:hover {
background-color: #1f76a5;
}
.btn-outline-black {
cursor: pointer;
border: 1px solid #343a40;
border-radius: 0.2rem;
}
.btn-outline-black:hover {
background: #343a40;
color: #fff;
}
.separator, #description .description__content hr {
width: 70%;
background: #35bd9d;
height: 2px;
margin: 4rem auto;
}
.hide-disp {
display: none;
}
.show-disp {
display: block;
}
.modal-opened {
overflow: hidden;
}
@media screen and (min-width: 940px) {
.modal-opened:not(.home) {
padding-right: 17px;
}
.modal-opened:not(.home) #header {
padding-right: 17px;
}
}
.modal-opened .socials-modal__btn {
right: 57px;
}
.modal-opened .open-personal-tour-form__wrapper {
right: 50px;
}
@media screen and (max-width: 761px) {
.modal-opened {
padding-right: 0;
}
.modal-opened .socials-modal__btn,
.modal-opened .open-personal-tour-form__wrapper {
padding-right: 0;
}
}
.modal-backdrop {
background-color: #000;
opacity: 0.5;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 15;
transition: all 0.2s ease-in-out;
}
#modal {
position: fixed;
top: 0;
left: 0;
z-index: 25;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
transition: all 0.4 ease-in-out;
}
#modal .modal-wrapper .modal__items {
width: 500px;
max-width: 100%;
margin: 1.75rem auto;
background: #fff;
border-radius: 0.25rem;
border: 1px solid #000;
overflow: hidden;
position: relative;
}
#modal .modal-wrapper .modal__items .modal__item {
width: 100%;
}
#modal .modal-wrapper .modal__items .modal__header {
padding: 0.7rem 1.5rem;
}
#modal .modal-wrapper .modal__items .modal__header .btn-close {
font-size: 1.5rem;
font-weight: 400;
color: #35bd9d;
transition: color 0.2s ease-in-out;
}
#modal .modal-wrapper .modal__items .modal__header .btn-close:hover {
color: #000;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content {
padding: 1.5rem;
border-top: 1px solid #35bd9d;
border-bottom: 1px solid #35bd9d;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content label:not(:first-of-type) p {
margin-bottom: 0.3rem;
margin-top: 1.5rem;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content label input:not([type=checkbox]),
#modal .modal-wrapper .modal__items #modal-form .modal__content label select {
width: 100%;
padding: 0.4rem 0.75rem;
font-size: 13px;
line-height: 1.5;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content label textarea {
width: 100%;
height: 150px;
resize: vertical;
padding: 0.4rem 0.75rem;
margin-bottom: 1rem;
font-family: inherit;
font-size: 13px;
line-height: 1.6;
color: #495057;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content label textarea:focus {
color: #000;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content label.flex {
align-items: flex-start;
gap: 0.3rem;
height: -moz-fit-content;
height: fit-content;
margin-bottom: 0;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content label.flex input {
position: relative;
top: 3px;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content label .flex {
gap: 1rem;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content label span {
font-size: 13px;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content label[for=date] .flex-sa {
margin: 1.4rem 0;
}
#modal .modal-wrapper .modal__items #modal-form .modal__content label[for=date] .flex-sa .error {
position: absolute;
}
#modal .modal-wrapper .modal__items #modal-form .form-btns {
padding: 0.75rem;
}
#modal .modal-wrapper .modal__items #modal-form .form-btns .flex {
justify-content: flex-end;
gap: 0.5rem;
}
#modal .modal-wrapper .modal__items #modal-form .form-btns .flex .btn-outline-black {
padding: 0.5rem 1rem;
}
#modal .modal-wrapper .modal__items #modal-form .form-btns .flex .btn-outline-black,
#modal .modal-wrapper .modal__items #modal-form .form-btns .flex button {
font-size: 1rem;
font-family: inherit;
}
.is-invalid {
border: 1px solid red;
position: relative;
border-radius: 6px;
}
.is-invalid input {
border: none;
}
.is-invalid input:focus {
box-shadow: none;
}
.is-invalid::before {
content: "*";
position: absolute;
top: 0;
left: -5%;
color: red;
font-size: 2rem;
}
.error {
color: red;
font-size: 12px;
line-height: 200%;
display: block;
position: absolute;
}
.slided-up {
transform: translateY(15px);
opacity: 0;
pointer-events: none;
}
.mb-0_5 {
margin-bottom: 0.5rem;
}
.mb-1, .days .days__day .day__description .flex__item.day__text ul {
margin-bottom: 1rem;
}
.mb-2 {
margin-bottom: 2rem;
}
.mb-3 {
margin-bottom: 3rem;
}
.mt-1, .days .days__day .day__description .flex__item.day__text ul {
margin-top: 1rem;
}
.mt-2 {
margin-top: 2rem;
}
.mt-3 {
margin-top: 3rem;
}
.ml-1 {
margin-left: 1rem;
}
.ml-2 {
margin-left: 2rem;
}
.ml-3 {
margin-left: 3rem;
}
.mr-1 {
margin-right: 1rem;
}
.mr-2 {
margin-right: 2rem;
}
.mr-3 {
margin-right: 3rem;
}
.mx-1 {
margin-left: 1rem;
margin-right: 1rem;
}
.mx-2 {
margin-left: 2rem;
margin-right: 2rem;
}
.mx-3 {
margin-left: 3rem;
margin-right: 3rem;
}
.my-1 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-2 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-3 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.px-1 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-2 {
padding-left: 2rem;
padding-right: 2rem;
}
.px-3 {
padding-left: 3rem;
padding-right: 3rem;
}
.py-1 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-2 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-3 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pt-1 {
padding-top: 1rem;
}
.pt-2 {
padding-top: 2rem;
}
.pt-3 {
padding-top: 3rem;
}
.usual-ul li {
list-style: disc;
}
.usual-ol li, #news-section ol li {
list-style: decimal;
}
.usual-ol li::marker, #news-section ol li::marker {
color: #35bd9d;
}
img {
max-width: 100%;
min-width: 0;
}
.bg-dark {
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.video-grid .grid__item {
max-height: 500px;
width: -moz-fit-content;
width: fit-content;
}
.video-grid video {
height: 100%;
}
@media screen and (max-width: 761px) {
.video-grid {
margin: 0 1.5rem;
grid-row-gap: 3rem;
}
}
#header {
border-bottom: 1px solid rgb(100, 100, 100);
height: 58px;
position: fixed;
top: 0;
width: 100%;
background: rgba(255, 255, 255, 0.7);
z-index: 15;
}
#header .container {
max-width: 1480px;
height: inherit;
}
#header .rostourism.hide,
#header .rto.hide,
#header .aviasales.hide {
display: none;
}
#header #main-nav {
position: relative;
bottom: 6px;
height: inherit;
font-size: 18px;
margin: auto;
}
#header #main-nav img:not(.ajax-search__link__img) {
width: 120px;
margin-top: 0.5rem;
}
#header #main-nav #logo h3,
#header #main-nav #logo h4 {
font-weight: 500;
}
#header #main-nav #logo img {
transition: width 0.2s ease-in-out;
}
#header #main-nav #logo.small img {
width: 58px;
}
#header #main-nav .rostourism img {
margin-top: 0;
}
#header #main-nav .flex-sb:not(.rostourism) {
align-items: flex-start;
height: inherit;
justify-content: center;
gap: 2.5rem;
}
#header #main-nav .flex-sb:not(.rostourism) li {
text-transform: uppercase;
}
#header #main-nav .flex-sb:not(.rostourism) li.translation-widget {
margin: 0 -1.2rem;
}
@media screen and (max-width: 940px) {
#header #main-nav .flex-sb:not(.rostourism) li.translation-widget {
margin-top: 0;
}
}
#header #main-nav .flex-sb:not(.rostourism) li.search {
margin-left: -1rem;
}
#header #main-nav .flex-sb:not(.rostourism) li:not(#logo):not(.ajax-search__item) {
margin-top: 2rem;
transition: color 0.2s ease-in-out;
font-weight: 500;
}
#header #main-nav .flex-sb:not(.rostourism) li:not(#logo):not(.ajax-search__item).search {
margin-top: 1.8rem;
}
#header #main-nav .flex-sb:not(.rostourism) li:not(#logo):not(.ajax-search__item):hover {
color: #35bd9d;
}
@media screen and (max-width: 1450px) {
#header #main-nav .flex-sb:not(.rostourism) li {
font-size: 17px;
}
}
#logo .rto {
position: absolute;
bottom: -170%;
right: 9%;
font-family: inherit;
font-size: 1rem;
font-weight: 600;
transition: all 0.3s ease-in-out;
}
#logo .rostourism {
position: absolute;
top: 80%;
left: 0;
font-family: inherit;
font-size: 1rem;
transition: all 0.3s ease-in-out;
padding: 0.5rem 1rem;
width: 300px;
background: rgba(255, 255, 255, 0.5);
}
#logo .rostourism .rostourism__text {
max-width: 212px;
width: 100%;
}
@media screen and (max-width: 940px) {
#logo .rostourism .rostourism__text b {
margin-top: 1rem;
}
}
@media screen and (max-width: 1450px) {
#logo .rostourism {
top: 155%;
}
}
@media screen and (max-width: 940px) {
#logo .rostourism {
width: 250px;
}
#logo .rostourism p {
font-size: 12px;
}
#logo .rostourism .rostourism__logo .rostourism__img {
width: 80px;
}
}
#logo .aviasales {
top: 355%;
background: none;
position: absolute;
left: 0;
max-width: 300px;
transition: all 0.6s ease-in-out;
width: 100%;
}
@media screen and (max-width: 1450px) {
#logo .aviasales {
top: 440%;
}
}
#logo .aviasales .aviasales__logo {
animation: scale 5s ease-in-out infinite;
animation-delay: 2s;
transform-origin: center center;
transition: all 0.3s ease-in-out;
}
#logo .aviasales .aviasales__logo img {
max-height: 115px;
}
@media screen and (max-width: 1450px) {
#logo .aviasales .aviasales__logo img {
max-height: 110px;
}
}
#logo .aviasales .aviasales__logo img:hover {
box-shadow: 0px 0px 15px 7px rgba(12, 115, 254, 0.37);
}
#logo .aviasales .aviasales-mobile-logo {
display: none;
}
@media screen and (max-width: 940px) {
#logo .aviasales .aviasales-mobile-logo {
display: block;
}
}
@media screen and (max-width: 940px) {
#logo .aviasales {
max-width: 250px;
justify-content: flex-start;
}
}
@media screen and (max-width: 940px) {
#logo .aviasales {
max-width: 150px;
left: 5px;
}
#logo .aviasales .aviasales-PC-logo {
display: none;
}
}
@media screen and (max-width: 940px) {
#logo .aviasales {
top: 260%;
left: 250px;
}
}
#logo .aviasales .aviasales__img {
max-width: 200px;
width: 200px !important;
}
@media screen and (max-width: 1450px) {
#logo .aviasales .aviasales__img {
max-width: 170px;
width: unset;
}
}
@media screen and (max-width: 940px) {
#logo .aviasales .aviasales__img {
max-width: 65px;
}
}
#hero {
position: absolute;
background-size: cover;
overflow: hidden;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
width: 100%;
justify-content: space-between;
margin-top: 7.5rem;
}
#hero .container {
display: flex;
align-items: center;
flex-direction: column;
height: 100%;
}
#hero h3,
#hero h1 {
color: #fff;
font-weight: 400;
}
#hero h3 {
font-size: 35px;
}
#hero h1 {
font-size: 80px;
}
#hero .btn {
margin-top: 2.5rem;
animation: 5s 1 alternate opacity100;
position: relative;
z-index: 5;
font-weight: 500;
font-size: 26px;
text-align: center;
}
@media screen and (max-width: 940px) {
#hero .btn {
font-size: 22px;
}
}
@media screen and (max-width: 761px) {
#hero .btn {
font-size: 19px;
}
}
#hero .main-title {
display: flex;
gap: 1rem;
}
#hero .slogan {
animation: 3s 1 alternate opacity100;
}
#hero .slogan span {
font-size: 32px;
}
@media screen and (max-width: 940px) {
#hero .slogan span {
font-size: 30px;
}
}
@media screen and (max-width: 761px) {
#hero .slogan span {
font-size: 19px;
}
}
#hero .animation-show {
overflow: hidden;
}
#hero .animation-show .animation-show-1,
#hero .animation-show .animation-show-2 {
display: block;
transform: translateY(100%);
}
#hero .animation-show .animation-show-1 {
animation: 1s 1 alternate appear;
animation-fill-mode: forwards;
}
#hero .animation-show .animation-show-2 {
animation: 1s 1 alternate appear;
animation-fill-mode: forwards;
animation-delay: 0.4s;
}
@media screen and (max-width: 940px) {
#hero.home-page-section {
margin-top: 0.5rem;
}
}
@keyframes appear {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
.title {
font-weight: 400;
}
#excursions {
padding-top: 5rem;
}
#excursions .grid {
margin: 2rem;
}
#excursions .grid a {
width: 109%;
transition: all 0.5s ease-in-out;
}
#excursions .grid a .text-40px, #excursions .grid a #news-section p:not(.text-16px):not(.news__tags), #news-section #excursions .grid a p:not(.text-16px):not(.news__tags), #excursions .grid a #news-section ol, #news-section #excursions .grid a ol {
margin-bottom: 0.6rem;
font-weight: 500;
font-size: 19px;
position: relative;
}
#excursions .grid a .text-16px {
font-weight: 300;
letter-spacing: 1px;
color: #333;
}
#excursions .grid a .image {
overflow: hidden;
height: 156px;
margin-bottom: 0.7rem;
border-radius: 20px;
}
#excursions .grid a:hover {
transform: scale(1.1);
}
#excursions .grid a:hover img {
transform: scale(1.1);
}
#excursions .grid img {
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out;
border-radius: 20px;
}
#excursions .grid.grid-repeat2 {
grid-column-gap: 4rem;
grid-row-gap: 6rem;
}
#excursions .grid.grid-repeat2 .grid__item {
width: 65%;
}
@media screen and (max-width: 940px) {
#excursions .grid.grid-repeat2 .grid__item {
width: 100%;
}
}
#excursions .grid.grid-repeat2 .grid__item:nth-child(odd) {
margin-left: auto;
}
@media screen and (max-width: 940px) {
#excursions .grid.grid-repeat2 .grid__item:nth-child(odd) {
margin-left: 0;
}
}
#excursions .grid.grid-repeat2 .grid__item:nth-child(even) {
margin-right: auto;
}
@media screen and (max-width: 940px) {
#excursions .grid.grid-repeat2 .grid__item:nth-child(even) {
margin-right: 0;
}
}
#winter-excursions h1 {
margin-top: 2rem;
margin-bottom: 5.5rem;
}
#turoperators {
position: relative;
padding: 15rem 0;
background: url(//flagman-tur.ru/wp-content/themes/flagman-tur/assets/img/tours-abroad/bg_touroperatos.jpg) no-repeat center 55%/cover;
}
#turoperators .flex {
justify-content: center;
gap: 2rem;
}
#turoperators .flex .turoperators__turoperator {
height: 103px;
position: relative;
z-index: 5;
}
.request-success {
text-align: center;
color: #35bd9d;
padding: 2rem;
}
.mySwiperTestimonial {
margin-bottom: 4rem;
height: 400px !important;
}
.mySwiperTestimonial .swiper-wrapper {
transition-timing-function: linear !important;
}
.mySwiperTestimonial .swiper-wrapper img,
.mySwiperTestimonial .swiper-wrapper a {
height: 100%;
border-radius: 7px;
}
.mySwiperTestimonial:not(.main-page) .swiper-wrapper .swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
border-radius: 20px;
width: -moz-fit-content !important;
width: fit-content !important;
max-width: 100%;
}
.mySwiperTestimonial:not(.main-page) .swiper-wrapper .swiper-slide img {
width: 100%;
}
.mySwiperTestimonials {
position: relative;
z-index: 20 !important;
}
.mySwiperTestimonials .swiper-wrapper {
transition-timing-function: linear;
}
.mySwiperTestimonials .swiper-wrapper img {
height: 100%;
border-radius: 7px;
}
.mySwiperTestimonial .swiper-slide {
padding-bottom: 10px;
}
.mySwiperTestimonials {
transition: all 0.4s ease-in-out;
}
.mySwiperTestimonials .swiper-slide {
transition: all 0.4s ease-in-out;
padding: 4rem 0;
position: relative;
}
@media screen and (min-width: 940px) {
.mySwiperTestimonials .swiper-slide:hover {
transform: scale(3);
z-index: 50;
}
.mySwiperTestimonials .swiper-slide::before {
content: "";
position: absolute;
width: 100%;
height: 98%;
border-radius: 7px;
transition: all 0.4s ease-in-out;
background: transparent;
}
.mySwiperTestimonials .swiper-slide.inactive {
position: relative;
}
.mySwiperTestimonials .swiper-slide.inactive::before {
background: rgba(0, 0, 0, 0.5);
}
.mySwiperTestimonials .swiper-slide.active {
position: relative;
z-index: 20;
}
.mySwiperTestimonials .swiper-slide.active::before {
background: transparent;
}
}
.mySwiperTestimonials.main-page {
overflow: visible !important;
}
.mySwiperTestimonials.main-page .swiper-slide {
padding: 0;
}
.swiper-overflow-wrapper {
width: 500px;
max-width: 100%;
margin: auto;
overflow: hidden;
transition: all 0.5s ease-in-out;
height: 500px;
display: flex;
justify-content: center;
align-items: center;
height: 280px;
animation: 3s 1 alternate opacity100;
}
@media screen and (min-width: 940px) {
.swiper-overflow-wrapper {
height: 430px;
position: relative;
top: -140px;
}
}
@media screen and (max-width: 940px) {
.swiper-overflow-wrapper {
margin-top: -2.5rem;
}
}
.swiper-overflow-wrapper .swiper {
height: 130px;
}
.swiper-overflow-wrapper .swiper .swiper-wrapper {
height: 130px !important;
}
.swiper-overflow-wrapper .swiper .swiper-wrapper .swiper-slide {
height: -moz-fit-content;
height: fit-content;
}
@media screen and (max-width: 940px) {
.swiper-overflow-wrapper .swiper .swiper-wrapper .swiper-slide {
height: unset;
}
}
@keyframes opacity100 {
0% {
opacity: 0;
pointer-events: none;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
pointer-events: all;
}
}
@media screen and (min-width: 940px) {
.swiper-overflow-wrapper:hover {
width: 1000px;
height: 530px;
}
}
.open-personal-tour-form__wrapper {
position: fixed;
bottom: 120px;
right: 32px;
font-family: inherit;
font-size: 9px;
font-weight: 600;
transition: background-color 0.3s ease-in-out;
border-radius: 50%;
}
@media screen and (max-width: 761px) {
.open-personal-tour-form__wrapper {
bottom: 100px;
right: 13px;
}
}
.open-personal-tour-form__wrapper .open-personal-tour-form__content {
overflow: hidden;
position: relative;
padding: 2rem 0.3rem;
border-radius: 50%;
background-color: #a0ead9;
background-size: 400% 400%;
animation: gradient 10s ease infinite;
cursor: pointer;
}
@media screen and (max-width: 761px) {
.open-personal-tour-form__wrapper .open-personal-tour-form__content {
padding: 1.7rem 0.3rem;
}
}
.open-personal-tour-form__wrapper .open-personal-tour-form__content .open-personal-tour-form__text {
background: transparent;
z-index: 5;
position: relative;
color: #000;
font-size: 13px;
font-weight: 500;
text-align: center;
}
@media screen and (max-width: 761px) {
.open-personal-tour-form__wrapper .open-personal-tour-form__content .open-personal-tour-form__text {
font-size: 10px;
}
}
.open-personal-tour-form__wrapper .open-personal-tour-form__content .open-personal-tour-form__img {
position: absolute;
top: 5px;
left: 10px;
z-index: 0;
filter: brightness(0.9) blur(0.7px) opacity(45%);
}
@media screen and (max-width: 761px) {
.open-personal-tour-form__wrapper .open-personal-tour-form__content .open-personal-tour-form__img {
top: 6px;
left: 8px;
}
}
.open-personal-tour-form__wrapper::after {
content: "";
width: 100%;
height: 100%;
background-color: #35bd9d;
position: absolute;
border-radius: inherit;
top: 0;
left: 0;
z-index: -1;
transition: all 500ms ease-in-out;
animation: flash 4s ease 0s infinite normal none running;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.socials-modal__btn {
position: fixed;
right: 40px;
bottom: 20px;
width: 80px;
cursor: pointer;
}
.socials-modal__btn img {
width: 100%;
border-radius: 50%;
}
@media screen and (max-width: 761px) {
.socials-modal__btn {
right: 20px;
width: 60px;
}
}
@keyframes flash {
0% {
transform: scale(1);
opacity: 0;
}
60% {
transform: scale(1);
opacity: 0;
}
70% {
opacity: 0.4;
}
100% {
transform: scale(1.4);
opacity: 0;
}
}
@keyframes slide {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(150%);
}
}
#socials-modal {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: -1;
pointer-events: none;
}
#socials-modal.open {
z-index: 99;
pointer-events: all;
}
#socials-modal.open .socials-modal__form_wrapper {
display: flex;
}
#socials-modal .socials-modal__form_wrapper {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
display: none;
justify-content: center;
align-items: center;
}
#socials-modal .socials-modal__form_wrapper .socials-modal__form {
border-radius: 10px;
background: #fff;
max-width: 600px;
width: 100%;
padding: 2rem;
position: relative;
}
#socials-modal .socials-modal__form_wrapper .socials-modal__form .socials-modal__form__social > .flex {
gap: 1rem;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 761px) {
#socials-modal .socials-modal__form_wrapper .socials-modal__form > .flex-sa {
flex-direction: column;
gap: 2rem;
}
}
@media screen and (max-width: 761px) {
.requisites p,
.requisites li,
.licenses p,
.licenses li {
font-size: 15px !important;
}
}
.licenses {
padding: 1rem;
}
.licenses p,
.licenses li {
text-indent: 0 !important;
}
.city {
margin-top: 1rem;
letter-spacing: 1px;
line-height: 150%;
font-weight: 300;
font-size: 18px;
align-self: flex-start;
text-indent: 0 !important;
text-align: center !important;
}
@media screen and (max-width: 761px) {
.city {
max-width: 95%;
font-size: 14px !important;
}
}
#contact-us,
#contact-us-separate {
background: #e6e6e6;
padding-top: 3rem;
padding-bottom: 4rem;
margin-top: 3rem;
}
@media screen and (max-width: 761px) {
#contact-us .rostourism,
#contact-us-separate .rostourism {
width: unset;
}
}
#contact-us .requisites,
#contact-us .licenses,
#contact-us-separate .requisites,
#contact-us-separate .licenses {
max-width: 410px;
}
@media screen and (max-width: 761px) {
#contact-us .requisites,
#contact-us .licenses,
#contact-us-separate .requisites,
#contact-us-separate .licenses {
min-width: 100%;
}
}
#contact-us .licenses,
#contact-us-separate .licenses {
background: rgba(255, 255, 255, 0.3);
border-radius: 20px;
border: 3px solid #fff;
padding: 1rem 2rem;
}
#contact-us .city,
#contact-us-separate .city {
text-align: left !important;
}
#contact-us .text-64px,
#contact-us-separate .text-64px {
margin-bottom: 0.8rem;
}
#contact-us .text-48px,
#contact-us-separate .text-48px {
margin-bottom: 3rem;
}
@media screen and (max-width: 761px) {
#contact-us .text-48px,
#contact-us-separate .text-48px {
font-size: 22px;
}
}
#contact-us .flex-center,
#contact-us-separate .flex-center {
gap: 3rem;
}
#contact-us .flex-center .flex-1 .whatsapp,
#contact-us-separate .flex-center .flex-1 .whatsapp {
transition: all 0.3s ease-in-out;
font-size: 26px;
margin-left: -1.9rem;
display: flex;
gap: 0.5rem;
align-items: center;
position: relative;
}
#contact-us .flex-center .flex-1 .whatsapp::after,
#contact-us-separate .flex-center .flex-1 .whatsapp::after {
content: "";
display: block;
width: 0%;
height: 2px;
margin-left: 2.1rem;
background: green;
transition: all 0.3s ease-in-out;
position: absolute;
left: 0;
bottom: -20%;
}
#contact-us .flex-center .flex-1 .whatsapp:hover::after,
#contact-us-separate .flex-center .flex-1 .whatsapp:hover::after {
width: 88%;
}
#contact-us .flex-center .flex-2 form .input-wrapper,
#contact-us .flex-center .flex-2 form .textarea-wrapper,
#contact-us-separate .flex-center .flex-2 form .input-wrapper,
#contact-us-separate .flex-center .flex-2 form .textarea-wrapper {
margin-bottom: 1.5rem;
}
#contact-us .flex-center .flex-2 form input,
#contact-us .flex-center .flex-2 form textarea,
#contact-us .flex-center .flex-2 form select,
#contact-us-separate .flex-center .flex-2 form input,
#contact-us-separate .flex-center .flex-2 form textarea,
#contact-us-separate .flex-center .flex-2 form select {
width: 306px;
height: 60px;
padding: 1rem 1rem;
background: transparent;
border: 1px solid #c7c7c7;
outline: none;
font-size: 0.9rem;
font-weight: 300;
resize: none;
}
#contact-us .flex-center .flex-2 form input::-moz-placeholder, #contact-us .flex-center .flex-2 form textarea::-moz-placeholder, #contact-us .flex-center .flex-2 form select::-moz-placeholder, #contact-us-separate .flex-center .flex-2 form input::-moz-placeholder, #contact-us-separate .flex-center .flex-2 form textarea::-moz-placeholder, #contact-us-separate .flex-center .flex-2 form select::-moz-placeholder {
font-size: 1rem;
font-family: "Rubik", sans-serif;
}
#contact-us .flex-center .flex-2 form input::placeholder,
#contact-us .flex-center .flex-2 form textarea::placeholder,
#contact-us .flex-center .flex-2 form select::placeholder,
#contact-us-separate .flex-center .flex-2 form input::placeholder,
#contact-us-separate .flex-center .flex-2 form textarea::placeholder,
#contact-us-separate .flex-center .flex-2 form select::placeholder {
font-size: 1rem;
font-family: "Rubik", sans-serif;
}
#contact-us .flex-center .flex-2 form textarea,
#contact-us-separate .flex-center .flex-2 form textarea {
height: 150px;
}
#contact-us .flex-center .flex-2 form button[type=submit],
#contact-us-separate .flex-center .flex-2 form button[type=submit] {
color: #fff;
background: #000;
padding: 1rem 2rem;
width: 100%;
border-radius: 30px;
font-size: 1.5rem;
font-weight: 400;
font-family: "Rubik", sans-serif;
}
#contact-us .flex-center .flex-2 .status,
#contact-us-separate .flex-center .flex-2 .status {
font-size: 32px;
color: green;
}
#contact-us .socials,
#contact-us-separate .socials {
margin-top: 1rem;
gap: 2rem;
}
#contact-us .socials .social__socials svg,
#contact-us-separate .socials .social__socials svg {
transition: all 0.2s linear;
}
#contact-us .socials .social__socials svg path,
#contact-us-separate .socials .social__socials svg path {
transition: all 0.2s linear;
}
#contact-us .socials .social__socials:hover svg,
#contact-us-separate .socials .social__socials:hover svg {
fill: #35bd9d;
}
#contact-us .socials .social__socials:hover svg path,
#contact-us-separate .socials .social__socials:hover svg path {
fill: #35bd9d;
}
#contact-us-separate {
margin-top: 0;
padding-top: 10rem;
min-height: 100vh;
}
.background {
height: 800px;
background: url(//flagman-tur.ru/wp-content/themes/flagman-tur/assets/img/2.jpg) center 20% no-repeat;
background-size: cover;
}
.gray-bg {
background: #e6e6e6;
}
#info {
margin-bottom: 5rem;
}
#info .container {
max-width: 720px;
}
#info h1 {
font-size: 32px;
margin-top: 3rem;
}
#info .info-text-wrapper {
border: 2px solid #000;
padding: 4rem;
margin: auto;
margin-top: 7rem;
font-weight: 300;
}
#info .info-text-wrapper p,
#info .info-text-wrapper li {
text-indent: 35px;
line-height: 130%;
letter-spacing: 1px;
margin-bottom: 1rem;
text-align: justify;
}
@media screen and (max-width: 761px) {
#info .info-text-wrapper p,
#info .info-text-wrapper li {
margin-top: 0 !important;
font-size: 17px;
text-indent: 20px;
}
}
@media screen and (max-width: 761px) {
#info .info-text-wrapper {
padding: 2rem 1rem;
margin: 5rem 0rem;
}
}
#entertainments {
padding-top: 12rem;
}
#entertainments li img {
display: block;
margin: 3rem auto;
}
@media screen and (max-width: 1450px) {
#entertainments {
margin: 0 2rem;
}
}
@media screen and (max-width: 761px) {
#entertainments p,
#entertainments li {
font-size: 18px;
}
}
#hero-showcase {
color: #fff;
background: 10% center;
background-size: cover !important;
background-repeat: no-repeat !important;
height: 100%;
width: 100%;
padding-top: 13rem;
padding-bottom: 7rem;
letter-spacing: 1px;
position: relative;
}
@media screen and (max-width: 1450px) {
#hero-showcase {
padding: 18rem 0 8rem !important;
}
}
#hero-showcase .container {
position: relative;
z-index: 5;
}
#hero-showcase .flex-center {
flex-direction: column;
}
#hero-showcase .text-48px {
margin-bottom: 2.25rem;
}
#hero-showcase .price {
background: #fff;
border: 1px solid #fff;
padding: 0.8rem 1.5rem;
color: #000;
border-radius: 10px;
width: 300px;
margin-bottom: 1rem;
}
#hero-showcase h3 {
font-weight: 400;
text-align: center;
}
@media screen and (max-width: 761px) {
#hero-showcase h3 {
font-size: 36px !important;
}
}
#hero-showcase .btn {
width: 300px;
font-size: 25px;
}
#hero-showcase .pegi {
position: absolute;
width: 60px;
right: 50px;
bottom: 30px;
}
#hero-showcase .pegi img {
width: 100%;
}
.list-w-markers li, #description .description__content ul li {
list-style: disc;
margin-bottom: 1rem;
}
.list-w-markers li p, #description .description__content ul li p {
line-height: 150%;
text-indent: 0;
padding-left: 1rem;
}
@media screen and (max-width: 761px) {
.list-w-markers li p, #description .description__content ul li p {
padding-left: 0;
}
}
@media screen and (max-width: 761px) {
.list-w-markers li, #description .description__content ul li {
margin-left: 1rem;
}
}
.tour-program .day__text {
text-indent: 0 !important;
padding-left: 35px;
}
.tour-program .tour-program-list li {
list-style: disc;
margin-bottom: 1rem;
}
.tour-program .tour-program-list li p {
line-height: 150%;
text-indent: 0;
padding-left: 1rem;
}
@media screen and (max-width: 761px) {
.tour-program .tour-program-list li p {
padding-left: 0;
}
}
@media screen and (max-width: 761px) {
.tour-program .tour-program-list li {
margin-left: 1rem;
}
}
@media screen and (max-width: 940px) {
.days {
padding-right: 1rem;
}
}
.days .days__day .day__title {
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.days .days__day .day__title p,
.days .days__day .day__title span {
pointer-events: none;
}
@media screen and (max-width: 940px) {
.days .days__day .day__title p,
.days .days__day .day__title span {
font-size: 20px;
}
}
@media screen and (max-width: 761px) {
.days .days__day .day__title p,
.days .days__day .day__title span {
font-size: 16px;
}
}
.days .days__day .day__title span {
font-weight: 300;
}
.days .days__day .day__title::after, .days .days__day .day__title::before {
content: "";
position: absolute;
top: 15px;
width: 13px;
height: 2px;
background-color: #000;
transition: all 0.2s ease-in-out;
}
.days .days__day .day__title::before {
right: -20px;
transform: rotate(55deg);
}
.days .days__day .day__title::after {
right: -27px;
transform: rotate(-55deg);
}
.days .days__day .day__title:hover {
opacity: 1;
color: #06a87f;
}
.days .days__day .day__title:hover::after, .days .days__day .day__title:hover::before {
background-color: #35bd9d;
}
.days .days__day .day__title.current {
opacity: 1;
color: #06a87f;
pointer-events: all;
}
.days .days__day .day__title.current::after, .days .days__day .day__title.current::before {
opacity: 1;
background-color: #06a87f;
pointer-events: all;
transition: transform 0.5s ease-in-out, top 0.5s ease-in-out, background-color 0.2s ease-in-out;
}
.days .days__day .day__title.current::before {
transform: rotate(-55deg);
}
.days .days__day .day__title.current::after {
transform: rotate(55deg);
}
.days .days__day .day__content {
display: none;
}
.days .days__day .day__content.active {
display: block;
}
.days .days__day .day__content .day__text {
font-size: 16px;
}
.days .days__day .day__content .day__text ul {
margin-bottom: 1rem;
}
.days .flex,
.days .flex-column {
gap: 1rem;
align-items: flex-start;
}
.days .days__day {
position: relative;
width: 100%;
}
.days .days__day .day__description .flex__item {
width: 100%;
}
.days .days__day .day__description .flex__item.day__image {
padding-right: 3rem;
}
.days .days__day .day__description .flex__item.day__image .flex__item {
width: -moz-fit-content;
width: fit-content;
}
.days .days__day .day__description .flex__item.day__text {
border-left: 2px solid #35bd9d;
padding-left: 3rem;
}
.days .days__day .day__description .flex__item.day__text ul {
font-weight: 300;
}
.days .days__day .day__description .flex__item.day__text ul li {
margin-bottom: 0.5rem;
line-height: 33px;
}
.days .days__day .day__description .flex__item.day__text p {
margin-bottom: 0.5rem;
}
.days .days__day .day__description .tour-program-list {
line-height: 33px;
}
@media screen and (max-width: 940px) {
.days .days__day .day__description {
flex-direction: column;
}
.days .days__day .day__description .flex__item.day__text {
border-left: none;
border-top: 2px solid #35bd9d;
border-bottom: 2px solid #35bd9d;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 0;
}
.days .days__day .day__description .flex__item.day__image {
padding-right: 0;
}
}
#tour-information {
align-items: flex-start;
gap: 5rem !important;
justify-content: center !important;
}
@media screen and (max-width: 1450px) {
#tour-information {
gap: 2rem !important;
}
}
@media screen and (max-width: 940px) {
#tour-information {
flex-direction: column;
align-items: center !important;
gap: 2rem !important;
}
}
#tour-information .tour-information__tabs .tour-information__tab {
cursor: pointer;
position: relative;
transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#tour-information .tour-information__tabs .tour-information__tab p {
pointer-events: none;
margin-bottom: 0.5rem;
}
#tour-information .tour-information__tabs .tour-information__tab::after {
content: "";
display: block;
position: absolute;
left: 50%;
bottom: 0;
width: 30%;
height: 2px;
background-color: #35bd9d;
transform: translateX(-250%);
transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out;
opacity: 0;
}
#tour-information .tour-information__tabs .tour-information__tab.current::after {
transform: translateX(-50%);
opacity: 1;
}
#tour-information .tour-information__tabs .tour-information__tab:not(.current):hover {
color: #35bd9d;
opacity: 0.5;
}
@media screen and (max-width: 1450px) {
#tour-information .tour-information__tabs .tour-information__tab p {
font-size: 18px;
}
}
@media screen and (max-width: 940px) {
#tour-information .tour-information__tabs {
align-items: center !important;
}
}
@media screen and (max-width: 1450px) {
#tour-information .tour-information__tabs {
align-items: flex-start;
}
}
#tour-information .tour-information__content {
flex-basis: 52%;
min-height: 410px;
position: relative;
overflow-y: hidden;
width: 100%;
}
@media screen and (max-width: 761px) {
#tour-information .tour-information__content {
min-height: 280px;
}
}
#tour-information .tour-information__content .tour-information__content__block {
transform: translateY(70%);
will-change: transform;
opacity: 0;
transition: opacity 0.2s ease-in-out, transform 0.35s ease-in-out, width 0.3s ease-in-out;
pointer-events: none;
position: absolute;
max-width: 100%;
width: 100%;
left: 0;
top: 0;
padding-left: 1rem;
}
@media screen and (max-width: 1450px) {
#tour-information .tour-information__content .tour-information__content__block p {
font-size: 16px;
}
}
#tour-information .tour-information__content .tour-information__content__block.active {
position: static;
pointer-events: all;
width: 100%;
opacity: 1;
transform: translateY(0);
transition-delay: 0.4s;
}
#description {
margin-top: 4rem;
height: -moz-fit-content;
height: fit-content;
}
#description .wp-block-gallery {
max-width: 700px;
margin: auto;
}
#description .text-64px {
font-size: 45px;
}
#description .has-medium-font-size {
margin-bottom: 2rem !important;
}
#description .description__content p {
margin-bottom: 0.5rem;
}
@media screen and (max-width: 761px) {
#description .description__content p {
font-size: 16px !important;
}
}
#description .description__content p.has-x-large-font-size {
margin: 2rem 0 !important;
}
@media screen and (max-width: 761px) {
#description .description__content p.has-x-large-font-size {
font-size: 24px !important;
text-indent: 0;
}
}
#description .description__content p:not(.center, .has-text-align-center) {
text-align: justify;
}
@media screen and (max-width: 761px) {
#description .description__content p:not(.center, .has-text-align-center) {
word-break: break-word;
}
}
#description .description__content p.center, #description .description__content p.has-text-align-center {
text-indent: 0;
}
#description .description__content img {
margin: 1rem 0;
}
#description .description__content hr {
color: #35bd9d;
}
#description .tour-difficulty__wrapper {
margin: 2rem 0;
}
#description .tour-difficulty__wrapper .tour-difficulty {
position: relative;
padding: 1rem;
white-space: nowrap;
}
#description img {
border-radius: 20px;
margin-bottom: 1rem;
}
#description .text-40px, #description #news-section p:not(.text-16px):not(.news__tags), #news-section #description p:not(.text-16px):not(.news__tags), #description #news-section ol, #news-section #description ol {
text-indent: 35px;
}
#description .text-40px figure, #description #news-section p:not(.text-16px):not(.news__tags) figure, #news-section #description p:not(.text-16px):not(.news__tags) figure, #description #news-section ol figure, #news-section #description ol figure {
text-indent: 0;
}
#description .flex {
align-items: flex-start;
gap: 6rem;
justify-content: space-between;
}
#description .flex .flex-2 {
width: 60%;
}
#description .flex .flex-2 p {
padding-bottom: 3rem;
font-size: 19px;
}
#description .flex .flex-1 {
width: 55%;
}
#description .text-48px {
letter-spacing: 1px;
line-height: 130%;
}
#description .text-56px, #description .description__content p.has-x-large-font-size {
font-size: 32px;
}
#description .text-56px.center, #description .description__content p.center.has-x-large-font-size {
margin-bottom: 6rem;
}
#description .excursions-table .excursions-table__rows {
align-items: normal;
}
#description .excursions-table .excursions-table__rows .excursions-table__row .excursions-table__column {
width: 100%;
}
#description .excursions-table .excursions-table__rows .excursions-table__row .excursions-table__column p {
text-indent: 0;
text-align: center;
}
#description .excursions-table .excursions-table__rows .table-row-separator {
width: 100%;
height: 2px;
background-color: #35bd9d;
border-radius: 100%;
margin: 1rem 0;
}
@media screen and (max-width: 940px) {
#description p {
text-indent: 0 !important;
font-size: 16px !important;
}
#description .description__content p {
font-size: 18px !important;
text-indent: 15px !important;
}
#description .description__content p.has-x-large-font-size {
font-size: 24px !important;
text-indent: 0 !important;
}
#description .description__content ul li p {
padding-left: 0.3rem !important;
}
}
#description.multi-day__description p.has-x-large-font-size {
margin-bottom: 2rem;
}
#description.multi-day__description p:not(.center, .has-text-align-center) {
text-indent: unset;
text-align: justify;
margin-bottom: 1rem;
}
#description.multi-day__description .description__text p {
line-height: 1.3;
text-indent: 35px;
}
@media screen and (max-width: 761px) {
#description.multi-day__description .description__text p:not(.center, .has-text-align-center) {
text-indent: 20px !important;
}
}
#description.multi-day__description .flex,
#description.multi-day__description .flex-column {
gap: 1rem;
justify-content: unset;
}
#tour-flex {
align-items: flex-start;
}
#tour-flex .container {
margin: 0;
margin-left: auto;
margin-right: 4rem;
}
@media screen and (max-width: 1450px) {
#tour-flex .container {
max-width: 95%;
margin-left: 1.5rem;
margin-right: 2rem;
}
}
@media screen and (max-width: 940px) {
#tour-flex .container {
margin: auto;
}
}
#tour-flex #tour-content {
flex: 1 1 auto;
width: 100%;
}
#tour-flex #tour-sidebar {
position: sticky;
top: 0;
padding-top: 5rem;
margin-right: 5rem;
}
@media screen and (max-width: 1450px) {
#tour-flex #tour-sidebar {
margin-right: 2rem;
}
}
#tour-flex #tour-sidebar .tour-sidebar__wrapper {
border: 2px solid #35bd9d;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-radius: 13px;
-o-border-image: linear-gradient(to bottom, #35bd9d, rgba(0, 0, 0, 0)) 1 100%;
border-image: linear-gradient(to bottom, #35bd9d, rgba(0, 0, 0, 0)) 1 100%;
border-image-width: 1;
transition: all 0.4s ease-in-out;
padding: 1rem;
}
@media screen and (max-width: 1450px) {
#tour-flex #tour-sidebar .tour-sidebar__wrapper {
padding: 0.5rem;
}
}
#tour-flex #tour-sidebar button {
width: 100%;
}
@media screen and (max-width: 940px) {
#tour-flex #tour-sidebar {
display: none;
}
}
.tour-modal-form .tour-modal-form__items {
position: relative;
}
.tour-modal-form .modal__items {
padding: 1rem;
}
.tour-modal-form .modal__form #tour-modal-form {
gap: 1.5rem;
}
.tour-modal-form .modal__form #tour-modal-form .send-form {
width: 100%;
}
#personal-tour-form {
gap: 1.5rem;
}
#personal-tour-form .send-form {
width: 100%;
}
#personal-tour-form .submit-personal-tour.disabled {
display: none;
}
#personal-tour-form:not(.confirmed) .send-form.disabled {
pointer-events: none;
background-color: gray;
opacity: 0.2;
}
#personal-tour-form .tour-selection-wrapper {
width: 100%;
padding-bottom: 2rem;
border-bottom: 2px solid #35bd9d;
}
#personal-tour-form .tour-selection {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
gap: 1.5rem;
transition: all 0.2s ease-in-out;
border: 1px solid transparent;
}
#personal-tour-form .tour-selection .tour-selection__info {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
#personal-tour-form .tour-selection .tour-selection__info input::placeholder, #personal-tour-form .tour-selection .tour-selection__info input::-webkit-input-placeholder, #personal-tour-form .tour-selection .tour-selection__info input::-moz-placeholder {
opacity: 0.8;
color: #000;
}
#personal-tour-form .tour-selection .input-wrapper {
align-self: center;
}
#personal-tour-form .tour-selection .input-wrapper input {
padding: 0.5rem 1rem;
height: 40px;
}
#personal-tour-form .tour-selection .tour-selection__tour__image {
max-width: 120px;
width: 100%;
}
@media screen and (max-width: 761px) {
#personal-tour-form .tour-selection .tour-selection__tour__image {
max-width: 100px;
min-width: 100px;
}
}
#personal-tour-form .tour-selection .tour-selection__tour__text {
padding-right: 1rem;
}
@media screen and (max-width: 761px) {
#personal-tour-form .tour-selection .tour-selection__tour__text .tour-selection__tour__title {
font-size: 16px;
}
#personal-tour-form .tour-selection .tour-selection__tour__text .tour-selection__tour__description {
font-size: 14px;
}
}
#personal-tour-form .tour-selection .tour-selection__tours {
position: absolute;
background: #fff;
width: 100%;
left: 0;
z-index: 1;
max-height: 400px;
overflow-y: scroll;
display: none;
border: 1px solid #000;
}
#personal-tour-form .tour-selection .tour-selection__selected-tour {
margin: 0 1rem;
padding: 0.5rem 1rem;
border: 1px solid #000;
border-radius: 5px;
cursor: pointer;
position: relative;
}
#personal-tour-form .tour-selection .tour-selection__selected-tour .selected-tour__content {
pointer-events: none;
}
#personal-tour-form .tour-selection .tour-selection__selected-tour .tour-selection__selected-tour__btn {
position: absolute;
width: 15px;
height: 15px;
top: 50%;
transform: translateY(-50%) rotate(360deg);
right: 2%;
transition: all 0.2s ease-in-out;
pointer-events: none;
}
#personal-tour-form .tour-selection .tour-selection__selected-tour .tour-selection__selected-tour__btn::before, #personal-tour-form .tour-selection .tour-selection__selected-tour .tour-selection__selected-tour__btn::after {
content: "";
position: absolute;
width: 10px;
height: 2px;
background-color: #000;
bottom: 50%;
transition: all 0.4s ease-in-out;
pointer-events: none;
}
#personal-tour-form .tour-selection .tour-selection__selected-tour .tour-selection__selected-tour__btn::before {
transform: rotate(-50deg);
left: -1px;
}
#personal-tour-form .tour-selection .tour-selection__selected-tour .tour-selection__selected-tour__btn::after {
right: 0;
transform: rotate(50deg);
}
#personal-tour-form .tour-selection .tour-selection__tour {
transition: background-color 0.2s ease-in-out;
cursor: pointer;
padding: 0.5rem;
}
#personal-tour-form .tour-selection .tour-selection__tour:hover {
background-color: rgba(53, 189, 157, 0.3);
}
#personal-tour-form .tour-selection.selected {
border-color: #000;
padding: 1rem 0;
border-radius: 0.3rem;
}
#personal-tour-form .tour-selection.selected .tour-selection__selected-tour .tour-selection__selected-tour__btn {
transform: translateY(-50%) rotate(360deg);
pointer-events: all;
}
#personal-tour-form .tour-selection.selected .tour-selection__selected-tour .tour-selection__selected-tour__btn::before, #personal-tour-form .tour-selection.selected .tour-selection__selected-tour .tour-selection__selected-tour__btn::after {
width: 15px;
transition-delay: 0.3s;
}
#personal-tour-form .tour-selection.selected .tour-selection__selected-tour .tour-selection__selected-tour__btn::before {
transform: rotate(-45deg);
left: 0;
}
#personal-tour-form .tour-selection.selected .tour-selection__selected-tour .tour-selection__selected-tour__btn::after {
transform: rotate(45deg);
}
#personal-tour-form .tour-selection.selected .tour-selection__selected-tour .tour-selection__selected-tour__btn:hover::before, #personal-tour-form .tour-selection.selected .tour-selection__selected-tour .tour-selection__selected-tour__btn:hover::after {
background-color: #35bd9d;
}
#personal-tour-form .tour-selection.selecting .tour-selection__tours {
display: block;
}
#personal-tour-form .tour-selection.selecting:not(.selected) .tour-selection__selected-tour .tour-selection__selected-tour__btn:not(.delete-btn) {
transform: translateY(-50%) rotate(180deg);
}
#personal-tour-form .personal-tour__review {
align-self: flex-start;
}
#personal-tour-form.confirmed .tour-selection-wrapper {
pointer-events: none;
opacity: 0.4;
}
@media screen and (max-width: 761px) {
.group-cost p {
font-size: 20px;
}
}
#showcase,
#showcase-abroad {
margin-top: 4rem;
margin-bottom: 4rem;
}
#showcase .flex-sb,
#showcase-abroad .flex-sb {
gap: 1.5rem;
}
#showcase .flex-sb img,
#showcase-abroad .flex-sb img {
width: 100%;
height: 100%;
}
#showcase .flex-column,
#showcase-abroad .flex-column {
gap: 3rem;
margin-top: 15rem;
margin: 0 2rem;
}
#showcase .flex-column .flex,
#showcase-abroad .flex-column .flex {
gap: 2.5rem;
align-items: flex-start;
}
#showcase .flex-column .flex .text-56px, #showcase .flex-column .flex #description .description__content p.has-x-large-font-size, #description .description__content #showcase .flex-column .flex p.has-x-large-font-size,
#showcase-abroad .flex-column .flex .text-56px,
#showcase-abroad .flex-column .flex #description .description__content p.has-x-large-font-size,
#description .description__content #showcase-abroad .flex-column .flex p.has-x-large-font-size {
margin-bottom: 2rem;
}
#showcase .showcase__item,
#showcase-abroad .showcase__item {
flex-basis: 50%;
}
#tour-directions .grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: 8rem;
grid-row-gap: 4rem;
}
@media screen and (max-width: 940px) {
#tour-directions .grid {
grid-column-gap: 0.5rem;
}
}
#tour-directions .grid div {
width: 100%;
height: 90%;
display: flex;
flex-direction: column;
align-items: center;
}
#tour-directions .grid img {
width: 90%;
height: 250px;
border-radius: 10px;
}
@media screen and (max-width: 940px) {
#tour-directions .grid img {
height: 150px;
}
}
#tour-directions .grid .text-29px, #tour-directions .grid .days .days__day .day__description .flex__item.day__text, .days .days__day .day__description #tour-directions .grid .flex__item.day__text, #tour-directions .grid .days .days__day .day__description .flex__item.day__text ul, .days .days__day .day__description .flex__item.day__text #tour-directions .grid ul {
line-height: 130%;
margin-top: 1rem;
font-weight: 300;
letter-spacing: 1px;
font-size: 13px;
}
@media screen and (max-width: 940px) {
#tour-directions .grid .text-29px, #tour-directions .grid .days .days__day .day__description .flex__item.day__text, .days .days__day .day__description #tour-directions .grid .flex__item.day__text, #tour-directions .grid .days .days__day .day__description .flex__item.day__text ul, .days .days__day .day__description .flex__item.day__text #tour-directions .grid ul {
font-size: 12px;
}
}
#tour-directions .grid .text-56px, #tour-directions .grid #description .description__content p.has-x-large-font-size, #description .description__content #tour-directions .grid p.has-x-large-font-size {
font-size: 28px;
font-weight: 600;
}
@media screen and (max-width: 940px) {
#tour-directions .grid .text-56px, #tour-directions .grid #description .description__content p.has-x-large-font-size, #description .description__content #tour-directions .grid p.has-x-large-font-size {
font-size: 22px;
}
}
#tour-directions .grid__item {
transition: all 0.4s ease-in-out;
cursor: pointer;
}
#tour-directions .grid__item .image {
overflow: hidden;
border-radius: 10px;
width: 80%;
margin-bottom: 2rem;
}
@media screen and (max-width: 1450px) {
#tour-directions .grid__item .image {
max-height: 150px;
}
}
@media screen and (max-width: 761px) {
#tour-directions .grid__item .image {
max-height: unset;
}
}
#tour-directions .grid__item img {
transition: all 0.4s ease-in-out;
width: 100%;
}
#tour-directions .grid__item:hover {
transform: scale(1.05);
}
#tour-directions .grid__item:hover img {
transform: scale(1.1);
}
#showcase-secondary .flex-sb {
height: 300px;
}
#showcase-secondary .flex-sb .flex__item {
height: 100%;
}
#showcase-secondary .flex-sb .flex__item img {
height: 100%;
}
@media screen and (max-width: 761px) {
#showcase-secondary .flex-sb {
flex-direction: column;
gap: 1.5rem;
height: 100%;
}
#showcase-secondary .flex-sb .flex__item img {
height: 280px;
}
}
@media screen and (max-width: 761px) {
#showcase-secondary p {
font-size: 18px !important;
}
}
#showcase-abroad .grid {
grid-column-gap: 2rem;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 5rem;
}
#showcase-abroad .grid div {
height: -moz-fit-content;
height: fit-content;
}
#showcase-abroad .grid div.open-form {
cursor: pointer;
overflow: hidden;
transition: all 0.5s ease-in-out;
}
#showcase-abroad .grid div.open-form .img-wrapper {
overflow: hidden;
height: -moz-fit-content;
height: fit-content;
margin-bottom: 1.3rem;
border-radius: 10px;
}
#showcase-abroad .grid div.open-form .img-wrapper img {
margin-bottom: 0;
transition: all 0.5s ease-in-out;
}
#showcase-abroad .grid div.open-form:hover {
transform: scale(1.1);
}
#showcase-abroad .grid div.open-form:hover .img-wrapper img {
transform: scale(1.1);
}
#showcase-abroad .grid img {
width: 100%;
margin-bottom: 1.3rem;
}
#showcase-abroad .grid .text-56px, #showcase-abroad .grid #description .description__content p.has-x-large-font-size, #description .description__content #showcase-abroad .grid p.has-x-large-font-size {
font-size: 28px;
font-weight: 600;
}
#showcase-abroad .grid .text-29px, #showcase-abroad .grid .days .days__day .day__description .flex__item.day__text, .days .days__day .day__description #showcase-abroad .grid .flex__item.day__text, #showcase-abroad .grid .days .days__day .day__description .flex__item.day__text ul, .days .days__day .day__description .flex__item.day__text #showcase-abroad .grid ul {
line-height: 130%;
margin-top: 1rem;
font-weight: 300;
letter-spacing: 1px;
font-size: 13px;
}
#page-not-found {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
#needs {
margin-top: 4rem;
padding-bottom: 7rem;
}
#needs .flex-sb {
align-items: flex-start;
gap: 5rem;
}
#needs .flex-sb .flex-1,
#needs .flex-sb .flex-2 {
width: 100%;
}
#needs .flex-sb .flex-1 .line,
#needs .flex-sb .flex-2 .line {
width: 100%;
background: #000;
height: 3px;
margin: 0.5rem 0;
}
#needs .flex-sb .flex-1 ul li,
#needs .flex-sb .flex-2 ul li {
margin: 1.25rem 0;
}
#additional-info .text-32px, #additional-info #description .description__content p, #description .description__content #additional-info p {
font-weight: 300;
letter-spacing: 1px;
line-height: 140%;
}
.mySwiperMain .swiper-slide img {
display: block;
width: 100%;
height: 100vh;
-o-object-fit: cover;
object-fit: cover;
}
.mySwiperMain .swiper {
height: 100vh;
position: relative;
}
#testimonials-with-author .swiper-slide img {
transition: opacity 0.4s ease-in-out;
opacity: 0.7;
}
@media screen and (max-width: 940px) {
#testimonials-with-author .swiper-slide img {
opacity: 1;
}
}
#testimonials-with-author .swiper-slide .author {
transition: transform 0.4s ease-in-out;
margin-top: 0.3rem;
font-size: 10px;
}
@media screen and (max-width: 940px) {
#testimonials-with-author .swiper-slide .author {
font-size: 16px;
}
}
@media screen and (min-width: 940px) {
#testimonials-with-author .swiper-slide:hover img {
opacity: 1;
}
#testimonials-with-author .swiper-slide:hover .author {
transform: scale(1.7);
}
}
.close-btn {
position: absolute;
width: 25px;
height: 25px;
top: 22px;
right: 5%;
cursor: pointer;
}
.close-btn .close-btn-line {
width: 25px;
height: 4px;
border-radius: 15px;
position: absolute;
top: 50%;
left: 0;
background: linear-gradient(to right, #35bd9d, #35bd9d 50%, #000);
background-size: 200%;
background-position: 0 100%;
transition: background-position 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(45deg) translateY(-50%);
pointer-events: none;
}
.close-btn .close-btn-line::after {
content: "";
position: absolute;
display: inline-block;
width: 25px;
height: 4px;
background: linear-gradient(to right, #35bd9d, #35bd9d 50%, #000);
background-size: 200%;
background-position: 0 100%;
transition: background-position 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(90deg);
border-radius: 15px;
pointer-events: none;
}
.close-btn:hover .close-btn-line {
background-position: 80% 0;
}
.close-btn:hover .close-btn-line::after {
background-position: 80% 0;
}
.certificate-wrapper {
background: #fff;
max-width: 700px;
min-width: 300px;
width: 100%;
margin: 20px auto;
padding: 20px;
border-radius: 20px;
position: relative;
}
.certificate-wrapper .change-certificate {
overflow: hidden;
}
.certificate-wrapper .change-certificate img {
transition: transform 0.2s ease-in-out;
}
.certificate-wrapper .change-certificate:not(.active-certificate) {
cursor: pointer;
}
.certificate-wrapper .change-certificate:not(.active-certificate)::after {
content: "";
position: absolute;
width: 100%;
height: 91%;
background: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
transition: all 0.2s ease-in-out;
}
.certificate-wrapper .change-certificate:not(.active-certificate):hover img {
transform: scale(1.1);
}
.certificate-wrapper .change-certificate:not(.active-certificate):hover::after {
background: rgba(0, 0, 0, 0.2);
height: 95%;
}
.certificate-wrapper .change-certificate:not(.active-certificate) .certificate-checker {
opacity: 0;
}
.certificate-wrapper .certificate-checker {
position: absolute;
width: 0;
height: 19px;
background: #35bd9d;
right: 124px;
transition: all 0.3s ease-in-out;
}
.certificate-wrapper .certificate-checker.checked {
width: 20px;
}
@media screen and (max-width: 940px) {
.certificate-wrapper .certificate-checker.checked {
width: 0;
}
}
.certificate-wrapper .certificate-checker.summer-certificate-checker {
right: 120px;
}
.certificate-wrapper .change-certificate {
position: relative;
}
.certificate-wrapper .certificate-snowmobiles-checker {
top: 63px;
}
.certificate-wrapper .certificate-excursion-checker {
top: 67px;
}
.certificate-wrapper .certificate-vatrushki-checker {
top: 86px;
}
.certificate-wrapper .certificate-summer_fishing-checker {
top: 93px;
}
.certificate-wrapper .certificate-fishing-checker {
top: 109px;
}
.certificate-wrapper .certificate-summer_other-checker {
top: 119px;
}
.certificate-wrapper .certificate-krabalka-checker {
top: 133px;
}
.certificate-wrapper .certificate-other-checker {
top: 156px;
}
.certificate-wrapper .certificate {
margin-bottom: 2rem;
}
.certificate-wrapper form .input-wrapper {
width: 48%;
}
.certificate-wrapper form input,
.certificate-wrapper form textarea {
padding: 10px 10px;
font-weight: inherit;
font-family: inherit;
}
.certificate-wrapper form .flex-column {
gap: 20px;
}
.certificate-wrapper form .certificate-user-info {
width: 100%;
gap: 10px;
}
.certificate-wrapper form .certificate-user-info input {
width: 100%;
}
.certificate-wrapper form .certificate-choose-tour {
justify-content: center;
display: none;
flex-wrap: wrap;
gap: 20px;
}
.certificate-wrapper form .certificate-choose-tour input[type=radio] {
display: none;
}
.certificate-wrapper form .certificate-choose-tour label {
width: 200px;
height: 185px;
cursor: pointer;
border: 2px solid #35bd9d;
border-radius: 13px;
padding: 5px;
-o-border-image: linear-gradient(to bottom, #35bd9d, rgba(0, 0, 0, 0)) 1 100%;
border-image: linear-gradient(to bottom, #35bd9d, rgba(0, 0, 0, 0)) 1 100%;
border-image-width: 0;
transition: all 0.4s ease-in-out;
}
.certificate-wrapper form .certificate-choose-tour label * {
pointer-events: none;
}
.certificate-wrapper form .certificate-choose-tour label .img-wrapper {
overflow: hidden;
border-radius: 10px;
}
.certificate-wrapper form .certificate-choose-tour label .img-wrapper img {
width: 200px;
height: 120px;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
.certificate-wrapper form .certificate-choose-tour label.selected-certificate-tour {
border-image-width: 1%;
}
.certificate-wrapper form .certificate-choose-tour label:hover {
border-image-width: 1%;
}
.certificate-wrapper form .certificate-choose-tour label:hover img {
transform: scale(1.1);
}
.certificate-wrapper form .certificate-choose-tour.active {
display: flex;
}
.certificate-wrapper form .certificate-message {
width: 100%;
}
.certificate-wrapper form .certificate-message textarea {
width: 100%;
}
.certificate-wrapper form .certificate-message textarea::-moz-placeholder {
font-size: 16px;
}
.certificate-wrapper form .certificate-message textarea::placeholder {
font-size: 16px;
}
.certificate-wrapper form .send-certificate-form {
width: 100%;
text-align: center;
font-size: 20px;
}
.certificate-wrapper form.certificate-succes {
color: #35bd9d;
text-align: center;
font-size: 22px;
}
.certificate-wrapper form.certificate-error {
color: rgb(148, 66, 66);
text-align: center;
font-size: 22px;
}
#partners .partners-logos {
gap: 5rem;
flex-wrap: wrap;
}
#partners .partners-logos .mountain-air__logo img {
width: 300px;
}
#partners .logo-link {
transition: all 0.4s ease-in-out;
filter: brightness(0.6);
width: 35%;
}
#partners .logo-link div {
display: flex;
align-items: center;
justify-content: center;
}
#partners .logo-link img {
max-width: 75%;
}
#partners .logo-link:hover {
filter: brightness(1) drop-shadow(5px 5px 10px #35bd9d);
}
#for-partners {
margin-top: 13rem;
position: relative;
}
@media screen and (max-width: 761px) {
#for-partners {
margin-top: 15rem;
}
}
#for-partners p:not(.has-text-align-center) {
margin-bottom: 1.5rem;
text-indent: 35px;
}
@media screen and (max-width: 940px) {
#for-partners p:not(.has-text-align-center) {
font-size: 16px;
line-height: 1.3;
text-indent: 20px;
}
}
#for-partners p:not(.has-text-align-center).without-indent {
text-indent: 0;
}
#for-partners p.has-text-align-center {
margin-bottom: 2rem;
}
#for-partners .for-partners__logo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: -1;
filter: opacity(0.2);
}
#for-partners .for-partners__logo img {
height: 100%;
}
@media screen and (max-width: 761px) {
#for-partners .for-partners__logo img {
height: 50%;
}
}
#ymap {
margin-bottom: 3rem;
margin-top: 3rem;
}
@media screen and (max-width: 940px) {
#ymap .container {
max-width: 650px;
}
}
#ymap.office-only #map-listBox-header {
display: none;
}
#tariffs {
display: none;
}
@media screen and (max-width: 940px) {
#tariffs {
display: block;
}
}
#tariffs .tariffs__tariff {
padding: 1.5rem 0;
gap: 1.5rem;
}
#tariffs .tariffs__tariff:not(:last-of-type) {
border-bottom: 2px solid #35bd9d;
}
#tariffs .tariffs__tariff .tariff__icon {
flex-basis: 60%;
text-align: right;
}
@media screen and (max-width: 940px) {
#tariffs .tariffs__tariff .tariff__icon {
flex-basis: 2%;
text-align: left;
}
}
#tariffs .tariffs__tariff:last-of-type .tariff__icon {
padding-right: 0.5rem;
}
@media screen and (max-width: 940px) {
#tariffs .tariffs__tariff:last-of-type .tariff__icon {
padding-right: 0;
}
}
#tariffs .tariffs__tariff .tariff__text {
width: 100%;
}
@media screen and (max-width: 761px) {
#tariffs .tariffs__tariff p {
font-size: 16px;
}
}
.personal-tour-btn.in-tour {
display: none;
}
@media screen and (max-width: 940px) {
.personal-tour-btn.in-tour {
display: block;
}
}
@media screen and (max-width: 761px) {
#add-info p {
font-size: 16px;
}
}
#tourism_news {
padding-top: 12rem;
}
#tourism_news .news .news__news .news__image {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
margin-bottom: 2rem;
}
#tourism_news .news .news__news .news__image img {
transition: all 0.6s ease-in-out;
height: 260px;
}
#tourism_news .news .news__news .news__title {
margin-bottom: 1rem;
}
#tourism_news .news .news__news .news__shortinfo p {
transition: all 0.4s ease-in-out;
}
#tourism_news .news .news__news:hover .news__image img {
transform: scale(1.2);
}
#tourism_news .news .news__news:hover .news__shortinfo p {
color: rgba(53, 189, 157, 0.6);
}
@media screen and (max-width: 940px) {
#tourism_news .news {
grid-template-columns: repeat(1, 1fr);
}
}
#news-section {
padding-top: 12rem;
}
#news-section .separator, #news-section #description .description__content hr, #description .description__content #news-section hr {
width: 100%;
margin-top: 2rem;
}
#news-section img {
height: 400px;
}
#news-section .wp-block-heading {
margin-bottom: 2rem;
text-align: center;
font-size: 1.7rem;
}
#news-section ol {
margin: 2rem 0;
}
#news-section ol li {
margin-bottom: 1.5rem;
}
#news-section ol li br {
margin-bottom: 1rem;
}
#news-section p:not(.text-16px):not(.news__tags) {
margin-bottom: 0.5rem;
text-indent: 35px;
}
@media screen and (max-width: 940px) {
#news-section p:not(.text-16px):not(.news__tags) {
font-size: 18px !important;
}
}
#news-section p.news__tags a {
pointer-events: none;
background-color: rgba(53, 189, 157, 0.3);
border: 1px solid rgba(53, 189, 157, 0.5);
border-radius: 30px;
padding: 0.3rem 1rem;
}
.show {
transition: all 0.3s ease-in-out;
height: 640px;
overflow: hidden;
padding-top: 4rem;
}
.hide {
transition: all 0.3s ease-in-out;
height: 0;
overflow: hidden;
}
.burger-menu__list-wrapper {
margin-top: 1.85rem;
position: relative;
}
.burger-menu__list-wrapper .burger-menu-btn {
width: 25px;
height: 25px;
max-width: 100%;
margin: auto;
position: relative;
cursor: pointer;
z-index: 5;
}
@media screen and (max-width: 1450px) {
.burger-menu__list-wrapper .burger-menu-btn {
display: none;
}
}
.burger-menu__list-wrapper .burger-menu-btn .burger-menu-line {
position: absolute;
width: 100%;
height: 2px;
background: #000;
top: 50%;
left: 0;
transform: translateY(-50%);
pointer-events: none;
transition: all 0.4s cubic-bezier(0, 0.51, 0, 0.97);
}
.burger-menu__list-wrapper .burger-menu-btn .burger-menu-line::after, .burger-menu__list-wrapper .burger-menu-btn .burger-menu-line::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #000;
pointer-events: none;
transition: all 0.7s cubic-bezier(0, 0.51, 0, 0.97);
}
.burger-menu__list-wrapper .burger-menu-btn .burger-menu-line::before {
top: -400%;
}
.burger-menu__list-wrapper .burger-menu-btn .burger-menu-line::after {
bottom: -400%;
}
.burger-menu__list-wrapper .burger-menu-btn:hover .burger-menu-line {
transform: translate(-50%, -10%);
}
.burger-menu__list-wrapper .burger-menu-btn:hover .burger-menu-line::after, .burger-menu__list-wrapper .burger-menu-btn:hover .burger-menu-line::before {
transform: translateX(70%);
}
.burger-menu__list-wrapper .burger-menu-btn:hover .burger-menu-line::after {
transform: translateX(85%);
}
.burger-menu__list-wrapper .burger-menu__list {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.9);
padding: 3rem 2rem;
border-radius: 10px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
position: absolute;
transition: all 0.4s cubic-bezier(0, 1.28, 0.6, 1.08);
top: -100%;
left: 50%;
transform: translateX(-50%) translateY(-100%);
width: 400px;
opacity: 0;
}
@media screen and (max-width: 1450px) {
.burger-menu__list-wrapper .burger-menu__list {
position: relative;
background: transparent;
box-shadow: none;
padding: 0;
transform: none;
opacity: 1;
top: 0;
left: 0;
}
}
.burger-menu__list-wrapper.menu-opened .burger-menu__list {
transform: translateX(-50%);
opacity: 1;
}
.burger-menu__list-wrapper.menu-opened .burger-menu-btn {
width: 25px;
height: 25px;
max-width: 100%;
margin: auto;
position: relative;
cursor: pointer;
z-index: 5;
}
.burger-menu__list-wrapper.menu-opened .burger-menu-btn .burger-menu-line {
transform: translate(0, 0) rotate(405deg);
transition: all 1s cubic-bezier(0, 0.51, 0, 0.97);
}
.burger-menu__list-wrapper.menu-opened .burger-menu-btn .burger-menu-line::after, .burger-menu__list-wrapper.menu-opened .burger-menu-btn .burger-menu-line::before {
top: 0;
bottom: 0;
transition: all 0.4s cubic-bezier(0, 0.51, 0, 0.97);
transform: translate(0, 0);
}
.burger-menu__list-wrapper.menu-opened .burger-menu-btn .burger-menu-line::after {
transform: translate(0, 0) rotate(90deg);
}
.burger-menu__list-wrapper.menu-opened .burger-menu-btn:hover .burger-menu-line {
transform: rotate(-135deg);
}
@media screen and (max-width: 1450px) {
.burger-menu__list-wrapper {
margin-top: 0;
}
}
.center-block {
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
margin: auto;
}
@media screen and (max-width: 1450px) {
.burger-menu-wrapper {
width: 25px;
height: 15px;
position: relative;
}
.burger-menu-wrapper .burger-line {
background: #000;
width: 100%;
height: 2px;
position: absolute;
top: 40%;
transition: all 0.3s ease-in-out;
}
.burger-menu-wrapper .burger-line::before {
content: "";
background: #000;
width: 100%;
height: 2px;
position: absolute;
top: -300%;
transition: all 0.3s ease-in-out;
}
.burger-menu-wrapper .burger-line::after {
content: "";
background: #000;
width: 100%;
height: 2px;
position: absolute;
bottom: -300%;
transition: all 0.3s ease-in-out;
}
.burger-menu-wrapper-cross {
width: 25px;
height: 15px;
position: relative;
}
.burger-menu-wrapper-cross .burger-line {
background: #000;
width: 100%;
height: 2px;
position: absolute;
top: 40%;
transition: all 0.3s ease-in-out;
transform: rotate(45deg);
}
.burger-menu-wrapper-cross .burger-line::before {
content: "";
background: #000;
width: 100%;
height: 2px;
position: absolute;
top: -300%;
transition: all 0.3s ease-in-out;
transform: rotate(90deg);
top: 0;
}
.burger-menu-wrapper-cross .burger-line::after {
content: "";
background: #000;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
transition: all 0.3s ease-in-out;
}
.open-certificate {
position: static;
max-width: -moz-fit-content;
max-width: fit-content;
width: 100%;
margin: auto;
margin-top: 2rem;
}
#header {
padding: 0 1rem;
width: 100vw;
}
#header a[href="tel:+74242306999"] {
font-size: 18px;
font-weight: 500;
margin-left: -5rem;
}
#header .flex-sb-row {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
#header .flex-sb-row img {
width: 130px;
position: relative;
}
#header .flex-sb-row img:not(.rostourism__img):not(.aviasales__img) {
top: 30px;
}
#header .container {
position: relative;
margin: 0;
max-width: 100% !important;
width: 100%;
}
#header .container #logo {
position: static;
}
#header .container #logo .rto {
display: inline-block;
width: -moz-fit-content;
width: fit-content;
font-size: 0.9rem;
left: unset;
bottom: -115%;
right: 0;
}
#main-nav {
background: rgba(255, 255, 255, 0.9);
position: fixed;
z-index: 11;
width: 100%;
}
#main-nav .flex-sb {
position: relative;
z-index: 13;
flex-direction: column;
justify-content: center;
align-items: center;
}
#main-nav img:not(.ajax-search__link__img) {
width: 100px;
}
#main-nav li {
margin: 1rem 0;
text-transform: uppercase;
}
#main-nav li.search {
margin: auto;
width: -moz-fit-content;
width: fit-content;
}
}
@media (max-width: 1300px) {
#showcase .flex-sb,
#showcase-abroad .flex-sb {
margin: 0 2rem;
}
}
@media (max-width: 1281px) {
#logo .rto {
right: 5%;
}
#showcase .grid {
justify-items: center;
}
}
@media (max-width: 1025px) {
#main-nav ul {
font-size: 18px;
}
#showcase .grid {
grid-template-columns: repeat(1, 1fr);
justify-items: center;
}
#showcase .grid div {
width: 500px;
}
#showcase-abroad .grid {
grid-template-columns: repeat(2, 1fr);
justify-items: center;
grid-column-gap: 0;
}
#showcase-abroad .grid div {
width: 300px;
}
}
@media (max-width: 940px) {
.container {
max-width: 400px;
}
.grid {
grid-template-columns: repeat(1, 1fr);
}
.text-16px {
font-size: 16px;
}
.text-29px, .days .days__day .day__description .flex__item.day__text, .days .days__day .day__description .flex__item.day__text ul {
font-size: 20px;
}
.text-32px, #description .description__content p {
font-size: 24px;
letter-spacing: 1px;
line-height: 130%;
}
.text-40px, #news-section ol, #news-section p:not(.text-16px):not(.news__tags) {
font-size: 28px;
}
.text-48px {
font-size: 28px;
font-weight: 300;
}
.text-48px-bold {
font-size: 28px;
font-weight: 400;
}
.text-48px-extrabold, #description .has-large-font-size {
font-size: 28px;
font-weight: 400;
}
.text-56px, #description .description__content p.has-x-large-font-size {
font-size: 36px;
}
.text-64px {
font-size: 40px;
}
.text-112px {
font-size: 70px;
text-align: center;
}
#testimonials .container,
#testimonials-with-author .container {
max-width: 100%;
}
#hero {
z-index: 6;
}
#hero .container {
max-width: 100%;
}
#hero h3 {
font-size: 30px;
}
#hero h1 {
font-size: 60px;
font-weight: 600;
}
#excursions .grid a {
width: 100%;
}
#excursions .grid a .text-40px, #excursions .grid a #news-section ol, #news-section #excursions .grid a ol, #excursions .grid a #news-section p:not(.text-16px):not(.news__tags), #news-section #excursions .grid a p:not(.text-16px):not(.news__tags) {
height: auto;
}
#excursions .grid img {
height: 200px;
}
#excursions .separator, #excursions #description .description__content hr, #description .description__content #excursions hr {
width: 100%;
}
#turoperators .flex {
flex-wrap: wrap;
}
#turoperators .flex .turoperators__turoperator {
display: flex;
align-content: center;
}
#turoperators .flex .turoperators__turoperator img {
width: 100%;
}
#contact-us,
#contact-us-separate {
height: 100%;
padding-bottom: 5rem;
}
#contact-us .flex-center,
#contact-us-separate .flex-center {
flex-direction: column-reverse;
}
#contact-us .flex-center .flex-1 .whatsapp,
#contact-us-separate .flex-center .flex-1 .whatsapp {
font-size: 28px;
}
#contact-us .flex-center .flex-2,
#contact-us-separate .flex-center .flex-2 {
width: 100%;
}
#contact-us-separate {
padding-top: 10rem;
padding-bottom: 3rem;
}
#contact-us-separate .text-48px {
font-size: 21px;
}
.background {
width: 100%;
height: 400px;
}
#info h1 {
font-size: 1.5rem;
}
#info .container {
max-width: 100%;
}
#hero-showcase {
padding-top: 16rem;
}
#hero-showcase h3 {
font-size: 38px;
}
#description .flex {
flex-direction: column;
width: 100%;
margin: 0;
gap: 4rem;
}
#description .flex .flex-1,
#description .flex .flex-2 {
width: 100%;
}
#description .text-40px, #description #news-section ol, #news-section #description ol, #description #news-section p:not(.text-16px):not(.news__tags), #news-section #description p:not(.text-16px):not(.news__tags) {
font-size: 23px;
}
#description .text-56px, #description .description__content p.has-x-large-font-size {
margin: 0;
}
#description .text-64px {
font-size: 3rem;
}
#showcase {
margin-right: 1rem;
margin-left: 1rem;
}
#showcase .flex-sb {
flex-direction: column;
margin: 0;
}
#showcase .flex-sb img {
max-height: 300px;
height: 100%;
}
#showcase .grid {
grid-template-columns: repeat(1, 1fr);
margin-bottom: 7rem;
}
#showcase .grid div {
width: 100%;
max-width: 100%;
}
#showcase .grid .text-56px, #showcase .grid #description .description__content p.has-x-large-font-size, #description .description__content #showcase .grid p.has-x-large-font-size {
font-size: 32px;
}
#showcase .flex-column {
margin-top: 7rem;
}
#showcase .flex {
flex-direction: column-reverse;
width: 100%;
}
#showcase .flex img {
width: 100%;
height: 100%;
}
#showcase-abroad .container {
max-width: 960px;
}
#needs {
margin-left: 0;
text-align: center;
}
#needs .flex-sb {
flex-direction: column;
gap: 2rem;
}
#needs .flex-sb .flex-1 .line,
#needs .flex-sb .flex-2 .line {
width: 100%;
}
#partners .flex-sb {
flex-direction: column;
}
}
@media (max-width: 730px) {
#showcase-abroad .grid {
grid-template-columns: repeat(1, 1fr);
justify-items: center;
}
#showcase-abroad .grid div {
width: 300px;
}
}
@media (max-width: 571px) {
#hero .main-title {
font-size: 38px;
}
.mySwiperTestimonials {
height: 200px !important;
}
#description .excursions-table .excursions-table__row {
flex-direction: column;
gap: 4rem;
}
#turoperators {
padding: 10rem 0;
}
#turoperators .flex {
flex-direction: column;
gap: 3rem;
margin-top: 5rem;
}
#turoperators .flex .turoperators__turoperator {
width: 60%;
height: -moz-fit-content;
height: fit-content;
}
#additional-info {
margin: 0 2rem;
}
#additional-info p {
font-size: 18px;
}
#modal .modal-wrapper {
margin: 0.6rem;
}
#modal .modal-wrapper .modal__items {
width: 100%;
margin: 0;
}
#header .container #logo .rto {
bottom: -180%;
}
#header a[href="tel:+74242306999"] {
font-size: 16px;
}
#header .flex-sb-row img {
width: 120px;
}
#header .flex-sb-row img:not(.rostourism__img):not(.aviasales__img) {
top: 30px;
left: -10%;
}
#header .flex-sb-row .rostourism p {
font-size: 12px;
}
#header .flex-sb-row .rostourism .rostourism__logo .rostourism__img {
width: 80px;
}
#header .flex-sb-row .aviasales p {
font-size: 12px;
}
#header .flex-sb-row .aviasales .aviasales__logo .aviasales__img {
width: 80px;
}
.certificate-wrapper form .certificate-user-info {
flex-direction: column;
gap: 1.5rem;
}
.certificate-wrapper form .certificate-user-info .input-wrapper {
width: 100%;
}
#partners .aos-init {
pointer-events: none;
}
#partners .aos-animate {
pointer-events: all;
}
#partners .links {
flex-direction: column;
gap: 2rem;
position: relative;
z-index: 10;
}
#partners .logos {
position: relative;
z-index: 5;
align-items: center;
}
}
@media (max-width: 400px) {
.container {
margin: 0 1rem;
}
#header .container #logo .rto {
bottom: -70%;
}
#header a[href="tel:+74242306999"] {
margin-left: -3rem;
}
#header .flex-sb-row img {
width: 100px;
}
#header .flex-sb-row img:not(.rostourism__img):not(.aviasales__img) {
top: 20px;
}
}
@supports (-webkit-touch-callout: none) {
@media screen and (max-width: 940px) {
#logo .rostourism .rostourism__text b {
margin-top: 1rem;
}
}
#contact-us .flex-center .flex-2 form button[type=submit],
#contact-us-separate .flex-center .flex-2 form button[type=submit] {
margin-bottom: 4rem;
}
#contact-us .flex-center,
#contact-us-separate .flex-center {
gap: 0;
}
}
@keyframes scale {
0% {
transform: scale(1);
}
60% {
transform: scale(1);
}
80% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}