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; } }