@charset "UTF-8"; * {margin:0; padding:0; outline:none; box-sizing:border-box; } ::-moz-focus-inner {padding:0; border:0; } ::-moz-placeholder { color:#bbb; font-weight:normal; font-size:inherit; opacity:1; } ::-webkit-input-placeholder {color:#bbb; font-weight:normal; font-size:inherit; opacity:1;} ::-webkit-outer-spin-button, ::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} input[type='number'] {-moz-appearance: textfield; } select {border:1px solid #DEDEDE; height:44px; padding:0px 15px; border-radius:7px; font-size:18px; background:#fff; color:#000; font-family:inherit; } select option {font-family:Arial; color:#000; } select optgroup {font-family:Arial; font-weight:bold; color:#000; background:#fcf0c4; font-style:normal; } @font-face { font-family: 'Inter'; src: url('../fonts/Inter/Inter-Regular.eot'); src: local('Inter Regular'), local('Inter-Regular'), url('../fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter/Inter-Regular.woff') format('woff'), url('../fonts/Inter/Inter-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Inter'; src: url('../fonts/Inter/Inter-Bold.eot'); src: local('Inter Bold'), local('Inter-Bold'), url('../fonts/Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter/Inter-Bold.woff') format('woff'), url('../fonts/Inter/Inter-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Inter'; src: url('../fonts/Inter/Inter-Medium.eot'); src: local('Inter Medium'), local('Inter-Medium'), url('../fonts/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter/Inter-Medium.woff2') format('woff2'), url('../fonts/Inter/Inter-Medium.woff') format('woff'), url('../fonts/Inter/Inter-Medium.ttf') format('truetype'); font-weight:600; font-style: normal; } html {height:100%; width:100%; } body {font-size:18px; font-family:Inter; color:#484848; height:100%; min-height:100%; position:relative; background:#ffffff; } table {border-collapse:collapse; } td {vertical-align:top; } textarea {font-size:14px; font-family:inherit; } input,select {font-family:inherit; font-size:inherit; } img {border:0; } a {text-decoration:underline; color:#000; } a:visited {color:#000; } a:hover {text-decoration:none; color:#F8CD46; } .stdAni {transition:color 0.2s, background 0.2s; } .clear {clear:both; } .maxWidth {margin:0 auto; max-width:1400px; padding:0 15px; } .noSelect {-ms-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none; } .marginBottom {margin-bottom:30px; } .paddingTop {padding-top:30px; } .paddingBottom {padding-bottom:30px; } .stdAnimate {transition:background 0.3s, color 0.3s, transform 0.3s; } /* Общие стрелки слайдеров */ .swiper-button-next::after, .swiper-button-prev::after {display:none; } .swiper-button-next span.text, .swiper-button-prev span.text {display:none; } .swiper-button-next span.icon, .swiper-button-prev span.icon {font-size:30px; color:#777; } .swiper-button-next:hover span.icon, .swiper-button-prev:hover span.icon {color:#F0B90B; } .swiper-button-next:hover span.text, .swiper-button-prev:hover span.text {color:#F0B90B; } #pageFrames{ position:relative; } #header {border-bottom:1px solid #DEDEDE; position:fixed; left:0; top:0; width:100%; background:#fff; z-index:2000;} #headerFixHeight {height:130px;} #headerData {padding-top:15px; padding-bottom:15px; } #headerContent {height:70px; padding-right:435px; position:relative; padding-left:215px;} #mainLogo {width:190px; display:block; text-decoration:none; position:absolute; left:0; top:5px; } #mainLogo img {width:100%; display:block; border-radius:7px;} #headerPhone {position:absolute; right:0; top:22px; font-size:20px; font-weight:bold; text-decoration:none; text-align:center;} #headerCallCap {display:block; font-size:11px; text-transform:uppercase; font-weight:normal;} #headerWhatsapp {padding-left:35px; position:absolute; right:185px; top:24px; font-size:16px; text-decoration:none;} #headerWhatsapp span {position:absolute; left:0; top:-5px; width:28px; height:28px; line-height:28px; font-size:28px; text-align:center; } #headerWhatsapp:hover {color:#4ac959;} #headerTelegram {padding-left:35px; position:absolute; right:315px; top:24px; font-size:16px; text-decoration:none;} #headerTelegram span {position:absolute; left:0; top:-5px; width:28px; height:28px; line-height:28px; font-size:28px; text-align:center; } #headerTelegram:hover {color:#039be5;} #mobileMenuBtn {display:none; height:40px; width:40px; position:absolute; right:0px; top:4px; text-decoration:none; cursor:pointer; } #mobileMenuBtn i {display:block; height:4px; width:100%; position:absolute; left:0; top:5px; background:#000; } #mobileMenuBtn i.l2 {top:19px; } #mobileMenuBtn i.l3 {top:32px; } #mobileMenuBtn:hover i {background:#F0B90B; } #mobileMenuClose {display:none; width:32px; height:32px; position:absolute; right:15px; top:15px; cursor:pointer; } #mobileMenuClose i {display:block; height:2px; width:100%; position:absolute; left:0; top:15px; background:#000; } #mobileMenuClose i.l1 {transform:rotate(-45deg);} #mobileMenuClose i.l2 {transform:rotate(45deg);} #mobileMenuClose:hover i {background:#F0B90B; } #mobileLogo {display:none; position:absolute; left:15px; top:15px; width:85px;} #mainMenu {display:table; width:100%; height:100%; } #mainMenuData {display:table-cell; vertical-align:middle;} #mainMenuContainer {} #mainMenuScroll div {display:inline-block; padding:3px 10px; } #mainMenuScroll div a {display:block; text-decoration:none; border-bottom:2px solid transparent; } #mainMenuScroll div a:hover {border-bottom:2px solid #F0B90B; color:#000; } #mainMenuScroll div a.active {border-bottom:2px solid transparent; color:#F0B90B; } /* Хлебные крошки */ #pagesPathList {margin-top:-15px; } .breadcrumbs {line-height:18px; font-size:15px; } .breadcrumbs .item, .breadcrumbs .sep, .breadcrumbs .last {padding-bottom:3px; } .breadcrumbs a {display:inline-block; vertical-align:top; } .breadcrumbs span {display:inline-block; vertical-align:top; } .breadcrumbs .sep {padding:0 5px; font-size:14px; } .breadcrumbs .home {font-size:14px; color:#f8cd46; } .breadcrumbs .home span {line-height:19px; } .breadcrumbs .home:hover span {color:#F0B90B;} /* Пагинация */ .paginatesBlock {padding-top:15px; padding-bottom:20px; text-align:center; font-size:0; } .paginatesBlock a {display:inline-block; vertical-align:top; font-size:14px; background:#fff; color:#000; border:1px solid #dedede; min-width:40px; height:40px; line-height:38px; text-decoration:none; margin:0 4px; border-radius:7px; } .paginatesBlock a.active {background-color:#F8CD46; border:1px solid #F8CD46; } .paginatesBlock a:hover {background-color:#F0B90B; border:1px solid #F0B90B; } /* Меню на главной странице с иконками */ #indexTopMenu {position:relative; padding:20px; /* background:url('/media/_tmp_image.jpeg') no-repeat center bottom; background-size:cover; */ border-radius:15px;} #indexTopMenu .items {display:block; margin:0 -10px; font-size:0; text-align:center; } #indexTopMenu .items a {display:inline-block; width:25%; vertical-align:top; padding:10px; text-decoration:none; } #indexTopMenu .items a .item {display:table; width:100%; height:60px; border-radius:15px; background:#f7f7f7; box-shadow:0px 6px 16px rgba(149, 149, 149, 0.24);} #indexTopMenu .items a .icon {display:table-cell; width:1%; padding:15px; vertical-align:middle; } #indexTopMenu .items a .icon img {display:block; width:60px; max-width:none; } #indexTopMenu .items a .name {display:table-cell; width:99%; padding:15px 15px 15px 0; vertical-align:middle; text-align:left; font-weight:600; font-size:24px; line-height:28px; } #indexTopMenu .items a .name br {display:none;} /* #indexTopMenu .items a.color1 .item {background:#feeeab;} #indexTopMenu .items a.color2 .item {background:#ffedd4;} #indexTopMenu .items a.color3 .item {background:#ffedd4;} #indexTopMenu .items a.color4 .item {background:#ffedd4;} */ /* Слайдеры анонса туров на главной */ #tourAnonsTabList {} #tourAnonsTabList .tabsList {padding-bottom:5px; font-size:0; } #tourAnonsTabList .tabsList .tabBtnOne {display:inline-block; vertical-align:top; cursor:pointer; padding-right:15px; margin-bottom:15px; cursor:pointer; } #tourAnonsTabList .tabsList .tabBtnOne:last-child {padding-right:0;} #tourAnonsTabList .tabsList .tabBtnOne span {padding:7px 15px; display:inline-block; line-height:22px; white-space:nowrap; color:#000; font-weight:bold; background:#f2f2f2; font-size:16px; border-radius:7px; } #tourAnonsTabList .tabsList .tabBtnOne:hover span { background:#d2d2d2; } #tourAnonsTabList .tabsList .tabBtnOne.active span { background:#F0B90B; } #tourAnonsTabList .tabsData { } #tourAnonsTabList .tabsData .tabDataOne {display:none;} #tourAnonsTabList .tabsData .tabDataOne.active {display:block;} #tourAnonsTabList .tabsData .tabDataOne .tourItemSlider {position:relative; } #tourAnonsTabList .fireListOne {padding:2px 2px 5px 2px; } #tourAnonsTabList .fireListOneData {padding:15px; border-radius:10px; overflow:hidden; box-shadow:0px 2px 8px -2px rgba(0, 0, 0, 0.3);} #tourAnonsTabList .fireListOneData .link {display:block; text-decoration:none; } #tourAnonsTabList .fireListOneData .link .image {display:block; width:100%; overflow:hidden; border-radius:7px;} #tourAnonsTabList .fireListOneData .link .image img {display:block; width:100%; height:auto;} #tourAnonsTabList .fireListOneData .link:hover .image img {transform:scale(1.05)} #tourAnonsTabList .fireListOneData .link .hotel {display:block; white-space:nowrap; margin-top:10px; position:relative; } #tourAnonsTabList .fireListOneData .link .hotel .name {display:block; margin-right:45px; font-size:18px; font-weight:600; color:#000; overflow:hidden; text-overflow:ellipsis; } #tourAnonsTabList .fireListOneData .link .hotel .name i {color:#F8CD46; font-size:14px; vertical-align:2px;} #tourAnonsTabList .fireListOneData .link .hotel b {position:absolute; right:0; top:0; font-weight:normal; width:40px; text-align:center; border:2px solid #F8CD46; font-size:12px; border-radius:3px; line-height:16px; } #tourAnonsTabList .fireListOneData .link .region {display:block; margin-top:5px; color:#484848; white-space:nowrap; font-size:16px; overflow:hidden; text-overflow:ellipsis;} #tourAnonsTabList .fireListOneData .link .price {display:block; margin-top:10px; font-size:20px; font-weight:600; color:#000;} #tourAnonsTabList .fireListOneData .link .date {display:block; margin-top:5px; font-size:15px; color:#484848; white-space:nowrap; text-align:right; } #tourAnonsTabList .swiper-button-next, #tourAnonsTabList .swiper-button-prev {width:36px; height:36px; border-radius:50px; top:-35px; border:1px solid #414141; overflow:hidden; right:0; } #tourAnonsTabList .swiper-button-prev {right:42px; left:auto;} #tourAnonsTabList .swiper-button-next span.icon, #tourAnonsTabList .swiper-button-prev span.icon {width:100%; height:100%; text-align:center; line-height:36px; font-size:14px; } #tourAnonsTabList .swiper-button-next:hover, #tourAnonsTabList .swiper-button-prev:hover {border:1px solid #F0B90B; background:#F0B90B; } #tourAnonsTabList .swiper-button-next:hover span.icon, #tourAnonsTabList .swiper-button-prev:hover span.icon { color:#000; } /* Слайдер логотипов туроператоров */ #operatorsLogo {position:relative;} #operatorsLogo .item {padding:2px 2px 5px 2px; } #operatorsLogo .item .logo {padding:15px; border-radius:10px; box-shadow:0px 2px 8px -2px rgba(0, 0, 0, 0.3); } #operatorsLogo .item .logo .table {display:table; width:100%; height:100%; } #operatorsLogo .item .logo .table .td {display:table-cell; vertical-align:middle; text-align:center; } #operatorsLogo .item .logo .table .td a {display:block; text-decoration:none; } #operatorsLogo .item .logo .table .td img {display:block; max-width:100%; height:auto; } #operatorsLogo .swiper-button-next, #operatorsLogo .swiper-button-prev {width:36px; height:36px; border-radius:50px; top:-35px; border:1px solid #414141; overflow:hidden; right:0; } #operatorsLogo .swiper-button-prev {right:42px; left:auto;} #operatorsLogo .swiper-button-next span.icon, #operatorsLogo .swiper-button-prev span.icon {width:100%; height:100%; text-align:center; line-height:36px; font-size:14px; } #operatorsLogo .swiper-button-next:hover, #operatorsLogo .swiper-button-prev:hover {border:1px solid #F0B90B; background:#F0B90B; } #operatorsLogo .swiper-button-next:hover span.icon, #operatorsLogo .swiper-button-prev:hover span.icon { color:#000; } /* Полная форма поиска */ .checkbox {display:inline-block; padding-left:22px; line-height:18px; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; } .checkbox b {display:block; position:absolute; left:0; top:1px; width:16px; height:16px; border:1px solid #A6A6A6; background:#fff; border-radius:4px; } .checkbox:hover b {background:#fff; border:1px solid #000; } .checkbox.checked b {border:none; background:url('../img/check.png') no-repeat center center; background-size:16px;} .checkbox em {display:block; position:absolute; right:2px; top:0; height:16px; font-size:11px; font-style:normal; color:#aaa; } .checkbox.disabled {opacity:.4; cursor:default; } .checkbox.disabled:hover b {background:transparent; border:1px solid #acacac; } .checkbox.checkAll {float:right; font-size:12px; color:#555; } .checkbox.hide {display:none!important; } .checkbox.fHide {display:none!important; } #searchForm {} #searchForm .formTopText {padding-bottom:20px;} #searchFormData {padding:20px; border:1px solid #EDEDED; background:#fff; border-radius:15px; box-shadow:0px 6px 16px rgba(149, 149, 149, 0.24);} .formType0 #searchFormData {min-height:610px;} #searchFormData select {width:100%; border:1px solid #DEDEDE; background:#f7f7f7; font-weight:600; font-size:16px; height:44px; padding:0 5px; border-radius:0; color:#000; border-radius:5px;} #searchFormData select option {font-size:14px; color:#000;} #searchFormData input {border-radius:0; } #searchFormData .separator {display:inline-block; line-height:15px; width:100%; padding-bottom:8px; position:relative; text-align:center; cursor:default; -webkit-user-select:none; -moz-user-select:none; user-select:none; } #searchFormData .separator:before {display:block; content:""; position:absolute; left:0; top:50%; margin-top:-2px; width:100%; height:1px; background:#DEDEDE; } #searchFormData .separator span {display:inline-block; background:#f7f7f7; padding:0 10px; position:relative; z-index:1; font-size:12px; color:#aaa; } #searchForm .baron__clipper { position:relative; overflow:hidden; height:100%; max-height:100%; } #searchForm .baron__scroller {overflow-y:scroll; -ms-overflow-style:none; margin:0; border:0; padding:0; width:100%; height:100%; -webkit-overflow-scrolling:touch; } #searchForm .chosen-container .baron__scroller { max-height:255px; } #searchForm .baron__scroller::-webkit-scrollbar { width:0; } #searchForm .baron__track { display:none; position:absolute; top:0; right:0; bottom:0; width:10px; height:100%; background:#fff; } #searchForm ._scrollbar .baron__track { display:block; } #searchForm .baron__free { position:absolute; top:0; bottom:0; right:0; margin:2px 0; } #searchForm .baron__bar { position:absolute; right:1px; z-index:2; width:8px; background:#aaa; border-radius:5px;} #searchForm .baron__control { display:none; } #searchFormElement { position:relative; } #searchFormData .select { position:relative; } #searchFormData .caption {color:#777; line-height:16px; height:16px; font-size:16px; white-space:nowrap; margin-bottom:10px;} #searchFormData .chosen-container {background:#f7f7f7; } #searchFormData .chosen-container-active.chosen-with-drop .chosen-single {} #searchFormData .chosen-container-single .chosen-single {padding:8px 0 0 10px; height:44px; border:1px solid #DEDEDE; border-radius:7px;} #searchFormData .chosen-container-single.chosen-with-drop .chosen-single {border:1px solid #000; border-radius:7px 7px 0 0;} #searchFormData .chosen-container-single .chosen-single span {line-height:24px; font-size:18px; font-weight:600;} #searchFormData .chosen-container-single .chosen-single div {border-left:none; width:30px;} #searchFormData .chosen-container-single .chosen-search {padding:5px 12px; } #searchFormData .chosen-container-single .chosen-search input[type="text"] {border:1px solid #DEDEDE; margin:0; border-radius:3px; } #searchFormData .chosen-container-single .chosen-drop {border-radius:0 0 7px 7px; overflow:hidden; } #searchFormData .chosen-container .chosen-results {margin:0; padding:0; } #searchFormData .chosen-container .chosen-results li {padding:15px 12px; border-bottom:1px solid #DEDEDE; } #searchFormData .chosen-container .chosen-results li:last-child {border-bottom:none; } #searchFormData .chosen-container .chosen-results li.group-result {padding:5px 5px; border-bottom:none;} #searchFormData .from {float:left; width:25%; padding:0 10px 0 0px; margin-bottom:20px; } #searchFormData .to {float:left; width:25%; padding:0 10px 0 10px; margin-bottom:20px; } #searchFormData .dateBlock {float:left; width:25%; padding:0 10px 0 10px; margin-bottom:20px; } #searchFormData .dateBlock .caption {display:block; color:#777; line-height:16px; height:16px; font-size:16px; margin-bottom:10px; white-space:nowrap; } #searchFormData .dateBlock span.input {display:block; height:44px; padding:8px 0 0 10px; background:#f7f7f7; border:1px solid #DEDEDE; border-radius:7px; position:relative; cursor:pointer; } #searchFormData .dateBlock span.input.isFocus {border:1px solid #000;} #searchFormData .dateBlock span.input span.icon {display:block; position:absolute; right:7px; top:10px; width:20px; height:20px; line-height:20px; font-size:18px; text-align:center; color:#F9CA24; } #searchFormData .dateBlock span.input .field {display:block; height:26px; background:transparent; border:none; border-radius:0; padding:0px; width:100%; font-size:16px; font-weight:600; cursor:pointer; } #searchFormCalendar {display:none; padding:10px; border:1px solid #DEDEDE; box-shadow:0 4px 5px rgba(0,0,0,.15); position:absolute; left:0; top:80px; width:100%; background:#fff; border-radius:7px; z-index:10;} #searchFormCalendar.isShow {display:block;} #calendarSlider {position:relative; min-height:100px; padding:0 30px; } #calendarSlider-prev {left:0; } #calendarSlider-next {right:0; } #calendarSlider .swiper-slide {} #calendarSlider .calendarMonth {font-size:0; padding:0 10px; border-right:2px solid #fff; border-left:2px solid #fff; } #calendarSlider .calendarMonth.lastMonthYear {border-right:2px solid #ccc; } #calendarSlider .swiper-slide:last-child .calendarMonth {border-right:2px solid #fff; } #calendarSlider .calendarMonth .month {font-size:14px; background:#f0f0f0; text-align:center; font-weight:600; padding:5px; } #calendarSlider .calendarMonth .cells {font-size:14px; text-align:center; display:inline-block; width:14.28%; vertical-align:top; } #calendarSlider .calendarMonth .cells.week {font-size:13px; font-weight:600; padding:5px 0; margin-bottom:5px; border-bottom:1px solid #f0f0f0; } #calendarSlider .calendarMonth .cells.week.free {color:#F9CA24; } #calendarSlider .calendarMonth .cells.day {border-radius:0px; line-height:40px; cursor:pointer; position:relative;} #calendarSlider .calendarMonth .cells.day.current {color:#F9CA24;} #calendarSlider .calendarMonth .cells.day.accept {background:#f0f0f0;} #calendarSlider .calendarMonth .cells.day.range {background:#f0f0f0;} #calendarSlider .calendarMonth .cells.day:hover {background:#f0f0f0; color:#000;} #calendarSlider .calendarMonth .cells.day.select {background:#F9CA24; color:#fff;} #calendarSlider .calendarMonth .cells.day.old {background:#fff; color:#ccc; cursor:default;} #calendarSlider .calendarMonth .cells.day .notFound {color:#ccc; display:block; position:absolute; left:0; bottom:3px; width:100%; font-size:10px; text-align:center; line-height:10px;} .swiper-button-next, .swiper-button-prev {color:#F9CA24; font-size:20px; font-weight:bold; } /* Свой стилизованный select */ #searchFormData .styleSelect {position:relative; display:block; width:100%; height:44px; padding:8px 0 0 10px; background:#f7f7f7; border:1px solid #DEDEDE; border-radius:7px; cursor:pointer; -webkit-tap-highlight-color:transparent; } #searchFormData .styleSelect .selected {margin-right:30px;} #searchFormData .styleSelect .selected .data {display:block; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000; font-weight:600; font-size:18px; } #searchFormData .styleSelect .arrow {display:block; position:absolute; right:0px; top:0px; width:30px; height:100%; } #searchFormData .styleSelect .arrow b {display:block; position:absolute; left:50%; top:50%; margin:-7px 0 0 -7px; width:14px; height:14px; font-weight:bold; font-size:14px; line-height:14px; text-align:center; color:#F9CA24; } #searchFormData .styleSelect.isOpen {border:1px solid #000; border-bottom:none; background:#fff; } #searchFormData .styleSelect.isOpen .arrow b:before {content:"\f077";} #searchFormData .styleSelect .expandList {display:none; padding:10px; position:absolute; left:0; top:100%; width:calc(100% + 2px); margin:-7px -1px 0 -1px; background:#fff; border:1px solid #000; border-top:none; z-index:10; border-radius:0 0 7px 7px; box-shadow:0 4px 5px rgba(0,0,0,.15); } #searchFormData .styleSelect.isOpen .expandList {display:block;} #onlyChartersTop {display:none; top:180px; } #searchFormData .countBlock {float:left; width:25%; padding:0 0 0 10px; margin-bottom:20px;} #searchFormData .countBlock .countData {display:block; height:64px; padding:30px 0 0 12px; background:#f7f7f7; border:1px solid #DEDEDE; border-radius:7px; position:relative; cursor:pointer;} #searchFormData .countBlock .countData .caption {display:block; color:#777; position:absolute; left:12px; top:10px; line-height:16px; height:16px; font-size:16px; white-space:nowrap; z-index:2;} #searchFormData .styleSelect .expandList .head {text-align:center; position:relative; margin-bottom:7px; } #searchFormData .styleSelect .expandList .head:before {content:""; height:1px; width:100%; background:#DEDEDE; width:100%; position:absolute; left:0; top:50%; } #searchFormData .styleSelect .expandList .head span {display:inline-block; padding:0 10px; background:#fff; font-size:12px; position:relative; } #searchFormData .adultsControl {display:block; position:relative; padding:0 40px; height:34px; margin-bottom:10px;} #searchFormData .adultsControl .value {display:block; text-align:center; width:100%; height:100%; line-height:34px; color:#000; } #searchFormData .adultsControl .btn {display:block; position:absolute; top:0; width:34px; height:34px; line-height:30px; background:#fcf0c4; color:#000; font-size:20px; text-align:center; cursor:pointer; border-radius:5px; } #searchFormData .adultsControl .btn:hover {background:#F9CA24; color:#000; } #searchFormData .adultsControl .btn.plus {right:0;} #searchFormData .adultsControl .btn.minus {left:0;} #searchFormData .childControl {margin-bottom:5px; } #searchFormData .childControl .childItem {font-size:16px; line-height:20px; padding-bottom:10px; color:#000; position:relative; padding-right:24px;} #searchFormData .childControl .childItem span {display:block; width:18px; height:18px; position:absolute; right:0; top:1px; cursor:pointer; } #searchFormData .childControl .childItem span i {display:block; width:2px; height:16px; background:#F9CA24; position:absolute; left:8px; top:1px; transform:rotate(-45deg);} #searchFormData .childControl .childItem span i.i2 {transform:rotate(45deg);} #searchFormData .childControl .childItem span:hover i {background:#000;} #searchFormData .addChildBtn {display:block; padding:10px 0; text-align:center; font-size:12px; background:#fcf0c4; color:#000; cursor:pointer; border-radius:5px;} #searchFormData .addChildBtn:hover {background:#F9CA24; color:#000; } #searchFormData .addChildBtn.disabled {background:#f0f0f0; color:#aaa; cursor:default;} #searchFormData .childAgeList {padding-top:10px; font-size:0; margin:0 -3px; display:none; } #searchFormData .childAgeList.isShow {display:block;} #searchFormData .childAgeList div {display:inline-block; width:50%; padding:0 3px 6px 3px;} #searchFormData .childAgeList div span {font-size:12px; display:block; border:1px solid #DEDEDE; text-align:center; padding:4px; cursor:pointer; border-radius:3px;} #searchFormData .childAgeList div span:hover {border:1px solid #F9CA24; background:#F9CA24; color:#000; } #searchFormData .dayBlock {float:left; width:25%; padding:0 10px 0 0; margin-bottom:20px; } #searchFormData .dayBlock .nightFromBlock {float:left; width:50%; padding-right:7px; } #searchFormData .dayBlock .nightFromBlock .chosen-single {padding-left:30px;} #searchFormData .dayBlock .nightFromBlock .chosen-single:before {content:"от"; position:absolute; left:10px; top:9px; color:#777; font-size:12px;} #searchFormData .dayBlock .nightFromBlock .chosen-single span {font-size:16px;} #searchFormData .dayBlock .nightToBlock {float:left; width:50%; padding-left:7px; } #searchFormData .dayBlock .nightToBlock .chosen-single {padding-left:30px;} #searchFormData .dayBlock .nightToBlock .chosen-single:before {content:"до"; position:absolute; left:10px; top:9px; color:#777; font-size:12px;} #searchFormData .dayBlock .nightToBlock .chosen-single span {font-size:16px;} #searchFormData .dayBlock .nightToBlock .chosen-with-drop .chosen-single {} #searchFormData .hotelLine {float:left; width:25%; padding:0 10px 0 10px; margin-bottom:20px;} #searchFormData .category {float:left; width:25%; padding:0 10px 0 10px; margin-bottom:20px;} #searchFormData .category .caption i {font-style:normal;} #searchFormData .meals {float:left; width:25%; padding:0 0 0 10px; margin-bottom:20px;} #searchFormData .extendFilters {display:none; width:100%; text-align:center; padding:10px 0; float:left; cursor:pointer; margin:200px 0 20px 0; background:#f7f7f7; color:#000; border-radius:7px; } #searchFormData .extendFilters span {display:inline-block; border-bottom:1px dotted #000; font-size:14px; line-height:18px; } #searchFormData .extendFilters:hover {background:#fcf0c4;} #searchFormData .extendFilters:hover span {border-bottom:1px solid transparent; } #searchFormData #starsSelect .expandList, #searchFormData #mealsSelect .expandList {padding:10px 0 0 0; overflow:hidden; } #searchFormData #starsSelect .expandList > div, #searchFormData #mealsSelect .expandList > div {display:block; padding:10px 10px 10px 32px; font-size:15px; border-bottom:1px solid #DEDEDE;} #searchFormData #starsSelect .expandList > div .descr, #searchFormData #mealsSelect .expandList > div .descr {font-size:12px; position:absolute; right:10px; top:11px; line-height:14px; color:#777; } #searchFormData #starsSelect .expandList > div:hover, #searchFormData #mealsSelect .expandList > div:hover {background:#FAF8E8; } #searchFormData #starsSelect .expandList > div:last-child, #searchFormData #mealsSelect .expandList > div:last-child {border-bottom:none; } #searchFormData #starsSelect .expandList > div.checkAll, #searchFormData #mealsSelect .expandList > div.checkAll {padding-left:10px; } #searchFormData #starsSelect .expandList > div b, #searchFormData #mealsSelect .expandList > div b {top:11px; left:10px; } #searchFormData #starsSelect .expandList > div.star:before {content:'\f005'; font-family:"Font Awesome 5 Pro"; position:absolute; left:44px; top:10px; display:block; width:16px; height:16px; font-size:12px; font-weight:bold; color:#F9CA24; } #searchFormData .resort {float:left; width:25%; padding:0 10px 0 0; } #searchFormData .resort .searchResort {background:#f7f7f7; padding:0 10px; font-size:13px; height:44px; border:1px solid #DEDEDE; width:100%; border-radius:7px; } #searchFormData .resort .searchResort:focus {background:#fff; border:1px solid #000; color:#000; } #searchFormData #resortList {height:284px; border:1px solid #DEDEDE; background:#f7f7f7; border-radius:7px; overflow:hidden; } #searchFormData #resortList .baron__scroller {padding-top:3px; } #searchFormData #resortList .baron__track {background:transparent; } #searchFormData #resortList .checkbox {display:block; margin:0 10px; padding-bottom:7px; font-size:13px; } #resortControls {height:36px; padding-top:8px; white-space:nowrap; } #resortControls span {font-size:11px; border-bottom:1px dotted #000; color:#000; display:inline-block; margin-right:10px; padding-bottom:2px; cursor:pointer; color:#333;} #resortControls span i {font-style:normal;} #resortControls span:hover {color:#000; border-bottom:1px solid #000; } #resortControls span.active {color:#F9CA24; border-bottom:1px solid #F9CA24;} #resortControls span.hide {display:none;} #resortControls span.disabled {border-bottom:none; color:#777; cursor:default;} #searchFormData .hotels {float:left; width:25%; padding:0 10px 0 10px; } #searchFormData .hotels .searchHotel {background:#f7f7f7; padding:0 10px; font-size:13px; height:44px; border:1px solid #DEDEDE; width:100%; border-radius:7px; } #searchFormData .hotels .searchHotel:focus {background:#fff; border:1px solid #000; color:#000; } #searchFormData .hotels .hotelRating {display:none; } #searchFormData #hotelList {height:284px; border:1px solid #DEDEDE; background:#f7f7f7; border-radius:7px; overflow:hidden;} #searchFormData #hotelList .baron__scroller {padding-top:8px; } #searchFormData #hotelList .baron__track {background:transparent; } #searchFormData #hotelList .checkbox {display:block; margin:0 10px; padding-bottom:7px; font-size:13px; background:url('../img/nocheck.png') no-repeat 0px 1px; background-size:16px; } #searchFormData #hotelList .checkbox.checked {background-image:url('../img/check.png'); } #searchFormData #hotelOneMan {display:none; font-size:14px; margin-top:8px; } #searchFormData #hotelOneMan b {top:2px;} #searchFormData #hotelUpdate[data-country-id='119'] #hotelList {height:256px;} #searchFormData #hotelUpdate[data-country-id='119'] #hotelOneMan {display:block; } #hotelControls {height:36px; padding-top:8px; white-space:nowrap; } #hotelControls span {font-size:11px; border-bottom:1px dotted #000; color:#000; display:inline-block; margin-right:10px; padding-bottom:2px; cursor:pointer; color:#333;} #hotelControls span i {font-style:normal;} #hotelControls span:hover {color:#000; border-bottom:1px solid #000; } #hotelControls span.active {color:#F9CA24; border-bottom:1px solid #F9CA24;} #hotelControls span.hide {display:none;} #hotelControls span.disabled {border-bottom:none; color:#777; cursor:default;} #searchFormData .operator {float:left; width:25%; padding:0px 10px 0 10px; } #searchFormData .operator .selectCount {background:#f7f7f7; padding-left:10px; font-size:12px; height:44px; line-height:44px; color:#555; border:1px solid #DEDEDE; border-radius:7px 7px 0 0;} #searchFormData #operatorList {border:1px solid #DEDEDE; border-top:none; height:320px; background:#f7f7f7; border-radius:0 0 7px 7px; } #searchFormData #operatorList .separator {line-height:24px;} #searchFormData #operatorList .baron__scroller {padding-top:5px; margin-bottom:5px; } #searchFormData #operatorList .baron__track {background:transparent; } #searchFormData #operatorList .checkbox {display:block; margin:0 10px; padding-bottom:7px; font-size:13px;} #searchFormData .exist {float:left; width:25%; padding:25px 0 0px 10px; } #searchFormData #existList .checkbox {width:100%; font-size:14px; margin-bottom:15px; font-weight:600; } #searchFormData #existList .checkbox:last-child {margin-bottom:0;} #searchFormData .search {width:25%; position:absolute; right:0; bottom:0px; padding:0px 0px 0px 10px;} #searchFormData #clearButton {display:inline-block; height:30px; line-height:30px; cursor:pointer; position:relative; padding-left:28px; margin-bottom:25px; font-size:12px; } #searchFormData #clearButton span {color:#000; font-size:18px; text-align:center; display:block; position:absolute; left:0; top:5px; width:20px; height:20px; line-height:20px; transition:transform .3s; } #searchFormData #clearButton:hover span {transform:rotate(360deg); color:#F8CD46;} #searchFormData #searchButton {display:block; padding:0; line-height:44px; height:44px; font-weight:600; color:#000; background:#F8CD46; text-align:center; border-radius:7px; cursor:pointer; transition:background .2s} #searchFormData #searchButton:hover {background:#F0B90B; } #searchFormData #searchButton.disabled {background:#f7f7f7; color:#aaa; cursor:pointer; } #searchFormData #searchButton.disabled:hover {background:#f7f7f7; color:#aaa; } #searchFormData .updateContainer {width:100%; height:100%; position:relative; } #searchFormData .updateOverlay {display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,0.4) url(../img/loading.svg) no-repeat center 32px; z-index:100; background-size:30px;} #searchProgress {display:none; padding-top:15px; margin-bottom:25px;} #searchProgress .caption {text-align:center; font-size:12px; position:relative; } #searchProgress .caption img {width:40px;height:40px; margin:0 auto 5px; display:block; } #searchProgress .caption .percent2 {display:block; width:40px; margin-left:-20px; top:14px; left:50%; position:absolute; font-size:9px; font-weight:bold; } #searchProgress .bar {width:100%; height:5px; position:relative; background:#F0F0F0; margin-top:15px; display:block; border-radius:5px; overflow:hidden;} #searchProgress .progress {width:0; height:100%; position:absolute; left:0;top:0; background:#F8CD46; } #searchProgress .percent {display:none; width:50px; margin:0 auto; position:relative; line-height:19px; height:20px; color:#000; font-size:12px; text-align:center; } #searchProgress .percent.white {color:#fff; } #updateSearchResult {position:fixed; left:0; top:0; width:100%; height:50px; background:linear-gradient(to top, #fcf0c4, #F0B90B); cursor:pointer; box-shadow:0 0 5px -2px rgba(0,0,0,0.5); z-index:2001;} #updateSearchResult:hover {background:#F8CD46; } #updateSearchResult table {width:100%; height:100%; } #updateSearchResult table td {text-align:center; vertical-align:middle; color:#000; font-weight:bold;} #searchResultData {display:none;} #searchResultCaption {position:relative; margin-bottom:25px; display:none; font-size:18px; line-height:22px; } #searchResultCaption .color {color:#F0B90B; font-weight:bold;} #searchResultCaption .pages {font-size:14px; padding-top:10px;} #searchResultCaption .count {white-space:nowrap;} #searchResultNotFound {display:none; padding-bottom:20px; background:#f7f7f7; border:1px solid #DEDEDE; padding:10px 15px; border-radius:7px;} #searchResultNotFound *:last-child {margin-bottom:0; padding-bottom:0; } /* Форма поиска на странице туроператора */ .formType1 {} .formType1 #searchFormData .from {width:25%;} .formType1 #searchFormData .to {width:25%;} .formType1 #searchFormData .dateBlock {width:25%;} .formType1 #searchFormData .countBlock {width:25%;} .formType1 #searchFormData .dayBlock {width:25%; } .formType1 #searchFormData .category {width:25%;} .formType1 #searchFormData .meals {width:25%;} .formType1 #searchFormData .resort {display:none;} .formType1 #searchFormData .hotels {display:none;} .formType1 #searchFormData .operator {display:none;} .formType1 #searchFormData .exist {padding-left:0; width:335px; padding-top:0; } .formType1 #searchFormData #existList .checkbox {float:left; width:50%; margin-top:10px; margin-bottom:0; } .formType1 #searchFormData .search {width:25%;} .formType1 #searchFormData #clearButton {display:none;} /* Форма поиска на странице отеля */ .formType2 #searchFormData .from {padding-right:5px;} .formType2 #searchFormData .to {padding:0 5px;} .formType2 #searchFormData .dateContainer {padding:0 5px;} .formType2 #searchFormData .dateBlock {padding:0 5px;} .formType2 #searchFormData .countBlock {padding-left:5px;} .formType2 #searchFormData .hotelLine {display:none;} .formType2 #searchFormData .dayBlock {width:50%; padding-right:5px;} .formType2 #searchFormData .dayBlock .nightFromBlock {padding-right:5px; } .formType2 #searchFormData .dayBlock .nightToBlock {padding-left:5px; } .formType2 #searchFormData .category {width:25%; padding:0 5px;} .formType2 #searchFormData .meals {width:25%; padding-left:5px;} .formType2 #searchFormData .resort {width:50%; padding-right:5px;} .formType2 #searchFormData .hotels {width:50%; padding-left:5px; padding-right:0;} .formType2 #searchFormData .operator {display:none;} .formType2 #searchFormData .exist {width:50%; padding-left:0px; padding-top:20px; height:60px;} .formType2 #searchFormData #existList .checkbox {float:left; width:50%; margin-bottom:5px; } .formType2 #searchFormData #clearButton {display:none;} /* Форма поиска отеля без перелета /4 */ .formType4 #searchFormData .from {display:none; } .formType4 #searchFormData .to {width:50%; padding-left:0; } .formType4 #searchFormData .hotels {width:50%;} .formType4 #searchFormData .operator {padding-right:0; } .formType4 #searchFormData #operatorList {height:260px;} .formType4 #searchFormData .exist {display:none;} .formType4 #searchFormData #searchButton {width:50%; float:right;} .formType4 #searchFormData #clearButton {margin-bottom:0; width:90px; margin-top:8px; line-height:15px; margin-top:5px;} .formType4 #searchResultList .groupTourList .tourData .col {vertical-align:middle; } /* .formType4 #searchResultList .groupTourList .tourData .col3 {display:none;} .formType4 #searchResultList .groupTourList .tourData .col1 {width:13%;} .formType4 #searchResultList .groupTourList .tourData .col1m {width:13%;} .formType4 #searchResultList .groupTourList .tourData .col2 {width:18%;} .formType4 #searchResultList .groupTourList .tourData .col2m {width:18%;} .formType4 #searchResultList .groupTourList .tourData .col4 {width:26%;} .formType4 #searchResultList .groupTourList .tourData .col5 {width:12%;} */ /* Вытача туров по отелям */ #searchResultList .groupHotels {border:1px solid #DDDDDD; margin-bottom:15px; margin-bottom:15px; padding:20px; border-radius:15px; } #searchResultList .groupHotelsData {padding:0 200px 0px 290px; position:relative; min-height:204px; font-size:0;} #searchResultList .groupHotelsData .linkImage {display:block; overflow:hidden; position:absolute; left:0; top:0; width:260px; height:204px; border-radius:10px;} #searchResultList .groupHotelsData .linkImage .image {display:block; width:100%; height:100%; background-position:center; background-size:cover; transition:transform 0.2s;} #searchResultList .groupHotelsData .linkImage .image img {display:none; } #searchResultList .groupHotelsData .linkImage:hover .image {transform:scale(1.1);} #searchResultList .groupHotelsData .hotelData {} #searchResultList .groupHotelsData .hotelData div.rating {display:inline-block; padding:3px 6px 4px 6px; border:1px solid #F8CD46; font-size:14px; border-radius:5px; margin-bottom:10px;} #searchResultList .groupHotelsData .hotelData div.rating span {font-size:13px; color:#000;} #searchResultList .groupHotelsData .hotelData div.rating.rating0 {display:none;} #searchResultList .groupHotelsData .hotelData .hotelName {margin-bottom:10px;} #searchResultList .groupHotelsData .hotelData .hotelName .name { font-weight:bold; font-size:18px; } #searchResultList .groupHotelsData .hotelData .hotelName .name a {color:#000; text-decoration:underline;} #searchResultList .groupHotelsData .hotelData .hotelName .name a:hover {color:#000; text-decoration:none;} #searchResultList .groupHotelsData .hotelData .hotelName .name .star {white-space:nowrap; } #searchResultList .groupHotelsData .hotelData .hotelName .name .star .icon {color:#F8CD46; font-size:12px; display:inline-block; vertical-align:top;} #searchResultList .groupHotelsData .hotelData .region {font-size:14px; line-height:17px; min-height:20px; padding:0; position:relative; } #searchResultList .groupHotelsData .hotelData .region .counrty {display:inline-block; white-space:nowrap;} #searchResultList .groupHotelsData .hotelData .region .resort {display:inline-block; white-space:nowrap;} #searchResultList .groupHotelsData .hotelData .description {font-size:15px; margin-top:10px; color:#000; } #searchResultList .groupHotelsData .tourData {margin-top:15px;} #searchResultList .groupHotelsData .tourData .cap {font-size:16px; padding-bottom:5px;} #searchResultList .groupHotelsData .tourData .val {font-size:17px; font-weight:bold; white-space:nowrap;} #searchResultList .groupHotelsData .tourData .sunline {width:30%; display:inline-block; padding-right:10px; vertical-align:top;} #searchResultList .groupHotelsData .tourData .dates {width:37%; display:inline-block; padding-right:10px; vertical-align:top;} #searchResultList .groupHotelsData .tourData .nights {width:33%; display:inline-block; padding-right:10px; vertical-align:top;} #searchResultList .groupHotelsData .priceData {position:absolute; right:0; bottom:0; width:180px; } #searchResultList .groupHotelsData .priceData .minPrice {font-size:24px; text-align:right; color:#000; font-weight:bold; white-space:nowrap;} #searchResultList .groupHotelsData .priceData .minPrice a {color:#000; } #searchResultList .groupHotelsData .priceData .minPrice a:hover {text-decoration:none;} #searchResultList .groupHotelsData .priceData .minPrice span {font-size:16px;} #searchResultList .groupHotelsData .priceData .toutCount {font-size:14px; text-align:right; padding-top:10px;} #searchResultList .groupHotelsData .priceData .operators {font-size:14px; text-align:right; padding-top:5px; white-space:nowrap;} #searchResultList .groupHotelsData .priceData a.collapse {margin-top:15px; display:block; font-size:15px; font-weight:bold; width:100%; border-radius:5px; color:#000; background:#F8CD46; text-decoration:none; padding:8px 5px; text-align:center; } #searchResultList .groupHotelsData .priceData a.collapse:hover {background:#F0B90B;} #searchResultList .groupTourList {display:none; padding-top:10px;} #searchResultList .groupTourList .tourData {font-size:0; border:1px solid #eee; padding:10px 0; border-radius:10px; margin-top:10px;} #searchResultList .groupTourList .tourData:nth-child(odd) {background:#f5f5f5; } #searchResultList .groupTourList .tourData .col {display:inline-block; vertical-align:top; padding-right:10px;} #searchResultList .groupTourList .tourData .col .mob {display:none; } #searchResultList .groupTourList .tourData .col .icon {display:block; text-align:left; padding-bottom:4px; font-size:16px;} #searchResultList .groupTourList .tourData .col1 {width:9%; padding-left:10px;} #searchResultList .groupTourList .tourData .col1m {width:9%; } #searchResultList .groupTourList .tourData .col2 {width:15%; } #searchResultList .groupTourList .tourData .col2m {width:15%; } #searchResultList .groupTourList .tourData .col3 {width:21%; } #searchResultList .groupTourList .tourData .col3 .param .cap {width:120px;} #searchResultList .groupTourList .tourData .col4 {width:20%; } #searchResultList .groupTourList .tourData .col4 a {color:#000;} #searchResultList .groupTourList .tourData .col5 {width:11%; text-align:right; padding-top:17px;} #searchResultList .groupTourList .tourData .param {font-size:13px; padding:2px 0;} #searchResultList .groupTourList .tourData .param .cap {padding-right:3px; display:inline-block; } #searchResultList .groupTourList .tourData .col4 .param .cap i {font-style:normal; display:none;} #searchResultList .groupTourList .tourData .col1 .param .cap {padding:0 0 4px 0; display:block;} #searchResultList .groupTourList .tourData .param .val {display:inline-block; font-weight:bold; } #searchResultList .groupTourList .tourData .param .hotel {background:transparent; padding:0; color:#000; font-weight:bold; font-size:inherit; text-align:left; } #searchResultList .groupTourList .tourData .param .ticket {background:transparent; padding:0; color:#000; font-weight:bold; font-size:inherit; text-align:left; } #searchResultList .groupTourList .tourData .mparam {font-size:12px; color:#888; padding:2px 0;} #searchResultList .groupTourList .tourData .cardLink {display:block; font-size:11px; line-height:14px; width:100%; border-radius:5px; color:#000; background:#F8CD46; text-decoration:none; padding:7px 5px; text-align:center; } #searchResultList .groupTourList .tourData .cardLink:hover {background:#F0B90B;} #searchResultList .collapseExtTourListBtn {display:block; border:1px solid #DEDEDE; background:#f7f7f7; padding:8px 0; font-size:15px; border-radius:5px; margin-top:10px; text-align:center; transition:background 0.2s, border 0.2s, color 0.2s; cursor:pointer; } #searchResultList .collapseExtTourListBtn:hover {background:#F0B90B; border:1px solid #F0B90B; color:#000; } #searchResultList .extGroupTourList {display:none;} /* Формы */ .stdFormData{width:100%} .stdFormData .rowLine {width:100%; max-width:600px; padding-bottom:15px; font-size:0; } .stdFormData .rowLine .caption {width:30%; display:inline-block; vertical-align:middle; font-size:16px;} .stdFormData .rowLine .caption .required {font-size:12px; color:#F0B90B; } .stdFormData .rowLine .input {width:70%; display:inline-block; vertical-align:middle; } .stdFormData .rowLine .stdFormError {width:100%; padding-top:2px; color:red; font-size:11px; } .stdFormData .rowLine .stdInput, .stdFormData .rowLine .stdCaptcha {color:#000; font-size:16px; width:100%; padding:0 10px; height:44px; border:1px solid #DEDEDE; border-radius:7px; } .stdFormData .rowLine .stdSelect, .stdFormData .rowLine .stdGroupselect {color:#000; font-size:16px; width:100%; padding:0 10px; height:44px; border:1px solid #DEDEDE; border-radius:7px; } .stdFormData .rowLine .stdTextarea {font-size:14px; width:100%; padding:5px 10px; height:120px; border:1px solid #DEDEDE; resize:none; border-radius:7px; } .stdFormData .rowLine .stdCaptchaImage {width:100px; height:50px; float:left; margin-right:10px; } .stdFormData .rowLine .stdCaptcha {width:70px; margin-top:5px; } .rowSubmit {padding-top:10px} /* Серый блок - форма */ .grayContentData { background:#F2F2F2; padding:40px 0;} #feebackFormBlock7 {display:table; margin:0 100px;} #indexGrayFormLeft {display:table-cell; width:45%; vertical-align:middle; padding-right:30px;} #indexGrayFormRight {display:table-cell; width:55%; vertical-align:middle; } #indexGrayFormRight .stdFormData {padding:30px; background:#fff; border-radius:20px;} #indexGrayFormRight .stdFormData .rowLine {float:left; width:50%; } #indexGrayFormRight .stdFormData .rowLine:nth-child(odd) {padding-right:8px;} #indexGrayFormRight .stdFormData .rowLine:nth-child(even) {padding-left:8px;} #indexGrayFormRight .stdFormData .rowLine .caption {width:100%; display:block; padding-bottom:5px; font-weight:600;} #indexGrayFormRight .stdFormData .rowLine .input {width:100%; display:block; } #indexGrayFormRight .stdInput, #indexGrayFormRight .stdCaptcha, #indexGrayFormRight .stdSelect, #indexGrayFormRight .stdTextarea {border:1px solid #F8CD46;} #indexGrayFormRight .stdFormData .rowSubmit {clear:both; text-align:center;} #indexGrayFormRight.isProcess .stdFormData {position:relative; overflow:hidden;} #indexGrayFormRight.isProcess .stdFormData:after {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.95); background-image:url(../img/spin.svg); background-repeat:no-repeat; background-position:center center; background-size:50px; content:"Подождите..."; text-align:center; font-size:18px; padding-top:50px; color:#000; z-index:2001; } /* Форма бронирования отеля */ #feebackFormBlock6 {margin-bott} #feebackFormBlock6 .stdFormData .rowLine {max-width:100%;} #feebackFormBlock6 .stdFormData .rowSubmit button {width:100%;} #feebackFormBlock6 .stdFormData .rowLine .caption {width:170px; float:left; font-weight:bold; } #feebackFormBlock6 .stdFormData .rowLine .input {width:auto; margin-left:190px; display:block; } #searchHotelsName {border-radius:7px 7px 0 0;} #formHotelsListData .hotelsScroll {border:1px solid #DEDEDE; border-top:none; padding:5px 0 5px 5px; max-height:206px; overflow-y:auto; overflow-x:hidden; font-size:14px; } #formHotelsListData .hotelsScroll .checkbox {display:block; margin:0 10px; padding-bottom:7px; font-size:14px; background:url('../img/nocheck.png') no-repeat 0px 2px; background-size:16px; cursor:pointer; } #formHotelsListData .hotelsScroll .checkbox.checked {background-image:url('../img/check.png'); } #formHotelsListData.isProcess {position:relative; } #formHotelsListData.isProcess:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5) url(../img/onlinecheck.gif) no-repeat center center;} #formHotelsListData .hotelsScroll.isProcess {position:relative; } #formHotelsListData .hotelsScroll.isProcess:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5) url(../img/onlinecheck.gif) no-repeat center center;} #pageSearchForm .fullBackgroundData{padding-top:15px; /* background:url(../img/sformbg.jpg) no-repeat center center; */} #fireAnonsLoad{padding:20px 0;text-align:center} .indexTextBanner{background:#FDF4E3; border:1px solid #f5d590;border-radius:10px;padding:15px;margin-bottom:10px; } #indexTextBanner{background:#FDF4E3; border:1px solid #f5d590;border-radius:10px;padding:15px;margin-bottom:10px; font-size:0;} #indexTextBanner div.left{width:25%;display:inline-block;vertical-align:middle} #indexTextBanner div.left a{text-decoration:none} #indexTextBanner div.center{width:55%;padding:0 40px;font-size:18px;display:inline-block;vertical-align:middle} #indexTextBanner div.right{width:20%;text-align:right;display:inline-block;vertical-align:middle} #indexTextBanner div.right .item{padding:2px 0; font-size:14px;} /* Анонс элементов статей, новостей */ .naListAnons .naListAnonsData {margin:0 -15px; font-size:0; } .naListAnons .naListAnonsData .anonsListOne {width:33.33%; display:inline-block; padding:0 15px 30px 15px; vertical-align:top; } .anonsListOneData .link {display:block; text-decoration:none; } .anonsListOneData .link .image {display:block; border-radius:10px; overflow:hidden; margin-bottom:10px; } .anonsListOneData .link .image img {display:block; max-width:100%; height:auto; } .anonsListOneData .link:hover .image img {transform:scale(1.1); } .anonsListOneData .link .name {font-size:18px; line-height:22px; display:block; text-decoration:none; } /* Список элементов статей, новостей */ .naList .naListData {margin:0 -15px; font-size:0;} .naList .naListData .listOne {width:33.33%; display:inline-block; padding:0 15px 30px 15px; vertical-align:top; } .naList .listOneData .link {display:block; text-decoration:none; } .naList .listOneData .link .image {display:block; border-radius:10px; overflow:hidden; margin-bottom:10px; } .naList .listOneData .link .image img {display:block; max-width:100%; height:auto; } .naList .listOneData .link:hover .image img {transform:scale(1.1); } .naList .listOneData .link .name {font-size:18px; line-height:22px; display:block; text-decoration:none; } #naItemOneImage {float:left; margin:0 20px 10px 0; width:40%; max-width:340px; height:auto; } #naItemOneImage.circle {border-radius:450px; border:1px solid #d2d2d2; padding:5px; max-width:150px; } #naItemOneImage.mountainsList {max-width:300px; } /* Блок соц.кнопок */ .socialPosting {text-align:center; padding:15px 0; } .socialPosting div.caption {color:#000; font-weight:bold; padding-bottom:10px; } .socialPosting ul {margin-left:0 !important; } .socialPosting ul li:before {display:none !important; } .socialPosting ul li {padding:0 !important; } /* Горнолыжные курорты */ .monutResortMenu {padding-bottom:20px; font-size:16px; line-height:22px; } .monutResortMenu span.caption {font-weight:bold; display:inline-block; padding-right:10px; vertical-align:top; } .monutResortMenu a {display:inline-block; vertical-align:top; } .monutResortMenu span.sep{display:inline-block; padding-right:10px; vertical-align:top; } .mountainsListBlock {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #dedede; } .mountainsListBlock:last-child {border-bottom:none; } #fireTourTabs{background-color:#fcfcdb;padding:10px 15px 15px;margin:15px 0;position:relative;clear:both} #fireTourTabs .fireCaption{font-size:28px;font-weight:400;padding-bottom:10px;font-weight:bold;color:#000} #fireTourTabs .tabList{font-size:0;z-index:1} #fireTourTabs .tabList .tab{display:inline-block;margin-left:-1px;padding:5px 10px;border:1px solid #ddd;border-bottom:none;vertical-align:bottom;font-size:14px;color:#337ab7;cursor:pointer} #fireTourTabs .tabList .tab:first-child{margin-left:0} #fireTourTabs .tabList .tab:hover{color:#000} #fireTourTabs .tabList .tab.active{padding:8px 10px;background:#f9f9f1} #fireTourTabs .tabData{z-index:0;border:1px solid #ddd;margin-top:-1px} #fireTourTabs .tabData .tabContent{display:none} #fireTourTabs .tabData .tabContent.active{display:block;background:#f9f9f1} #fireTourTabs .tabData .tabContent .tabProcess{display:block;text-align:center} #fireTourTabs .tabData .tabContent .tabProcess img{margin-bottom:5px} #fireTourTabs .checkSearchFireTour{padding:10px} #fireTourTabs .checkSearchFireTour a{background:#5cb85c;color:#fff;text-decoration:none;font-size:14px;text-align:center;display:inline-block;padding:10px 15px;border-radius:5px} #fireTourTabs .checkSearchFireTour a:hover{background:#449d44} #fireTourTabs .tour{padding:10px;border-bottom:1px dotted #ddd; font-size:0; } #fireTourTabs .tour:last-child{border-bottom:none} #fireTourTabs .tour:nth-child(even){background:#fff} #fireTourTabs .searchFireCurrentResult .tour:nth-child(even){background:transparent} #fireTourTabs .searchFireCurrentResult .tour:nth-child(odd){background:#fff} #fireTourTabs .tour .col{display:inline-block;vertical-align:middle;font-size:12px;padding-right:10px} #fireTourTabs .tour .col.col1{width:14%} #fireTourTabs .tour .col.col2{width:20%} #fireTourTabs .tour .col.col2 .resort{color:#000} #fireTourTabs .tour .col.col3{width:14%} #fireTourTabs .tour .col.col4{width:20%} #fireTourTabs .tour .col.col4 .Y{color:#090} #fireTourTabs .tour .col.col4 .N{color:#d90000} #fireTourTabs .tour .col.col4 .Q{color:#888} #fireTourTabs .tour .col.col5{width:19%} #fireTourTabs .tour .col.col5 .price .val{font-size:13px;color:#000} #fireTourTabs .tour .col.col5 .discount .cap{float:left;display:block;height:30px} #fireTourTabs .tour .col.col5 .discount .val{display:block;font-size:13px} #fireTourTabs .tour .col.col5 .discountV{color:#D90000} #fireTourTabs .tour .col.col5 .discountP{color:#090} #fireTourTabs .tour .col.col6{width:13%;text-align:right;vertical-align:middle;padding-right:0} #fireTourTabs .tour .col.col6 a{background:#5cb85c;color:#fff;text-decoration:none;font-size:12px;text-align:center;display:inline-block;padding:3px 7px 4px;border-radius:5px} #fireTourTabs .tour .col.col6 a:hover{background:#449d44} #discountBottomTOData{margin:0 -10px;font-size:0;text-align:center;padding-bottom:5px} #discountBottomTOData .item{width:20%;display:inline-block;padding:0 5px 10px;vertical-align:top} #discountBottomTOData .itemData{padding:5px;border:1px solid #f2f2f2;border-radius:5px} #discountBottomTOData .itemData .image{width:100%;height:60px} #discountBottomTOData .itemData .image table{width:100%;height:100%} #discountBottomTOData .itemData .image table td{vertical-align:middle;text-align:center} #discountBottomTOData .itemData .image table a{text-decoration:none} #discountBottomTOData .itemData .image table a img{display:block;margin:0 auto;max-height:100%;width:auto;max-width:100%} #discountBottomTOData .itemData .name{font-size:14px;padding-top:7px;text-align:center} #discountBottomTOData .itemData .rating{padding-top:7px;text-align:center} #discountBottomTOData .itemData .rating .cap{font-size:13px} #discountBottomTOData .itemData .rating .val{font-size:16px;font-weight:700;color:#D90000} #discountBottomTOData .itemData .rating.isGood .val{color:#090} #discountBottomTOData .itemData .rating.isNorm .val{color:#f78421} #discountBottomTOData .itemData .rating .total{font-size:16px;font-weight:700} #discountListTO{margin:0 -5px 20px} #discountListTO .item{display:inline-block;width:25%;padding:5px;vertical-align:top} #discountListTO .itemData{border:1px solid #f5d590;border-radius:5px} #discountListTO .itemData:hover{border:1px solid #f60} #discountListTO .itemData .image{padding:10px;height:80px} #discountListTO .item .image table{width:100%;height:100%} #discountListTO .item .image table td{text-align:center;vertical-align:middle} #discountListTO .item .image img{max-width:100%;height:auto;max-height:80px;margin:0 auto} #discountListTO .item .name{text-align:center;padding:0 10px 10px} #discountListTO .item .discount{padding:0 10px 5px} #discountListTO .item .discount div{padding-bottom:3px;margin-bottom:3px;border-bottom:1px dotted #ccc} #discountListTO .item .discount div:last-child{border-bottom:none} #discountListTO .item .discount div span{white-space:nowrap;display:block;color:#f60} #toParamList{padding-bottom:20px} #toParamList table{width:100%} #toParamList table td{padding:5px} #toParamList table td.value{text-align:right} #toParamList table tr:nth-child(odd) td{background:#f2f2f2} #fireTourTabs.operatorData{margin-top:0;margin-bottom:20px;background:#f9f9f1} #operaatorFullText{padding-bottom:15px} #operatorAnswerList .item{margin-bottom:15px;border:1px solid #f2f2f2} #operatorAnswerList .item:last-child{margin-bottom:0} #operatorAnswerList .item .header{border-bottom:1px solid #f2f2f2;background:#f9e3e2;padding:10px} #operatorAnswerList .item.isGood .header{background:#deeec3} #operatorAnswerList .item.isNorm .header{background:#fef5d2} #operatorAnswerList .item .rating{background:#f6f6f6;border-bottom:1px solid #f2f2f2;font-size:13px;padding:5px 10px} #operatorAnswerList .item .rating .vote{color:#D90000} #operatorAnswerList .item .rating .number{float:right;font-weight:700;color:#D90000} #operatorAnswerList .item.isGood .rating .vote{color:#090} #operatorAnswerList .item.isGood .rating .number{float:right;font-weight:700;color:#090} #operatorAnswerList .item.isNorm .rating .vote{color:#f78421} #operatorAnswerList .item.isNorm .rating .number{float:right;font-weight:700;color:#f78421} #operatorAnswerList .item .rating .extP{padding-top:3px} #operatorAnswerList .item .text{padding:10px 10px 5px} #operatorAnswerList .item .text .caption{font-size:16px;font-weight:700;padding-bottom:7px} #operatorAnswerList .item .text .caption a{cursor:inherit;text-decoration:none;color:#000} #operatorAnswerList .item .text .positive{font-size:13px;font-weight:700;color:#090;padding-bottom:3px} #operatorAnswerList .item .text .negative{font-size:13px;font-weight:700;color:#D90000;padding-bottom:3px} #operatorAnswerList .item .full{display:none} .commentAnswerText{padding:8px 10px 10px 52px;border:1px solid #f0f0f0;background:#fafafa;margin-bottom:5px;position:relative;min-height:50px} .commentAnswerText .icon{width:32px;height:32px;background:url(../img/comment.png) no-repeat;position:absolute;left:10px;top:12px} #operatorAnswerHeader{padding-right:140px;position:relative} #operatorAnswerAddLink{position:absolute;right:0;top:5px;background:#5cb85c;color:#fff;text-decoration:none;font-size:14px;text-align:center;display:inline-block;padding:5px 15px 6px;border-radius:5px} #operatorAnswerAddLink:hover{background:#449d44} .operatorLogoData{float:left;width:40%;max-width:340px;padding:0 15px 15px 0} .operatorLogoData #naItemOneImage{width:100%;float:none;margin:0} .operatorLogoData .totalRating{padding-top:10px;text-align:center;line-height:28px} .operatorLogoData .totalRating span{display:inline-block;padding:3px 8px;background:#f2f2f2;font-size:18px;vertical-align:middle;color:#D90000} .operatorLogoData .totalRating span.isNorm{color:#f78421} .operatorLogoData .totalRating span.isGood{color:#090} #managersListTO{margin:0 -5px 20px} #managersListTO .item{display:inline-block;width:25%;padding:5px;vertical-align:top} #managersListTO .itemData{border:1px solid #f5d590;border-radius:5px} #managersListTO .itemData:hover{border:1px solid #f60} #managersListTO .itemData .image{padding:10px} #managersListTO .item .image table{width:100%;height:100%} #managersListTO .item .image table td{text-align:center;vertical-align:middle} #managersListTO .item .image img{max-width:100%;height:auto;margin:0 auto} #managersListTO .item .name{text-align:center;padding:0 10px 10px;height:35px} #managersListTO .item .info{height:160px;padding-bottom:30px;position:relative} #managersListTO .item .info .param{text-align:center;padding:0 10px 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #managersListTO .item .info .param.bestM{color:#090;font-size:12px} #managersListTO .item .info .param.bestY{color:#D90000;font-size:12px} #managersListTO .item .info .miniText{font-size:12px;padding:0 10px;text-align:center} #managersListTO .item .info .cmtCount{font-size:12px;position:absolute;right:10px;bottom:10px} #managerOneTopData{padding-bottom:10px} #managerOneTopData .left{width:25%;display:inline-block;vertical-align:top} #managerOneTopData .left .itemData .image{padding-bottom:10px} #managerOneTopData .left .itemData .image table{width:100%;height:100%} #managerOneTopData .left .itemData .image table td{text-align:center;vertical-align:middle} #managerOneTopData .left .itemData .image img{max-width:100%;height:auto;margin:0 auto} #managerOneTopData .left .itemData .name{text-align:center;padding:0 10px 10px} #managerOneTopData .left .itemData .info{padding-bottom:10px} #managerOneTopData .left .itemData .info .param{text-align:center;padding:0 10px 3px} #managerOneTopData .left .itemData .info .param.bestM{color:#090;font-size:12px} #managerOneTopData .left .itemData .info .param.bestY{color:#D90000;font-size:12px} #managerOneTopData .left .itemData .info .miniText{font-size:12px;padding:0 10px;text-align:center} #managerOneTopData .right{width:75%;padding-left:20px;display:inline-block;vertical-align:top;box-sizing:border-box} #managersOneGallery{margin:0 -5px;padding-bottom:10px} #managersOneGallery .item{padding:0 5px 10px;display:inline-block;width:20%;box-sizing:border-box} #managersOneGallery .item .data{height:180px} #managersOneGallery .item .data table{width:100%;height:100%} #managersOneGallery .item .data table td{text-align:center;vertical-align:middle} #managersOneGallery .item .data table img{max-width:100%;height:auto;max-height:180px;margin:0 auto} .atList .atSectionOne{margin-bottom:25px} .atList .atSectionOne:last-child{margin-bottom:0} .atList .sectionName{font-size:22px;padding-bottom:15px} .atList .sectionName a{text-decoration:none} .atList .sectionName a:hover{text-decoration:underline} .atList .atListData{margin:0 -10px; font-size:0;} .atList .atListData .listOne{display:inline-block;width:25%;padding:0 10px;margin-bottom:20px;vertical-align:top} .atList .atListData .listOne .link{display:block;text-decoration:none} .atList .atListData .listOne .link .image{display:block;border-radius:5px;overflow:hidden;margin-bottom:5px;border:1px solid #c2c2c2} .atList .atListData .listOne .link .image img{display:block;max-width:100%;height:auto} .atList .atListData .listOne .link:hover .image img{transform:scale(1.1)} .atList .atListData .listOne .link .name{font-size:16px;line-height:20px;display:block;text-decoration:none;text-align:center} .galleryFolderListData{margin:0 -10px} .galleryFolderListData .galleryOne{display:inline-block;width:20%;padding:0 10px;margin-bottom:20px;vertical-align:middle;box-sizing:border-box} .galleryFolderListData .galleryOne img{max-width:100%;height:auto} #countryOneResortList{padding-bottom:20px} #countryOneResortList a{font-size:16px;display:inline-block;margin-right:20px;vertical-align:top} #countryOneResortList a.active{color:#f60} #bottomAllOfficeLink{text-align:center} #bottomAllOfficeLink a{display:inline-block} #bottomAllOfficeLink span{display:inline-block;margin-right:5px;color:#f60} #bottom2Block{margin-bottom:30px} #bottom2Block .leftBlock{float:left;width:50%;padding:0 30px 0 0;box-sizing:border-box} #bottom2Block .rightBlock{float:left;width:50%;padding:0 0 0 30px;box-sizing:border-box} #officeFullList .oneCityLink {padding:10px 15px; color:#000; font-size:16px; font-weight:bold; background:#F8CD46; cursor:pointer; margin-bottom:5px; border-radius:10px} #officeFullList .oneCityLink:hover, #officeFullList .oneCityLink.active {background:#F0B90B; } #officeFullList .oneCityData {display:none; } #officeFullList .oneCityData.active {display:block; } #officeFullList .cityListMap {width:100%; margin-bottom:15px;} #officeFullList .cityListMap .mapData {width:100%; height:400px; } #officeFullList .cityListInfo {padding:15px 0; } #officeFullList .cityListInfo .itemOne {width:100%; padding:15px; margin-bottom:15px; border:3px solid #FFF6D6; border-radius:15px; } #officeFullList .cityListInfo .itemOne .name {font-weight:bold; } #officeFullList .cityListInfo .itemOne .info {} #officeFullList .cityListInfo .itemOne .info .address {padding-top:15px;} #officeFullList .cityListInfo .itemOne .info .worktime {font-size:15px; padding-top:15px; } #officeFullList .cityListInfo .itemOne .info .description {font-size:15px; color:#777; padding-top:15px; } #officeFullList .cityListInfo .itemOne .phones {width:100%; padding-top:15px;} #officeFullList .cityListInfo .itemOne .phones div {display:inline-block; margin-right:20px; vertical-align:top; padding-bottom:5px} #officeFullList .cityListInfo .itemOne .phones span {color:#F0B90B; } #oneInfoData {width:calc(100% - 200px); float:left; } #oneMapsData {width:100%; height:500px; } #oneInfoData .info .address {padding-bottom:5px; } #oneInfoData .info .worktime {font-size:15px; padding-bottom:5px; } #oneInfoData .info .description {font-size:15px; padding-bottom:4px; } #oneInfoData .phones {padding-bottom:10px;} #oneInfoData .phones div {display:inline-block; vertical-align:top; margin:0 15px 5px 0; } #returnOfficeData {width:200px; float:right; text-align:right; padding-top:10px;} .returnOfficeData a {padding:0 20px; } #answersAddBtn{border:none;background:#f60;color:#fff;line-height:40px;height:40px;font-family:inherit;padding:0 30px;display:inline-block;cursor:pointer;transition:all .2s;text-decoration:none} #answersAddBtn:hover{background:#428bca} #answersAddFormData{display:none} #answerItemList{padding-top:20px} #answerItemList .answerOne{padding-top:10px;padding-bottom:10px;margin-bottom:15px;border-bottom:1px dotted #ccc} #answerItemList .answerOne:last-child{margin-bottom:0;border-bottom:none} #answerItemList .answerOne .dateName{padding-bottom:5px} #answerItemList .answerOne .dateName .name{color:#0083B7;font-weight:700} #answerItemList .answerOne .dateName .date{font-size:12px} #answerItemList .answerOne .dateName .places{font-size:12px} #answerItemList .answerOne .full{display:none} #answerItemList .answerOne .answerAdmin{padding:5px 10px;background:#F3F3F3} #allCountryList{padding:15px 0} #allCountryList a{display:inline-block;width:14.28%;text-align:center;margin-bottom:20px;text-decoration:none;vertical-align:top;padding:0 15px;box-sizing:border-box} #allCountryList a.disabled{opacity:.4} #allCountryList a img{display:inline-block;max-width:100%;height:auto;margin-bottom:5px} #allCountryList a span{display:inline-block;width:100%;text-align:center;height:34px;overflow:hidden;line-height:16px} #allCountryList a span.cost{height:18px;font-size:13px;font-weight:700} #allCountryList a:hover img{transform:scale(1.05)} #allCountryList a:hover span{color:#000} #tourFilterCaption.top {padding-top:15px;} #searchFormCaption {padding:10px 15px 0 14px; } #searchFormCaption img {vertical-align:middle;max-width:44px;height:auto;margin-right:5px; } #searchFormCaption span {vertical-align:middle;font-size:21px;display:inline-block;margin-top:-3px; } #toursTimeOut {padding:7px 10px 10px 70px;border:1px solid #ff4000;background:#f60;color:#fff;margin-top:-10px;margin-bottom:15px;position:relative} #toursTimeOut *{color:#fff} #toursTimeOut .caption{font-size:18px} #toursTimeOut .icon{display:block;width:48px;height:48px;background:url(../img/clock.png) no-repeat;position:absolute;top:7px;left:10px} #toursTimeOut .text{padding-bottom:5px} #searchToursUpdateBtn{font-size:16px} #searchResultList{display:none} #searchResultList *{box-sizing:border-box} #searchResultList .tourItem{padding-bottom:15px;color:#000;margin-bottom:15px;border-bottom:1px dotted #ccc} #searchResultList .tourItem .topLine{width:100%;padding-left:255px;min-height:188px;display:inline-block;float:left;position:relative} #searchResultList .tourItem .image{width:240px;display:inline-block;position:absolute;left:0;top:0} #searchResultList .tourItem .image a{display:block;overflow:hidden} #searchResultList .tourItem .image a img{max-width:100%;height:auto;transition:all .2s} #searchResultList .tourItem .image a:hover img{transform:scale(1.05)} #searchResultList .tourItem .topLine .col1{width:35%;display:inline-block;float:left} #searchResultList .tourItem .topLine .col2{width:45%;padding-left:15px;display:inline-block;float:left} #searchResultList .region{padding:0 0 5px 30px;position:relative} #searchResultList .region img{position:absolute;left:0;top:-2px;width:24px;height:auto} #searchResultList .region span.country{display:inline-block;white-space:nowrap} #searchResultList .tourItem .param{padding-bottom:1px} #searchResultList .tourItem .param span.cap{display:inline-block;padding-right:7px;white-space:nowrap} #searchResultList .tourItem .mparam{display:inline-block;font-size:12px;color:#888;margin-top:-3px;padding-bottom:0;font-family:Tahoma} #searchResultList .hotel .name{padding-bottom:0;line-height:16px} #searchResultList .hotel .name .info{white-space:nowrap} #searchResultList .hotel .name .info .star{display:inline-block;padding-right:20px;background:url(../img/icons.png) no-repeat 12px -59px} #searchResultList .hotel .name .info .star0{padding-right:0;background:none} #searchResultList .hotel .name .info .rating{display:inline-block;width:34px;border-radius:4px;vertical-align:1px;padding-bottom:1px;padding-top:1px;font-size:11px;text-align:center;color:#fff;margin-left:4px} #searchResultList .hotel .name .info .rating0{display:none} #searchResultList .hotel .name .info .rating1{background:#ff9d77;color:#a22e00} #searchResultList .hotel .name .info .rating2{background:#FFEAB2;color:#f60} #searchResultList .hotel .name .info .rating3{background:#d5e9b4;color:#548a06} #searchResultList .tourItem .places{padding-bottom:20px} #searchResultList .tourItem .places .param .cap{display:inline-block;width:130px} #searchResultList .param .hotel{display:inline-block;border-radius:4px;vertical-align:1px;padding:1px 5px 2px;font-size:11px;text-align:center; min-width:52px;} #searchResultList .param .hotel0{background:#ff9d77;color:#a22e00} #searchResultList .param .hotel1{background:#d5e9b4;color:#548a06} #searchResultList .param .hotel2{background:#FDF4E3;color:#777;} #searchResultList .param .ticket{display:inline-block;border-radius:4px;vertical-align:1px;padding:1px 5px 2px;font-size:11px;text-align:center; min-width:52px;} #searchResultList .param .ticket0{background:#ff9d77;color:#a22e00} #searchResultList .param .ticket1{background:#d5e9b4;color:#548a06} #searchResultList .param .ticket2{background:#FDF4E3;color:#777;} #searchResultList .tourItem .price a.mini{display:none} #searchResultList .tourItem .price .wrap{display:block} #searchResultList .tourItem .price .discount{color:#428bca} #searchResultList .tourItem .price .credit{float:left;width:65%;padding-left:15px} #searchResultList .tourItem .price .old{color:#f60;white-space:nowrap;font-weight:700} #searchResultList .tourItem .price .cost{white-space:nowrap} #searchResultList .tourItem .price .bonus .cap{padding-top:6px;vertical-align:top} #searchResultList .tourItem .price .bonus .val{display:inline-block;vertical-align:top} #searchResultList .tourItem .btnLine{position:absolute;right:0;top:0;text-align:right} #searchResultList .tourItem .btnLine a{display:block;height:40px;line-height:40px;padding:0 10px;color:#fff;text-align:center;width:150px;text-decoration:none;transition:background .2s} #searchResultList .tourItem .btnLine a.more{background:#5cb85c;margin-bottom:15px} #searchResultList .tourItem .btnLine a.more:hover{background:#428bca} #searchResultList .tourItem .btnLine a.online{background:#428bca;margin-bottom:15px} #searchResultList .tourItem .btnLine a.online:hover{background:#0083B7} #searchResultList .tourItem .btnLine a.credit{background:#acacac} #searchResultList .tourItem .btnLine a.credit:hover{background:#9c9c9c} #searchResultList .tourMini{border-bottom:1px solid #ccc} #searchResultList .tourMini:nth-child(odd){background:#fafafa} #searchResultList .tourMini .col{display:inline-block;padding:10px;font-size:13px;vertical-align:middle} #searchResultList .tourMini .col .param{padding-bottom:2px} #searchResultList .tourMini .col .param .cap{padding-right:3px;display:inline-block;white-space:nowrap} #searchResultList .tourMini .mparam{display:inline-block;font-size:12px;color:#888;margin-top:-3px;padding-bottom:0;font-family:Tahoma} #searchResultList .tourMini .col1{width:9%;text-align:center} #searchResultList .tourMini .col1 .param{white-space:nowrap} #searchResultList .tourMini .col2{width:24%;padding:10px 0} #searchResultList .tourMini .col3{width:14%} #searchResultList .tourMini .col4{width:26%;padding:10px 0} #searchResultList .tourMini .col4 .param .cap{width:120px} #searchResultList .tourMini .col5{width:17%} #searchResultList .tourMini .col5 .param .old{color:#f60;white-space:nowrap;font-weight:700} #searchResultList .tourMini .col5 .param .discount{color:#428bca;white-space:nowrap} #searchResultList .tourMini .col5 .param .cost{white-space:nowrap} #searchResultList .tourMini .col5 .bonus .cap{padding-top:6px;vertical-align:top} #searchResultList .tourMini .col5 .bonus .val{display:inline-block;vertical-align:top} #searchResultList .tourMini .col6{width:10%;padding-left:0} #searchResultList .tourMini .col6 a{display:block;font-size:11px;width:100%;border-radius:5px;color:#fff;background:#5cb85c;text-decoration:none;padding:3px 5px;text-align:center} #searchResultList .tourMini .col6 a:hover{background:#428bca} .isTourCard #pageContent {padding:0; max-width:100%;} #cardTourHeader #pagesPathList {padding:0; margin:0 0 15px 0; color:#fff; } #cardTourHeader #pagesPathList a {color:#fff; } #cardTourHeader {margin-top:-30px; background:#53adab; margin-bottom:30px} #cardTourData {padding-top:30px; padding-bottom:30px; } #cardTourData * { } #cardTourData .cardNotFound h1 {color:#fff;} #cardTourData .cardNotFound p {color:#fff; font-size:15px;} #cardTourData .cardCaptionData {font-size:14px; color:#fff; } #cardTourData .cardCaptionData .countryResort {float:right; text-align:right; width:50%; } #cardTourData .cardCaptionData .countryResort .country {display:inline-block; position:relative; white-space:nowrap; font-size:20px; padding-bottom:5px; } #cardTourData .cardCaptionData .countryResort .resort {font-size:14px;} #cardTourData .cardCaptionData .hotel {float:left; width:50%; } #cardTourData .cardCaptionData .hotel .name {color:#fff; } #cardTourData .cardCaptionData .hotel .starData {display:inline-block; white-space:nowrap; vertical-align:middle; margin-right:10px;} #cardTourData .cardCaptionData .hotel .starData i {margin-right:5px;} #cardTourData .cardCaptionData .hotel .starData i.fas {color:#F9CA24;} #cardTourData .cardCaptionData .hotel .starData i.far {opacity:0.5;} #cardTourData .cardCaptionData .hotel .rating {padding:3px 5px; display:inline-block; vertical-align:middle; border:1px solid #F8CD46; color:#fff; margin-right:10px; border-radius:4px; } #cardShortInfoData {font-size:0;} #cardTourData .cardShortInfo {padding:30px; border-radius:15px 15px 0 0; background:#fff; } #replaceActualizeInfo {font-size:0;} #cardTourData .cardShortInfo .tourParam {width:60%; float:left; padding-right:20px; position:relative; padding-left:0px; min-height:220px; } #cardTourData .cardShortInfo .tourParam .paramBlock {display:inline-block; width:33.33%; padding-bottom:10px; vertical-align:top; padding-right:10px;} #cardTourData .cardShortInfo .tourParam .paramBlock .name {display:block; color:#787878; font-size:16px;} #cardTourData .cardShortInfo .tourParam .paramBlock .value {display:block; color:#000; font-size:16px; font-weight:600;} #cardTourData .cardShortInfo .tourParam .paramBlock .descr {display:block; color:#aaa; font-size:13px; } #cardTourData .cardShortInfo .tourParam .flyLine {margin-top:15px; border-top:2px solid #F3F3F3;} #cardTourData .cardShortInfo .tourParam .flyBlock {display:block; margin-top:15px; position:relative;} #cardTourData .cardShortInfo .tourParam .flyBlock .name {min-width:60px; display:inline-block; color:#000; font-size:16px; font-weight:600; padding:0 10px 3px 0;} #cardTourData .cardShortInfo .tourParam .flyBlock .name svg {vertical-align:-2px; fill:#555; } #cardTourData .cardShortInfo .tourParam .flyBlock .value {min-width:80px; display:inline-block; border-radius:4px; padding:2px 10px 2px 10px; font-size:13px; text-align:center; margin-right:15px; line-height:32px; vertical-align:top;} #cardTourData .cardShortInfo .tourParam .flyBlock .notAir {display:inline-block; font-size:12px; color:#777; white-space:nowrap; } #cardTourData .cardShortInfo .tourParam .flyBlock .notAir img {width:20px; vertical-align:-5px;} #cardTourData .cardShortInfo .tourParam .flyBlock select {width:calc(100% - 155px); font-size:14px; padding:0 10px; height:36px; position:absolute; right:0; top:0px; } #cardTourData .cardShortInfo .tourParam .onlyHotelBlock {width:100%; font-size:15px; margin-bottom:-10px;} #cardTourData .cardShortInfo .tourParam .placeBlock {display:block; margin-top:15px; position:relative; padding-left:155px; } #cardTourData .cardShortInfo .tourParam .placeBlock .name {min-width:60px; display:inline-block; color:#000; font-size:16px; font-weight:600; padding:0 10px 3px 0; position:absolute; left:0; top:0;} #cardTourData .cardShortInfo .tourParam .placeBlock .name svg {vertical-align:0px; fill:#555; margin-left:5px;} #cardTourData .cardShortInfo .tourParam .placeBlock .value {min-width:80px; display:inline-block; border-radius:4px; padding:2px 10px 2px 10px; font-size:13px; text-align:center; margin-right:15px; position: absolute; left:60px; top:0px; line-height:32px;} #cardTourData .cardShortInfo .tourParam .placeBlock .info {display:table; width:100%; height:100%; min-height:35px;} #cardTourData .cardShortInfo .tourParam .placeBlock .info .td {display:table-cell; font-size:12px; color:#777; vertical-align:middle; } #cardTourData .cardShortInfo .tourParam .name .icon {display:inline-block; padding:5px; border-radius:7px; border:3px solid #FFF6D6; width:36px;} #cardTourData .cardShortInfo .tourParam .value.N {background:#ff9d77; } #cardTourData .cardShortInfo .tourParam .value.Y {background:#DFF0D5; } #cardTourData .cardShortInfo .tourParam .value.Q {background:#FDF4E3; } /* #cardTourData .cardShortInfo .tourParam .name.N svg {fill:#c9462c;} #cardTourData .cardShortInfo .tourParam .name.Y svg {fill:#88aa2a;} #cardTourData .cardShortInfo .tourParam .name.Q svg {fill:#777;} */ #cardTourData .cardShortInfo .includePrice {margin-top:20px; font-size:13px; color:#777; } #cardTourData .cardShortInfo .includePrice .cap {color:#000; font-weight:600;} #cardTourData .cardShortInfo .excludePrice {margin-top:20px; font-size:13px; color:#777; } #cardTourData .cardShortInfo .excludePrice .cap {color:#000; font-weight:600;} #flyHotelBorder {margin-top:10px; border-radius:5px; border:10px solid #F3F3F3; padding:0px 15px 15px 15px; } /* Цены в карточке тура */ #cardTourData .cardShortInfo .priceParam{width:40%; padding-left:30px; display:inline-block; vertical-align:top; border-left:10px solid #F3F3F3; } #replaceActualizePrice {} #replaceActualizePrice .line {padding-bottom:15px; min-height:40px;} #replaceActualizePrice .line .cap {display:inline-block; font-size:20px; font-weight:600; color:#000; } #replaceActualizePrice .line .val {float:right; color:#000; font-weight:bold; font-size:26px;} #replaceActualizePrice .line.real .cap {line-height:32px;} #replaceActualizePrice .line.discount {padding-bottom:15px; min-height:32px;} #replaceActualizePrice .line.discount .cap {color:#EFB500; line-height:32px; } #replaceActualizePrice .line.discount .val {} #replaceActualizePrice .line.added {padding:0; display:none; } #replaceActualizePrice .line.added .cap {line-height:32px;} #replaceActualizePrice .line.added .val {font-weight:bold;} #replaceActualizePrice .line.final {padding-bottom:30px;} #replaceActualizePrice .line.final .cap {line-height:48px;} #replaceActualizePrice .line.final .val {color:#EFB500; font-size:40px; font-weight:bold;} #replaceActualizePrice .actualizeOk {color:#000; margin-bottom:20px; font-size:13px; text-align:center; border-radius:5px; } #replaceActualizePrice .actualizeOk .tourGaranty {color:#00c231; font-size:14px; text-align:center; font-weight:bold;} #replaceActualizePrice .actualizeOk .tourQuest {color:#edaa12; font-size:14px; text-align:center; font-weight:bold;} #replaceActualizePrice .actualizeOk .tourClose {color:red; font-size:14px; text-align:center; font-weight:bold;} #replaceActualizePrice .actualizeNot {color:#000; font-size:13px; margin-bottom:20px; text-align:center; border-radius:5px;} #actualizeProcessImage {text-align:center; margin-bottom:20px; } #actualizeProcessImage img {width:30px; margin-bottom:10px;} #actualizeProcessImage div {font-size:14px; } #tourCardTimer {text-align:center; margin-bottom:0px; } #tourCardTimer .comment {font-size:14px; color:#000; padding-bottom:20px; font-weight:600; } #tourCardTimerValue { position:relative; } #tourCardTimerValue .item {display:inline-block; vertical-align:middle; background:#fff; text-align:center; width:54px; line-height:50px; font-size:32px; font-weight:600; border-radius:11px; border:2px dotted #000; } #tourCardTimerValue span {display:inline-block; vertical-align:middle; line-height:50px; font-size:32px; padding:0 3px; } /* Заявка на тур */ #tourFormOrderData {padding:30px 30px 10px 30px; background:#fff; border-top:10px solid #F3F3F3; border-radius:0 0 15px 15px; } #tourFormOrderData .head {padding-bottom:20px; font-size:26px; line-height:normal; } #tourOrderForm {} #tourOrderForm .stdFormData {font-size:0; margin:0 -10px; width:auto;} #tourOrderForm .stdFormData .rowLine {display:inline-block; width:33.33%; max-width:100%; padding:0 10px 30px 10px; vertical-align:top;} #tourOrderForm .stdFormData .rowLine .caption {width:100%; display:block; padding-bottom:5px; font-weight:600; height:26px;} #tourOrderForm .stdFormData .rowLine .input {width:100%; display:block; } #tourOrderForm .stdInput, #tourOrderForm .stdGroupselect, #tourOrderForm .stdCaptcha, #tourOrderForm .stdSelect, #tourOrderForm .stdTextarea {border:1px solid #F8CD46;} #tourOrderForm .stdFormData .stdFormSubmitBlock {display:inline-block; width:33.33%; max-width:100%; padding:26px 10px 30px 10px; vertical-align:top;} #tourOrderForm .stdFormData .stdFormSubmitBlock button {width:100%;} #tourOrderForm.isProcess .stdFormData {position:relative; overflow:hidden;} #tourOrderForm.isProcess .stdFormData:after {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.95); background-image:url(../img/spin.svg); background-repeat:no-repeat; background-position:center center; background-size:50px; content:"Подождите..."; text-align:center; font-size:18px; padding-top:50px; color:#000; z-index:2001; } /* Блок информаци об отеле */ #hotelsTabButtons {padding-bottom:5px; font-size:0; } #hotelsTabButtons .btn {display:inline-block; padding:7px 15px; line-height:22px; white-space:nowrap; color:#000; font-weight:bold; background:#f2f2f2; font-size:16px; border-radius:7px; vertical-align:top; cursor:pointer; margin-right:15px; margin-bottom:15px; cursor:pointer; } #hotelsTabButtons .btn:hover { background:#d2d2d2; } #hotelsTabButtons .btn.active { background:#F0B90B; } #hotelsTabButtons .btn:last-child {margin-right:0;} #hotelsTabData .tab {display:none;} #hotelsTabData .tab.active {display:block;} #hotelsTabData h3 {padding-bottom:15px;} #hotelsMapsContainer {width:100%; height:450px; } /* Галерея отеля */ #hotelsGalleryData {font-size:0; margin-left:-5px; margin-right:-5px;} #hotelsGalleryData div {display:none; width:25%; padding:0 5px 10px 5px; vertical-align:top;} #hotelsGalleryData div.pos1 {display:inline-block; } #hotelsGalleryData div.pos2 {display:inline-block; } #hotelsGalleryData div.pos3 {display:inline-block; } #hotelsGalleryData div.pos4 {display:inline-block; } #hotelsGalleryData div a {display:block;} #hotelsGalleryData div a span {display:block; background-position:center; background-size:cover; overflow:hidden; border-radius:10px; position:relative;} #hotelsGalleryData div a span img {opacity:0; width:100%;} #hotelsGalleryData div a span i {display:none; position:absolute; right:10px; bottom:10px; padding:5px 10px; font-size:13px; font-style:normal; border-radius:5px; font-weight:600; background:#fff; color:#000; } /* Если много фото */ #hotelsGalleryData.isBlocktrue {margin-left:0; margin-right:0;} #hotelsGalleryData.isBlocktrue div {padding:0;} #hotelsGalleryData.isBlocktrue div.pos1 {float:left; width:50%; } #hotelsGalleryData.isBlocktrue div.pos1 span {border-radius:10px 0 0 10px; border-right:1px solid #fff;} #hotelsGalleryData.isBlocktrue div.pos2 span {border-left:2px solid #fff; border-bottom:1px solid #fff; border-radius:0; } #hotelsGalleryData.isBlocktrue div.pos3 span {border-left:2px solid #fff; border-bottom:1px solid #fff; border-radius:0 10px 0 0; } #hotelsGalleryData.isBlocktrue div.pos4 span {border-left:2px solid #fff; border-top:1px solid #fff; border-radius:0; } #hotelsGalleryData.isBlocktrue div.pos5 {display:inline-block;} #hotelsGalleryData.isBlocktrue div.pos5 span {border-left:2px solid #fff; border-top:1px solid #fff; border-radius:0 0 10px 0;} #hotelsGalleryData.isBlocktrue div a span i {display:inline-block;} /* Услуги */ #hotelsServicesList {margin-left:-5px; margin-right:-5px; font-size:0; } #hotelsServicesList .group {width:25%; display:inline-block; padding:0 5px 25px 5px; vertical-align:top; } #hotelsServicesList .group .caption {font-weight:bold; font-size:18px; position:relative; padding-left:40px; line-height:31px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #hotelsServicesList .group .caption .icon {width:32px; height:32px; line-height:31px; font-size:17px; text-align:center; color:#000; background:#FFF6D6; position:absolute; left:0; top:0; border-radius:7px; } #hotelsServicesList .group .item {margin-top:5px; font-size:16px; padding-left:32px; position:relative;} #hotelsServicesList .group .item:after {display:block; content:""; width:5px; height:5px; border-radius:10px; position:absolute; left:15px; top:50%; margin-top:-2px; background:#000; } /* Отзывы */ #hotelsCommentsList .headCount {border:1px solid #DEDEDE; background:#fff; padding:15px 15px 10px 15px; border-radius:10px; margin-bottom:20px; box-shadow:0px 6px 16px rgba(149, 149, 149, 0.24); } #hotelsCommentsList .headCountData {position:relative;} #hotelsCommentsList .headCountData .rating {font-size:20px; line-height:40px; width:40px; height:40px; text-align:center; position:absolute; left:0; top:0; font-weight:bold; background:#F0B90B; border-radius:200px; } #hotelsCommentsList .headCountData .counts { display:block; padding-left:60px; } #hotelsCommentsList .barData { display:block; width:100%; position:relative; padding-top:18px; margin-bottom:10px; } #hotelsCommentsList .barData .bar { display:block; width:100%; height:7px; position:relative; background:#e0e0e0; } #hotelsCommentsList .barData .bar span { display:block; height:100%; position:absolute; left:0; top:0; background:#F0B90B; } #hotelsCommentsList .barData .cap { display:block; position:absolute; left:0; top:0; font-size:12px; } #hotelsCommentsList .barData .count { display:block; position:absolute; right:0; top:0; font-size:12px; } #hotelsCommentsList .headRating {border:1px solid #DEDEDE; background:#f7f7f7; padding:15px 15px 0px 15px; border-radius:10px; margin-bottom:30px; } #hotelsCommentsList .headRatingData {position:relative;} #hotelsCommentsList .headRatingData .average {margin:0 -10px; font-size:0; } #hotelsCommentsList .headRatingData .average .barItem {padding:0 10px 20px 10px; display:inline-block; width:33.33%; vertical-align:top; } #hotelsCommentsList .headRatingData .average .barData { padding-left:40px; padding-top:21px; } #hotelsCommentsList .headRatingData .average .barData .num {font-size:12px; font-weight:bold; display:block; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; left:0; top:0; background:#F0B90B; border-radius:200px;} #hotelsCommentsList .headRatingData .average .barData .bar {height:5px;} #hotelsCommentsList .headRatingData .average .barData .cap { left:40px; top:0px; font-size:14px; font-weight:bold; color:#000; } #hotelsCommentsList .itemAdv {margin-bottom:25px; padding-bottom:25px; border-bottom:1px dotted #d6d6d6; } #hotelsCommentsList .itemAdv .dateName {padding-bottom:10px; } #hotelsCommentsList .itemAdv .dateName.isAvatrue {padding-left:60px; min-height:50px; position:relative; margin-bottom:5px; } #hotelsCommentsList .itemAdv .dateName .name {color:#000; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #hotelsCommentsList .itemAdv .dateName .date {color:#777; font-size:13px; pading-top:2px; } #hotelsCommentsList .itemAdv .dateName .avatar {width:40px; height:40px; border-radius:3px; position:absolute; left:0; top:0; } #hotelsCommentsList .itemAdv .titleRating {padding-left:40px; margin-bottom:10px; min-height:40px; position:relative;} #hotelsCommentsList .itemAdv .titleRating .rating {color:#000; font-size:12px; font-weight:bold; display:block; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; left:0; top:0; background:#F0B90B; border-radius:200px;} #hotelsCommentsList .itemAdv .titleRating .title {color:#000; font-size:20px; font-weight:bold; padding-top:3px; } #hotelsCommentsList .itemAdv .positive {color:#000; font-weight:bold; padding-bottom:5px; } #hotelsCommentsList .itemAdv .negative {color:#000; font-weight:bold; padding-bottom:5px; } #hotelsCommentsList .itemAdv .full {display:none; } #hotelsCommentsList .itemAdv p {padding-bottom:0;} #hotelsCommentsList .itemAdv .collapse {display:block; height:5px; } #hotelsCommentsList .itemAdv .answersGallery {margin:15px -5px 0 -5px; font-size:0; white-space:nowrap; overflow:hidden; } #hotelsCommentsList .itemAdv .answersGallery span {width:8.33%; padding:0 5px; display:inline-block; vertical-align:top;} #hotelsCommentsList .item {margin-top:15px; padding-top:15px; border-top:1px dotted #d6d6d6; } #hotelsCommentsList .item .dateName {padding-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #hotelsCommentsList .item .dateName .name {color:#000; font-weight:bold; } #hotelsCommentsList .item .positive {color:#000; font-weight:bold; padding-bottom:5px; } #hotelsCommentsList .item .negative {color:#000; font-weight:bold; padding-bottom:5px; } #hotelsCommentsList .item .full {display:none; } #hotelsCommentsList .item p {padding-bottom:0;} #hotelsCommentsList .item .collapse {display:block; height:10px; } .cardCaptionHotel {position:relative;} .cardCaptionHotel .cardCaptionData{padding:15px; color:#000;background:#f9f9f1;border-radius:5px; } .cardCaptionHotel .cardCaptionData .countryResort{float:right;text-align:right;width:50%} .cardCaptionHotel .cardCaptionData .countryResort .country {display:inline-block;position:relative;white-space:nowrap;font-size:20px;padding-bottom:10px} .cardCaptionHotel .cardCaptionData .hotel{float:left;width:50%} .cardCaptionHotel .cardCaptionData .hotel .name{padding-bottom:12px;font-size:20px} .cardCaptionHotel .cardCaptionData .hotel .starData{display:inline-block;position:relative; margin:14px 0 12px 0; } .cardCaptionHotel .cardCaptionData .hotel .stars{width:100px;height:14px;background:url(../img/icons.png) no-repeat 0 -45px;margin-right:10px} .cardCaptionHotel .cardCaptionData .hotel .stars.star1{background-position:0 -60px} .cardCaptionHotel .cardCaptionData .hotel .stars.star2{background-position:0 -75px} .cardCaptionHotel .cardCaptionData .hotel .stars.star3{background-position:0 -90px} .cardCaptionHotel .cardCaptionData .hotel .stars.star4{background-position:0 -105px} .cardCaptionHotel .cardCaptionData .hotel .stars.star5{background-position:0 -120px} .cardCaptionHotel .sendHotelsForm {position:absolute; right:20px; top:16px; width:calc(50% - 25px); } .cardCaptionHotel .sendHotelsForm a {display:block; border-radius:5px; text-decoration:none; background:#F8CD46; color:#000; text-align:center; padding:10px 15px; } .cardCaptionHotel .sendHotelsForm a:hover {background:#F0B90B; } .tourParam_formHotel{display:flex;flex-wrap:wrap;align-items:stretch;padding:10px 0} #cardTourData .cardShortInfo .buttons{padding-bottom:0;text-align:center} #cardTourData .cardShortInfo .buttons a{display:inline-block;padding:0 15px;margin-bottom:15px;height:40px;width:100%;line-height:38px;position:relative;color:#fff;text-decoration:none;white-space:nowrap} #cardTourData .cardShortInfo .buttons a:last-child{margin-bottom:0} #cardTourData .cardShortInfo .buttons a.office{background:#5cb85c} #cardTourData .cardShortInfo .buttons a.office:hover{background:#428bca} #cardTourData .cardShortInfo .buttons a.online{background:#f60;padding-left:100px;display:none} #cardTourData .cardShortInfo .buttons a.online span{display:block;position:absolute;left:10px;top:9px;width:75px;height:22px;background:url(../img/icons.png) no-repeat -30px -174px} #cardTourData .cardShortInfo .buttons a.credit{background:#428bca;display:none} #cardTourHeader .infoText {background:#d9edf7;padding:8px 10px;font-size:12px; color:#31708f;border-radius:5px} #cardTourHeader .infoText p {padding-bottom:3px} #onlinePayButtonData{text-align:center;display:none} #onlinePayButtonData a{margin-top:10px;min-width:200px;background:#ff4000;color:#fff;line-height:40px;height:40px;font-size:16px;padding:0 30px;display:inline-block;text-decoration:none;cursor:pointer;transition:all .2s} #onlinePayButtonData a:hover{background:#428bca} #onlinePayFormData{display:none;padding-top:15px} #onlineFormContent{padding:20px;background:#fafafa;position:relative} #onlineFormContent .payLine{margin:0 -10px;padding-bottom:10px} #onlineFormContent .payCols{display:inline-block;padding:0 10px;vertical-align:top} #onlineFormContent .payCols33{width:33.33%} #onlineFormContent .payCols25{width:25%} #onlineFormContent .payCols50{width:50%} #onlineFormContent .payCols100{width:100%} #onlineFormContent .input .caption{color:#333;padding-bottom:5px} #onlineFormContent .input .caption span{color:#f60;white-space:nowrap;font-size:13px} #onlineFormContent .input .stdInput{width:100%;padding:0 10px;height:40px;border:1px solid #acacac} #onlineFormContent .input .stdSelect{width:100%;padding:0 5px;height:40px;border:1px solid #acacac} #onlineFormContent .input .payErrorMsg{font-size:12px;color:red;padding-top:2px} #onlineFormContent .input .checkdata{min-height:22px;position:relative;padding-left:20px} #onlineFormContent .input .checkdata input{position:absolute;left:0;top:3px} #onlinePayTourist{display:none} #onlinePaySendProcess{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2)} #onlinePaySendProcessData{position:absolute;left:0;bottom:0;width:100%;height:150px;text-align:center} #onlinePaySendProcessData .data{display:inline-block;padding:10px;border-radius:10px;background:#fff} #onlinePaySendProcessData .data img{margin-bottom:5px} #onlinePaySubmitData{text-align:center} #onlinePaySubmitData a{margin-top:10px;min-width:150px;background:#ff4000;color:#fff;line-height:40px;height:40px;font-size:16px;padding:0 30px;display:inline-block;text-decoration:none;cursor:pointer;transition:all .2s} #onlinePaySubmitData a:hover{background:#428bca} #payInfoFullData .tourInfo{background:#f9f9f1;color:#000;border-radius:7px;padding:14px 15px;margin-bottom:15px} #payInfoFullData .tourInfo .param{padding-bottom:3px;font-weight:700} #payInfoFullData .tourInfo .param span{font-weight:400} #payInfoFullData .tourInfo .tourPrice{font-size:22px;padding-top:12px;margin-top:12px;border-top:1px solid #fff} #payInfoFullData .tourInfo .tourPrice .toPay{font-size:26px;color:#f60;white-space:nowrap} #payInfoFullData .tourInfo .additionalPay{padding-top:10px;margin-top:12px;border-top:1px solid #fff} #payInfoFullData .payStatus{background:#e0e0e0;color:#000;border-radius:7px;padding:14px 15px;margin-bottom:15px} #payInfoFullData .payStatus .caption{font-weight:700;padding-bottom:3px} #payInfoFullData .payStatus.isPayNotfalse{background:#d5e9b4} #payInfoFullData .payStop{background:#ffd0be;color:#000;border-radius:7px;padding:14px 15px;margin-bottom:15px} #payInfoFullData .payStop .caption{font-weight:700;padding-bottom:3px} #payInfoFullData .payExtMsg{background:#e1f1ff;color:#000;border-radius:7px;padding:14px 15px;margin-bottom:15px} #payInfoFullData .payExtMsg :last-child{padding-bottom:0;margin-bottom:0} #payGoToBank{margin-bottom:15px;min-width:160px;background:#5cb85c;color:#fff;line-height:40px;height:40px;font-size:16px;padding:0 30px;display:inline-block;text-decoration:none;cursor:pointer;transition:all .2s;text-align:center} #payGoToBank:hover{background:#428bca} #searchByForm{margin-bottom:20px} #searchByForm .caption{font-size:16px;padding-bottom:5px} #searchByForm input{border:1px solid #acacac;height:40px;padding:0 10px;width:140px;margin-right:10px;display:inline-block;vertical-align:top;font-size:20px;text-align:center} #searchByForm a.runSearch{background:#f60;color:#fff;line-height:40px;height:40px;padding:0 20px;display:inline-block;text-decoration:none;vertical-align:top;transition:all .2s} #searchByForm a.runSearch:hover{background:#428bca} #searchByForm a.runSearch.isProcess{background:url(../img/onlinecheck.gif) no-repeat center center;overflow:hidden;text-indent:-1000px;cursor:default} #searchByError{display:none;margin-bottom:20px;border:1px solid red;border-radius:5px;padding:10px 15px 2px} #searchByError p{color:red;font-size:18px} #searchByOK{display:none;margin-bottom:20px;border:1px solid red;border-radius:5px;padding:10px 15px 2px} #searchByOK p.top{color:#428bca;font-size:18px} #contentLeft {float:left; width:75%; } .isTourCard #contentLeft {float:none; width:100%; padding-right:0;} .isRightSidefalse #contentLeft {float:none; width:100%; padding-right:0;} #contentRight {float:right; width:25%; padding-left:30px; } .isTourCard #contentRight {display:none;} #contentRight .rightBlockOne {border:1px solid #f8cd46; border-radius:10px; margin-bottom:20px; padding:15px 20px; background:#fcf0c4; } .rightBlockOne {border:3px solid #FFF6D6; border-radius:15px; margin-bottom:20px; padding:15px 20px; } .rightBlockOne *:last-child {padding-bottom:0; margin-bottom:0; } #extendContent {padding-top:20px;} .isTourCard #extendContent {padding-left:15px; padding-right:15px; max-width:1400px; margin:0 auto;} #extendContent:empty {padding-top:0px;} .textstyle .center {text-align:center;} .textstyle .bigCaption1 {font-size:60px; line-height:68px; padding-bottom:30px; font-weight:bold; color:#262626; } .textstyle .bigCaption2 {font-size:56px; line-height:52px; padding-bottom:25px; font-weight:bold; color:#262626; } .textstyle h1, .textstyle .h1 {font-size:36px; line-height:42px; padding-bottom:20px; font-weight:bold; color:#262626; } .textstyle .h1.operator {min-height:40px;} .textstyle h2, .textstyle .h2 {font-size:32px; line-height:40px; padding-bottom:15px; font-weight:bold; color:#262626; padding-top:10px; } .textstyle h2:first-child, .textstyle .h2:first-child {padding-top:0px; } .textstyle h2 a, .textstyle .h2 a {color:#262626; } .textstyle h2 a:hover, .textstyle .h2 a:hover {color:#F8CD46; } .textstyle h3, .textstyle .h3 {font-size:24px; line-height:32px; padding-bottom:10px; font-weight:bold; color:#262626; padding-top:10px; } .textstyle h3:first-child, .textstyle .h3:first-child {padding-top:0px; } .textstyle h4 {font-size:22px; font-weight:600; padding:5px 0; color:#262626; } .textstyle h5 {font-size:20px; font-weight:600; padding:5px 0; color:#262626; } .textstyle h6 {font-size:20px; font-weight:600; padding:5px 0; color:#262626; } .textstyle p {padding-bottom:10px; line-height:25px; } .textstyle ul {margin-left:15px; padding-bottom:10px; } .textstyle ol {margin-left:20px; padding-bottom:10px; } .textstyle li {padding-bottom:10px; line-height:25px; } .textstyle ul li {list-style-type:none; position:relative; padding-left:15px; } .textstyle ul li:before {display:block; position:absolute; content:""; left:0; top:10px; width:7px; height:7px; background:#f8cd46; } .textstyle img {max-width:100%; height:auto; } .textstyle b, .textstyle strong {color:#222; } /* Стилизованная кнопка */ .styleButton, .rowSubmit button, a.styleButton {background:#F8CD46; color:#000; text-decoration:none; border-radius:7px; padding:10px 20px; border:none; cursor:pointer; font-family:inherit; font-size:20px; font-weight:600; transition:background 0.3s, color 0.3s; } .styleButton:hover, .rowSubmit button:hover, a.styleButton:hover {background:#F0B90B; color:#000; } .stdColumn4 {display:grid; grid-template-columns:repeat(4,1fr); grid-gap:4px;} div.userSearch { padding:0 10px 10px 0; } div.userSearch h3 {display:inline-block; margin-right:20px;} div.userSearch ul {margin-left:0; display:inline-block; } div.userSearch li {display:inline-block; margin-right:10px;} #footer {padding-top:40px; background:url('../img/footer-bg.jpg') no-repeat center center; background-size:cover; position:relative; z-index:99;} #footerLogo {text-decoration:none;} #footerLogo img {display:inline-block; width:265px; border-radius:7px;} #footerData {padding:20px 0 50px 0; position:relative;} #footerData * {color:#fff;} #footerData .hCaption {color:#fff; font-weight:bold; font-size:24px; padding-bottom:20px;} #footerData .hCaption span {display:block;} #footerData .developer {font-size:12px; position:absolute; right:0; bottom:15px;} #footerConcatcs {} #officesFooterList {font-size:0; margin:0 -5px 20px -5px;} #officesFooterList .item {padding:0 5px 15px 5px; width:16.66%; display:inline-block; vertical-align:top; } #officesFooterList .item a.name {display:inline-block; margin-bottom:5px; font-weight:bold; font-size:18px; text-decoration:none; } #officesFooterList .item div {padding-bottom:3px; font-size:16px;} #officesFooterList .item div a { text-decoration:none; } #officesFooterList .item a:hover { color:#F8CD46; } #footerConcatcs .socials {font-size:0; margin-bottom:30px;} #footerConcatcs .socials a {margin-right:15px; display:inline-block; width:36px; height:36px; padding-left:36px; position:relative; vertical-align:top;} #footerConcatcs .socials a img {display:block; position:absolute; left:0; top:0; height:100%; width:auto; transition:transform 0.2s;} #footerConcatcs .socials a span {display:inline-block; padding-left:5px; font-size:14px; padding-top:0px; line-height:16px; text-decoration:underline;} #footerConcatcs .socials a:hover span {text-decoration:none;} #footerConcatcs .socials a:hover img {transform:scale(1.1);} #subscribeBlock {padding:30px; background:rgba(255,255,255,0.1); border-radius:10px; float:right; width:400px;} #subscribeBlock .caption {padding-bottom:15px;} #subscribeBlock input {height:50px; width:100%; padding:0 15px; border:1px solid #777; background:#333; border-radius:5px;} #subscribeBlock .error {display:none; color:#d12421; margin-top:5px; font-size:13px;} #subscribeBlock .showError .error {display:block; } #subscribeBlock .showError input {border:1px solid #d12421; } #subscribeBlock a {display:inline-block; margin-top:20px; color:#F8CD46; font-size:16px; text-decoration:none;} #subscribeBlock a:hover {color:#fff;} #subscribeBlock .result {display:none; font-weight:bold; } #footerFullMenu {padding-top:20px; padding-right:440px;} #footerFullMenu .copyright {font-weight:bold; padding-bottom:10px; } #footerFullMenu p {font-size:16px; padding-bottom:15px;} #footerMiniMenu * {font-size:13px; display:inline-block;} #footerMiniMenu span {padding:0 3px;} #footerMiniMenu a:hover {text-decoration:none;} #footerMiniMenu a.active {color:#F8CD46; text-decoration:none;} .goSearchTourFromItemB {padding:10px 0 15px 0} a.goSearchTourFromItem{background:#F8CD46; color:#000; text-decoration:none; font-size:14px; text-align:center; display:inline-block; padding:10px 15px; border-radius:5px; margin-right:10px; } a.goSearchTourFromItem:hover {background:#F0B90B} a.goSearchTourFromItem.isBottom {float:none} .contentLinkRight {font-size:0; } .contentLinkRight li {width:33.33%;display:inline-block;vertical-align:top;box-sizing:border-box} .contentLinkRight li a {font-size:14px;} #tourfilterForm {padding:15px; border:1px solid #f8cd46; background:#fcf0c4; border-radius:10px; } #tourfilterFormScroll {column-count:4;} #tourfilterFormScroll.isColumnMaxtrue {column-count:5;} #tourfilterForm .filterOne {padding-bottom:25px; page-break-inside:avoid; break-inside:avoid-column; } #tourfilterForm .filterOne:last-child {border-bottom:none; } #tourfilterForm .filterOne .filterName{font-size:18px;font-weight:700;color:#000;padding-bottom:3px} #tourfilterForm .items.isCollapsetrue {/* max-height:234px; overflow:hidden; */} #tourfilterForm .items.isCollapsetrue.isOpen {max-height:none; overflow:auto;} #tourfilterForm .collapseLink {font-size:12px; display:inline-block; border-bottom:1px dotted #000; color:#000; cursor:pointer; } #tourfilterForm .collapseLink:hover {color:#428bca; border-bottom:1px dotted #428bca; } #tourfilterForm .filterOne .item {padding:2px 0; } #tourfilterForm .filterOne .item a:hover {color:#428bca;} #tourfilterForm .filterOne .itemData{display:block;font-size:15px;position:relative} #tourfilterForm .filterOne .itemData.checkMode1.active{padding-left:22px;color:#f60;text-decoration:none} #tourfilterForm .filterOne .itemData.checkMode1.active:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;background:url(../img/icons.png) no-repeat -169px -38px} #tourfilterForm .filterOne span.itemData{color:#999} #tourfilterForm .filterOne span.isJsClick{color:#428bca;text-decoration:underline;cursor:pointer} #tourfilterForm .filterOne span.isJsClick:hover{color:#f60;text-decoration:none} #tourfilterForm .filterOne .itemData.checkMode2{padding-left:22px} #tourfilterForm .filterOne .itemData.checkMode2:before{content:"";display:block;width:14px;height:14px;border-radius:1px;border:1px solid #acacac;position:absolute;left:0;top:2px} #tourfilterForm .filterOne .itemData.checkMode2.active{color:#f60;text-decoration:none} #tourfilterForm .filterOne .itemData.checkMode2.active:before{background:url(../img/icons.png) no-repeat -169px -38px} #tourfilterForm .filterOne a.itemData.checkMode2:hover:before{border:1px solid #000} #searchTourFilter .tourItem {border:1px solid #DDDDDD; font-size:0; border-radius:10px; margin-bottom:15px; min-height:160px;} #searchTourFilter .tourItem .col {display:inline-block; padding:15px 15px 15px 0; font-size:13px; vertical-align:middle; } #searchTourFilter .tourItem .col .param {padding-bottom:3px; color:#000; } #searchTourFilter .tourItem .col .param .cap {padding-right:3px; display:inline-block; white-space:nowrap; } #searchTourFilter .tourItem .col1 {width:15%; text-align:left; padding-left:15px;} #searchTourFilter .tourItem .image {width:100%; height:auto; max-width:200px; display:block; } #searchTourFilter .tourItem .image a {display:block; overflow:hidden; border-radius:7px; } #searchTourFilter .tourItem .image a img {display:block; max-width:100%; height:auto; transition:all .2s; } #searchTourFilter .tourItem .image a:hover img {transform:scale(1.05); } #searchTourFilter .tourItem .col2 {width:20%; } #searchTourFilter .tourItem .col2 .hotel {margin-bottom:5px; } #searchTourFilter .tourItem .col2 .hotel div.rating {display:inline-block; padding:2px 4px 2px 4px; border:1px solid #F8CD46; font-size:13px; border-radius:4px; margin-bottom:7px;} #searchTourFilter .tourItem .col2 .hotel div.rating span {font-size:13px; color:#000;} #searchTourFilter .tourItem .col2 .hotel div.rating.rating0 {display:none;} #searchTourFilter .tourItem .col2 .hotel .hotelName {margin-bottom:7px;} #searchTourFilter .tourItem .col2 .hotel .hotelName .name { font-weight:bold; font-size:16px; } #searchTourFilter .tourItem .col2 .hotel .hotelName .name a {color:#000; text-decoration:underline;} #searchTourFilter .tourItem .col2 .hotel .hotelName .name a:hover {color:#000; text-decoration:none;} #searchTourFilter .tourItem .col2 .hotel .hotelName .name .star {white-space:nowrap; } #searchTourFilter .tourItem .col2 .hotel .hotelName .name .star .icon {color:#F8CD46; font-size:12px; display:inline-block; vertical-align:top;} #searchTourFilter .tourItem .col2 .region {padding:0; position:relative; margin-bottom:5px; line-height:16px; } #searchTourFilter .tourItem .col2 .region img {width:24px; height:auto; position:absolute; left:0; top:0; } #searchTourFilter .tourItem .col2 .region span.country {display:inline-block; white-space:nowrap; } #searchTourFilter .tourItem .col3 {width:10%; } #searchTourFilter .tourItem .col4 {width:12%; } #searchTourFilter .tourItem .col4 .param .cap {width:65px;} #searchTourFilter .tourItem .col4 .param .val {font-weight:bold; color:#000; } #searchTourFilter .tourItem .col5 {width:14%; } #searchTourFilter .tourItem .col5 .param .cap {width:115px;} #searchTourFilter .tourItem .col5 .param .val {font-weight:bold; color:#000; } #searchTourFilter .tourItem .col6 {width:17%; } #searchTourFilter .tourItem .col6 .param .old {color:#000; white-space:nowrap; font-weight:bold; } #searchTourFilter .tourItem .col6 .param .discount {color:#000; white-space:nowrap; } #searchTourFilter .tourItem .col6 .param .cost {white-space:nowrap; } #searchTourFilter .tourItem .col7 {width:12%; } #searchTourFilter .tourItem .col7 a {display:block; font-size:11px; line-height:14px; width:100%; border-radius:5px; color:#000; background:#F8CD46; text-decoration:none; padding:7px 5px; text-align:center;} #searchTourFilter .tourItem .col7 a:hover {background:#F0B90B;} #searchTourFilter .tourItem .col7 a.actual {margin-top:5px; } #tourFilterMobileBtn {display:none; padding:5px 12px 5px 40px; height:34px; line-height:24px; background:#F8CD46; color:#000; position:relative; cursor:pointer; margin-bottom:20px; border-radius:7px;} #tourFilterMobileBtn:hover {background:#F0B90B; } #tourFilterMobileBtn span {display:block; width:20px; height:2px; background:#000; position:absolute; left:12px; } #tourFilterMobileBtn span.i1{top:9px} #tourFilterMobileBtn span.i2{top:16px} #tourFilterMobileBtn span.i3{top:23px} #tourFilterMobileCloseBtn {display:none; padding:3px 10px 3px 30px; height:28px; line-height:20px; background:#F8CD46; color:#fff; position:absolute; right:15px; top:15px; cursor:pointer; } #tourFilterMobileCloseBtn:hover {background:#F0B90B; } #tourFilterMobileCloseBtn span {display:block; width:20px; height:2px; background:#fff; position:absolute; left:8px; } #tourFilterMobileCloseBtn span.i1 {top:12px; transform:rotate(45deg); } #tourFilterMobileCloseBtn span.i2 {top:12px; transform:rotate(-45deg); } #bottomFilterText {padding-top:30px; } #filterMapData {padding-top:30px; height:500px; } /* Универсальное стилизованное окно */ #stdWinOverlay {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:3000; display:noneж } .stdWindowContainer {position:fixed; background:#fff; border-radius:10px; left:50%; top:50%; transform:translate(-50%, -50%); max-width:85%;} .stdWindowContainer .closeBtn {width:20px; top:10px; right:10px; height:20px; text-align:center; font-size:12px; padding:0; font-weight:700; position:absolute; text-transform:none; cursor:pointer; opacity:.5; } .stdWindowContainer .closeBtn:hover {opacity:1; } .stdWindowContainer .closeBtn:before,.stdWindowContainer .closeBtn:after {position:absolute; content:' '; height:20px; width:2px; background-color:#777; } .stdWindowContainer .closeBtn:before {transform:rotate(45deg); } .stdWindowContainer .closeBtn:after {transform:rotate(-45deg); } .stdWindowContainer.isTransparent {background:transparent; } .stdWindowContainer.isTransparent .closeBtn {top:-18px; right:-18px; opacity:.7; z-index:2000;} .stdWindowContainer.isTransparent .closeBtn:hover {opacity:1; } .stdWindowContainer.isTransparent .closeBtn:before, .stdWindowContainer.isTransparent .closeBtn:after {background-color:#fff; } .stdWindowContainer.isLoadProc {background-image:url(../img/spin.svg); background-repeat:no-repeat; background-position:center center; background-size:50px; } /* Плашка внизу для открытия окна "подобрать тур со скидкой" */ #selectDiscountWinBtn {position:fixed; bottom:-170px; z-index:999; background:linear-gradient(to bottom, #fcf0c4, #F0B90B); border-radius:10px 10px 0 0; padding:1px 1px 0; width:375px; height:115px; margin-left:0px; box-shadow:0 0 5px -2px rgba(0,0,0,0.5); } #selectDiscountWinBtn .data {border-radius:10px 10px 0 0; border:1px solid #fff; border-bottom:none; width:100%; height:100%; } #selectDiscountWinBtn .data .link {position:relative; width:100%; height:100%; cursor:pointer; padding:20px 0 0 145px; color:#000; } #selectDiscountWinBtn .data .link .caption {font-weight:600; font-size:18px; padding-bottom:5px; line-height:20px; } #selectDiscountWinBtn .data .link .caption span {display:block;} #selectDiscountWinBtn .data .link .text {font-size:14px; line-height:16px;} #selectDiscountWinBtn .data .link img {position:absolute; left:15px; bottom:0; } #selectDiscountWinBtn .closeBtn {position:absolute; right:5px; top:5px; width:24px; height:24px; cursor:pointer; } #selectDiscountWinBtn .closeBtn:hover {transform:scale(1.3); } #selectDiscountWinBtn .closeBtn:before, #selectDiscountWinBtn .closeBtn:after {position:absolute; content:' '; height:13px; right:9px; top:4px; width:1px; background-color:#000; } #selectDiscountWinBtn .closeBtn:before {transform:rotate(45deg); } #selectDiscountWinBtn .closeBtn:after {transform:rotate(-45deg); } /* Окно "подобрать тур со скидкой */ #selectDiscountData {border-radius:10px; overflow:hidden; } #selectWinColsTable {width:100%; display:table; } #selectWinColsTable .managerCol {text-align:center; background:#fff; padding:40px 20px 40px 20px; display:table-cell; vertical-align:top; } #selectWinColsTable .managerCol .data { width:180px; font-size:14px; } #selectWinColsTable .managerCol .data .image {display:inline-block; width:120px; height:120px; overflow:hidden; border-radius:200px; background:#e9e9eb; margin-bottom:15px; } #selectWinColsTable .managerCol .data .image img {display:block; } #selectWinColsTable .managerCol .data .caption {color:#000; font-weight:bold; padding:0 0 10px 0; } #selectWinColsTable .managerCol .data .caption span {width:10px; height:10px; background:#55b867; display:inline-block; margin-right:6px; border-radius:10px; } #selectWinColsTable .managerCol .data .city {color:#000; padding-top:5px; } #selectWinColsTable .formCol {background:#fcf0c4; text-align:center; padding:40px; display:table-cell; vertical-align:top; } #selectWinColsTable .formCol .caption {font-size:30px; color:#000; font-weight:600; line-height:36px; padding-bottom:15px; } #selectWinColsTable .formCol .text {color:#000; font-size:16px; } #selectWinColsTable .formCol .phoneData {position:relative;margin-top:20px} #selectWinColsTable .formCol .phoneData input {border:1px solid #DEDEDE; width:100%; height:44px; padding:0px 10px 0 40px; border-radius:7px; font-size:18px;} #selectWinColsTable .formCol .phoneData i {width:20px; height:20px; text-align:center; position:absolute; left:10px; top:12px; color:#f8cd46; font-size:20px; } #selectWinColsTable .formCol .sendError {display:none; padding:5px 0; color:red; font-size:13px; } #selectWinColsTable .formCol button {width:100%; text-align:center; margin-top:10px;} #selectDiscountData .contentSended {display:none; padding-top:30px; font-size:20px; } #selectDiscountData.isProcess{position:relative; overflow:hidden;} #selectDiscountData.isProcess:after {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.95); background-image:url(../img/spin.svg); background-repeat:no-repeat; background-position:center center; background-size:50px; content:"Подождите..."; text-align:center; font-size:18px; padding-top:50px; color:#000; z-index:2001; } /* Окно "Заказать обратный звонок" */ #tWinCalback {overflow:hidden; } #tWinCalbackData {padding:40px; } #tWinCalbackData.isProcess { position:relative; overflow:hidden; } #tWinCalbackData.isProcess:after {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.95); background-image:url(../img/spin.svg); background-repeat:no-repeat; background-position:center center; background-size:50px; content:"Подождите..."; text-align:center; font-size:18px; padding-top:50px; color:#000; z-index:2001;} #tWinCalbackData h1, #tWinCalbackData h2, #tWinCalbackData h3 {font-size:30px; color:#000; line-height:36px; padding:0 0 10px 0; text-align:center; font-weight:600; } #tWinCalbackData p {color:#000; font-size:16px; text-align:center; } #tWinCalbackData .caption {display:none; } #tWinCalbackData .stdLineCaptcha .caption {display:block; width:100%; float:none; margin-top:20px; } #tWinCalbackData .stdFormData .rowLine.stdLineCaptcha .input {margin-top:5px; } #tWinCalbackData .stdInput { border:1px solid #DEDEDE; width:100%; height:44px; padding:0px 10px 0 40px; border-radius:7px; font-size:18px; } #tWinCalbackData .stdFormData .rowLine { padding:0; } #tWinCalbackData .stdFormData .rowLine .input {position:relative;margin-top:20px;width:100%} #tWinCalbackData .stdFormData .rowLine .input.stdInput:after {content:'\f095'; font-family:"Font Awesome 5 Pro"; width:20px; height:20px; text-align:center; z-index:10; position:absolute; left:10px; top:11px; color:#f8cd46; font-size:20px; font-weight:900; z-index:4; } #tWinCalbackData .stdFormData .rowLine .stdFormError {text-align:center; font-size:13px; padding-top:5px; } #tWinCalbackData .rowSubmit button {width:100%; text-align:center; } /* Окно "рассчитать скидку" с табами */ #tWinCalcData .tabs {width:100%; font-size:0; } #tWinCalcData .tabs .tab {width:20%; display:inline-block; vertical-align:bottom; text-align:left; border-left:1px solid transparent; border-right:1px solid transparent; height:55px; cursor:pointer; } #tWinCalcData .tabs .tab1 {border-left:none; } #tWinCalcData .tabs .tab5 {border-right:none; } #tWinCalcData .tabs .tab span {display:block; width:100%; height:100%; border-radius:10px 10px 0 0; background:#DEDEDE; color:#555; font-size:38px; font-weight:600; padding:5px 0 10px 15px; } #tWinCalcData .tabs .tab:hover span {color:#000; } #tWinCalcData .tabs .tab span i {font-style:normal; text-transform:uppercase; font-size:14px; } #tWinCalcData .tabs .tab.ok span {background:#F8CD46; color:#000; } #tWinCalcData .tabs .tab.ok:hover span {color:#000; } #tWinCalcData .tabs .tab.active {height:58px; } #tWinCalcData .tabs .tab.active span {background:#fff; color:#F0B90B; padding-top:8px; } #tWinCalcData .tabs .tab.active:hover span {color:#F0B90B; } #tWinCalcData .tabs .tab.disable {cursor:default; } #tWinCalcData .tabsData.isProcess {position:relative; overflow:hidden; } #tWinCalcData .tabsData.isProcess:after {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.95); background-image:url(../img/spin.svg); background-repeat:no-repeat; background-position:center center; background-size:50px; content:"Подождите..."; text-align:center; font-size:18px; padding-top:50px; color:#000; z-index:2001; } #tWinCalcData .tabOne {display:none; } #tWinCalcData .tabOne.active {display:block; } #tWinCalcData .tabOne .top {height:120px; background:#fff; } #tWinCalcData .tabOne .top table {width:100%; height:100%; } #tWinCalcData .tabOne .top table td {vertical-align:middle; text-align:center; } #tWinCalcData .tabOne .top .caption {font-size:28px; color:#000; line-height:32px; padding-bottom:10px; text-align:center; } #tWinCalcData .tabData5 .top .caption {padding-bottom:0; } #tWinCalcData .tabOne .top .time{color:#696969; font-size:16px; } #tWinCalcData .tabOne .top .time .fa {color:#f8cd46; font-size:24px; height:28px; vertical-align:middle; margin-right:5px; font-weight:900; } #tWinCalcData .tabOne .data {height:200px; background:#fcf0c4; padding:20px 50px; } #tWinCalcData .tabOne .data table {width:100%; height:100%; } #tWinCalcData .tabOne .data table td {vertical-align:middle; text-align:left; } #tWinCalcData .tabOne .data table td .caption {font-size:22px; color:#000; line-height:24px; padding-bottom:20px; text-align:left; } #tWinCalcData .tabOne .data table td .select select {border:1px solid #DEDEDE; width:400px; height:50px; padding:0px 15px; border-radius:7px; font-size:18px; background:#fff; color:#000; font-family:inherit; } #tWinCalcData .tabOne .data table td .select select option {font-family:Arial; } #tWinCalcData .tabOne .data table td .calendar {height:50px; width:400px; border:1px solid #DEDEDE; padding:0 15px; border-radius:7px; font-size:18px; } #tWinCalcData .tabOne .data table td .inc {height:50px; line-height:48px; font-size:16px; margin-top:-3px; display:inline-block; } #tWinCalcData .tabOne .data table td .inc * {vertical-align:middle; } #tWinCalcData .tabOne.tabData3 .data table td .inc .name {display:none;} #tWinCalcData .tabOne.tabData3 .data table td .inc .incBlock.to {display:none; } #tWinCalcData .tabOne .data table td .inc .minus {margin-left:10px; display:inline-block; height:40px; width:40px; border:2px solid #F0B90B; cursor:pointer; text-align:center; font-size:34px; line-height:31px; color:#F0B90B; border-radius:50px; } #tWinCalcData .tabOne .data table td .inc .minus:hover {background:#F0B90B; color:#000; } #tWinCalcData .tabOne .data table td .inc .from .minus {margin-left:0;} #tWinCalcData .tabOne .data table td .inc .plus {margin-right:15px; display:inline-block; height:40px; width:40px; border:2px solid #F0B90B; cursor:pointer; text-align:center; font-size:28px; line-height:32px; color:#F0B90B; border-radius:50px; } #tWinCalcData .tabOne .data table td .inc .plus:hover {background:#F0B90B; color:#000; } #tWinCalcData .tabOne .data table td .inc input {border:none; font-size:18px; text-align:center; width:36px; padding:5px 0; cursor:default; vertical-align:1px; background:transparent; } #tWinCalcData .tabOne .data table td .left {width:50%; display:inline-block; padding-right:20px; float:left; position:relative; } #tWinCalcData .tabOne .data table td .left:before {content:'\f095'; font-family:"Font Awesome 5 Pro"; width:20px; height:20px; text-align:center; position:absolute; left:10px; top:41px; color:#f8cd46; font-size:20px; z-index:4; } #tWinCalcData .tabOne .data table td .left:after {content:'\f0e0'; font-family:"Font Awesome 5 Pro"; width:20px; height:20px; text-align:center; position:absolute; left:10px; bottom:13px; color:#f8cd46; font-size:20px; z-index:4; } #tWinCalcData .tabOne .data table td .right {width:50%; display:inline-block; padding-left:20px; float:left; position:relative; } #tWinCalcData .tabOne .data table td .send .caption {padding-bottom:10px; line-height:20px; font-size:18px; } #tWinCalcData .tabOne .data table td .send .caption.paddingTop {padding-top:10px; } #tWinCalcData .tabOne .data table td .send input {height:44px; width:100%; border:1px solid #DEDEDE; padding:0 15px 0 40px; border-radius:7px; font-size:18px;} #tWinCalcData .tabOne .data table td .send input.isError {border:1px solid red; } #tWinCalcData .tabOne .data table td .send select {border:1px solid #DEDEDE; width:100%; height:44px; padding:0px 15px; border-radius:7px; font-size:18px; background:#fff; color:#000; font-family:inherit;} #tWinCalcData .tabOne .data table td .send select option {font-family:Arial; } #tWinCalcData .tabOne .data table td .send select.isError {border:1px solid red; } #tWinCalcData .tabOne .data .stdFormSubmitBlock {text-align:center; } #tWinCalcData .tabOne .data .stdFormSubmitBlock button {height:44px; text-align:center; margin-top:39px; padding:0; width:100%; font-size:17px; } #tWinCalcData .tabOne .data table td .center {width:100%; height:100%; } #tWinCalcData .tabOne .data table td .center td {vertical-align:middle; } #tWinCalcData .tabOne .data table td .center td h1, #tWinCalcData .tabOne .data table td .center td h2, #tWinCalcData .tabOne .data table td .center td h3 {font-size:30px; color:#000; line-height:36px; padding:0 0 15px 0; text-align:center; } #tWinCalcData .tabOne .data table td .center td p {color:#000; font-size:16px; text-align:center; } #tWinCalcData .tabOne .bottom {height:60px; background:#fff; border-radius:0 0 10px 10px; } #tWinCalcData .tabOne .bottom table {width:100%; height:100%; } #tWinCalcData .tabOne .bottom table td {vertical-align:middle; text-align:center; font-size:12px; } #tWinCalcData .tabOne .bottom table td span {color:#000; } #tWinCalcData .nextButton {text-align:center; float:right; width:190px; height:50px; line-height:50px; padding:0; } #tWinCalcData .nextButton .fa {margin-left:25px; font-size:19px; } /* Список отелей или курортов в отельной базе */ .hotels_ul {-webkit-column-count:3; -moz-column-count:3; column-count:3; margin-left:0 !important; } .hotels_ul li:before {left:5px !important;} .hotels_ul_link_text {margin:0 5px; } .hotels_ul_link_amount {float:right; } .pere_link {display:flex; align-items:center; flex-wrap:wrap; padding-bottom:10px; } .pere_link a {display:inline-block; padding:5px 10px; background:#fff; border-radius:4px; text-align:center; transition:ease all .4s; } .pere_link a:hover {color:#000; text-decoration:none; background:#F8CD46; } .pere_link span {display:inline-block; padding:5px 10px; background:#F8CD46; color:#000; text-decoration:none; border-radius:4px; text-align:center; } .wrapp_curorts .caption {display:inline-block; margin-bottom:15px; } .wrapp_hotels { overflow:hidden; } .hostel_title {margin-top:25px; } .wrapp_form_hotel form {width:100%; max-width:100%; margin-bottom:50px; border:1px solid #EDEDED; background:#fff; padding:20px; box-shadow:0px 6px 16px rgba(149, 149, 149, 0.24); border-radius:15px; } .wrapp_form_hotel .flex_row.flex_row_mar {margin:0 -15px} .wrapp_form_hotel .stars_wrapp {display:flex;align-items:center;flex-wrap:wrap} .wrapp_form_hotel .star_item {display:flex; align-items:center; margin-right:20px; flex-direction:column; align-items:center; margin-bottom:5px; } .wrapp_form_hotel .star_item input { display:none; } .wrapp_form_hotel .star_item input + label {position:relative; padding-left:20px; margin-bottom:0; } .wrapp_form_hotel .star_item input + label.star {padding-right:20px; } .wrapp_form_hotel .star_item input + label i {color:#F8CD46; position:absolute; right:0; top:0; font-size:15px; } .wrapp_form_hotel .star_item input + label b {display:block; width:16px; height:16px; background-image:url('../img/nocheck.png'); background-repeat:no-repeat; background-size:auto; position:absolute; left:0; top:0px;} .wrapp_form_hotel .star_item input:checked + label b {background-image:url('../img/check.png'); background-size:100%;} .wrapp_form_hotel .flex_row{display:flex;align-items:center} .wrapp_form_hotel .flex_item{width:50%;display:flex;flex-direction:column;align-items:flex-start;padding:0 15px} .wrapp_form_hotel .flex_item label{margin-bottom:5px} .wrapp_form_hotel .flex_item input{flex:1 1 auto;width:100%!important;box-sizing:border-box} .wrapp_form_hotel .form-group {margin-bottom:15px; display:flex; flex-direction:column; } .wrapp_form_hotel .form-group label {color:#777; line-height:16px; height:16px; font-size:16px; white-space:nowrap; margin-bottom:10px; } .wrapp_form_hotel .form-group input {background:#f7f7f7; padding:0 10px; font-size:15px; height:44px; border:1px solid #DEDEDE; width:100%; border-radius:7px; } .wrapp_form_hotel .submit-group {text-align:left;} .wrapp_form_hotel .submitHotelFilter { border:none; display:inline-block; padding:0 20px; line-height:44px; height:44px; font-weight:600; color:#000; background:#F8CD46; text-align:center; border-radius:7px; cursor:pointer; transition:background .2s; } .wrapp_form_hotel .submitHotelFilter:hover {background:#F0B90B;} /* .wrapp_form_hotel .star_item input:checked + label:after{opacity:1} .wrapp_form_hotel .star_item input + label:before{content:'';background-color:#fff;border:1px solid #acacac;width:14px;height:14px;top:50%;transform:translateY(-50%);right:1px;position:absolute} */ .button_v{text-transform:uppercase;width:35%;font-size:14px;border:none;border-radius:5px;padding:10px 25px;color:#fff;background:linear-gradient(to top,#ff6502,#ff7d00) repeat scroll 0 0} .button_v:hover{cursor:pointer;background:linear-gradient(to top,#ff5b00,#ff4000) repeat scroll 0 0} .search_v{max-width:500px;width:100%;font-size:14px;color:#ff7d00;margin:12px 0;box-sizing:border-box} .select_v{width:45%;padding:8px 0 8px 5px;font-size:13px;margin:0 10px} @media screen and (max-width: 440px) { .button_v{margin-left:28%;margin-top:12px;width:40%} .select_v{width:70%} } .visa_sp{font-weight:700;text-transform:uppercase;font-size:18px} .visas:hover .sub-menu{opacity:1!important} .sub-menu{text-align:center;opacity:1!important} .visas li a:before{display:none!important} .mainmenu_li a{font-size:20px!important} .mainmenu_ul li a{font-size:14px!important;text-transform:uppercase} .visas:hover .sub-menu{display:block!important} .sub-menu-hidden{display:none!important} .sub-menu-visible{display:block!important} .ul_block:hover .sub-menu-li{display:block!important} .sub-menu-li li{min-width:33.33%!important;text-align:center;width:auto!important} .sub-menu a:hover{background-color:#fff!important} @media only screen and (min-width: 52em) { .bgc_a{background-position:left!important} .sub-menu-li li a{background:left no-repeat!important} } @media only screen and (max-width: 64em) and (min-width: 52.01em) { .bgc_a{background-position:left!important} .sub-menu-li li a{background:left no-repeat!important} } .sub-menu-li li a{background:no-repeat!important} @media only screen and (min-width: 1024px) { .sub-menu-li li a{background:100px -3px no-repeat!important} } .hotelsMain{margin:0 -10px} .hotelsMain .fireListOne{width:25%;float:left;padding:0 10px;box-sizing:border-box} .hotelsMain .fireListOneData{padding:10px;border:1px solid #f5d590;border-radius:5px;overflow:hidden} .hotelsMain .fireListOneData:hover {box-shadow:0 0 4px -1px rgba(0,0,0,0.4); border:1px solid #ccc; } .hotelsMain .fireListOneData .top{padding-bottom:10px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700} .hotelsMain .fireListOneData .top img{margin-right:10px;vertical-align:middle;margin-top:1px} .hotelsMain .fireListOneData .top span{vertical-align:middle} .hotelsMain .fireListOneData .link{display:block;background-repeat:no-repeat;text-decoration:none;margin-bottom:10px;overflow:hidden;text-align:center} .hotelsMain .fireListOneData .link img{display:inline-block;max-width:100%;height:auto} .hotelsMain .fireListOneData .link:hover img{transform:scale(1.05)} .hotelsMain .fireListOneData .hotelStars{position:relative;padding-right:110px;line-height:20px;margin-bottom:8px;height:40px;overflow:hidden} .hotelsMain .fireListOneData .hotelStars .stars{position:absolute;right:0;top:3px;width:100px;height:14px;background:url(../img/icons.png) no-repeat 0 -45px} .hotelsMain .fireListOneData .hotelStars .stars.star1{background-position:0 -60px} .hotelsMain .fireListOneData .hotelStars .stars.star2{background-position:0 -75px} .hotelsMain .fireListOneData .hotelStars .stars.star3{background-position:0 -90px} .hotelsMain .fireListOneData .hotelStars .stars.star4{background-position:0 -105px} .hotelsMain .fireListOneData .hotelStars .stars.star5{background-position:0 -120px} .hotelsMain .fireListOneData .datePrice{position:relative;line-height:20px;text-align:center} .hotelsMain .fireListOneData .datePrice .cost{width:100%;text-align:right} .hotelsMain .fireListOneData .datePrice .cost span{font-size:16px;font-weight:700;color:#f60} .hotelsMainLoad{padding:20px 0;text-align:center} #hotelDescriptionID{border:none;width:95%} #map-canvas{height:400px} #map-canvas img{max-width:none} .text-center{align-items:center} #searchFormData.hotelsSearch .meals,#searchFormData.hotelsSearch .sort{padding:10px 15px} #searchFormData.hotelsSearch .dates .dateBlock{padding:10px 7px 10px 15px} #searchFormData.hotelsSearch .dates .dayBlock{padding:10px 15px} #searchFormData.hotelsSearch .dates{display:flex;flex-wrap:wrap;width:100%} #searchFormData.hotelsSearch .dates > div{width:50%} #searchFormData.hotelsSearch .hotels{margin:0} #sotrFormData .hotels{margin:0} .sortForm{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between} .sortForm > *{width:48%!important} #searchFormData .meals .checkboxList:last-child{border-bottom:none;padding-bottom:0} #moreResults{font-size:14px;font-weight:700;text-align:center;padding:12px 15px;border-radius:4px;color:#fff;background:linear-gradient(to top,#ff6502,#ff7d00) repeat scroll 0 0;display:table;cursor:pointer;margin:15px auto 0} .info_block{border-radius:8px;padding:20px;border:1px solid #f5d590;margin:25px 0} .info_block .title{text-align:center;font-size:32px;font-weight:400;padding-bottom:15px;font-weight:bold;color:#000} .list_answer{display:flex;align-items:stretch;justify-content:center;font-size:16px;margin-top:20px} .list_answer .answer_item{width:25%;flex:0 1 auto;text-align:center;display:flex;flex-direction:column;align-items:center;padding:0 15px;margin-bottom:10px} .list_answer .icon svg{color:red} .list_answer .icon{height:50px} .list_answer .text{margin-top:20px;font-size:16px;color:#000} .economy{display:flex;align-items:center} .economy .icon_wrapp{width:80px;margin-right:25px;flex:0 0 auto} .economy .text{font-size:20px;font-weight:700;color:#000} .economy .text span{background-color:#ff7d00;border-radius:50px;color:#fff;padding:0 8px} .use_filter{display:flex;align-items:center} .use_filter .icon_wrapp{width:50px;height:50px;flex:0 1 auto;border:2px solid #ff7d00;border-radius:50%;padding:15px} .use_filter .text_wrap{padding-left:25px} .use_filter .b_text{font-weight:700;color:#ff7d00;font-size:24px;margin-bottom:5px;position:relative;padding-right:110px;display:inline-block} .use_filter .s_text{font-size:16px;color:#000} .arrow_elem{width:100px;border-bottom:dotted 2.5px #ff7d00;position:absolute;top:calc(50% + 2px);transform:translateY(-50%);right:0} .arrow_elem:after{content:'';height:2px;width:15px;background:#ff7d00;position:absolute;transform-origin:100% 50%;left:calc(100% - 15px);top:calc(50% + 1px);transform:translateY(-50%) rotate(45deg)} .arrow_elem:before{content:'';height:2px;width:15px;background:#ff7d00;position:absolute;transform-origin:100% 50%;left:calc(100% - 15px);top:50%;transform:translateY(-50%) rotate(-45deg)} @media screen and (max-width: 950px) { .arrow_elem{display:none} .use_filter .b_text{padding-right:0} } @media screen and (max-width: 767px) { .info_block{padding:10px} .list_answer{flex-wrap:wrap} .list_answer .answer_item{width:33.3332%;padding:0 10px} .list_answer .text{margin-top:10px;font-size:14px} .info_block .title{font-size:26px} .use_filter .icon_wrapp{flex:0 0 auto;width:35px;height:35px;padding:10px} .economy .icon_wrapp{width:60px} } .toursList{margin-bottom:15px;border-radius:5px} .toursList ul{margin:0;padding:0} .toursList li:before{display:none!important} .toursList li{padding:10px 15px!important;list-style:none;border-radius:0;display:flex;flex-wrap:wrap;align-items:center;color:#000;position:relative} .toursList li:nth-child(odd){color:#ff7d00} .toursList li:not(:last-child){border-bottom:1px solid #f5d590} .toursList .icon_wrapp{flex:0 0 auto;width:30px;display:flex;align-items:center} .toursList svg{width:100%;fill:#ff7d00} .toursList a{position:absolute;left:0;top:0;right:0;bottom:0} .toursList .title{font-weight:600;font-size:15px;text-transform:uppercase;width:calc(100% - 30px);padding-left:15px;box-sizing:border-box} .toursList .title.orange{color:#ff7d00} .toursList .text{font-size:12px;width:100%;flex:0 0 auto;margin-top:4px} .advantages ul{margin:0;padding:0} .advantages li{padding:0;color:#000;display:flex;align-items:flex-start;margin-bottom:15px} .advantages .wrapp_icons{width:55px;flex:0 0 auto} .advantages svg{max-width:100%;fill:#ff7d00} .advantages .text{width:calc(100% - 55px);padding-left:20px} .advantages li:before{display:none!important} .advantages li a{color:#ff7d00} .tableDiscounts{border:1px solid #ff7d00;border-collapse:collapse;color:#000} .tableDiscounts thead th{font-weight:600} .tableDiscounts tbody th:first-child{font-weight:600} .tableDiscounts th{border:1px solid #ff7d00;text-align:center;padding:10px 14px;font-weight:400} .tableDiscounts tfoot{color:#7d8486} .tableDiscounts tfoot th{font-weight:400} .response_table table{min-width:450px} .response_table{overflow:auto} /* Блок выпадашки со списком виз и кнопкой "туры в эту страну" */ #visaSelectorBlock {position:relative; margin-bottom:20px; height:44px;} #visaSelectorBlock .cap {position:absolute; left:0; top:12px; font-weight:bold; color:#F0B90B; white-space:nowrap;} #visaSelectorBlock select {position:absolute; left:80px; top:0px; border:1px solid #DEDEDE; width:230px; height:44px; padding:0px 15px; border-radius:7px; font-size:18px; } #visaSelectorBlock .goTourBtn {position:absolute; right:0px; top:0px; font-size:15px; white-space:nowrap; line-height:44px; padding:0 15px;} .default_green_btn:visited{color:#fff} .default_green_btn{background:#5cb85c;color:#fff;text-decoration:none;font-size:14px;text-align:center;display:inline-block;padding:11px 15px;border-radius:5px;float:right} .default_green_btn:hover{background:#449d44;color:#fff} #mobileToggle{position:relative;font-size:14px;text-align:center;padding:15px 0;margin-bottom:20px} #mobileToggle a{font-size:14px} #touroperatorList {margin:0 -10px; font-size:0; } #touroperatorList .item {display:inline-block; width:33.33%; padding:0 10px 20px 10px; vertical-align:top; } #touroperatorList .item .data {border-radius:10px; border:1px solid #DDDDDD; padding:15px; text-align:center;} #touroperatorList .item .data img {display:block; max-width:100%; max-height:80px; margin:0 auto; } #touroperatorList .item .data .name {display:block; font-size:16px; padding-top:15px; } .reviews{position:relative;margin-bottom:15px} .reviewsList{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start} .reviewsGroup{position:relative;padding:0 15px;width:33.333334%;overflow:hidden} .reviewsGroup:not(:last-child){border-right:1px solid #ccc} .reviewsGroup.show{padding-bottom:20px} .reviewsGroup.show .reviewsBoxMore:before{background:transparent} .reviewsBox{position:relative} .reviewsBox .positive{font-size:13px;font-weight:700;color:#090;padding-bottom:3px} .reviewsBox .negative{font-size:13px;font-weight:700;color:#D90000;padding-bottom:3px} .reviewsBoxMore{position:absolute;bottom:0;left:0;right:0;text-align:center;padding-top:20px} .reviewsBoxMore:before{content:'';position:absolute;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%);bottom:0;left:0;right:0;height:40px;pointer-events:none} .reviewsBoxMore a{position:relative;display:none} .tourPopular{position:relative} .tourPopularList{position:relative;display:flex;flex-wrap:wrap;flex-grow:1;flex-shrink:0;flex-basis:0} .tourPopularBox{position:relative;width:calc(25% - 22.5px);color:#000;font-size:14px;border-radius:4px;margin-bottom:30px;margin-right:30px;overflow:hidden} .tourPopularBox:nth-child(4n){margin-right:0} .tourPopularBoxHead{position:relative} .tourPopularBoxImg{position:relative;display:block;height:180px;line-height:0;overflow:hidden} .tourPopularBoxImg img{width:100%} .tourPopularBoxLabel{position:absolute;background:#ff4000;top:0;left:0;width:40px;height:20px;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;border-radius:0 0 8px 0;border-right:3px solid #fff;border-bottom:3px solid #fff} .tourPopularBoxBody{position:relative;background:#f7f7f7;padding:15px} .tourPopularBoxTitle{position:relative;font-size:12px;padding-right:70px;margin-bottom:10px} .tourPopularBoxPrice{position:relative;font-size:20px;margin-bottom:10px} .tourPopularBoxDetails{position:relative;font-size:12px;padding-right:70px} .tourPopularBoxDetails ul{padding:0;margin:0} .tourPopularBoxDetails ul li{padding-left:0;padding-bottom:0} .tourPopularBoxDetails ul li:before{content:none} .tourPopularBoxDetails ul li i{display:inline-block;width:12px;color:#999;text-align:center;margin-right:8px} .tourPopularBoxRating{position:absolute;top:15px;right:15px;display:flex} .tourPopularBoxRating span{color:#ACACAC} .tourPopularBoxRating span.fill{color:#F78424} .tourPopularBoxLink{position:absolute;right:15px;bottom:15px} .tourPopularBoxLink a{display:block;background:#ff6502;color:#fff;font-size:13px;text-align:center;text-decoration:none;padding:5px 20px 6px;border-radius:5px} .tourPopularBoxLink a:hover{background:#ff7d00} @media (max-width: 1199px) { .tourPopularBoxImg{height:150px} } @media (max-width: 991px) { .tourPopularBox{width:calc(50% - 20px);margin-right:30px} .tourPopularBox:nth-child(even){margin-right:0} } @media (max-width: 767px) { .reviewsList{display:block} .reviewsGroup{width:100%} .reviewsGroup:not(:last-child){border:0;margin-bottom:30px} .reviewsGroup:last-child{border-top:1px solid #ccc} .reviewsGroup:first-child{border-bottom:1px solid #ccc} } @media (max-width: 579px) { .tourPopularBox{width:100%} .tourPopularBox:nth-child(n){margin-right:0} .tourPopularBoxImg{height:auto} } #toursListFull {margin-bottom:15px; } #toursListFull ul {margin:0 -10px; padding:0; display:block; font-size:0;} #toursListFull li:before {display:none; } #toursListFull li {padding:10px; list-style:none; border-radius:0; color:#000; position:relative; display:inline-block; vertical-align:top; width:25%; } #toursListFull li:nth-child(odd){color:#ff7d00} #toursListFull li .item {position:relative; border:1px solid #f5d590; padding:10px 10px 10px 50px; border-radius:5px; } #toursListFull .item .icon_wrapp {position:absolute; left:10px; top:28px; width:30px; } #toursListFull .item .icon_wrapp svg{width:100%;fill:#ff7d00} #toursListFull .item .icon_wrapp a{position:absolute;left:0;top:0;right:0;bottom:0} #toursListFull .item .title {font-weight:600; font-size:15px; text-transform:uppercase; display:table; height:70px;} #toursListFull .item .title span {display:table-cell; vertical-align:middle;} #toursListFull .item .title.orange {color:#ff7d00} #toursListFull .item .text {font-size:12px; margin-top:4px; margin-left:-40px;} #toursListFull .item a {display:block; width:100%; height:100%; position:absolute; left:0; top:0; } #gotoTop {display:none; width:40px; height:40px; line-height:40px; font-size:20px; text-align:center; background:#FCF0C4; color:#000; position:fixed; bottom:20px; right:20px; cursor:pointer; z-index:100; border-radius:5px;} #gotoTop:hover {background:#F0B90B; } #gotoTop.show {display:block;} .grecaptcha-badge {display:none !important; width:0px !important; height:0px !important; opacity:0 !important; visibility:hidden !important; } #tourCardWhatsapp {padding-top:20px; text-align:center; } #tourCardWhatsapp a {padding-left:54px; height:44px; display:inline-block; position:relative;} #tourCardWhatsapp a:hover {color:#00c231; } #tourCardWhatsapp a i {width:44px; height:44px; line-height:44px; font-size:40px; color:#00c231; text-align:center; position:absolute; left:0; top:0; } #tourCardWhatsapp a > span {display:table; width:100%; height:100%; } #tourCardWhatsapp a > span span {display:table-cell; vertical-align:middle; line-height:18px; text-align:left; font-weight:bold; }