@CHARSET "UTF-8"; @media screen and (max-width: 1250px) { #mainMenu > ul > li > a {padding:0 10px; font-size:16px;} #mainMenu > ul > li.isExpandtrue > a {padding-right:25px; } #mainMenu > ul > li.isExpandtrue > a .arrow {right:6px;} } @media screen and (max-width: 1200px) { #headerMainSlogan table.vertical td br {display:block;} #phoneData {top:24px;} #phoneData .phone {font-size:22px; } } @media screen and (max-width: 1100px) { #headerContent {height:70px;} #headerMainLogo {width:260px; top:12px; } #headerMainSlogan {left:280px; top:10px; height:50px; } #phoneData {top:10px; } #favoriteData {top:10px; height:50px; padding-top:0;} #usersData {top:10px; height:50px; padding-top:0;} #mainMenu > ul > li > a {font-size:14px;} .isFixHeader #headerFixedHeight {height:120px;} #searchFormData .styleSelect .selected .info {font-size:14px; right:7px; } #searchFormData .styleSelect .selected .data {font-size:14px;} #resultFoundList .hotelData .header .td {font-size:15px;} #resultFoundList .hotelData .hotel .td.name .link {font-size:15px;} #resultFoundList .hotelData .hotel .minPrice span {font-size:20px;} #resultFoundList .groupOne .showButton {font-size:15px;} #resultFoundList .hotelData .td {font-size:15px; padding:5px;} #resultFoundList .hotelData .hotel .td.country {width:120px;} #resultFoundList .hotelData .hotel .td.region {width:170px;} #resultFoundList .tourData.header .td {font-size:15px;} #resultFoundList .tourData .td {font-size:15px;} #resultFoundList .tourData .td.params span {font-size:13px;} #resultFoundList .tourData .td.params .room span {display:block;} #resultFoundList .tourData.header .td.number {display:none;} #resultFoundList .tourData .td.number {display:none;} #resultFoundList .tourData .operator div {font-size:13px;} #resultFoundList .tourData .full .dateD {font-size:13px;} #resultFoundList .tourData .operator span {font-size:14px;} #resultFoundList .tourData .operator div {font-size:13px;} #resultFoundList .tourData .td.params .room {white-space:normal; } #managerCoomand .item {width:25%;} #calendarControlData .calendarMonth {width:50%;} } @media screen and (max-width: 970px) { .maxWidth {padding-left:10px; padding-right:10px; } #searchFromNumber {right:10px; } #header {background:#0056a3; padding-top:45px; position:fixed; left:0; top:0; width:100%; z-index:100;} .changeCitytrue #header {padding-top:55px; } #headerContent {height:45px;} #headerFixedHeight {height:90px;} .changeCitytrue #headerFixedHeight {height:100px;} #headerData {background:#1475ba; } #headerMainLogo {width:150px; top:-36px;} .changeCitytrue #headerMainLogo {top:-41px;} #headerMainSlogan {display:none;} #phoneData {right:0; top:-35px; text-align:right; } .changeCitytrue #phoneData {top:-51px; } #phoneData .city {display:none; } #phoneData .city.change {display:inline-block; color:#fbe805; border-bottom:1px dotted #fbe805; font-size:13px; margin-bottom:5px;} #phoneData .phone {color:#fff; font-size:16px; } #phoneData .phone:hover {color:#fbe805; } #usersData {border-left:none; padding:0; width:auto; height:auto; top:6px; right:0;} #usersData a .icon {color:#fff; } #usersData a .caption {display:none;} #favoriteData {border-left:none; padding:0; width:auto; height:auto; top:6px; right:40px;} #favoriteData .link .icon {color:#0056a3; } #favoriteData a.link .icon {color:#fff; } #favoriteData a.link .icon i {height:14px; line-height:14px; font-size:10px; font-weight:normal; left:-10px; background:#de4756; color:#fff; border-radius:2px;} #favoriteData .link .caption {display:none;} #searchFromNumber input {border-radius:2px 0 0 2px; } #searchFromNumber a {border-radius:0 2px 2px 0;} #mobileOpenBtn {display:block;} #mainMenuData {display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:transparent; transition:background 0.3s; } body.menuOpen {overflow:hidden;} .menuOpen #mainMenuData {display:block;} .menuAni #mainMenuData {background:rgba(0,0,0,0.7);} #mainMenuContent {background:#1475ba; position:absolute; left:0; top:0; height:100%; width:90%; max-width:500px; margin-left:-100%; opacity:0; transition:margin 0.4s, opacity 0.4s; } .menuAni #mainMenuContent {margin-left:0%; opacity:1; } .menuAni #mobileCloseBtn {display:block;} #mainMenuContent {padding:50px 10px 10px 10px; } #searchFromNumber {right:auto; left:10px; width:200px; } #mainMenuScroll {height:100%; width:100%; } #mainMenu {padding:0; overflow-x:hidden; overflow-y:auto; padding:5px 0 10px 0; border-top:1px solid #0056a3; } #mainMenu > ul {height:auto;} #mainMenu > ul > li {float:none; display:block; margin-top:5px;} #mainMenu > ul > li > a {border-left:none; padding-left:10px; display:block; font-size:20px; line-height:34px; height:38px; border-radius:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #mainMenu > ul > li > a.active {padding-left:10px; } #mainMenu > ul > li.isExpandtrue {position:relative;} #mainMenu > ul > li.isExpandtrue > a {padding-right:35px;} #mainMenu > ul > li.isExpandtrue > a .arrow {display:none; } #mainMenu > ul > li.isExpandtrue .collapse {display:block; top:7px; right:6px; width:24px; height:24px; background:#0056a3; line-height:24px; border-radius:2px; text-align:center; position:absolute; color:#fff; } #mainMenu > ul > li.isExpandtrue.isHover .collapse {top:7px; line-height:24px; transform:rotate(-180deg); } #mainMenu > ul > li.isExpandtrue.active .collapse {background:#c13d4a;} #mainMenu > ul > li > ul {background:transparent; border:none; border-radius:0; } #mainMenu > ul > li.isHover > ul {position:relative; left:auto; top:auto; padding:5px 0 0 0; border:none; border-radius:0; } #mainMenu > ul > li > ul > li > a {padding:9px 10px 9px 20px; margin-bottom:5px; border-radius:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #mainMenu > ul > li.onlyMob {display:block;} #mainMenu > ul > li > ul > li.onlyMob {display:block;} #hotelsFavoriteList .country {width:50%;} #searchMiniForm .searchMiniFormData .formHeader .mainHeader {font-size:30px; line-height:34px; } #searchMiniForm .searchMiniFormData .formHeader .mainText {font-size:16px; } #searchFormData .styleSelect .selected .info {font-size:16px; right:12px; } #searchFormData .styleSelect .selected .data {font-size:16px;} #searchFormData .formBlock1 {width:100%; float:none; } #searchFormData .formBlock2 {float:none; width:100%;} #searchMiniForm .formBlock2 {border-top:1px solid #d0d0d0;} #searchFormCalendar {top:110px;} #countrySelect {border-right:none;} #searchFormData.crossChange #citySelect {border-right:none; } #searchFormData.crossChange #countrySelect {border-right:1px solid #d0d0d0;} #searchMiniForm #searchFormData {padding-right:0; margin-bottom:70px; } #searchMiniForm a.runSearch {display:block; width:140px; margin:20px 0 0 -70px; right:auto; top:100%; left:50%; } #searchFullFormData #citySelect .changeCrossBtn i {text-align:center;} #searchFullFormData #countrySelect {padding-left:0;} #searchFormData.crossChange #countrySelect {border-right:none;} #searchFullFormData #searchFormData .formBlock1 {margin-bottom:10px;} #searchFullFormData #dateSelectBlock {padding-left:0; } .diplomsGalleryData .data {width:16.66%;} #officesContent #mobileOfficeId {display:block; margin-bottom:10px;} #officesMenu {display:none;} #officesData {padding-left:0;} #officesData .officeManagersList .item {width:25%;} #officeMapsContainer.list {display:none; } #officeWriteContent .dayOne .timeList .item {width:12.5%;} .hotelsCountryList {column-count:3;} .hotelsResortList {column-count:3;} body.tourfilterOpen {overflow:hidden; } #tourFilterMobileBtn {display:block;} #tourfilterColSide {display:block;} #tourfilterLeftSide {display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; background:rgba(0,0,0,0.7);} #tourfilterContentSide {display:block; width:100%; padding-left:0; } .isOpenTourFilter #tourfilterLeftSide {display:block; } .isOpenTourFilter #tourFilterCloseBtn {display:block; } #tourfilterForm {padding-top:55px; padding-bottom:65px; width:80%; max-width:290px; height:100%; background:#fff; position:relative; } #tourfilterFormScroll {overflow-y:auto; overflow-x:hidden; padding:0 15px 0 15px; height:100%;} #tourFilterTotal {display:block; } .toursearchAnonData .item {width:50%;} #bonusControlData {padding:100px 120px 0 0px; } #bonusControlData a {top:auto; bottom:0;} #bonusControlData .number {left:0; top:60px;} #bonusControlData .order {left:50px; top:50px; width:175px;} /* IN STYLE */ #pageContent {} .textstyle h1, .textstyle .h1 {font-size:23px; line-height:27px; padding-bottom:10px; font-weight:600;} .textstyle h2, .textstyle .h2 {font-size:21px; line-height:25px; padding-bottom:10px; font-weight:600;} .textstyle h3, .textstyle .h3 {font-size:21px; line-height:25px; padding-top:10px; padding-bottom:7px; font-weight:600; } .textstyle h4, .textstyle .h4 {font-size:18px; line-height:24px; padding-top:8px; font-weight:600; padding-bottom:7px; } .textstyle h5, .textstyle .h5, .textstyle h6, .textstyle .h6 {font-size:17px; line-height:23px; font-weight:600; padding-top:6px; padding-bottom:5px; } } @media screen and (max-width: 920px) { #searchFullFormData .formCaption {font-size:22px; line-height:27px;} #searchFullFormData .formBlockExtend {width:100%;} #searchFullFormData .formBlockHotels {padding-left:0; width:100%;} #hotelsSelectList .hotelName input {font-size:17px;} #searchFullFormData .formBlockHotels .caption {position:relative; margin-top:5px; height:25px;} #searchFullFormData .formBlockHotels .caption span {font-size:14px;} #searchFullFormData .formBlockHotels .caption .clear {right:0;} #searchFullFormData .formBlockHotels .caption .selected {right:80px;} #searchFullFormData .formBlockHotels .caption .all {right:230px;} #hotelsList .container .item {font-size:17px;} #resortList .container .item {font-size:17px;} #priceSelectBlock {width:35%;} #checkSelectBlock {width:65%;} #hotelsList {height:210px;} .imageMenu .imageMenuData .item {width:33.33%;} } @media screen and (max-width: 830px) { #resultFoundList .hotelData .table {display:block;} #resultFoundList .hotelData .header {display:none;} #resultFoundList .hotelData .hotel {display:block; position:relative; padding:25px 0 10px 80px; min-height:115px;} #resultFoundList .hotelData .td {display:block; padding:0; border:none; text-align:left; } #resultFoundList .hotelData .hotel .td.image {display:block;} #resultFoundList .hotelData .hotel .td.name .link {position:absolute; padding-left:80px; top:-2px; left:0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; } #resultFoundList .hotelData .hotel .td.name .star {position:absolute; left:0; top:0; } #resultFoundList .hotelData .hotel .td.name .star span {margin-right:1px;} #resultFoundList .hotelData .hotel .td.country {width:auto; text-align:left; } #resultFoundList .hotelData .hotel .td.region {width:auto; text-align:left; } #resultFoundList .hotelData .hotel .td.name {width:auto; text-align:left; } #resultFoundList .hotelData .hotel .td.rating {width:auto; text-align:left;} #resultFoundList .hotelData .hotel .td.rating .num {display:inline-block;} #resultFoundList .hotelData .hotel .td.rating .text {display:inline-block; padding-left:10px;} #resultFoundList .hotelData .hotel .td.distance {width:auto; text-align:left; } #resultFoundList .hotelData .hotel .td.distance span {display:inline;} #resultFoundList .hotelData .hotel .td.price {width:auto; text-align:left; position:absolute; right:0; top:25px; text-align:right;} #resultFoundList .hotelData .hotel .minChashback span {display:inline;} #resultFoundList .groupOne .stageText {margin-bottom:10px;} #resultFoundList .tourData.header .td.dates {display:table-cell;} #resultFoundList .tourData .td.dates {display:table-cell;} #resultFoundList .tourData.header .td.depart {display:none; } #resultFoundList .tourData .td.depart {display:none; } #resultFoundList .tourData.header .td.return {display:none; } #resultFoundList .tourData .td.return {display:none; } #spoListData .tourListData {display:block;} #spoListData .tourData.header {display:none;} #spoListData .tourData {display:block; padding:10px; margin:0 -10px; position:relative; } #spoListData .tourData .td {display:block; border:none; padding:0; text-align:left; } #spoListData .tourData .city {font-size:15px;} #spoListData .tourData .td.price {width:auto; padding:0; position:absolute; right:10px; top:10px; text-align:right; } #spoListData .tourData .td .main {display:inline-block; vertical-align:middle; padding-right:5px;} #spoListData .tourData .td.hotel .main {display:block; padding-right:0px; padding-top:5px;} #spoListData .tourData .td .param {display:inline-block; vertical-align:middle;} #spoListData .tourData .td.night .param {font-size:15px; color:#333; padding-top:0;} #spoListData .tourData .td.office {text-align:left; padding:3px 7px; border:2px solid #de4756; margin-top:6px;} #spoListData .tourData .td.office .caption {display:block;} #officeWriteContent .dayOne .timeList .item {width:16.66%;} .stdFormData .rowLine {padding-bottom:10px;} .stdFormData .rowLine .caption {float:none; padding-bottom:5px; font-weight:600; width:auto;} .stdFormData .rowLine .input {margin-left:0; } #cabinetColSide {display:block;} #cabinetLeftSide {display:block; width:100%; padding-bottom:15px;} #cabinetLeftMenu {width:100%;} #cabinetContentSide {display:block; width:100%; padding:0;} #managerCoomand .item {width:33.33%;} #tourOrderForm .cols4 > div {width:50%;} .autoItem {display:block;} .autoItem .image { width:100%; max-width:450px; margin:0 auto; } .autoItem .description {width:100%; padding:30px 0 0 0; } .autoItem .description .rentcarName {text-align:center; } .autoItem .description .priceBlock .price {text-align:center; } } @media screen and (max-width: 800px) { #tourCard .hotelData .image img {width:160px;} #tourCard .hotelData .image .gallery span i {font-size:10px;} #tourCard .hotelData .control .showButton {width:120px; font-size:13px;} #detailsData {padding:15px; } .isCollapsedtrue #detailsDataOver {padding-left:0;} #hotelCardDescription .block {width:50%;} .textBlockVideo3 .data {margin:0 -5px;} .textBlockVideo3 .cols {padding:5px 5px 10px 5px; box-sizing:border-box; } #officesData .dayOfferList .item {padding-bottom:10px; font-size:18px; } #officesData .dayOfferList .item.isFlagtrue a {padding-left:35px;} #officesData .dayOfferList .item.isFlagtrue a img {left:0; top:1px; width:25px;} #cabinetInfoMessageWin {font-size:16px; font-weight:normal;} #footerSocial a.image {height:32px;} #payFormDatas.stdFormData .documentControl .data.isRus0 {padding-right:0;} #payFormDatas.stdFormData .documentControl .zagranData .item1 {width:calc(33.33% - 20px);} #payFormDatas.stdFormData .documentControl .zagranData .item2 {width:calc(33.33% - 20px);} #payFormDatas.stdFormData .documentControl .zagranData .item3 {width:33.33%;} #payFormDatas.stdFormData .documentControl .zagranData .item4 {width:calc(33.33% - 20px); margin-top:10px;} #payFormDatas.stdFormData .documentControl .zagranData .item5 {width:calc(33.33% - 20px); margin-top:10px;} #payFormDatas.stdFormData .documentControl .zagranData .item6 {width:calc(33.33% + 40px); margin-top:10px; padding-right:0;} #payFormDatas.stdFormData .documentControl .russData .item1 {width:33.33%;} #payFormDatas.stdFormData .documentControl .russData .item2 {width:33.33%;} #payFormDatas.stdFormData .documentControl .russData .item3 {width:33.33%;} #payFormDatas.stdFormData .documentControl .russData .item4 {width:33.33%; padding-top:10px;} #payFormDatas.stdFormData .documentControl .russData .item5 {width:33.33%; } #payFormDatas.stdFormData .documentControl .russData .item6 {width:calc(33.33% + 40px); padding-top:10px; padding-right:0; margin-right:-40px; } #payFormDatas.stdFormData .documentControl .russData .item8 {width:calc(100% + 40px); } } @media screen and (max-width: 750px) { #answersList .item .recomendInfo {position:relative; right:auto; top:auto; } #answersList .item .recomendInfo .recomend {margin:0 10px 5px 0; font-size:13px;} #answersList .item .recomendInfo .recomend:last-child {margin-right:0;} #answerControl.isHotel .answerSelect {width:100%;} #answerMonth {margin-top:10px;} #answerHotel {margin-top:10px;} .diplomsGalleryData .data {width:20%;} #tourCard .hotelDescription .block {width:50%;} } @media screen and (max-width: 700px) { #resultFoundList .tourListData {display:block;} #resultFoundList .tourData.header {display:none;} #resultFoundList .tourData {display:block; padding:10px 130px 10px 10px; margin:0 -10px; position:relative; } #resultFoundList .tourData .td {display:block; border:none; padding:0; text-align:left; } #resultFoundList .tourData .td.dates {display:block;} #resultFoundList .tourData .city {padding-bottom:0;} #resultFoundList .tourData .td.night {text-align:left;} #resultFoundList .tourData .td.params span {display:inline-block; padding-left:5px; color:#555;} #resultFoundList .tourData .td.params .meal {text-align:left;} #resultFoundList .tourData .td.params .room {text-align:left;} #resultFoundList .tourData .td.params .room span {display:inline-block; padding-left:5px; color:#555;} #resultFoundList .tourData .td.params .places {text-align:left;} #resultFoundList .tourData .operator {text-align:left;} #resultFoundList .tourData .operator div {color:#555; } #resultFoundList .tourData .td.price {width:auto; padding:0; position:absolute; right:10px; top:10px; text-align:right; } #resultFoundList .tourData .td.price .chashback span {display:inline; white-space:nowrap;} #resultFoundList .isManager .td.price .cardButton {display:inline-block;} #officesData .officeManagersList .item {width:33.33%;} .hotelsCountryList {column-count:2;} .hotelsResortList {column-count:2;} #hotelsItemList {column-count:1;} #hotelsItemList .hotelItem {padding-right:45px;} #hotelsItemList .hotelItem .rating {width:30px;} #hotelsItemList .hotelItem .name {font-size:14px;} #hotelsItemList .hotelItem .region {font-size:13px;} .useMille .whatCashback span {display:inline-block; width:4px;} #searchTourFilter .tourItem {position:relative; padding-left:115px;} #searchTourFilter .tourItem .col1 {position:absolute; left:0px; top:0px; width:100px; height:80px; } #searchTourFilter .tourItem .col2 {width:100%; padding-left:0; min-height:146px; padding-bottom:0; } #searchTourFilter .tourItem .col5 {width:90px; padding:0; position:absolute; top:80px; left:10px; } #searchTourFilter .tourItem .col5 .price {font-size:12px;} #searchTourFilter .tourItem .col5 .price span {font-size:13px; } #searchTourFilter .tourItem .col3 {width:50%; padding:0 10px 10px 0; } #searchTourFilter .tourItem .col4 {width:50%; padding:0 10px 10px 10px;} .imageMenu .imageMenuData {margin:0 -5px;} .imageMenu .imageMenuData .item {width:50%; padding:0 5px 20px 5px;} .imageMenu .imageMenuData .item .data .name {font-size:15px; padding-top:8px;} .imageMenu .imageMenuData .item .data .text {font-size:13px;} #spoControl {padding-bottom:0; margin-bottom:20px;} #spoControl .spoSelect {width:100%; margin-bottom:10px;} #newsListData .newsItem {padding-left:100px; min-height:80px; margin-bottom:10px; padding-bottom:10px;} #newsListData .newsItem .image {position:relative; left:auto; top:auto; } #newsListData .newsItem .image img {width:80px;} } @media screen and (max-width: 650px) { .onlyMob {visibility:visible; overflow:auto; width:auto; height:auto;} .onlyDesk {visibility:hidden; overflow:hidden; width:0; height:0;} #searchMiniForm .searchMiniFormData .formHeader .mainHeader {font-size:24px; line-height:28px; } #checkSelectList {padding-top:0;} #checkSelectBlock .checkbox {height:auto; line-height:17px; font-size:14px;} #checkSelectBlock .checkbox i {display:block;} #checkSelectBlock .checkbox::before {top:1px;} .authFormWidth {padding:15px; } .diplomsGalleryData .data {width:25%;} #tourCard .hotelData {display:block;} #tourCard .hotelData .td {display:block;} #tourCard .hotelData .info {padding-right:10px;} #tourCard .hotelData .image .data {display:block; max-width:420px; margin:0 auto;} #tourCard .hotelData .image img {width:100%;} #tourCard .hotelData .image .gallery div {width:25%;} #tourCard .hotelData .image .gallery .num4 span i {display:none;} #tourCard .hotelData .image .gallery .num5 span i {display:inline-block;} #tourCard .hotelData .image .gallery div.num5 {display:inline-block;} #tourCard .hotelData .control {padding-top:10px; padding-left:10px; } #detailsActualizeProcess div {top:50px; transform:translateX(-50%); } #detailsData {padding:15px 10px;} #detailsData .item {padding:10px 10px 60px 10px; } #detailsData .item .price {top:auto; bottom:10px; } #detailsData .item .price .cost {display:inline-block; position:absolute; right:100px; bottom:3px; width:120px; padding:0; text-align:right; } #detailsData .item .price .button {position:absolute; right:0; bottom:0; width:90px; } #hotelsListFilter .cols {padding-top:10px;} #hotelsListFilter .starList {float:none; width:100%; } #hotelsListFilter .starList .checkbox {padding:5px 5px 5px 24px; width:55px;} #hotelsListFilter .starList .checkbox::before {left:5px;} #hotelsListFilter .starList .checkbox span {right:5px; top:8px;} #hotelsListFilter .ratingList {margin-left:0; padding-top:10px;} .toursearchAnonData .item {width:100%;} .toursearchAnonData .item .data .overlay {background:linear-gradient(to bottom, #1475ba 0%, transparent 50%);} .toursearchAnonData .item .data .header {top:15px; } .toursearchAnonData .item .data .text {top:55px;} .toursearchAnonData .item .data .cost {top:85px; opacity:0; } .toursearchAnonData .item .data .tourList {transform:translateY(0%);} #hotelsFavoriteList .country {width:100%;} #contactsAccordion {bottom:60px; z-index:1;} #contactsAccordion .showButton {width:60px; height:60px; border:3px solid rgba(255,255,255, 0.3);} #contactsAccordion .showButton span.open {line-height:54px; } #contactsAccordion .showButton span.close {line-height:54px; } #contactsAccordion.open .showButton {background:#fff; border:3px solid #4c8bf8;} #contactsAccordion .contacts {left:-5px;} html {height:auto;} body {height:auto;} #pageFrames {min-height:none; margin:0 auto;} #footerProtect {height:30px;} #footer {height:auto; margin-top:0; } #footerData {padding:80px 0 80px 110px; min-height:170px; } #counterInformer {top:85px; left:10px;} #footerSocial {right:auto; top:0px; left:10px; } #footerSocial a {margin-left:0; margin-right:10px; } #counterInformer img {width:70px;} #footerCopyright {width:100px; text-align:right; } #managerCoomand .item {width:50%;} #payFormDatas.stdFormData .documentControl .miniCap {font-size:13px;} #payFormDatas.stdFormData .documentControl .zagranData .item1 {width:50%;} #payFormDatas.stdFormData .documentControl .zagranData .item2 {width:calc(50% - 40px);} #payFormDatas.stdFormData .documentControl .zagranData .item3 {width:50%; margin-top:10px;} #payFormDatas.stdFormData .documentControl .zagranData .item4 {width:50%; padding-right:0;} #payFormDatas.stdFormData .documentControl .zagranData .item5 {width:50%;} #payFormDatas.stdFormData .documentControl .zagranData .item6 {width:50%;} #payFormDatas.stdFormData .documentControl .russData .item1 {width:50%;} #payFormDatas.stdFormData .documentControl .russData .item2 {width:50%;} #payFormDatas.stdFormData .documentControl .russData .item3 {width:50%; padding-top:10px;} #payFormDatas.stdFormData .documentControl .russData .item4 {width:calc(50% + 40px); padding-right:0; margin-right:-40px;} #payFormDatas.stdFormData .documentControl .russData .item5 {width:50%; } #payFormDatas.stdFormData .documentControl .russData .item6 {width:calc(50% + 40px); margin-right:-40px; } #payFormDatas.stdFormData .documentControl .russData .item8 {width:calc(100% + 40px); } #payFormDatas.stdFormData .documentControl .data.isRus1.ischild .item7 {top:71px;} #payFormDatas.stdFormData .documentControl .svidetData .item1 {width:50%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .svidetData .item2 {width:50%; } #payFormDatas.stdFormData .documentControl .svidetData .item3 {width:50%; padding-top:10px;} #payFormDatas.stdFormData .documentControl .svidetData .item4 {width:calc(50% + 40px); padding-right:0; margin-right:-40px;} #payFormDatas.stdFormData .documentControl .svidetData .item5 {width:calc(100% + 40px); } } @media screen and (max-width: 590px) { #dateSelectBlock {width:50%;} #nightSelectBlock {width:50%;} #nightSelect {border-right:none;} #searchMiniForm #turistSelectBlock {width:100%; border-top:1px solid #d0d0d0; } #searchFormData .formBlock2 {height:auto; } #searchFormData #cityList .expandList {min-width:280px; } #searchFormData #countryList .expandList {min-width:280px; left:auto; right:0;} #searchFormData.crossChange #cityList .expandList {left:auto; right:0;} #searchFormData.crossChange #countryList .expandList {left:0; right:auto;} #nightSelect .expandList {left:auto; right:0;} #dateSelect .expandList {width:300px;} #searchFullFormData #turistSelectBlock {width:100%; padding-left:0; margin-top:10px; } .diplomsGalleryData .data {width:33.33%;} #tourOrderForm .cols2 > div {width:100%;} #tourOrderForm .cols3 > div {width:100%;} #tourOrderForm .cols4 > div {width:100%;} #privateMainAction .param .cap {float:none; width:auto;} #privateMainAction .param .val {padding-left:0;} #userOrderListData .order .param .cap {float:none; width:auto;} #userOrderListData .order .param .val {margin-left:0;} #userOrderListData .order .price {position:relative; right:auto; top:auto; font-weight:600; padding-bottom:5px;} #userOrderListData .order .tour .control {position:relative; right:auto; top:auto; text-align:left; } #bonusListData {display:block;} #bonusListData .tr {display:block;} #bonusListData .tr.head {display:none; } #bonusListData .tr.line {border-bottom:2px solid #1475ba; padding-bottom:10px; margin-bottom:10px; } #bonusListData .td {display:block; border:none; text-align:left; padding:0; } #bonusListData .td.bonuses {font-weight:bold; padding-top:2px;} #bonusListData .td .mob {display:inline;} } @media screen and (max-width: 520px) { #searchFullFormData .formBlock3 {float:none; width:100%; padding-left:0;} #searchFullFormData .formBlock4 {float:none; width:100%;} #searchFullFormData .formBlock5 {height:auto;} #priceSelectBlock {width:100%; float:none; } #checkSelectBlock {width:100%; margin-top:10px; float:none; } #checkSelectList {padding-left:0;} #checkSelectBlock .checkbox {font-size:15px;} #checkSelectBlock .checkbox i {display:none;} #checkSelectBlock .checkbox::before {top:2px;} #searchFullFormData a.runSearch {position:relative; right:auto; top:auto; margin:20px auto 0 auto;} #searchFullFormData span.copySearchLink {top:auto; bottom:10px; left:50%; margin-left:-120px; } .diplomsGalleryData .data {width:50%;} #officesData .officeManagersList .item {width:50%;} #officeWriteContent .dayOne .timeList .item {width:25%;} #officeWriteContent .dayOne .timeList .item span {font-size:15px;} .textBlockVideo3 .data {margin:0;} .textBlockVideo3 .cols {float:none; width:100%; padding:5px 0px 20px 0px; } /* #resultFoundList .hotelData .hotel .td.name .booking {display:none;} #resultFoundList .hotelData .hotel .td.name .tripadvisor {display:none;} #tourCard .hotelData .info .booking {display:none;} #tourCard .hotelData .info .tripadvisor {display:none;} #tourCard .hotelData .info .maps {display:none;} */ #hotelsFavoriteList .hotel .mobile {display:block;} #hotelsFavoriteList .hotel .desktop {display:none;} } @media screen and (max-width: 480px) { #tourCard .hotelDescription .block {width:100%;} .hotelsCountryList {column-count:1;} .hotelsResortList {column-count:1;} #hotelCardDescription .block {width:100%; padding-right:0;} #searchTourFilter .tourItem .col2 { min-height:auto; } #searchTourFilter .tourItem .col3 {width:100%; padding-bottom:0;} #searchTourFilter .tourItem .col4 {width:100%; padding-left:0;} .logoSlider {margin-bottom:10px;} .logoSliderData table { /* height:40px; */} #calendarControlData .calendarMonth {width:100%; } #onlinePayTabs .tab {width:calc(50% - 25px); text-align:center;} #onlinePayTabs .tab i {display:block;} #onlinePayTabs .sep {width:50px; text-align:center;} } @media screen and (max-width: 390px) { #answersList .item .recomendInfo .recomend {margin-right:0; width:100%;} #resultFoundList .hotelData .hotel .td.price {position:relative; top:auto; right:auto; text-align:left; } #officesData .officeManagersList .item {width:100%;} .useMille.hotels {text-align:left;} .useMille.hotels span {font-size:14px; display:inline-block; padding-left:4px;} #resultFoundList .hotelData .hotel .subscribe {text-align:left; font-size:18px;} #newsListData .newsItem {padding-left:0px; min-height:auto; margin-bottom:15px; padding-bottom:15px; } #newsListData .newsItem .image {position:relative; left:auto; top:auto; } #newsListData .newsItem .image img {width:100%;} #newsListData .newsItem .name {margin-top:10px;} } @media screen and (max-width: 360px) { #headerMainLogo {width:140px; top:-35px;} #mainMenuContent {width:100%; } #searchFormData .styleSelect .selected .info {font-size:14px; right:7px; } #searchFormData .styleSelect .selected .data {font-size:14px;} .imageMenu .imageMenuData .item {width:100%;} #managerCoomand .item {width:100%;} } /* === Мобильная шторка: Перламутр Премиум UI (правка 2026-09-12, v10) === */ @keyframes pearlFlow { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } @media screen and (max-width: 767px) { /* 1. Нежно-голубоватая подложка */ #mainMenuData #mainMenuContent { top: 154px; left: 0; width: 100vw; max-width: none; height: calc(100vh - 154px); padding: 15px 12px 30px 12px; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #EAF0F6 !important; } /* 2. Строка поиска */ #mainMenuData #searchFromNumber { position: absolute !important; top: 15px !important; left: 12px !important; right: auto !important; width: calc(100% - 110px) !important; max-width: 240px !important; display: flex !important; align-items: center !important; height: 38px !important; margin: 0 !important; padding: 0 !important; } #mainMenuData #searchFromNumber input { flex-grow: 1 !important; height: 38px !important; background: #ffffff !important; border: 1px solid #c8ced3 !important; border-right: none !important; color: #1E293B !important; padding: 0 12px !important; margin: 0 !important; border-radius: 3px 0 0 3px !important; font-family: "Manrope", "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; font-size: 14px !important; box-sizing: border-box !important; } #mainMenuData #searchFromNumber a { width: 42px !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #0056a3 !important; border: 1px solid #0056a3 !important; border-radius: 0 3px 3px 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } #mainMenuData #searchFromNumber a span { display: block !important; color: #ffffff !important; font-size: 16px !important; position: static !important; line-height: 1 !important; } /* 3. Кнопка СВЕРНУТЬ */ #mainMenuData #mobileCloseBtn { position: absolute !important; top: 15px !important; right: 12px !important; width: auto !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; } #mainMenuData #mobileCloseBtn i { display: none !important; } #mainMenuData #mobileCloseBtn::after { content: "СВЕРНУТЬ"; font-family: "Manrope", "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; color: #0056a3 !important; letter-spacing: 0.5px !important; } /* 4. Сетка кнопок */ #mainMenuData #mainMenuScroll { margin-top: 65px !important; height: auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; align-items: start !important; } #mainMenuData #mainMenu, #mainMenuData #serviceMenuMob { display: block !important; width: 100% !important; } #mainMenuData #mainMenu > ul, #mainMenuData #serviceMenuMob > ul { display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } #mainMenuData #mainMenu > ul > li, #mainMenuData #serviceMenuMob > ul > li { display: block !important; margin: 0 !important; min-width: 0 !important; height: 100% !important; } /* 5. Кнопки: высота до низа экрана + живой перламутр */ #mainMenuData #mainMenu > ul > li > a, #mainMenuData #serviceMenuMob > ul > li > a { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; min-height: 64px !important; min-height: max(64px, calc((100vh - 314px) / 6)) !important; height: auto !important; line-height: 1.3 !important; font-family: "Manrope", "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.1px !important; padding: 10px 24px !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; hyphens: none !important; box-sizing: border-box !important; background-color: #ffffff !important; background-image: linear-gradient(115deg, #f1f5fa 0%, #ffffff 16%, rgba(255,240,248,0.95) 28%, #ffffff 40%, rgba(228,238,252,0.95) 50%, #ffffff 60%, rgba(236,250,246,0.95) 72%, #ffffff 86%, #f1f5fa 100%) !important; background-size: 220% 100% !important; background-repeat: no-repeat !important; animation: pearlFlow 6s linear infinite !important; border: 1px solid rgba(255,255,255,0.95) !important; border-radius: 3px !important; color: #22303F !important; box-shadow: 0 4px 10px rgba(0,40,80,0.07), inset 0 1px 0 rgba(255,255,255,0.95) !important; transition: transform 0.12s ease, box-shadow 0.12s ease !important; } /* 6. Разбег анимации, чтобы перелив шёл волной, а не хором */ #mainMenuData #mainMenu > ul > li:nth-child(1) > a, #mainMenuData #serviceMenuMob > ul > li:nth-child(1) > a { animation-delay: 0s !important; } #mainMenuData #mainMenu > ul > li:nth-child(2) > a, #mainMenuData #serviceMenuMob > ul > li:nth-child(2) > a { animation-delay: 0.5s !important; } #mainMenuData #mainMenu > ul > li:nth-child(3) > a, #mainMenuData #serviceMenuMob > ul > li:nth-child(3) > a { animation-delay: 1s !important; } #mainMenuData #mainMenu > ul > li:nth-child(4) > a, #mainMenuData #serviceMenuMob > ul > li:nth-child(4) > a { animation-delay: 1.5s !important; } #mainMenuData #mainMenu > ul > li:nth-child(5) > a, #mainMenuData #serviceMenuMob > ul > li:nth-child(5) > a { animation-delay: 2s !important; } #mainMenuData #mainMenu > ul > li:nth-child(6) > a, #mainMenuData #serviceMenuMob > ul > li:nth-child(6) > a { animation-delay: 2.5s !important; } #mainMenuData #mainMenu > ul > li:nth-child(7) > a, #mainMenuData #serviceMenuMob > ul > li:nth-child(7) > a { animation-delay: 3s !important; } #mainMenuData #mainMenu > ul > li > a:active, #mainMenuData #serviceMenuMob > ul > li > a:active { transform: scale(0.97) !important; box-shadow: 0 1px 3px rgba(0,40,80,0.05) !important; } /* 7. Акценты */ #mainMenuData #mainMenu > ul > li:nth-child(1) > a { background-image: linear-gradient(115deg, #ffe7ab 0%, #fff6dd 18%, #ffffff 32%, #fff0c0 48%, #ffffff 62%, #fff6dd 80%, #ffe7ab 100%) !important; background-size: 220% 100% !important; border-color: rgba(226,168,45,0.55) !important; color: #A65B00 !important; text-shadow: 0 1px 0 rgba(255,255,255,0.8) !important; } #mainMenuData #mainMenu > ul > li:nth-child(2) > a { color: #d93b4c !important; } } @media screen and (max-width: 767px) and (prefers-reduced-motion: reduce) { #mainMenuData #mainMenu > ul > li > a, #mainMenuData #serviceMenuMob > ul > li > a { animation: none !important; } } /* === Дополнение v10.1 (2026-09-12): подъём сетки, снятие полосы, высота под 7 рядов === */ @media screen and (max-width: 767px) { #mainMenuData #mainMenuScroll { margin-top: 50px !important; border: none !important; border-top: none !important; box-shadow: none !important; background: none !important; } #mainMenuData #mainMenu, #mainMenuData #serviceMenuMob, #mainMenuData #mainMenu > ul, #mainMenuData #serviceMenuMob > ul, #mainMenuData #mainMenu > ul > li, #mainMenuData #serviceMenuMob > ul > li { border: none !important; border-top: none !important; border-bottom: none !important; box-shadow: none !important; background: none !important; } #mainMenuData #mainMenuScroll::before, #mainMenuData #mainMenuScroll::after, #mainMenuData #mainMenu::before, #mainMenuData #mainMenu::after, #mainMenuData #mainMenu > ul::before, #mainMenuData #mainMenu > ul::after, #mainMenuData #serviceMenuMob::before, #mainMenuData #serviceMenuMob::after, #mainMenuData #serviceMenuMob > ul::before, #mainMenuData #serviceMenuMob > ul::after { display: none !important; content: none !important; border: none !important; } #mainMenuData #mainMenu > ul > li > a, #mainMenuData #serviceMenuMob > ul > li > a { min-height: max(58px, calc((100vh - 309px) / 7)) !important; } } /* === Дополнение v10.2: выравнивание высоты колонок === */ @media screen and (max-width: 767px) { #mainMenuData #mainMenuScroll { align-items: stretch !important; } #mainMenuData #mainMenu, #mainMenuData #serviceMenuMob { height: 100% !important; } #mainMenuData #mainMenu > ul, #mainMenuData #serviceMenuMob > ul { height: 100% !important; } #mainMenuData #mainMenu > ul > li, #mainMenuData #serviceMenuMob > ul > li { flex: 1 1 0 !important; } }