html * {
max-height: 999999px;
}
body {
-webkit-text-size-adjust: none;
}
@media screen and (max-width: 430px) {
.h-sm {
display: none !important;
}
}
@media screen and (min-width: 431px) and (max-width: 1024px) {
.h-md {
display: none !important;
}
}
@media screen and (min-width: 1025px) {
.h-lg {
display: none !important;
}
}
.u-td-none.mobile,
.nav-offers__item.mobile,
#overlay,
.phoneMenu,
.burgerMenu {
display: none;
cursor: pointer;
}
@media all and (max-width: 1064px) {
img {
max-width: 100% !important;
height: auto !important;
}
.header {
position: relative;
padding-top: 50px;
}
.header__logo {
position: absolute;
top: 0px;
right: auto;
bottom: auto;
z-index: 11;
left: -10px;
width: 120px;
max-width: none;
}
.header__logo:before {
display: none;
}
.header__logo img {
position: relative;
top: -40px;
right: 0;
bottom: auto;
left: auto;
width: 100%;
height: auto;
}
.header__middle .burgerMenu,
.header__top .burgerMenu {
position: absolute;
top: 10px;
right: 15px;
width: 30px;
height: 30px;
display: block;
}
.header__middle .burgerMenu {
position: fixed;
top: 10px;
right: 135px;
z-index: 10;
}
.header__middle .burgerMenu:before,
.header__top .burgerMenu:before {
position: absolute;
top: 0;
right: 40px;
display: block;
content: 'МЕНЮ';
color: #00529b;
font-size: 20px;
line-height: 30px;
font-weight: 700;
}
.header__middle .burgerMenu:before {
content: 'ТУРЫ';
color: #fff;
}
/*Убираем надписи*/
.header__middle .burgerMenu:before,
.header__top .burgerMenu:before {
display: none;
}
.header__middle .burgerMenu .item,
.header__top .burgerMenu .item {
transition: all .33s ease;
}
.header__middle .burgerMenu .item,
.header__top .burgerMenu .item {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background: #00529b;
}
.header__middle .burgerMenu .item {
background: #fff;
}
.header__middle .burgerMenu .item1,
.header__top .burgerMenu .item1 {
top: 5px;
}
.header__middle .burgerMenu .item2,
.header__top .burgerMenu .item2 {
top: 13px;
}
.header__middle .burgerMenu .item3,
.header__top .burgerMenu .item3 {
bottom: 5px;
}
.header__middle .burgerMenu.checked .item1,
.header__top .burgerMenu.checked .item1 {
transform-origin: top left;
-o-transform: translateY(-2px) rotate(45deg);
-ms-transform: translateY(-2px) rotate(45deg);
-moz-transform: translateY(-2px) rotate(45deg);
-webkit-transform: translateY(-2px) rotate(45deg);
transform: translateY(-2px) rotate(45deg);
}
.header__middle .burgerMenu.checked .item2,
.header__top .burgerMenu.checked .item2 {
display: none;
}
.header__middle .burgerMenu.checked .item3,
.header__top .burgerMenu.checked .item3 {
transform-origin: bottom left;
-o-transform: translateY(2px) rotate(-45deg);
-ms-transform: translateY(2px) rotate(-45deg);
-moz-transform: translateY(2px) rotate(-45deg);
-webkit-transform: translateY(2px) rotate(-45deg);
transform: translateY(2px) rotate(-45deg);
}
.header__nav {
position: absolute;
top: 50px;
right: 0;
left: 0;
z-index: 10;
display: none;
margin-top: 0;
background: #fff;
box-shadow: 0 2px 3px rgba(47, 47, 47, 0.4)
}
.header__nav .nav,
.header__nav .nav li {
display: block;
}
.header__nav .nav li a {
font-size: 18px;
margin-top: 9px;
margin-bottom: 9px;
}
.header__nav.checked {
display: block;
}
.phoneMenu {
position: absolute;
top: 10px;
/*right: 125px;*/
right: 75px;
display: block;
}
.header__phones-box {
position: absolute;
top: 50px;
right: 0;
left: 0;
z-index: 10;
display: none;
margin: 0 !important;
background: #fff;
box-shadow: 0 2px 3px rgba(47, 47, 47, 0.4)
}
.header__phones-box > .header__phones {
margin-right: 0;
padding-left: 0;
}
.header__phones-box > .header__phones > a {
display: inline-block;
width: 100%;
margin-top: 9px;
margin-bottom: 9px;
padding: 0 15px;
text-align: center;
}
.header__phones-box.checked {
display: block !important;
}
.header__bottom,
.header__middle,
.header__top {
position: static;
/*height: 50px;*/
box-sizing: border-box;
}
.header__top {
position: fixed;
top: 0;
right: 0;
z-index: 7;
width: 100%;
height: 50px;
box-shadow: 0 2px 3px rgba(47, 47, 47, 0.4);
}
.header__middle {
margin-left: 0;
z-index: 6;
}
.nav-offers {
position: fixed;
top: 50px;
right: 0;
left: 0;
display: none;
/*background: #e51937;*/
background: #fff;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0 2px 3px rgba(47, 47, 47, 0.4);
}
.nav-offers.checked {
display: block;
}
.nav-offers a {
/*margin-top: 9px;*/
/*margin-bottom: 9px;*/
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-size: 16px;
color: #00529b;
}
/* .nav-offers__item.container {
padding-left: 0;
padding-right: 0;
}
.nav-offers__item.container:hover a{
background: inherit;
color: #00529b;
}
.nav-offers__link:hover {
color: #fff !important;
}*/
.nav-offers__item.closed {
display: none;
}
.nav-offers .nav-offers__item .nav-offers__more-btn {
display: none;
}
.nav-offers .nav-offers__item .nav-offers2 {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
display: block;
visibility: visible;
opacity: 1;
padding: 0;
background: transparent;
-webkit-transform: none;
transform: none;
transition: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.nav-offers .nav-offers__item .nav-offers2 li a {
padding-top: 10px;
padding-bottom: 10px;
}
.header__bottom {
position: relative;
display: block;
margin-left: 0;
padding-left: 0;
z-index: 5;
text-align: center;
}
.header__bottom {
display: none;
}
.header__bottom > div {
display: none;
}
.header__bottom .social {
margin-left: 0;
}
.header__bottom .social__item {
display: inline-block;
}
.boxShadow {
box-shadow: 0 2px 3px rgba(47, 47, 47, 0.4);
}
.tableWrapper {
max-width: 100%;
overflow-x: auto;
}
.product__info.u-release-md-down {
margin-left: 0;
margin-right: 0;
}
.form__align-box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product__img-box {
height: auto;
margin: 0;
}
.product__img-box > img {
position: relative;
}
.product__info .btn {
max-width: 100%;
}
h1 {
font-size: 30px !important;
text-align: center;
}
.nav-offers .nav-offers__item:last-of-type:hover .nav-offers__link {
background: none;
}
.nav-offers .nav-offers__item:last-of-type .nav-offers__link:hover {
background: #cb0d29;
color: #fff;
}
.hero-slider {
margin-top: -50px;
height: 600px;
}
.hero-slider__item {
-webkit-box-align: center;
align-items: center;
padding-top: 25px;
padding-bottom: 0;
height: 600px;
}
.u-td-none.mobile,
.nav-offers__item.mobile {
position: relative;
display: block;
}
.closeButton {
position: absolute;
right: 15px;
top: 5px;
display: inline-block;
padding: 5px 6px 2px 5px;
border: 1px solid #fff;
border-radius: 2px;
background: #f00;
font-size: 30px;
color: #fff;
box-shadow: 0 2px 3px rgba(47, 47, 47, 0.4);
}
.u-td-none.mobile .closeButton {
top: -5px;
}
#book-form-cnt .product__info {
padding-right: 25px;
}
.hero {
height: 400px;
}
.tickets-form__set__box-passenger,
.tickets-form__passengers {
margin: 0;
}
.news__img-box {
height: auto;
}
.news__img-box img {
position: static;
min-height: 200px;
}
.contactFixer,
.contactFixer tbody,
.contactFixer th,
.contactFixer tr,
.contactFixer td {
display: block;
width: 100% !important;
max-width: 100% !important;
}
.contactFixer img {
float: none !important;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: -90px;
height: 250px !important;
width: auto !important;
}
.contactFixer p {
text-align: center;
}
iframe {
max-width: 100% !important;
}
.schedule__img-box {
float: none;
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.schedule__img-box img {
display: inline-block;
margin-right: 0;
}
.schedule__link {
display: block;
text-align: center;
}
.schedule__table {
min-width: 0;
}
/* Force table to not be like tables anymore */
table.schedule__table,
.schedule__table thead,
.schedule__table tbody,
.schedule__table th,
.schedule__table td,
.schedule__table tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.schedule__table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.schedule__table td {
/* Behave like a "row" */
border: none;
position: relative;
padding-left: 30%;
/*padding-top: 1rem;
padding-bottom: 1rem;*/
border-bottom: 1px solid #d8d8d8;
}
.schedule__table td:last-child {
border-bottom: none;
}
.schedule__table td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 15px;
right: 0;
width: 100%;
text-align: center;
line-height: 20px;
}
/*
Label the data
*/
/*Рабочая версия начало*/
.schedule__table tr {
text-align: center;
border: 1px solid #d8d8d8;
border-bottom: none;
}
.schedule__table tr:last-of-type {
border-bottom: 1px solid #d8d8d8;
}
.schedule__table td {
width: 100% !important;
padding: 50px 15px 15px 15px !important;
text-align: right;
}
.schedule__table-1 .schedule__table td:nth-of-type(1) {
text-align: center;
padding-left: 15px !important;
}
.schedule__table-1 .schedule__table td:nth-of-type(1):before {
content: "Время";
}
.schedule__table-1 .schedule__table td:nth-of-type(2):before {
content: "Название экскурсии";
}
.schedule__table-1 .schedule__table td:nth-of-type(3):before {
content: "Цена";
}
.schedule__table-1 .schedule__table td:nth-of-type(4):before {
content: "Сумма";
}
.schedule__table-1 .schedule__table tr:nth-of-type(2n) {
/*background: #f8f7f5;*/
}
.schedule__table-1 .schedule__table td:nth-child(4) div {
position: relative;
}
.schedule__table-1 .schedule__table td:nth-child(4):after {
position: absolute;
bottom: 17px;
left: 15px;
display: block;
content: 'Итого';
font-size: 18px;
color: #00529b;
}
.schedule__table-1 .schedule__table td:nth-child(4) div:nth-of-type(1):before {
position: absolute;
top: 0;
left: 0;
display: block;
content: 'взрослый';
font-size: 13px;
}
.schedule__table-1 .schedule__table td:nth-child(4) div:nth-of-type(2):before {
position: absolute;
top: 0;
left: 0;
display: block;
content: 'студенческий';
font-size: 13px;
}
.schedule__table-1 .schedule__table td:nth-child(4) div:nth-of-type(3):before {
position: absolute;
top: 0;
left: 0;
display: block;
content: 'школьный';
font-size: 13px;
}
.schedule__table-1 .schedule__table td:nth-child(4) div:nth-of-type(4):before {
position: absolute;
top: 0;
left: 0;
display: block;
content: 'льготный';
font-size: 13px;
}
.schedule__table-1 .schedule__table td:nth-child(4) div:nth-of-type(5):before {
position: absolute;
top: 0;
left: 0;
display: block;
content: 'иностранцы';
font-size: 13px;
}
.schedule__table-2 .schedule__table td:nth-of-type(1):before {
content: "Отправление (московское время)";
}
.schedule__table-2 .schedule__table td:nth-of-type(2):before {
content: "Маршрут";
}
.schedule__table-2 .schedule__table td:nth-of-type(3):before {
content: "Места";
}
.schedule__table-2 .schedule__table td:nth-of-type(4):before {
content: "Цена";
}
.schedule__table-2 .schedule__table td {
text-align: center;
}
.schedule__total {
margin-right: 15px;
font-size: 18px;
}
.schedule .schedule_header {
display: block;
}
.schedule .next_month {
float: none;
}
}
@media all and (max-width: 568px) {
.hero-slider__item {
-webkit-box-align: flex-end;
align-items: flex-end;
padding-bottom: 50px;
}
.hero-slider__pagination {
bottom: 10px;
}
.hero-slider__title {
font-size: 36px;
margin-bottom: 36px;
}
.popup.is-open {
padding: 15px;
}
.popup__close {
top: -15px;
right: -15px;
bottom: auto;
left: auto;
/*color: #f00;*/
}
.popup.is-open table {
font-size: 14px;
}
.popup.is-open table th,
.popup.is-open table td {
padding: 12px 6px;
}
.spb h2 a {
display: block;
margin-bottom: 15px;
text-align: center;
}
.spb h2 img {
float: none !important;
display: inline-block;
}
.schedule__table td {
padding: 50px 10px 15px 10px !important;
}
.schedule__table-1 td:nth-child(4):after {
left: 10px;
}
.inline_content table {
display: block;
min-width: 100%;
overflow: auto;
-webkit-overflow-scrolling:touch;
}
.table {
min-width: 320px;
}
table.adaptive-table {
display: table;
width: 100% !important;
box-sizing: border-box;
}
table.adaptive-table th, table.adaptive-table td {
display: block;
width: auto !important;
}
table.table.adaptive-table tr {
display: block;
border: 2px solid #d8d8d8;
border-left: 0;
border-right: 0;
}
.nav-offers {
max-height: 100vh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
top: 0;
padding-top: 60px;
box-sizing: border-box;
}
.icon-block {
padding: 10px;
}
.popup {
-webkit-overflow-scrolling:touch;
}
.excursion_order_table tr td:nth-of-type(2) {
font-weight: bold;
}
.excursion_order_table thead {
display: none;
}
.top_header {
display: none;
}
#book-form-cnt .btn {
margin: 10px 0;
}
}