@CHARSET "UTF-8"; * { margin:0; padding:0; outline:none; } ::-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; } /* @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans/OpenSans-Regular.eot'); src: local('OpenSans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans/OpenSans-SemiBold.eot'); src: local('OpenSans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/OpenSans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-SemiBold.woff') format('woff'), url('../fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans/OpenSans-Bold.eot'); src: local('OpenSans Bold'), local('OpenSans-Bold'), url('../fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } */ @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto/Roboto-Regular.eot'); src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto/Roboto-Medium.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto/Roboto-Bold.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } html {height:100%; width:100%;} html * {box-sizing:border-box; } body {font-size:16px; font-family:'Roboto'; color:#333; min-height:100%; height:100%; min-width:310px;} table {border-collapse:collapse;} textarea {font-size:inherit; font-family:inherit; } input, select {font-family:inherit; font-size:inherit;} img {border:0;} a {text-decoration:underline; color:#0056a3;} a:visited {color:#0056a3;} a:hover {text-decoration:none; color:#de4756; } td {vertical-align:top;} .clear {clear:both;} .hidden {display:none;} .notap {-webkit-tap-highlight-color:transparent;} .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .maxWidth {max-width:1280px; margin:0 auto; padding:0 15px; box-sizing:border-box; } .stdAni {transition:color 0.2s;} .center {text-align:center;} .onlyMob {visibility:hidden; overflow:hidden; width:0; height:0;} .onlyDesk {} .strBlue {color:#1475ba; } .strRed {color:#de4756; } .strGreen {color:green; } #pageFrames {min-height:100%; height:auto !important; margin:0 auto -230px; width:100%; } #header {background:#fff; opacity:1; position:relative; } #headerContent {position:relative; height:100px; } #headerContent table.vertical {height:100%; width:100%;} #headerContent table.vertical td {vertical-align:middle; } #headerMainLogo {display:block; width:325px; position:absolute; left:0; top:20px; } #headerMainLogo img {display:block; max-width:100%; height:auto; } #headerMainSlogan {display:block; height:60px; position:absolute; left:350px; top:20px; border-left:1px solid #d0d0d0; padding-left:15px;} #headerMainSlogan table.vertical td {color:#777; font-size:16px;} #headerMainSlogan table.vertical td br {display:none; } #usersData {display:block; height:60px; width:100px; position:absolute; right:0px; top:20px; border-left:1px solid #d0d0d0; padding-left:15px; padding-top:5px; text-align:center; } #usersData a {display:block; text-decoration:none; } #usersData a .icon {width:30px; height:30px; line-height:30px; text-align:center; font-size:24px; color:#777; } #usersData a .caption {display:block; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #usersData a.isAuth .icon { color:#de4756; } #favoriteData {display:block; width:100px; height:60px; position:absolute; right:115px; top:20px; border-left:1px solid #d0d0d0; padding-left:15px; padding-top:5px; text-align:center;} #favoriteData .link {display:block; text-decoration:none; } #favoriteData .link .icon {width:30px; height:30px; line-height:30px; text-align:center; font-size:27px; color:#777; } #favoriteData .link .caption {display:block; font-size:14px; } #favoriteData span.link .caption {color:#777;} #favoriteData a.link .icon { color:#de4756; position:relative; } #favoriteData a.link .icon i {display:block; width:20px; height:12px; line-height:12px; font-size:12px; font-style:normal; font-family:'Roboto'; text-align:center; position:absolute; left:100%; top:1px; font-weight:bold; } #phoneData {display:block; position:absolute; right:240px; top:20px; } #phoneData .city {display:inline-block; color:#777; font-size:14px; vertical-align:top;} #phoneData .city.change {border-bottom:1px dotted #777; cursor:pointer; } #phoneData .city.change:hover {border-bottom:1px solid transparent; } #phoneData .phone {display:block; text-decoration:none; color:#000; font-size:30px; font-weight:bold; } #phoneData .phone:hover {color:#0056a3; } #mobileOpenBtn {display:none; position:absolute; left:0px; top:10px; padding-left:40px; line-height:24px; color:#fff; cursor:pointer; } #mobileOpenBtn .l {display:block; width:30px; height:3px; background:#fff; position:absolute; left:0; top:0; } #mobileOpenBtn .l2 {top:10px; } #mobileOpenBtn .l3 {top:20px; } #mobileOpenBtn:hover {color:#fbe805; } #mobileOpenBtn:hover .l {background:#fbe805; } #mobileCloseBtn {display:none; position:absolute; right:10px; top:10px; width:30px; height:30px; cursor:pointer; } #mobileCloseBtn .l {display:block; width:30px; height:3px; background:#fff; position:absolute; right:0px; top:14px; transform:rotate(-45deg); border-radius:2px; } #mobileCloseBtn .l2 {transform:rotate(45deg);} #mobileCloseBtn:hover .l {background:#fbe805; } #mainMenuContent {position:relative; } #mainMenuData {background:#1475ba; position:relative; z-index:20;} #mainMenu {height:100%; padding-right:170px; position:relative; } /* #mainMenu > ul {display:flex; justify-content:space-between; height:50px; flex-direction:row; align-items:center;} */ #mainMenu > ul {height:50px; } #mainMenu > ul > li {list-style-type:none; position:relative; float:left; } #mainMenu > ul > li.onlyMob {display:none;} #mainMenu > ul > li > a {display:inline-block; font-size:18px; padding:0 20px; line-height:48px; height:50px; text-decoration:none; color:#fff; border-left:1px solid #0056a3; } #mainMenu > ul > li:first-child > a {border-left:none; } #mainMenu > ul > li.isHover > a {background:#0056a3;} #mainMenu > ul > li.red > a {background:#de4756;} #mainMenu > ul > li > a.active {background:#de4756;} #mainMenu > ul > li.isExpandtrue > a {padding-right:30px; position:relative; } #mainMenu > ul > li.isExpandtrue .collapse {display:none;} #mainMenu > ul > li.isExpandtrue > a .arrow {display:block; width:15px; height:15px; line-height:16px; font-size:12px; position:absolute; right:10px; top:16px; text-align:center; transition:transform 0.2s, line-height 0.2s, top 0.2s;} #mainMenu > ul > li.isExpandtrue.isHover > a .arrow {transform:rotate(-180deg); line-height:12px; top:17px;} #mainMenu > ul > li > ul {display:none; position:absolute; top:100%; left:0; padding:10px 0 15px 0; min-width:220px; border-radius:0 0 7px 7px; background:#1475ba; border:1px solid #0056a3; border-top:none; } #mainMenu > ul > li.isHover > ul {display:block; } #mainMenu > ul > li > ul > li {list-style-type:none; position:relative; } #mainMenu > ul > li > ul > li.onlyMob {display:none;} #mainMenu > ul > li > ul > li > a {display:block; padding:9px 15px 9px 15px; font-size:16px; line-height:16px; text-decoration:none; color:#fff; white-space:nowrap; } #mainMenu > ul > li > ul > li > a:hover {background:#0056a3; } #mainMenu > ul > li > ul > li > a.active {background:#de4756; } #mainMenu > ul > li:last-child > ul {left:auto; right:0%; } #searchFromNumber {width:160px; position:absolute; right:15px; top:10px; height:30px; padding-right:30px; } #searchFromNumber input {width:100%; height:100%; border:none; padding:0 10px; font-size:16px; font-weight:bold; color:#000;} #searchFromNumber input.isError {border:1px solid #de4756; } #searchFromNumber a {text-decoration:none; display:block; width:30px; height:30px; position:absolute; right:0; top:0; background:#0056a3; } #searchFromNumber a span {width:100%; height:100%; line-height:30px; text-align:center; color:#fff; } #searchFromNumber a:hover {background:#de4756; } #searchFromNumber.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5) url('../img/tail-spin.svg') no-repeat; background-position:10px center; background-size:25px; } /* Шапка в фиксированном виде */ .isFixHeader #headerFixedHeight {height:150px;} .isFixHeader #header {position:fixed; left:0; top:0; width:100%; z-index:100;} .isFixHeader #header:after {content:""; position:absolute; left:0; top:100%; width:100%; height:15px; background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); } .isFixHeader #header.isAnimate {transition:opacity 0.3s;} .isFixHeader #header.isOpacity0 {opacity:0;} .isFixHeader #headerContent {height:60px;} .isFixHeader #headerMainLogo {top:15px; width:170px;} .isFixHeader #headerMainSlogan {left:200px; top:10px; height:40px; } .isFixHeader #headerMainSlogan table.vertical td {font-size:13px;} .isFixHeader #phoneData {top:8px;} .isFixHeader #phoneData .city {font-size:13px;} .isFixHeader #phoneData .phone {font-size:18px;} .isFixHeader #favoriteData {top:10px; height:40px; padding-top:5px;} .isFixHeader #favoriteData .link .caption {display:none;} .isFixHeader #usersData {top:10px; height:40px; padding-top:5px;} .isFixHeader #usersData a .caption {display:none;} .isFixHeader #usersData a .icon {color:#0056a3; } /* Меню с картинками */ .imageMenu {overflow:hidden; } .imageMenu .imageMenuData {margin:0 -10px; font-size:0; } .imageMenu .imageMenuData .item {width:16.66%; padding:0 10px 30px 10px; display:inline-block; vertical-align:top; } .imageMenu .imageMenuData .item .data {display:block; text-decoration:none; } .imageMenu .imageMenuData .item span.data {color:#0056a3; cursor:default; } .imageMenu .imageMenuData .item .data .image {display:block; overflow:hidden;} .imageMenu .imageMenuData .item .data .image img {width:100%; display:block; transition:transform 0.2s;} .imageMenu .imageMenuData .item .data:hover .image img {transform:scale(1.05);} .imageMenu .imageMenuData .item .data .name {font-size:16px; font-weight:500; display:block; padding-top:10px;} .imageMenu .imageMenuData .item .data .text {color:#777; font-size:15px; padding-top:5px; display:block; } /* Новости */ #newsListData {} #newsListData .newsItem {padding-left:200px; min-height:150px; position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #d0d0d0; } #newsListData .newsItem:last-child {border-bottom:none;} #newsListData .newsItem.notImage {padding-left:0px; min-height:auto; } #newsListData .newsItem .date {padding-bottom:5px; color:#888; font-size:14px; } #newsListData .newsItem .image {display:block; position:absolute; left:0; top:2px; text-decoration:none;} #newsListData .newsItem .image span {display:block; overflow:hidden; } #newsListData .newsItem .image img {display:block; width:180px; height:auto; transition:transform 0.3s;} #newsListData .newsItem .image:hover img {transform:scale(1.1); } #newsListData .newsItem .name {font-weight:bold; } #newsListData .newsItem .anons {padding-top:10px;} #newsOneData .date {padding-bottom:10px; color:#1475ba; } .returnLink {padding-top:20px; } /* Стилизованный селект */ .styleSelect {position:relative; display:block; width:100%; height:46px; box-sizing:border-box; background:#fff; -webkit-tap-highlight-color:transparent; } .styleSelect.isProcess:before {content:""; position:absolute; left:1px; top:1px; width:calc(100% - 2px); height:calc(100% - 2px); background-color:rgba(255,255,255,0.8); z-index:1;} .styleSelect.isProcess:after {content:""; position:absolute; right:2px; top:0; width:25px; height:100%; background-image:url('../img/tail-spin.svg'); background-repeat:no-repeat; background-position:center center; background-size:25px 25px; z-index:2;} .styleSelect .arrow {position:absolute; right:8px; top:15px; transition:transform 0.2s, line-height 0.2s, top 0.2s;} .styleSelect.isOpen .arrow {transform:rotate(-180deg);} .styleSelect .selected {line-height:42px; height:46px; padding:0 25px 0 10px; border:1px solid #fff; position:relative; cursor:pointer; } .styleSelect .selected span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .styleSelect .selected .info {color:#777; position:absolute; top:0px; right:12px; font-size:15px;} .styleSelect.isDisabled:before {content:""; position:absolute; left:1px; top:1px; width:calc(100% - 2px); height:calc(100% - 2px); background-color:rgba(255,255,255,0.8); z-index:1;} .styleSelect.isCaption {height:50px;} .styleSelect.isCaption .arrow {top:25px;} .styleSelect.isCaption .selected {line-height:24px; height:50px; } .styleSelect.isCaption .selected .caption {height:20px; line-height:22px; color:#aaa; font-size:12px;} .styleSelect.isCaption .selected .info {top:20px; } .styleSelect .expandList {display:none; position:absolute; left:0; top:100%; min-width:200px; width:100%; background:#fff; border:1px solid #fff; border-bottom:2px solid #ccc; box-shadow:0 5px 6px -2px rgba(0,0,0,0.5); z-index:10; box-sizing:border-box; } .styleSelect.isOpen .expandList {display:block;} .styleSelect .expandList .container {padding:0; max-height:335px; overflow-x:hidden; overflow-y:auto;} .styleSelect .expandList .separator {line-height:30px; height:30px; text-align:center; position:relative; cursor:default; } .styleSelect .expandList .separator:before {display:block; content:""; position:absolute; left:0; top:16px; width:100%; border-bottom:1px solid #ccc; } .styleSelect .expandList .separator span {font-size:14px; display:inline-block; background:#fff; padding:0px 10px; position:relative; color:#888;} .styleSelect .expandList .item {position:relative; padding:0px 10px; font-size:15px; line-height:30px; height:30px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;} .styleSelect .expandList .item .info {font-size:11px; text-align:right; position:absolute; right:12px; color:#de4756;} .styleSelect .expandList .item:hover .name {color:#0056a3;} .styleSelect .expandList .item.active {color:#0056a3;} .styleSelect .expandList .item:last-child {margin-bottom:5px;} .styleSelect.isOne .expandList .item:hover {background:#ddd; } .styleSelect.isOne .expandList .item:hover .name {color:#000;} .styleSelect.isOne .expandList .item:hover .info {color:#000;} .styleSelect.isOne .expandList .item.active {background:#0071ba; color:#fff; } .styleSelect.isOne .expandList .item.active .name {color:#fff;} .styleSelect.isOne .expandList .item.active .info {color:#fff;} .styleSelect.isMultiple .expandList .item {padding-left:30px;} .styleSelect.isMultiple .expandList .item:before {font-family:"Font Awesome 5 Pro"; content:"\f0c8"; display:block; position:absolute; left:10px; top:1px; font-weight:300; font-size:16px; } .styleSelect.isMultiple .expandList .item.active:before {content:"\f14a"; font-weight:600;} /* Форма поиска туров */ #searchFormData {position:relative; text-align:left;} #searchFormData .formBlock1 {float:left; width:50%; height:50px; position:relative; } #searchFormData .formBlock1 .fCaption {position:absolute; left:15px; top:5px; color:#ccc; font-size:13px; line-height:15px; height:22px; border:1px solid transparent;} #searchFormData .formBlock2 {float:left; width:50%; height:50px;} #citySelect {position:absolute; left:0; top:0; width:50%; border-right:1px solid #d0d0d0; height:100%; padding-right:30px; } #citySelect .changeCrossBtn {border-left:1px solid #d0d0d0; background:#fff; position:absolute; right:0; top:0; width:30px; height:50px; cursor:pointer; } #citySelect .changeCrossBtn i {width:100%; height:100%; line-height:48px; text-align:center; color:#bbb;} #citySelect .changeCrossBtn:hover i { color:#0056a3;} #countrySelect {position:absolute; left:50%; top:0; width:50%; border-right:1px solid #d0d0d0; height:100%;} #searchFormData.crossChange #citySelect {left:50%; padding-right:0; padding-left:30px;} #searchFormData.crossChange #citySelect .changeCrossBtn {border-left:none; border-right:1px solid #d0d0d0; right:auto; left:0; } #searchFormData.crossChange #countrySelect {left:0;} #searchFormData #cityList .expandList {min-width:260px;} #searchFormData #countryList .expandList {min-width:260px;} #dateSelectBlock {float:left; width:35%; height:100%; } #dateSelect {width:100%; border-right:1px solid #d0d0d0; height:100%; cursor:pointer; } #dateSelect .expandList {width:312px; padding:0 10px 5px 10px; min-width:auto;} #dateSelect .expandList .air-datepicker {border:none; border-bottom:1px solid var(--adp-border-color-inner); padding-bottom:10px;} #dateSelect .expandList .air-datepicker .air-datepicker--content {padding:0;} #dateSelect .expandList .air-datepicker .air-datepicker-cell {font-size:15px; height:40px;} #dateSelect .expandList .air-datepicker .air-datepicker-body--day-name {color:#f67225;} #dateSelect .expandList .air-datepicker .air-datepicker-cell.-current- {color:#1475ba;} #dateSelect .expandList .air-datepicker .air-datepicker-cell.-selected- {background:#1475ba; color:#fff; } #dateSelect .expandList .air-datepicker .air-datepicker-cell .minPrice {display:block; font-size:10px; position:absolute; bottom:0;} #dateSelect .expandList .air-datepicker .air-datepicker-cell .notFly {display:block; font-size:10px; position:absolute; bottom:0;} #dateSelect .expandList .dateDiffData {padding-top:5px;} #dateSelect .expandList .dateDiffData .text {font-size:11px; padding-bottom:5px;} #dateSelect .expandList .dateDiffData .item {padding-left:20px;} #dateSelect .expandList .dateDiffData .item:before {font-family:"Font Awesome 5 Pro"; content:"\f0c8"; display:block; position:absolute; left:1px; top:1px; font-weight:300; font-size:16px; } #dateSelect .expandList .dateDiffData .item.active:before {content:"\f14a"; font-weight:600;} #nightSelectBlock {float:left; width:28%; height:100%; } #nightSelectFrom {float:left; width:50%; height:100%; cursor:pointer;} #searchFullFormData #nightSelectFrom .selected {border-right:none;} #searchFullFormData #nightSelectFrom .expandList {min-width:auto; width:100%;} #searchFullFormData #nightSelectFrom .expandList .item.active {background:#0071ba; color: #fff;} #searchFullFormData #nightSelectFrom .expandList .item:hover {background:#f0f0f0; color:#0056a3;} #nightSelectFrom .selected .caption {white-space:nowrap;} #nightSelectTo {float:left; width:50%; height:100%; cursor:pointer;} #searchFullFormData #nightSelectTo .expandList {min-width:auto; width:100%;} #searchFullFormData #nightSelectTo .expandList .item.active {background:#0071ba; color: #fff;} #searchFullFormData #nightSelectTo .expandList .item:hover {background:#f0f0f0; color:#0056a3;} #turistSelectBlock {float:left; width:37%; height:100%; } #turistSelect {width:100%; height:100%; cursor:pointer;} #turistSelect .expandList {padding:10px 10px 5px 10px;} #turistSelect .expandList .caption {padding-bottom:5px; font-size:14px;} #turistSelect .expandList .adultData {height:40px; line-height:40px; padding:0 40px; position:relative; text-align:center; margin-bottom:10px;} #turistSelect .expandList .adultData .minus {position:absolute; left:0; top:0; width:40px; height:40px; font-size:22px; background:#f0f0f0; line-height:36px; border-radius:3px 0 0 3px;} #turistSelect .expandList .adultData .minus:hover {color:#fff; background:#1475ba;} #turistSelect .expandList .adultData .plus {position:absolute; right:0; top:0; width:40px; height:40px; font-size:22px; background:#f0f0f0; border-radius:0 3px 3px 0;} #turistSelect .expandList .adultData .plus:hover {color:#fff; background:#1475ba;} #turistSelect .expandList .adultData .value {display:block; width:100%; height:100%; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; font-size:18px; } #turistSelect .expandList .kidsData {height:40px; line-height:40px; padding:0 40px; position:relative; text-align:center; margin-bottom:10px;} #turistSelect .expandList .kidsData .minus {position:absolute; left:0; top:0; width:40px; height:40px; font-size:22px; background:#f0f0f0; line-height:36px; border-radius:3px 0 0 3px;} #turistSelect .expandList .kidsData .minus:hover {color:#fff; background:#1475ba;} #turistSelect .expandList .kidsData .plus {position:absolute; right:0; top:0; width:40px; height:40px; font-size:22px; background:#f0f0f0; border-radius:0 3px 3px 0;} #turistSelect .expandList .kidsData .plus:hover {color:#fff; background:#1475ba;} #turistSelect .expandList .kidsData .value {display:block; width:100%; height:100%; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; font-size:18px; } #turistSelect .expandList .childAge {display:none;} #turistSelect .expandList .childAge.active {display:block;} #turistSelect .expandList .kidsAgeData {height:40px; line-height:40px; padding:0 40px; position:relative; text-align:center; margin-bottom:10px;} #turistSelect .expandList .kidsAgeData .minus {position:absolute; left:0; top:0; width:40px; height:40px; font-size:22px; background:#f0f0f0; line-height:36px; border-radius:3px 0 0 3px;} #turistSelect .expandList .kidsAgeData .minus:hover {color:#fff; background:#1475ba;} #turistSelect .expandList .kidsAgeData .plus {position:absolute; right:0; top:0; width:40px; height:40px; font-size:22px; background:#f0f0f0; border-radius:0 3px 3px 0;} #turistSelect .expandList .kidsAgeData .plus:hover {color:#fff; background:#1475ba;} #turistSelect .expandList .kidsAgeData .value {display:block; width:100%; height:100%; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; font-size:18px; } /* MINI-Форма поиска туров */ #searchMiniForm {width:100%; padding:50px 0; margin-bottom:20px; background-position:center center; background-size:cover; background-repeat:no-repeat;} #searchMiniForm:first-child {margin-top:-20px; } #searchMiniForm .searchMiniFormData {width:100%; text-align:center; } #searchMiniForm .searchMiniFormData .formHeader {margin-bottom:40px; display:inline-block; padding:15px 20px; border-radius:5px; } #searchMiniForm .searchMiniFormData .formHeader.bg1 {background:rgba(255,255,255,0.7);} #searchMiniForm .searchMiniFormData .formHeader.bg2 {background:rgba(0,0,0,0.4);} #searchMiniForm .searchMiniFormData .formHeader .mainHeader {font-size:34px; line-height:38px; padding:5px 0; font-weight:500;} #searchMiniForm .searchMiniFormData .formHeader .mainText {font-size:18px; padding:5px 0;} #searchMiniForm .searchMiniFormData .formHeader.color1 .mainHeader {color:#fff;} #searchMiniForm .searchMiniFormData .formHeader.color1 .mainText {color:#fff;} #searchMiniForm #searchFormData {position:relative; padding-right:100px; background:#fff; } #searchMiniForm a.runSearch {height:50px; width:100px; line-height:50px; color:#fff; text-align:center; text-decoration:none; background:#de4756; color:#fff; display:block; position:absolute; right:0; top:0; } #searchMiniForm a.runSearch:hover {background:#fbe805; color:#000; } /* FULL-Форма поиска туров */ #searchFullForm {margin-bottom:20px;} #searchFullFormData {padding-top:20px; padding-bottom:20px; } #searchFullFormData .formCaption {padding-bottom:15px; font-weight:500; font-size:26px; line-height:32px;} #searchFullFormData .styleSelect .selected {border:1px solid #d0d0d0;} #searchFullFormData #citySelect {border:none;} #searchFullFormData #citySelect .changeCrossBtn {border:none; background:transparent; } #searchFullFormData #citySelect .changeCrossBtn i {text-align:right; } #searchFullFormData #searchFormData.crossChange #citySelect .changeCrossBtn {border-right:none;} #searchFullFormData #searchFormData.crossChange #citySelect .changeCrossBtn i {text-align:center; } #searchFullFormData #countrySelect {border-right:none; padding-left:10px; } #searchFullFormData #searchFormData.crossChange #countrySelect {padding-left:0px; } #searchFullFormData #dateSelect {border-right:none;} #searchFullFormData #nightSelect {border-right:none;} #searchFullFormData #searchFormData .formBlock1 {padding-right:0;} #searchFullFormData #dateSelectBlock {padding-left:10px;} #searchFullFormData #dateSelectBlock .styleSelect .selected {padding-right:10px;} #searchFormCalendar {display:none; padding:10px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:2px solid #ccc; box-shadow:0 5px 6px -2px rgba(0,0,0,0.5); box-sizing:border-box; position:absolute; left:0; top:50px; width:100%; background:#fff; 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:500; 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:500; padding:5px 0; margin-bottom:5px; border-bottom:1px solid #f0f0f0; } #calendarSlider .calendarMonth .cells.week.free {color:#de4756; } #calendarSlider .calendarMonth .cells.day {border-radius:3px; line-height:40px; cursor:pointer; position:relative;} #calendarSlider .calendarMonth .cells.day.norm {background:#edffed;} #calendarSlider .calendarMonth .cells.day.current {color:#f67225; background:#fff; } #calendarSlider .calendarMonth .cells.day.accept {background:#dcf0ff;} #calendarSlider .calendarMonth .cells.day.range {background:#dcf0ff;} #calendarSlider .calendarMonth .cells.day:hover {background:#f0f0f0; color:#0056a3;} #calendarSlider .calendarMonth .cells.day.select {background:#1475ba; color:#fff;} #calendarSlider .calendarMonth .cells.day.old {background:#fff; color:#ccc; cursor:default;} #calendarSlider .calendarMonth .cells.day.notfly {background:#fff; color:#ccc; cursor:default; text-decoration: line-through;} #calendarSlider .calendarMonth .cells.day .notFound {color:#de4756; display:block; position:absolute; left:0; bottom:3px; width:100%; font-size:10px; text-align:center; line-height:10px;} #searchFullFormData #nightSelectBlock {padding-left:10px;} #searchFullFormData #turistSelectBlock {padding-left:10px;} #searchFullFormData .styleSelect.isOpen .expandList {border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; } #searchFullFormData .formBlockExtend {float:left; width:50%; } #searchFullFormData .formBlock3 {margin-top:10px; float:right; width:50%; padding-left:10px;} #searchFullFormData .formBlock4 {margin-top:10px; float:left; width:50%; } #searchFullFormData .formBlock4 .caption {height:20px; line-height:22px; color:#aaa; font-size:12px; } #searchFullFormData .formBlock4 .caption .clear {float:right; display:inline-block; color:#1475ba; border-bottom:1px dotted #1475ba; line-height:16px; padding-top:3px; cursor:pointer; } #searchFullFormData .formBlock4 .caption .clear:hover {border-bottom:1px solid transparent; color:#de4756; } #searchFullFormData .formBlockHotels {margin-top:10px; float:left; width:50%; padding-left:10px;} #searchFullFormData .formBlockHotels .caption {height:20px; line-height:22px; color:#aaa; font-size:12px; } #searchFullFormData .formBlockHotels .caption .clear {position:absolute; right:10px; top:0px; display:inline-block; color:#1475ba; border-bottom:1px dotted #1475ba; line-height:16px; padding-top:3px; cursor:pointer; } #searchFullFormData .formBlockHotels .caption .clear:hover {border-bottom:1px solid transparent; color:#de4756; } #searchFullFormData .formBlockHotels .caption .all {position:absolute; right:205px; top:0px; display:inline-block; color:#1475ba; border-bottom:1px dotted #1475ba; line-height:16px; padding-top:3px; cursor:pointer; } #searchFullFormData .formBlockHotels .caption .all.active {color:#000; border-bottom:1px dotted #000;} #searchFullFormData .formBlockHotels .caption .all:hover {border-bottom:1px solid transparent; color:#de4756; } #searchFullFormData .formBlockHotels .caption .selected {position:absolute; right:80px; top:0px; display:inline-block; color:#1475ba; border-bottom:1px dotted #1475ba; line-height:16px; padding-top:3px; cursor:pointer; } #searchFullFormData .formBlockHotels .caption .selected.active {color:#000; border-bottom:1px dotted #000;} #searchFullFormData .formBlockHotels .caption .selected:hover {border-bottom:1px solid transparent; color:#de4756; } #searchFullFormData .formBlock5 {float:right; width:100%; margin-top:10px; position:relative; height:50px; } #searchFullFormData a.runSearch {height:50px; width:140px; line-height:50px; color:#fff; text-align:center; text-decoration:none; background:#de4756; color:#fff; display:block; position:absolute; right:0; top:0; } #searchFullFormData a.runSearch:hover {background:#fbe805; color:#000; } #searchFullFormData a.runSearch.isDisabled {background:#ccc; color:#888; cursor:default; } #searchFullFormData span.copySearchLink {display:block; width:30px; height:30px; text-align:center; background:#fff; color:#1475ba; position:absolute; right:155px; top:10px; cursor:pointer;} #searchFullFormData span.copySearchLink i {line-height:30px; font-size:18px;} #searchFullFormData span.copySearchLink:hover {background:#1475ba; color:#fff; } #copyToClipBoard {position:fixed; z-index:1000000; border:1px solid #1475ba; color:#1475ba; background:#fff; padding:10px; width:200px; text-align:center; } #mealsSelectBlock {} #mealsSelectBlock .styleSelect .expandList .item .info {color:#888; } #mealsSelectBlock .styleSelect .expandList .item .best {position:absolute; left:40px; top:0px; font-size:11px; padding-right:20px; line-height:28px;} #mealsSelectBlock .styleSelect .expandList .item .best:before {font-family:"Font Awesome 5 Pro"; content:"\f0c8"; display:block; position:absolute; right:0px; top:7px; font-weight:300; font-size:16px; line-height:16px; height:16px; } #mealsSelectBlock .styleSelect .expandList .item .best.active:before {content:"\f14a";} #starsSelectBlock {margin-top:10px;} #starsSelectBlock .styleSelect .expandList .item .best {position:absolute; left:40px; top:0px; font-size:11px; padding-right:20px; line-height:28px;} #starsSelectBlock .styleSelect .expandList .item .best:before {font-family:"Font Awesome 5 Pro"; content:"\f0c8"; display:block; position:absolute; right:0px; top:7px; font-weight:300; font-size:16px; line-height:16px; height:16px; } #starsSelectBlock .styleSelect .expandList .item .best.active:before {content:"\f14a";} #ratingSelectBlock {margin-top:10px;} #typesSelectBlock {margin-top:10px;} #serviceSelectBlock {margin-top:10px;} #operatorSelectBlock {margin-top:10px;} #operatorSelect .operatorInfoWindow {display:none; width:24px; height:50px; line-height:50px; text-align:center; font-size:20px; position:absolute; right:0; top:0; cursor:pointer; } #operatorSelect .operatorInfoWindow:hover {color:#1475ba;} #operatorSelect.isActivate.isDisabled {padding-right:35px; position:relative; } #operatorSelect.isActivate.isDisabled .operatorInfoWindow {display:block;} #resortSelectBlock {} #hotelsSelectBlock {} #resortSelectList {border:1px solid #d0d0d0; padding:0 10px 10px 10px; background:#fff; position:relative; } #resortSelectList.isProcess:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.8); z-index:1;} #resortSelectList.isProcess:after {content:""; position:absolute; left:0px; top:0; width:100%; height:100%; background-image:url('../img/tail-spin.svg'); background-repeat:no-repeat; background-position:center center; background-size:25px 25px; z-index:2;} #resortList {padding-top:8px; height:258px; } #resortList .container {height:100%; width:100%; overflow-y:auto; overflow-x:hidden; /* background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0px, rgb(255,255,255) 5%, rgb(255,255,255) 95%, rgba(0,0,0,0.1) 100%) */} #resortList .container .item {padding:0px 10px 0 22px; position:relative; font-size:15px; line-height:24px; min-height:25px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;} #resortList .container .item:before {font-family:"Font Awesome 5 Pro"; content:"\f0c8"; display:block; position:absolute; left:1px; top:5px; font-weight:300; font-size:16px; line-height:16px; height:16px; } #resortList .container .item.active:before {content:"\f14a"; font-weight:600; color:#0056a3;} #resortList .container .item:hover > .name {color:#0056a3;} #resortList .container .item.active > .name {color:#0056a3;} #resortList .container .item.dActive:before {content:"\f33b"; font-weight:600; color:#aaa;} #resortList .container .item.dActive > .name {color:#0056a3;} #resortList .container .item.isChildtrue {padding-right:25px; } #resortList .container .item.isChildtrue .subItems {display:none; } #resortList .container .item.isChildtrue i {display:block; position:absolute; right:3px; top:3px; font-size:16px; line-height:20px; height:20px; width:20px; text-align:center; color:#d0d0d0; transition:transform 0.2s;} #resortList .container .item.isExpand .subItems {display:block;} #resortList .container .item.isExpand i {transform:rotate(-180deg);} #hotelsSelectList {border:1px solid #d0d0d0; padding:0 10px 10px 10px; background:#fff; position:relative; } #hotelsSelectList.isProcess {overflow:hidden; } #hotelsSelectList.isProcess:before {content:""; position:absolute; left:0; top:50px; width:100%; height:100%; background-color:rgba(255,255,255,0.8); z-index:1;} #hotelsSelectList.isProcess:after {content:""; position:absolute; left:0px; top:0; width:100%; height:100%; background-image:url('../img/tail-spin.svg'); background-repeat:no-repeat; background-position:center center; background-size:25px 25px; z-index:2;} #hotelsSelectList .hotelName input {border:none; width:100%; border-bottom:1px solid #d0d0d0; font-size:14px; height:26px;} #hotelsList {padding-top:10px; height:232px; } #hotelsList .container {height:100%; width:100%; overflow-y:auto; overflow-x:hidden; /* background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0px, rgb(255,255,255) 5%, rgb(255,255,255) 95%, rgba(0,0,0,0.1) 100%) */} #hotelsList .container .item {padding:0px 10px 0 22px; position:relative; font-size:15px; line-height:22px; height:25px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; background:url('../img/check.png') no-repeat 0 4px;} #hotelsList .container .item:hover {color:#0056a3;} #hotelsList .container .item.active {color:#0056a3; background-position:0 -23px;} #hotelsList .container .emptyItem {color:#bbb; font-size:13px; } #priceSelectBlock {float:left; width:25%; } #priceSelectBlock .caption {height:20px; line-height:22px; color:#aaa; font-size:12px; } #priceSelectList {height:50px;} #priceSelectBlock .priceMin {float:left; width:50%; padding-right:5px; } #priceSelectBlock .priceMax {float:left; width:50%; padding-left:5px; } #priceSelectBlock input {width:100%; border:none; border-bottom:1px solid #d0d0d0;} #priceSelectList {border:1px solid #d0d0d0; background:#fff; padding:0 10px 10px 10px; } #checkSelectBlock {float:left; width:75%; } #checkSelectList {padding-left:10px; padding-top:12px; } #checkSelectBlock .checkbox {display:inline-block; margin-right:20px; vertical-align:top; padding:0px 0px 0 22px; position:relative; font-size:15px; line-height:22px; height:23px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;} #checkSelectBlock .checkbox:before {font-family:"Font Awesome 5 Pro"; content:"\f0c8"; display:block; position:absolute; left:1px; top:4px; font-weight:300; font-size:16px; line-height:16px; height:16px; } #checkSelectBlock .checkbox.active:before {content:"\f14a"; font-weight:600;} #checkSelectBlock .checkbox:hover .name {color:#0056a3;} #checkSelectBlock .checkbox.active {color:#0056a3;} /* РЕЗЛЬТАТЫ ПОИСКА - ВЫДАЧА */ #searchResultData .resultFoundText {font-weight:500; font-size:18px; padding-bottom:15px; } #searchResultData .resultFoundText:empty {padding:0;} #searchResultData .showMoreResult {text-align:center; } #searchResultData .showMoreResult span {display:inline-block; height:40px; line-height:40px; width:240px; white-space:nowrap; background:#f5e200; border-bottom:2px solid #ffcc00; color:#000; font-weight:500; cursor:pointer;} #searchResultData .showMoreResult span:hover {background:#fbe805; border-bottom:2px solid #fbe805; } /* Отель */ #searchResultData { margin-bottom:20px; } #resultFoundList {display:block;} #resultFoundList .groupOne {margin-bottom:15px;} #resultFoundList .hotelData {} #resultFoundList .hotelData .table {display:table; width:100%; border-collapse:collapse;} #resultFoundList .hotelData .header {display:table-row; } #resultFoundList .hotelData .header .td {padding:5px 10px; border:1px solid #ddd; background:#eee; font-weight:500; text-align:center; } #resultFoundList .hotelData .hotel {display:table-row;} #resultFoundList .hotelData .td {display:table-cell; border:1px solid #e6e6f4; vertical-align:middle; padding:5px 10px;} #resultFoundList .hotelData .hotel .td.image {display:none; position:absolute; left:0; top:25px; } #resultFoundList .hotelData .hotel .td.image span {display:block; width:70px; height:70px; overflow:hidden; } #resultFoundList .hotelData .hotel .td.country {text-align:center; width:170px;} #resultFoundList .hotelData .hotel .td.region {text-align:center; width:220px;} #resultFoundList .hotelData .hotel .td.name {text-align:left;} #resultFoundList .hotelData .hotel .td.name .star { font-size:12px; padding-bottom:3px; color:#bbb; } #resultFoundList .hotelData .hotel .td.name .star span {display:inline-block; margin-right:2px;} #resultFoundList .hotelData .hotel .td.name .star span.fas {color:#f57124;} #resultFoundList .hotelData .hotel .td.name .link {color:#0056a3; font-weight:500; font-size:18px;} #resultFoundList .hotelData .hotel .td.name .booking {padding-bottom:3px; font-size:15px;} #resultFoundList .hotelData .hotel .td.name .tophotels {padding-bottom:3px; font-size:15px;} #resultFoundList .hotelData .hotel .td.name .tripadvisor {padding-bottom:3px; font-size:15px;} #resultFoundList .hotelData .hotel .td.rating {text-align:center; width:110px;} #resultFoundList .hotelData .hotel .td.rating .color0 {color:#c13d4a; } #resultFoundList .hotelData .hotel .td.rating .color1 {color:#de4756; } #resultFoundList .hotelData .hotel .td.rating .color2 {color:#f57124; } #resultFoundList .hotelData .hotel .td.rating .color3 {color:#ffcc00; } #resultFoundList .hotelData .hotel .td.rating .color4 {color:#359e00; } #resultFoundList .hotelData .hotel .td.rating .color5 {color:#359e00; } #resultFoundList .hotelData .hotel .td.rating .not {color:#333; } #resultFoundList .hotelData .hotel .td.distance {text-align:center; width:130px; white-space:nowrap;} #resultFoundList .hotelData .hotel .td.distance span {display:block;} #resultFoundList .hotelData .hotel .td.price {text-align:center; width:1%;} #resultFoundList .hotelData .hotel .minChashback {font-size:13px; color:#de4756; } #resultFoundList .hotelData .hotel .minChashback span {display:block; font-size:15px;} #resultFoundList .hotelData .hotel .minChashback span i {font-size:13px; font-style:normal; font-weight:normal;} #resultFoundList .hotelData .hotel .minPrice {white-space:nowrap; line-height:24px;} #resultFoundList .hotelData .hotel .minPrice span {font-weight:500; font-size:24px;} #resultFoundList .hotelData .hotel .minPrice span i {font-size:14px; font-style:normal; font-weight:normal;} .useMille.hotels {font-size:14px; line-height:14px; color:#de4756; padding-top:2px; text-align:center; white-space:nowrap; font-family:'Time News Roman'; } .useMille.hotels span {display:block; } .useMille.tours {font-size:13px; line-height:14px; color:#de4756; text-align:center; padding-top:5px; white-space:nowrap; font-family:'Time News Roman'; } .useMille.tours span {display:block;} .useMille .whatCashback {color:#de4756; font-weight:bold;} .useMille .whatCashback span {display:block; } .td.price .favoriteButton {text-align:center; display:block; padding-top:5px; } .td.price .favoriteButton span {display:inline-block; height:32px; position:relative; padding:8px 32px 3px 4px; border:1px solid green; color:#0056a3; cursor:pointer; color:green; width:110px; } .td.price .favoriteButton span i {font-size:22px; position:absolute; right:4px; top:4px; } .td.price .favoriteButton span b {font-weight:normal; font-size:13px; line-height:13px; display:block; white-space:nowrap;} .td.price .favoriteButton span:hover {color:#de4756; border:1px solid #de4756; } .td.price .favoriteButton span.isFavorite1 {color:#de4756;} .td.price .favoriteButton span.isProcess i {width:24px; height:24px; background:url('../img/tail-spin.svg') no-repeat center center; background-size:20px; font-size:0; top:1px; } .td.price .selectionButton {text-align:center; display:block; padding-top:5px; } .td.price .selectionButton span {display:inline-block; position:relative; padding-left:26px; color:#0056a3; cursor:pointer;} .td.price .selectionButton span i {font-size:22px; position:absolute; left:0; top:2px; } .td.price .selectionButton span b {font-weight:normal; font-size:13px; line-height:23px; display:block; white-space:nowrap;} .td.price .selectionButton span:hover {color:#de4756;} .td.price .selectionButton span.isFavorite1 {color:#de4756;} .td.price .selectionButton span.isProcess i {width:24px; height:24px; background:url('../img/tail-spin.svg') no-repeat center center; background-size:20px; font-size:0; top:1px; } .td.price .deleteButton {text-align:center; display:block; padding-top:5px; } .td.price .deleteButton span {color:#de4756; cursor:pointer; font-weight:bold; } .td.price .deleteButton span:hover {text-decoration:underline;} #resultFoundList .hotelData .hotel .subscribe {font-size:13px; line-height:14px; padding:5px 0; text-align:center; white-space: nowrap;} #resultFoundList .groupOne .stageText {font-size:14px; display:block; text-align:center; color:#fff; background:#de4756; padding:5px 20px; } #resultFoundList .groupOne .stageText span {white-space:nowrap;} #resultFoundList .groupOne .showButton {display:block; text-align:center; height:40px; line-height:40px; padding-right:20px; white-space:nowrap; color:#fff; background:#1475ba; border-bottom:3px solid #0056a3; font-weight:500; cursor:pointer; position:relative; } #resultFoundList .groupOne .showButton:hover {background:#0056a3; } #resultFoundList .groupOne .showButton .arrow {display:block; width:15px; height:15px; line-height:16px; font-size:12px; position:absolute; right:8px; top:12px; text-align:center; transition:transform 0.2s, line-height 0.2s, top 0.2s;} #resultFoundList .groupOne .showButton:hover .arrow {transform:rotate(-180deg); line-height:12px; top:12px;} #resultFoundList .groupOne .showButton .hotelShowStat {position:absolute; left:8px; font-size:12px; line-height:normal; top:12px; } #resultFoundList .groupOne .showButton .hotelShowStat i {font-size:15px; margin-right:7px; vertical-align:middle; } #resultFoundList .groupOne .showButton .tourShowStat {position:absolute; left:48px; font-size:12px; line-height:normal; top:12px; } #resultFoundList .groupOne .showButton .tourShowStat i {font-size:15px; margin-right:7px; vertical-align:middle; } #resultFoundList .groupOne .showButton .show {display:inline;} #resultFoundList .groupOne .showButton .hide {display:none;} #resultFoundList .groupOne.isOpen .showButton .hide {display:inline;} #resultFoundList .groupOne.isOpen .showButton .show {display:none;} /* Фильтр по городам в блоке отеля */ #resultFoundList .cityFilter {padding-top:9px; padding-bottom:5px;} #resultFoundList .cityFilter .filterOne {margin-bottom:4px; position:relative; padding:0px 10px 0 22px; font-size:15px; line-height:22px; height:23px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; background: url('../img/check.png') no-repeat 0 4px; } #resultFoundList .cityFilter .filterOne.checked {color:#0056a3; background-position:0 -23px;} #resultFoundList .cityFilter .filterOne i {color:#000; font-style:normal;} #resultFoundList .cityFilter .filterOne span {color:#de4756;} /* Туры */ #resultFoundList .managerHotelComment .commentText {padding:10px; background:#f0f0f0; color:#000; border-radius:5px; margin:10px 0; } #resultFoundList .managerHotelComment .commentText:empty {display:none;} #resultFoundList .managerHotelComment .commentEdit {padding:8px 0 15px 0; font-size:14px; text-align:right; } #resultFoundList .managerHotelComment .commentEdit a {color:#de4756;} #resultFoundList .managerHotelComment .commentEdit a:hover {color:#000;} #resultFoundList .tourList {display:none;} #resultFoundList .tourListData {display:table; width:100%; border-collapse:collapse;} #resultFoundList .tourData {display:table-row; } #resultFoundList .tourData.tourRow.hide {display:none; } #resultFoundList .tourData:last-child {border-bottom:none} #resultFoundList .tourData:nth-child(odd) {background:#f0f0f0; } #resultFoundList .tourData.header .td {padding:5px 10px; text-align:center; background:#eee; border:1px solid #ddd; color:#000; } #resultFoundList .tourData.header .td.dates {display:none;} #resultFoundList .tourData .td {display:table-cell; vertical-align:middle; padding:5px 10px; border:1px solid #e6e6f4;} #resultFoundList .tourData .td.dates {display:none;} #resultFoundList .tourData .td.dates i {font-style:normal; white-space:nowrap;} #resultFoundList .tourData .depart {text-align:center;} #resultFoundList .tourData .city {font-size:14px; color:#0056a3; padding-bottom:3px;} #resultFoundList .tourData .full {text-align:center;} #resultFoundList .tourData .full .dateD {font-size:14px; color:#aaa; display:block;} #resultFoundList .tourData .full .fly {display:inline-block; color:#359e00; padding:0 3px;} #resultFoundList .tourData .full .fly.Q1 {color:#bbb; } #resultFoundList .tourData .return {text-align:center;} #resultFoundList .tourData .td.night {text-align:center; } #resultFoundList .tourData .td.night div {white-space:nowrap;} #resultFoundList .tourData .td.params {text-align:center; } #resultFoundList .tourData .td.params .meal {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#0056a3;} #resultFoundList .tourData .td.params .room {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#0056a3;} #resultFoundList .tourData .td.params span {color:#aaa; display:block;} #resultFoundList .tourData .td.params .room span {display:none;} #resultFoundList .tourData .td.number {text-align:center; } #resultFoundList .tourData .td.places {} #resultFoundList .tourData .td.chashback {text-align:center; } #resultFoundList .tourData .td.chashback div {font-size:14px;} #resultFoundList .tourData .td.chashback span {display:block; font-size:16px; color:#de4756; } #resultFoundList .tourData .td.chashback span i {font-size:12px; font-style:normal; } #resultFoundList .tourData .td.places .icons {display:none; white-space:nowrap; line-height:20px;} #resultFoundList .tourData .td.places .icons i {width:28px; height:24px; line-height:24px; text-align:left; } #resultFoundList .tourData .td.places .icons .fly {display:inline-block; color:#359e00; vertical-align:middle; } #resultFoundList .tourData .td.places .icons .fly.Q1 {color:#bbb; } #resultFoundList .tourData .td.places .icons .hotel {display:inline-block; color:#359e00; vertical-align:middle; } #resultFoundList .tourData .td.places .icons .hotel.Q1 {color:#bbb; } #resultFoundList .tourData .td.places .icons .regular {display:inline-block; color:#1475ba; vertical-align:middle; } #resultFoundList .tourData .td.places .icons .regular i {width:22px; } #resultFoundList .tourData .td.places .icons .nightFly {display:inline-block; color:1475ba; vertical-align:middle; } #resultFoundList .tourData .td.places .icons .promo {display:none; font-size:22px; vertical-align:middle; } #resultFoundList .tourData .td.places .icons .promo i {width:24px; color:#c13d4a;} #resultFoundList .isManager .td.places .icons .promo {display:inline-block; } #resultFoundList .tourData .operator {text-align:center;} #resultFoundList .tourData .operator div {font-size:14px; color:#aaa;} #resultFoundList .tourData .operator span {font-size:16px; color:#0056a3; padding-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #resultFoundList .tourData .td.price {width:1%; padding-right:10px;} #resultFoundList .tourData .td.price .chashback {font-size:13px; color:#de4756; line-height:16px; text-align:center; padding-bottom:3px;} #resultFoundList .tourData .td.price .chashback span {display:block;} #resultFoundList .tourData .td.price .chashback span i {font-style:normal;} #resultFoundList .tourData .td.price .cardButton {position:relative; } #resultFoundList .isManager .td.price .cardButton {padding-right:0px;} #resultFoundList .tourData .td.price .cardButton .tourLink {display:block; text-align:center; color:#fff; text-decoration:none; white-space:nowrap; background:#1475ba; height:30px; line-height:30px; width:110px;} #resultFoundList .tourData .td.price .cardButton .tourLink i {font-style:normal; font-size:14px;} #resultFoundList .tourData .td.price .cardButton .tourLink:hover {background:#0056a3; } #resultFoundList .tourData .td.price .cardButton .extMenu {display:none; width:30px; text-align:center; height:100%; background:#0056a3; color:#fff; position:absolute; right:0; top:0; cursor:pointer; } #resultFoundList .isManager .td.price .cardButton .extMenu {display:block;} #resultFoundList .tourData .td.price .cardButton .extMenu span {line-height:30px; } #resultFoundList .tourData .td.price .cardButton .extMenu:hover {background:#1475ba; } #resultFoundList .tourData .td.price .toSPO {font-size:12px; line-height:15px; color:#de4756; text-align:center; padding-top:3px;} #resultFoundList .tourData .td.price .toSPO span {display:block; font-size:0;} /* Индикатор */ #searchWindowProgress {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:200;} #searchWindowProgress .progressData {position:absolute; left:50%; top:50%; width:300px; height:215px; transform:translate(-50%, -50%); background:#fff; border-radius:3px; padding:15px; text-align:center;} #searchWindowProgress .progressData .icon {margin:0 auto; width:60px; height:60px; line-height:60px; text-align:center; background:url('../img/tail-spin.svg') no-repeat center center; background-size:100%;} #searchWindowProgress .progressData .icon .percent {color:#000; font-size:11px; } #searchWindowProgress .progressData .bar {margin-top:15px; height:5px; background:#d0d0d0; border-radius:3px; position:relative; overflow:hidden; } #searchWindowProgress .progressData .bar .percent {position:absolute; left:0; top:0; height:100%; background:#1475ba; width:0%; transition:width 0.2s;} #searchWindowProgress .progressData .text {text-align:center; margin-top:15px; font-size:14px; line-height:18px;} #searchWindowProgress .progressData .cancel {display:inline-block; padding:0 15px; line-height:30px; margin-top:15px; font-size:14px; background:#eee; color:#555; border-radius:3px; cursor:pointer; } #searchWindowProgress .progressData .cancel:hover {background:#de4756; color:#fff; } /* Список ТО при поиске */ #searchOperatorList {position:fixed; right:0; top:50%; transform:translateY(-50%); max-height:90%; width:280px; margin-right:-280px; background:#fff; padding:55px 15px 15px 15px; box-shadow:0px 0px 5px -1px rgba(0,0,0,0.5); z-index:100; transition:margin 0.3s; } #searchOperatorList .showButton {position:absolute; left:-25px; top:50%; transform:translateY(-50%); line-height:50px; height:50px; width:25px; text-align:center; background:#1475ba; color:#fff; cursor:pointer; } #searchOperatorList .showButton:hover {background:#0056a3;} #searchOperatorList .control {position:absolute; left:0; top:10px; padding:0 15px 10px 15px; width:100%; border-bottom:1px dotted #d0d0d0; } #searchOperatorList .control a {font-size:14px; display:inline-block; margin-right:15px;} #searchOperatorList .control.disabled a {text-decoration:none; color:#bbb; cursor:default; } #searchOperatorList .operatorList {width:100%; height:100%; overflow-y:ayto; overflow-x:hidden; } #searchOperatorList .operatorList .item {position:relative; padding:0 90px 0 20px; height:24px; line-height:24px; white-space:nowrap; overflow:hidden; cursor:pointer;} #searchOperatorList .operatorList .item:hover .name {color:#1475ba;} #searchOperatorList .operatorList .item .check {position:absolute; left:0; top:5px; } #searchOperatorList .operatorList .item .fa-check-square {display:none; } #searchOperatorList .operatorList .item.checked .fa-check-square {display:inline-block; } #searchOperatorList .operatorList .item.checked .fa-square {display:none; } #searchOperatorList .operatorList .item .name {display:block; width:100%; font-size:14px; overflow:hidden; text-overflow:ellipsis; } #searchOperatorList .operatorList .item .price {display:block; position:absolute; right:0; top:0; font-size:14px; color:#1475ba; } #searchOperatorList .operatorList .item.disabled {color:#bbb; cursor:default;} #searchOperatorList .operatorList .item.disabled .name {color:#bbb;} #searchOperatorList .operatorList .item.disabled .price {color:#bbb;} #searchOperatorList.isProcess {height:100px; background:url('../img/tail-spin.svg') no-repeat center center; background-size:40px;} #searchOperatorList.isProcess .control {display:none;} #searchOperatorList.isProcess .operatorList {display:none;} #searchOperatorList.isOpen {margin-right:0;} /* Карточка тура */ #tourCard {} #tourCard .h1 span {color:#1475ba;} #cardText {padding:10px 15px; background:#ffcbd0; margin-bottom:15px;} #cardText *:last-child {padding-bottom:0px;} #tourCard .hotelData {background:#eee; display:table; width:100%; border-bottom:1px solid #e6e6f4;} #tourCard .hotelData .td {display:table-cell; vertical-align:top; padding:10px 0;} #tourCard .hotelData .image {padding-left:10px; padding-right:10px; } #tourCard .hotelData .image a {text-decoration:none;} #tourCard .hotelData .image img {width:240px; max-width:none; display:block; } #tourCard .hotelData .image .data {position:relative;} #tourCard .hotelData .image .data .rating {position:absolute; left:0px; top:0px; border-radius:0 0 5px 0; padding:2px 0; width:35px; text-align:center; font-size:12px; font-weight:500; color:#fff; } #tourCard .hotelData .image .data .rating.color0 {background:#c13d4a; } #tourCard .hotelData .image .data .rating.color1 {background:#de4756; } #tourCard .hotelData .image .data .rating.color2 {background:#f57124; } #tourCard .hotelData .image .data .rating.color3 {background:#ffcc00; } #tourCard .hotelData .image .data .rating.color4 {background:#359e00; } #tourCard .hotelData .image .data .rating.color5 {background:#359e00; } #tourCard .hotelData .image .data .rating.not {background:#ccc; color:#333; } #tourCard .hotelData .image .gallery {font-size:0; margin:0 -5px 0 0;} #tourCard .hotelData .image .gallery div {display:none; width:33.33%; padding:5px 5px 0px 0px; vertical-align:top; } #tourCard .hotelData .image .gallery div a {text-decoration:none;} #tourCard .hotelData .image .gallery div.num2 {display:inline-block;} #tourCard .hotelData .image .gallery div.num3 {display:inline-block;} #tourCard .hotelData .image .gallery div.num4 {display:inline-block;} #tourCard .hotelData .image .gallery span {display:block; height:50px; background-size:cover; background-repeat:no-repeat; position:relative; } #tourCard .hotelData .image .gallery span i {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:inline-block; height:18px; line-height:16px; padding:0 5px; background:rgba(255,255,255,0.7); color:#555; text-align:center; font-size:11px; font-style:normal; font-weight:bold; white-space:nowrap;} #tourCard .hotelData .info {padding-left:10px; width:100%; } #tourCard .hotelData .info .star { font-size:12px; padding-bottom:3px; color:#bbb; } #tourCard .hotelData .info .star span {display:inline-block; margin-right:2px;} #tourCard .hotelData .info .star span.fas {color:#f57124;} #tourCard .hotelData .info .name {color:#0056a3; font-weight:500; font-size:18px;} #tourCard .hotelData .info .resort {padding-top:3px; line-height:18px; font-size:14px; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #tourCard .hotelData .info .extinfo {padding-top:3px; line-height:18px; font-size:14px; color:#0056a3; } #tourCard .hotelData .info .booking {padding-top:5px; line-height:18px; font-size:14px; } #tourCard .hotelData .info .tophotels {padding-top:5px; line-height:18px; font-size:14px; } #tourCard .hotelData .info .tripadvisor {padding-top:5px; line-height:18px; font-size:14px; } #tourCard .hotelData .info .maps {padding-top:5px; line-height:18px; font-size:14px; } #tourCard .hotelData .info .separator {height:10px; border-bottom:1px solid #ddd; } #tourCard .hotelData .info .param {margin-top:5px; line-height:18px; font-size:15px; position:relative; padding-left:130px;} #tourCard .hotelData .info .param .cap {position:absolute; left:0; } #tourCard .hotelData .info .param .val.cityId99 {color:#de4756; } #tourCard .hotelData .info .param .flyLogo {max-width:100px;} #tourCard .hotelData .info .param.realPrice {color:#ccc; } #tourCard .hotelData .control {padding-left:20px; padding-right:10px; padding-top:31px; vertical-align:top; text-align:center; } #tourCard .hotelData .control .price {white-space:nowrap; padding-bottom:5px; line-height:24px; } #tourCard .hotelData .control .price span {font-weight:500; font-size:28px;} #tourCard .hotelData .control .price span b {font-weight:500;} #tourCard .hotelData .control .price span i {font-size:14px; font-style:normal; font-weight:normal;} #tourCard .hotelData .control .showButton {display:inline-block; height:40px; line-height:40px; width:160px; white-space:nowrap; background:#fbe805; border-bottom:2px solid #fbe805; color:#000; font-weight:500; cursor:pointer; position:relative; } #tourCard .hotelData .control .showButton:hover {background:#f5e200; border-bottom:2px solid #ffcc00; } #tourCard .hotelData .control .showButton .arrow {display:block; width:15px; height:15px; line-height:16px; font-size:12px; position:absolute; right:8px; top:13px; text-align:center; transition:transform 0.2s, line-height 0.2s, top 0.2s;} #tourCard .hotelData .control .showButton .hide {display:none;} #tourCard .hotelData .control .favoriteButton {text-align:center; padding-bottom:10px; display:block;} #tourCard .hotelData .control .favoriteButton span {display:inline-block; position:relative; padding:0 0 3px 40px; border-bottom:1px dotted #0056a3; color:#0056a3; cursor:pointer;} #tourCard .hotelData .control .favoriteButton span i {font-size:28px; position:absolute; left:0; top:4px; } #tourCard .hotelData .control .favoriteButton span b {font-weight:500; font-size:14px; line-height:17px; display:block; } #tourCard .hotelData .control .favoriteButton span:hover {color:#de4756; border-bottom:1px dotted #de4756;} #tourCard .hotelData .control .favoriteButton span.isFavorite1 {color:#de4756; border-bottom:1px dotted #de4756;} #tourCard .hotelData .control .favoriteButton span.isProcess i {width:26px; height:26px; background:url('../img/tail-spin.svg') no-repeat center center; background-size:20px; font-size:0; top:6px; } #couponControl {padding-bottom:5px; width:220px; margin:0 auto; position:relative; white-space:nowrap; } #couponControl.isProcess:after {content:""; display:block; left:0; top:0; width:100%; height:100%; position:absolute; background:rgba(238,238,238, 0.7) url('../img/tail-spin.svg') no-repeat center center; background-size:30px 30px; } #couponControl .checkbox {padding:0 0 10px 22px; display:inline-block; position:relative; cursor:pointer; white-space:nowrap; font-size:14px;} #couponControl .checkbox:hover {color:#0056a3;} #couponControl .checkbox:before {content:"\f0c8"; position:absolute; left:1px; top:-1px; height:15px; width:15px; font-family:"Font Awesome 5 Pro"; font-size:16px;} #couponControl.checked .checkbox:before {content:"\f14a";} #couponControl .help {margin-left:7px; font-size:22px; vertical-align:-2px; cursor:pointer; } #couponControl .help:hover {color:#1475ba; } #couponControl .code {display:none; position:relative; padding-right:90px; padding-bottom:5px; } #couponControl .code input {border:1px solid #ddd; padding-right:none; padding:0 7px; height:30px; width:100%; border-radius:3px 0 0 3px;} #couponControl.error .code input {border:1px solid #de4756; padding-right:none; } #couponControl .code .btn {position:absolute; right:0; top:0; height:30px; line-height:30px; width:90px; background:#1475ba; color:#fff; text-decoration:none; font-size:13px; cursor:pointer; } #couponControl .code .btn:hover {background:#0056a3;} #couponControl.disabled .code {cursor:default; } #couponControl.disabled .code .btn {background:#ddd; color:#aaa; cursor:default;} #couponControl.checked .code {display:block;} #cardUseMille {padding-bottom:10px; text-align:center; min-width:200px; font-weight:bold; color:#de4756; font-family:'Time News Roman'; } #cardUseMille > span { display:block; } #cardUseMille a {font-weight:bold; color:#de4756; } #cardUseMille.hide {display:none;} #orderUserModCashback {padding-bottom:20px; color:#de4756; } #orderUserModCashback.hide {display:none; } #orderUserModCashback input {display:none;} #orderUserModCashback label {position:relative; display:inline-block; padding:3px 0 2px 22px; box-sizing:border-box; cursor:pointer; font-size:14px; line-height:15px; } #orderUserModCashback label:before {content:"\f0c8"; position:absolute; left:0; top:3px; height:15px; width:15px; font-family:"Font Awesome 5 Pro"; font-size:16px; } #orderUserModCashback input:checked + label:before {content:"\f14a";} #tourCard .hotelDescription {clear:both;} #tourCard .hotelDescription .block {padding:20px 10px 0 0; width:33.33%; float:left;} /* Детальная актуализация - рейсы */ #detailsData {position:relative; padding:15px 15px 15px 270px; background:#eee;} #detailsData.isCollapsedtrue {overflow:hidden; height:85px;} #detailsData .item {padding:10px 140px 10px 10px; margin-bottom:10px; position:relative; background:#fefefe; border-left:3px solid #d0d0d0; } #detailsData .item.active {border-left:3px solid #008513; background:#e5ffe2; } #detailsData .item .line.forward {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;} #detailsData .item .airData {} #detailsData .item .airData .airCompany {font-weight:bold; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #detailsData .item .airData .flyData {white-space:nowrap; font-size:0; } #detailsData .item .airData .flyData > div {display:inline-block; white-space:nowrap; vertical-align:top; } #detailsData .item .airData .flyData .fly {max-width:calc((100% - 40px) / 2);} #detailsData .item .airData .flyData .arrow {width:40px; text-align:center; padding:0 10px; font-size:14px; } #detailsData .item .airData .flyData .airName {color:#0056a3; font-size:14px; overflow:hidden; text-overflow:ellipsis;} #detailsData .item .airData .flyData .airDate {color:#333; font-size:14px; overflow:hidden; text-overflow:ellipsis;} #detailsData .item .transfer {font-size:13px; color:#de4756; padding:3px 0; } #detailsData .item .price {display:block; position:absolute; right:10px; top:12px; width:120px; text-align:center;} #detailsData .item .price .cost {display:block; text-align:center; padding-bottom:5px; font-size:18px;} #detailsData .item .price .cost i {font-style:normal; font-size:12px;} #detailsData .item.active .price .cost {color:#de4756;} #detailsData .item .price .button {display:block; font-size:14px; padding:4px 0; white-space:nowrap; background:#fbe805; border-bottom:2px solid #fbe805; color:#000; font-weight:500; cursor:pointer; position:relative; } #detailsData .item .price .button:hover {background:#f5e200; border-bottom:2px solid #ffcc00; } #detailsDataOver {text-align:center;} .isCollapsedtrue #detailsDataOver {position:absolute; left:0; bottom:0; width:100%; height:100%; padding:40px 0 0 270px; background:linear-gradient(to bottom, rgba(255,255,255,0.3), #fff); } #detailsDataOver span {display:inline-block; font-size:14px; padding:5px 15px; white-space:nowrap; background:#fbe805; border-bottom:2px solid #fbe805; color:#000; font-weight:500; cursor:pointer; position:relative; } #detailsDataOver span:hover {background:#f5e200; border-bottom:2px solid #ffcc00; } #actualizeOverlay {position:relative;} #detailsActualizeProcess {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.9); } #detailsActualizeProcess div {position:absolute; left:50%; top:50%; width:240px; transform:translate(-50%, -50%); padding:10px 20px 60px 20px; text-align:center; background:#120090 url('../img/tail-spin-white.svg') no-repeat center 165px; background-size:30px 30px; } #detailsActualizeProcess img {display:block; margin:0 auto 10px auto; } #detailsActualizeProcess span {font-size:13px; color:#de4756; font-weight:bold; color:#fff; } /* Варианты оплаты */ #tourOrderForm .payMethod {position:relative; margin-bottom:15px; } #tourOrderForm .payMethod .option {} #tourOrderForm .payMethod .option .button {display:inline-block; position:relative; padding-left:36px; line-height:36px; cursor:pointer;} #tourOrderForm .payMethod .option .button .point {width:26px; height:26px; border:2px solid #ccc; position:absolute; left:0; top:5px; border-radius:100px; } #tourOrderForm .payMethod .option .button .point:before {display:block; content:""; width:12px; height:12px; left:5px; top:5px; position:absolute; background:#fff; border-radius:100px;} #tourOrderForm .payMethod .option .button .name {font-weight:500;} #tourOrderForm .payMethod .option .text {display:none; padding-left:36px;} #tourOrderForm .payMethod .option .text p {padding-bottom:2px;} #tourOrderForm .payMethod .option.active .text {display:block;} #tourOrderForm .payMethod .option.active .button .point {border:2px solid #1475ba; } #tourOrderForm .payMethod .option.active .button .point:before {background:#1475ba;} #tourOrderForm .payMethod .option.active .button .name {color:#1475ba;} #tourOrderForm .payMethod .option .button.disabled .name {color:#777; } #tourOrderForm .paymentInfo {padding-bottom:15px; font-size:14px; } #tourOrderForm .stepText {display:none;} #tourOrderForm .stepText.active {display:block;} #tourOrderForm .payFormData {display:none;} #tourOrderForm .payFormData.active {display:block;} /* Форма заявки на тур */ #tourOrderForm {clear:both; margin-top:20px; margin-bottom:10px; padding:15px; border:1px solid #eee; background:#e6e6f4; position:relative;} #tourOrderForm.isProcess:after {content:""; background:rgba(230,230,244, 0.7) url('../img/tail-spin.svg') no-repeat center center; background-size:100px 100px; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; } #tourOrderForm .fieldCaption {padding-bottom:5px; font-weight:500; font-size:16px;} #tourOrderForm .fieldCaption span {color:#de4756; } #tourOrderForm .fieldCaption span.min {font-size:12px;} #tourOrderForm .stdInput {} #tourOrderForm .cols1 {margin:0 -5px;} #tourOrderForm .cols1 > div {padding:0 5px; margin-bottom:15px; } #tourOrderForm .cols2 {margin:0 -5px; font-size:0;} #tourOrderForm .cols2 > div {width:50%; display:inline-block; padding:0 5px; vertical-align:top; margin-bottom:15px; } #tourOrderForm .cols2 > div .stdInput { margin-bottom:15px; } #tourOrderForm .cols2 > div .stdTextarea { height:122px; min-height:122px; } #tourOrderForm .cols3 {margin:0 -5px; font-size:0;} #tourOrderForm .cols3 > div {width:33.33%; display:inline-block; padding:0 5px; vertical-align:top; margin-bottom:15px; } #tourOrderForm .cols4 {margin:0 -5px; font-size:0;} #tourOrderForm .cols4 > div {width:25%; display:inline-block; padding:0 5px; vertical-align:top; margin-bottom:15px; } #tourOrderForm .lineUserComment {display:none; } #tourOrderForm .lineUserComment.active {display:block;} #tourOrderForm .orderError {background:#ffe4e4; border:1px solid #ff9191; } /* Формы онлайн-оплаты */ #onlinePayTabs {padding:10px 0 20px 0;} #onlinePayTabs .tab {display:inline-block; vertical-align:top; background:#fff; color:#000; border-radius:3px; padding:5px 10px; cursor:pointer; font-size:14px; } #onlinePayTabs .tab:hover {background:#f0f0f0;} #onlinePayTabs .tab.active {background:#1475ba; color:#fff; } #onlinePayTabs .sep {display:inline-block; vertical-align:top; color:#000; padding:5px 10px; font-size:14px; } #onlinePayData .tabData {display:none;} #onlinePayData .tabData.active {display:block;} #payOnlineForm {position:relative;} #payOnlineForm.isProcess:after {content:""; background:rgba(230,230,244, 0.7) url('../img/tail-spin.svg') no-repeat center center; background-size:100px 100px; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; } /* Форма документов */ #payFormDatas.stdFormData .rowLine {padding-bottom:15px;} #payFormDatas.stdFormData .rowLine .caption {float:none; width:100%; padding:0 0 10px 0; font-weight:500;} #payFormDatas.stdFormData .documentControl .miniCap {font-size:14px; display:block; padding-bottom:3px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #payFormDatas.stdFormData .documentControl .data {font-size:0; padding-right:40px; position:relative;} #payFormDatas.stdFormData .documentControl .item {display:inline-block; vertical-align:top;} #payFormDatas.stdFormData .documentControl .zagranData .item1 {width:18%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .zagranData .item1 input {text-transform:uppercase;} #payFormDatas.stdFormData .documentControl .zagranData .item2 {width:18%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .zagranData .item2 input {text-transform:uppercase;} #payFormDatas.stdFormData .documentControl .zagranData .item3 {width:16%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .zagranData .item4 {width:14%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .zagranData .item5 {width:20%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .zagranData .item6 {width:14%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .item7 {width:40px; position:absolute; right:0; top:0; } #payFormDatas.stdFormData .documentControl .item7 .sex {width:40px; height:40px; line-height:28px; vertical-align:top; border:1px solid #ccc; border-radius:3px; font-size:20px; background:#fff; text-align:center; position:relative; cursor:pointer; } #payFormDatas.stdFormData .documentControl .item7 .sex:after {display:block; position:absolute; left:0; bottom:0; width:100%; line-height:16px; text-align:center; font-size:10px; font-weight:600; font-family:Tahoma; } #payFormDatas.stdFormData .documentControl .item7 .sex.fa-male:after {content:"М";} #payFormDatas.stdFormData .documentControl .item7 .sex.fa-female:after {content:"Ж";} #payFormDatas.stdFormData .documentControl .russData {display:none;} #payFormDatas.stdFormData .documentControl .russData.active {display:block; } #payFormDatas.stdFormData .documentControl .russData .item1 {width:25%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .russData .item2 {width:25%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .russData .item3 {width:25%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .russData .item4 {width:25%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .russData .item5 {width:25%; padding-right:5px; padding-top:10px;} #payFormDatas.stdFormData .documentControl .russData .item6 {width:25%; padding-right:5px; padding-top:10px;} #payFormDatas.stdFormData .documentControl .russData .item8 {width:calc(50% + 40px); margin-right:-40px; padding-top:10px;} #payFormDatas.stdFormData .documentControl .docSelector {margin-right:-40px; width:calc(100% + 40px); padding-bottom:10px; } #payFormDatas.stdFormData .documentControl .data.isRus1.ischild .item7 {top:72px;} #payFormDatas.stdFormData .documentControl .svidetData {display:none;} #payFormDatas.stdFormData .documentControl .svidetData.active {display:block; } #payFormDatas.stdFormData .documentControl .svidetData .item1 {width:33.33%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .svidetData .item2 {width:33.33%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .svidetData .item3 {width:33.33%; padding-right:5px;} #payFormDatas.stdFormData .documentControl .svidetData .item4 {width:33.33%; padding-right:5px; padding-top:10px;} #payFormDatas.stdFormData .documentControl .svidetData .item5 {width:calc(66.66% + 40px); margin-right:-40px; padding-top:10px;} /* Форма сканов */ #payFormImages.stdFormData .rowLine .caption {float:none; width:100%; padding:0 0 5px 0; font-weight:500;} #payFormImages.stdFormData .rowLine .input {margin-left:0; } #payFormImages.stdFormData .rowLine .input .stdFileselect {width:100%; height:34px;} #payFormImages.stdFormData .rowLine .input .stdFileselect .fsBtn {height:34px; line-height:32px; } #payFormImages.stdFormData .rowLine .input .stdFileselect .fsBtn:before {font-size:16px; top:4px;} #payFormImages.stdFormData .rowLine {padding:15px; margin-bottom:15px; background:#f0f0f0; border:1px solid #eee; } #payFormImages.stdFormData .rowLine.orderError {background:#ffe4e4; border:1px solid #ff9191;} #payOnlineForm .politikaText {display:none; padding-top:15px; font-size:14px; } #payOnlineForm .politikaText.active {display:block;} #paymentFormSendButton {text-align:center; } /* Список офисов */ #officesContent #mobileOfficeId {display:none;} #officesMenu {width:420px; float:left;} #officesMenuData .item {display:block; text-decoration:none; padding:5px 10px 5px 50px; min-height:52px; position:relative; border-radius:3px; margin-bottom:3px; } #officesMenuData .item:hover {background:#ccc; } #officesMenuData .item.line0 {padding-left:10px;} #officesMenuData .item .icon {display:block; position:absolute; left:0; top:6px; width:40px; height:40px; text-align:center; border-radius:3px;} #officesMenuData .item .icon span {color:#fff; font-size:22px; line-height:42px; } #officesMenuData .item.line0 .icon {display:none; } #officesMenuData .item.line1 .icon {background:#d51c3c;} #officesMenuData .item.line2 .icon {background:#0084c7;} #officesMenuData .item.line3 .icon {background:#019d60;} #officesMenuData .item.line4 .icon {background:#ec750f;} #officesMenuData .item.line5 .icon {background:#701678;} #officesMenuData .item.line0:hover, #officesMenuData .item.line0.active {background:#ccc;} #officesMenuData .item.line0:hover .name, #officesMenuData .item.line0.active .name {color:#000; } #officesMenuData .item.line0:hover .phone, #officesMenuData .item.line0.active .phone {color:#000; } #officesMenuData .item.line1:hover, #officesMenuData .item.line1.active {background:#d51c3c;} #officesMenuData .item.line2:hover, #officesMenuData .item.line2.active {background:#0084c7;} #officesMenuData .item.line3:hover, #officesMenuData .item.line3.active {background:#019d60;} #officesMenuData .item.line4:hover, #officesMenuData .item.line4.active {background:#ec750f;} #officesMenuData .item.line5:hover, #officesMenuData .item.line5.active {background:#701678;} #officesMenuData .item .name {display:block; color:#000; line-height:20px;} #officesMenuData .item:hover .name {color:#fff; } #officesMenuData .item.active .name {color:#fff; } #officesMenuData .item .phone {display:block; color:#de4756; font-size:13px; padding-top:1px;} #officesMenuData .item:hover .phone {color:#fff; } #officesMenuData .item.active .phone {color:#fff; } #officesData {padding-left:440px; } #officeMapsContainer {width:100%; height:400px; background:#efefef;} #officeMapsContainer.list {height:700px;} #officeMapsContainer.card {height:300px;} #officesData .dayOfferList h3 {padding-top:0;} #officesData .dayOfferList .item {padding-bottom:10px; font-size:24px; font-weight:bold; } #officesData .dayOfferList .item.isFlagtrue a {position:relative; padding-left:45px; display:inline-block;} #officesData .dayOfferList .item.isFlagtrue a img {position:absolute; left:0; top:1px; width:35px;} #officesData .param {padding-left:30px; border-bottom:1px dotted #dfdfdf; padding-bottom:7px; margin-bottom:7px; position:relative; } #officesData .param .icon {color:#1475ba; width:24px; height:24px; line-height:24px; text-align:center; position:absolute; left:0; top:0; font-size:18px; } #officesData .param .messenger {display:inline-block; vertical-align:top; white-space:nowrap; } #officesData .param .telegram {text-decoration:none; margin-right:15px; text-decoration:underline;} #officesData .param .telegram .ico {color:#35acf1; font-size:32px; margin-left:10px; vertical-align:middle;} #officesData .param .whatsapp {text-decoration:none; margin-right:15px; text-decoration:underline;} #officesData .param .whatsapp .ico {color:#30be66; font-size:32px; margin-left:10px; vertical-align:middle;} #officesData .writeButton {} #officesData .officeManagersList {font-size:0; margin:0 -5px; } #officesData .officeManagersList .item {display:inline-block; width:25%; padding:0 10px 20px 10px; vertical-align:top;} #officesData .officeManagersList .item .data {border:1px solid #ccc; padding:5px; border-radius:5px; } #officesData .officeManagersList .item .data:hover {border:1px solid #1475ba; } #officesData .officeManagersList .item .data .name {display:table; height:40px; width:100%; } #officesData .officeManagersList .item .data .name span {display:table-cell; text-align:center; vertical-align:middle; font-size:14px; color:#000; line-height:20px; } #officesData .officeManagersList .item .data .image {display:block; text-defcoration:none; overflow:hidden; } #officesData .officeManagersList .item .data .image img {display:block; border-radius:3px; transition:transform 0.3s; } #officesData .officeManagersList .item .data .image:hover img {transform:scale(1.05);} #officeCardGallery {margin:0 -5px; font-size:0; padding-top:25px; } #officeCardGallery .item {width:25%; padding:0 5px 10px 5px; display:inline-block; vertical-align:top;} #officeCardGallery .item a {text-decoration:none;} #officeCardGallery .item a img {display:block;} /* Запись в офис по времени */ #officeWriteContent {padding-top:15px;} #officeWriteContent .fieldCaption {font-size:20px; padding-bottom:10px; color:#000; } #officeWriteContent .officeControlSelector {margin-bottom:20px; } #officeWriteContent .dayOne {} #officeWriteContent .dayOne .dayName {padding:5px 30px 5px 10px; border:1px solid #ccc; background:#dfdfdf; margin-bottom:10px; border-radius:3px; position:relative; cursor:pointer; } #officeWriteContent .dayOne .dayName:hover, #officeWriteContent .dayOne .dayName.active {border:1px solid #1475ba; background:#1475ba;} #officeWriteContent .dayOne .dayName .caption {font-weight:bold; line-height:28px; } #officeWriteContent .dayOne .dayName .icon {position:absolute; right:4px; top:4px; font-size:20px; width:28px; height:28px; line-height:28px; text-align:center; } #officeWriteContent .dayOne .dayName .nw {color:#de4756; } #officeWriteContent .dayOne .dayName:hover .caption, #officeWriteContent .dayOne .dayName.active .caption {color:#fff; } #officeWriteContent .dayOne .dayName:hover .icon, #officeWriteContent .dayOne .dayName.active .icon {color:#fff; } #officeWriteContent .dayOne .dayName:hover .nw, #officeWriteContent .dayOne .dayName.active .nw {color:#fbe805; } #officeWriteContent .dayOne .dayName.active .icon {transform:rotate(-180deg); top:5px; } #officeWriteContent .dayOne .timeList {font-size:0; margin:0 -5px; display:none; } #officeWriteContent .dayOne .timeList .item {display:inline-block; width:8.33%; padding:0 5px 10px 5px; text-align:center; vertical-align:top; } #officeWriteContent .dayOne .timeList .item span {display:block; border:1px solid #ccc; border-radius:3px; padding:5px 10px; font-size:16px; cursor:pointer;} #officeWriteContent .dayOne .timeList .item span:hover {border:1px solid #1475ba; background:#1475ba; color:#fff; } #officeWriteContent .dayOne .timeList .item span.active {background:#de4756; color:#fff; border:1px solid #de4756;} #officeWriteContent .dayOne .timeList .item span.disabled {background:#dfdfdf; border:1px solid #ccc; color:#000; cursor:default; opacity:0.5;} #officeWriteContent .dayOne .timeList .empty {font-size:15px; padding:0 0 10px 5px; } #officeWriteTimeList {margin-bottom:20px; } #officeWriteTimeList.isProcess {position:relative; } #officeWriteTimeList.isProcess:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5) url('../img/tail-spin.svg') no-repeat center center; background-size:100px 100px; } #officeWriteSendForm {} #officeWriteSendForm.isHide {display:none;} #officeWriteSendForm .writeSendFormText {padding-bottom:15px;} #officeWriteSendForm .writeSendFormError {padding:10px 15px; margin-bottom:15px; border:2px solid #de4756; border-radius:4px; color:#de4756; margin-bottom:15px; font-size:14px; } /* Отображение записей в офис в ЛК менеджера */ #managerWriteList .fieldCaption {padding-bottom:5px; font-weight:500; font-size:16px;} #managerWriteList .writeItem {padding:10px 15px; background:#EEEEEE; margin-bottom:10px; position:relative; border-radius:5px; border-top:2px solid #1475ba; } #managerWriteList .writeItem .edit {color:#008513; width:24px; height:24px; line-height:24px; background:#fff; text-align:center; position:absolute; right:45px; top:10px; cursor:pointer;} #managerWriteList .writeItem .edit:hover {background:#008513; color:#fff; } #managerWriteList .writeItem .delete {color:#de4756; width:24px; height:24px; line-height:24px; background:#fff; text-align:center; position:absolute; right:10px; top:10px; cursor:pointer;} #managerWriteList .writeItem .delete:hover {background:#de4756; color:#fff; } #managerWriteList .writeItem .writeEditContainer.isProcess {height:50px; background:#fff url('../img/tail-spin.svg') no-repeat center center; background-size:40px; } #managerWriteList .writeItem .writeEditContainer .runChange {margin-right:20px;} #managerWriteList .writeItem .writeEditContainer .runChange.isHide {display:none;} #managerWriteTimeAppend {padding-top:15px;} #managerWriteTimeAppend .fieldCaption {font-size:20px; padding-bottom:10px; color:#000; } #managerWriteTimeAppend .dayOne {} #managerWriteTimeAppend .dayOne .dayName {padding:5px 30px 5px 10px; border:1px solid #ccc; background:#dfdfdf; margin-bottom:10px; border-radius:3px; position:relative; cursor:pointer; } #managerWriteTimeAppend .dayOne .dayName:hover, #officeWriteContent .dayOne .dayName.active {border:1px solid #1475ba; background:#1475ba;} #managerWriteTimeAppend .dayOne .dayName .caption {font-weight:bold; line-height:28px; } #managerWriteTimeAppend .dayOne .dayName .icon {position:absolute; right:4px; top:4px; font-size:20px; width:28px; height:28px; line-height:28px; text-align:center; } #managerWriteTimeAppend .dayOne .dayName .nw {color:#de4756; } #managerWriteTimeAppend .dayOne .dayName:hover .caption, #officeWriteContent .dayOne .dayName.active .caption {color:#fff; } #managerWriteTimeAppend .dayOne .dayName:hover .icon, #officeWriteContent .dayOne .dayName.active .icon {color:#fff; } #managerWriteTimeAppend .dayOne .dayName:hover .nw, #officeWriteContent .dayOne .dayName.active .nw {color:#fbe805; } #managerWriteTimeAppend .dayOne .dayName.active .icon {transform:rotate(-180deg); top:5px; } #managerWriteTimeAppend .dayOne .timeList {font-size:0; margin:0 -5px; display:none; } #managerWriteTimeAppend .dayOne .timeList .item {display:inline-block; width:8.33%; padding:0 5px 10px 5px; text-align:center; vertical-align:top; } #managerWriteTimeAppend .dayOne .timeList .item span {display:block; border:1px solid #ccc; border-radius:3px; padding:5px 10px; font-size:16px; cursor:pointer;} #managerWriteTimeAppend .dayOne .timeList .item span:hover {border:1px solid #1475ba; background:#1475ba; color:#fff; } #managerWriteTimeAppend .dayOne .timeList .item span.active {background:#de4756; color:#fff; border:1px solid #de4756;} #managerWriteTimeAppend .dayOne .timeList .item span.disabled {background:#dfdfdf; border:1px solid #ccc; color:#000; cursor:default; opacity:0.5;} #managerWriteTimeAppend .dayOne .timeList .empty {font-size:15px; padding:0 0 10px 5px; } /* #officeWriteTimeList {margin-bottom:20px; } #officeWriteTimeList.isProcess {position:relative; } #officeWriteTimeList.isProcess:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5) url('../img/tail-spin.svg') no-repeat center center; background-size:100px 100px; } */ /* Управление бонусами */ #bonusUserSearchForm {background:#f0f0f0; padding:10px; } #bonusUserResultData {padding:20px 0;} #bonusUserResultData.isProcess {position:relative;} #bonusUserResultData.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(238,238,238, 0.5) url('../img/tail-spin.svg') no-repeat center center; background-size:50px 50px; } #bonusControlData {padding-left:460px; padding-right:120px; position:relative;} #bonusControlData .changeType {position:absolute; left:0px; top:0; width:115px;} #bonusControlData .bonuses {position:absolute; left:125px; top:0; width:100px;} #bonusControlData .count {position:absolute; left:235px; top:9px; } #bonusControlData .number {position:absolute; left:285px; top:9px; } #bonusControlData .order {position:absolute; left:330px; top:0; width:120px;} #bonusControlData a {position:absolute; right:0px; top:0; width:110px; text-align:center; height:40px; line-height:40px; color:#fff; background:#0056a3; text-decoration:none; } #bonusControlData a:hover {background:#de4756; } #bonusControlData .error {border:1px solid #de4756; } #bonusControlData .error::-moz-placeholder { color:#de4756; } #bonusControlData .error::-webkit-input-placeholder {color:#de4756; } /* Поиск юзера в ю-оне */ #uonUserSearchForm {background:#f0f0f0; padding:10px; } #uonUserSearchForm.isProcess {position:relative;} #uonUserSearchForm.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(238,238,238, 0.5) url('../img/tail-spin.svg') no-repeat center center; background-size:50px 50px; } #uonUserSearchForm div {position:relative; padding-right:110px; } #uonSearchButton {position:absolute; right:0; top:0; width:100px; height:40px; line-height:40px; text-align:center; background:#0056a3; color:#fff; border-radius:3px; cursor:pointer; } #uonSearchButton:hover {background:#de4756; } #uonUserResultData {padding:20px 0;} #uonUserResultData .red {color:#de4756; } #managersSendPass {padding-bottom:15px; } #managersSendPass a {color:#de4756; } #managersSendPass .blue {color:#1475ba; } #managersSendPass .red {color:#de4756; } #managersSendPass .green {color:green; } #uonUserList {} #uonUserList .item {border-left:2px solid #1475ba; border-top:2px solid #1475ba; padding:10px 160px 10px 15px; margin-bottom:15px; position:relative; } #uonUserList .item .param {padding:2px 0; } #uonUserList .item .param span.cap {display:inline-block; vertical-align:top; min-width:135px; } #uonUserList .item .param span.label {display:inline-block; vertical-align:top; padding:2px 5px; font-size:12px; color:#fff; margin:1px 5px 1px 0;} #uonUserList .item .send {padding:2px 7px; font-size:13px; background:green; color:#fff; margin-top:5px; } #uonUserList .item .uonLink {display:block; width:150px; height:34px; line-height:34px; font-size:13px; text-align:center; position:absolute; right:0; top:10px; text-decoration:none; background:#1475ba; color:#fff; } #uonUserList .item .uonLink:hover {background:#de4756; } #uonUserList .item .orderLink {display:block; width:150px; height:34px; line-height:34px; font-size:13px; text-align:center; position:absolute; right:0; top:55px; text-decoration:none; background:#1475ba; color:#fff; } #uonUserList .item .orderLink:hover {background:#de4756; } #uonUserList .item .reportLink {display:block; width:150px; height:34px; line-height:34px; font-size:13px; text-align:center; position:absolute; right:0; top:55px; text-decoration:none; background:green; color:#fff; } #uonUserList .item .reportLink:hover {background:#de4756; } /* Список бонусов */ #bonusListData {display:table; width:100%; border-collapse:collapse; margin-bottom:10px;} #bonusListData .tr {display:table-row;} #bonusListData .td {display:table-cell; text-align:center; padding:5px 10px; font-size:15px; border:1px solid #ccc; vertical-align:middle; } #bonusListData .td.first {color:#de4756;} #bonusListData .td.premium {color:#de4756;} #bonusListData .td .mob {display:none; } #bonusListData .head .td {background:#f0f0f0; font-weight:500; } #bonusListData .line .td .minus {color:#de4756; } #bonusListData .line .td .plus {color:#1475ba; } .bonusListBalance {padding-bottom:20px;} .bonusListBalance span {font-size:18px; font-weight:500;} .bonusListBalance.isOkfalse {color:red;} /* Элемент выбора офиса */ .officeControlSelector {background:#fff; border:1px solid #ccc; height:40px; border-radius:3px; cursor:pointer; } .officeControlSelector:hover {border:1px solid #1475ba;} .officeControlSelector.disabled {opacity:0.7; cursor:default;} .officeControlSelector.disabled:hover {border:1px solid #ccc;} .officeControlSelector .selected {padding:0 10px 0 45px; position:relative;} .officeControlSelector .selected .icon {width:32px; height:32px; position:absolute; left:3px; top:3px; text-align:center; background:#ccc; border-radius:3px; } .officeControlSelector .selected .icon span {font-size:20px; line-height:32px; } .officeControlSelector .selected .icon.line1 {background:#d51c3c; color:#fff; } .officeControlSelector .selected .icon.line2 {background:#0084c7; color:#fff; } .officeControlSelector .selected .icon.line3 {background:#019d60; color:#fff; } .officeControlSelector .selected .icon.line4 {background:#ec750f; color:#fff; } .officeControlSelector .selected .icon.line5 {background:#701678; color:#fff; } .officeControlSelector .selected .icon.line-1 {background:#f57124; color:#fff; } .officeControlSelector .selected .name {white-space:nowrap; line-height:37px; font-size:16px; overflow:hidden;} .officeControlSelector:hover .selected .name {color:#1475ba;} .officeControlSelector.disabled:hover .selected .name {color:#333;} .officeControlSelector .officeList {display:none; } #officeSelectorOverlay {display:none; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:100;} #officeSelectorOverlay .officeWindow {padding:60px 15px 15px 15px; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:5px; max-height:95%; max-width:95%; width:500px; height:540px; } #officeSelectorOverlay .officeWindow .caption {font-size:20px; color:#000; position:absolute; left:15px; top:15px; } #officeSelectorOverlay .officeWindow .close {width:30px; height:30px; line-height:28px; font-size:20px; position:absolute; right:15px; top:15px; background:#de4756; color:#fff; border-radius:3px; text-align:center; cursor:pointer; } #officeSelectorOverlay .officeWindow .close:hover {background:#1475ba;} #officeSelectorOverlay .officeWindowData {width:100%; height:100%; overflow-y:auto; } #officeSelectorOverlay .officeWindowData .item {display:block; text-decoration:none; padding:0px 10px 0px 50px; height:40px; position:relative; border-radius:3px; margin-bottom:2px; cursor:pointer; } #officeSelectorOverlay .officeWindowData .item:last-child {margin-bottom:0;} #officeSelectorOverlay .officeWindowData .item:hover {background:#ccc; } #officeSelectorOverlay .officeWindowData .item.line0 {padding-left:10px;} #officeSelectorOverlay .officeWindowData .item .icon {display:block; position:absolute; left:0; top:0px; width:40px; height:40px; text-align:center; border-radius:3px;} #officeSelectorOverlay .officeWindowData .item .icon span {color:#fff; font-size:22px; line-height:42px; } #officeSelectorOverlay .officeWindowData .item .name {display:table; width:100%; height:100%;} #officeSelectorOverlay .officeWindowData .item .name span {display:table-cell; height:100%; vertical-align:middle; line-height:18px; } #officeSelectorOverlay .officeWindowData .item.line0 .icon {display:none; } #officeSelectorOverlay .officeWindowData .item.line1 .icon {background:#d51c3c;} #officeSelectorOverlay .officeWindowData .item.line2 .icon {background:#0084c7;} #officeSelectorOverlay .officeWindowData .item.line3 .icon {background:#019d60;} #officeSelectorOverlay .officeWindowData .item.line4 .icon {background:#ec750f;} #officeSelectorOverlay .officeWindowData .item.line5 .icon {background:#701678;} #officeSelectorOverlay .officeWindowData .item.line-1 {margin-bottom:6px; } #officeSelectorOverlay .officeWindowData .item.line-1:after {display:block; height:2px; width:100%; content:""; background:#ccc; position:absolute; left:0; bottom:-4px;} #officeSelectorOverlay .officeWindowData .item.line-1 .icon {background:#f57124;} #officeSelectorOverlay .officeWindowData .item.line-1 .icon span:before {font-size:14px; font-family:'Roboto'; content:"MCK"; left:-15px; top:-18px; font-weight:normal;} #officeSelectorOverlay .officeWindowData .item.line-1 .icon span:after {display:none;} #officeSelectorOverlay .officeWindowData .item:hover .name, #officeSelectorOverlay .officeWindowData .item.active .name{color:#fff;} #officeSelectorOverlay .officeWindowData .item.line0:hover, #officeSelectorOverlay .officeWindowData .item.line0.active {background:#ccc;} #officeSelectorOverlay .officeWindowData .item.line0:hover .name, #officeSelectorOverlay .officeWindowData .item.line0.active .name {color:#000; } #officeSelectorOverlay .officeWindowData .item.line1:hover, #officeSelectorOverlay .officeWindowData .item.line1.active {background:#d51c3c;} #officeSelectorOverlay .officeWindowData .item.line2:hover, #officeSelectorOverlay .officeWindowData .item.line2.active {background:#0084c7;} #officeSelectorOverlay .officeWindowData .item.line3:hover, #officeSelectorOverlay .officeWindowData .item.line3.active {background:#019d60;} #officeSelectorOverlay .officeWindowData .item.line4:hover, #officeSelectorOverlay .officeWindowData .item.line4.active {background:#ec750f;} #officeSelectorOverlay .officeWindowData .item.line5:hover, #officeSelectorOverlay .officeWindowData .item.line5.active {background:#701678;} #officeSelectorOverlay .officeWindowData .item.line-1:hover, #officeSelectorOverlay .officeWindowData .item.line-1.active {background:#f57124; color:#000; } /* Элемент выбора метро */ .metroControlSelector {background:#fff; border:1px solid #ccc; height:40px; border-radius:3px; cursor:pointer; } .metroControlSelector:hover {border:1px solid #1475ba;} .metroControlSelector .selected {padding:0 10px 0 45px; position:relative;} .metroControlSelector .selected .icon {width:32px; height:32px; position:absolute; left:3px; top:3px; text-align:center; background:#ccc; border-radius:3px; } .metroControlSelector .selected .icon span {font-size:20px; line-height:32px; } .metroControlSelector .selected .icon.line1 {background:#d51c3c; color:#fff; } .metroControlSelector .selected .icon.line2 {background:#0084c7; color:#fff; } .metroControlSelector .selected .icon.line3 {background:#019d60; color:#fff; } .metroControlSelector .selected .icon.line4 {background:#ec750f; color:#fff; } .metroControlSelector .selected .icon.line5 {background:#701678; color:#fff; } .metroControlSelector .selected .icon.line-1 {background:#f57124; color:#fff; } .metroControlSelector .selected .name {white-space:nowrap; line-height:37px; font-size:16px; overflow:hidden;} .metroControlSelector:hover .selected .name {color:#1475ba;} .metroControlSelector .metroList {display:none; } #officeSelectorOverlay .officeWindowData .group .node {display:block; text-decoration:none; padding:0px 10px 0px 50px; height:40px; position:relative; border-radius:3px; margin-bottom:2px; cursor:pointer; } #officeSelectorOverlay .officeWindowData .group .node:hover {background:#ccc; } #officeSelectorOverlay .officeWindowData .group.line0 .node {padding-left:10px;} #officeSelectorOverlay .officeWindowData .group .icon {display:block; position:absolute; left:0; top:0px; width:40px; height:40px; text-align:center; border-radius:3px;} #officeSelectorOverlay .officeWindowData .group .icon span {color:#fff; font-size:22px; line-height:42px; } #officeSelectorOverlay .officeWindowData .group .name {display:table; width:100%; height:100%; } #officeSelectorOverlay .officeWindowData .group .name span {display:table-cell; height:100%; vertical-align:middle; line-height:18px; } #officeSelectorOverlay .officeWindowData .group.line0 .icon {display:none; } #officeSelectorOverlay .officeWindowData .group.line1 .icon {background:#d51c3c;} #officeSelectorOverlay .officeWindowData .group.line2 .icon {background:#0084c7;} #officeSelectorOverlay .officeWindowData .group.line3 .icon {background:#019d60;} #officeSelectorOverlay .officeWindowData .group.line4 .icon {background:#ec750f;} #officeSelectorOverlay .officeWindowData .group.line5 .icon {background:#701678;} #officeSelectorOverlay .officeWindowData .group .items {display:none;} #officeSelectorOverlay .officeWindowData .group.isOpen .node .name span {font-weight:bold; color:#000; } #officeSelectorOverlay .officeWindowData .group.isOpen .items {display:block; } #officeSelectorOverlay .officeWindowData .group .items .item {padding-left:10px; height:34px;} #officeSelectorOverlay .officeWindowData .group .items .item:hover .name {color:#000;} #officeSelectorOverlay .officeWindowData .group .items .icon {display:none; } /* Наша команда (список менеджеров) */ #managerCoomand {margin:0 -10px; font-size:0;} #managerCoomand .item {display:inline-block; width:20%; padding:0 10px 20px 10px; vertical-align:top; } #managerCoomand .item .data {border:1px solid #ccc; padding:10px; border-radius:5px; } #managerCoomand .item .data:hover {border:1px solid #1475ba; } #managerCoomand .item .data .name {display:table; height:40px; width:100%; } #managerCoomand .item .data .name span {display:table-cell; text-align:center; vertical-align:middle; font-size:16px; color:#000; line-height:20px; } #managerCoomand .item .data .stage {font-size:14px; color:#de4756; white-space:nowrap; text-align:center; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis;} #managerCoomand .item .data .countCaption {font-size:13px; white-space:nowrap; text-align:center; line-height:18px; height:18px; overflow:hidden; text-overflow:ellipsis;} #managerCoomand .item .data .countValue {font-size:14px; white-space:nowrap; text-align:center; line-height:18px; height:18px; overflow:hidden; text-overflow:ellipsis;} #managerCoomand .item .data .phone {font-size:14px; white-space:nowrap; text-align:center; line-height:22px; height:22px; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;} #managerCoomand .item .data .image {display:block; text-defcoration:none; overflow:hidden; } #managerCoomand .item .data .image img {display:block; border-radius:3px; transition:transform 0.3s; margin:0 auto;} #managerCoomand .item .data .image:hover img {transform:scale(1.05);} /* Элемент выбора менеджера */ .managerControlSelector {background:#fff; border:1px solid #ccc; height:40px; border-radius:3px; cursor:pointer; } .managerControlSelector:hover {border:1px solid #1475ba;} .managerControlSelector .selected {padding:0 10px 0 45px; position:relative;} .managerControlSelector .selected .icon {width:32px; height:32px; position:absolute; left:3px; top:3px; text-align:center; background:#ccc; border-radius:3px; } .managerControlSelector .selected .icon span {font-size:20px; line-height:32px; } .managerControlSelector .selected .name {white-space:nowrap; line-height:37px; font-size:16px; overflow:hidden; } .managerControlSelector:hover .selected .name {color:#1475ba;} .managerControlSelector .managerList {display:none; } .managerControlSelector.disabled {background:#f0f0f0; border:1px solid #ccc; cursor:default; } .managerControlSelector.disabled .selected .name {color:#333;} #managerSelectorOverlay {display:none; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:100;} #managerSelectorOverlay .managerWindow {padding:60px 15px 15px 15px; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:5px; max-height:95%; max-width:95%; width:500px; height:605px; } #managerSelectorOverlay .managerWindow .caption {font-size:20px; color:#000; position:absolute; left:15px; top:15px; } #managerSelectorOverlay .managerWindow .close {width:30px; height:30px; line-height:28px; font-size:20px; position:absolute; right:15px; top:15px; background:#de4756; color:#fff; border-radius:3px; text-align:center; cursor:pointer; } #managerSelectorOverlay .managerWindow .close:hover {background:#1475ba;} #managerSelectorOverlay .managerWindowData {width:100%; height:100%; overflow-y:auto; font-size:0;} #managerSelectorOverlay .managerWindowData .noSelect {display:block; width:100%; padding:0 5px;} #managerSelectorOverlay .managerWindowData .noSelect .item {font-size:16px; padding:5px 10px; background:#ccc; color:#000; margin-bottom:10px; border-radius:5px; cursor:pointer; } #managerSelectorOverlay .managerWindowData .noSelect .item:hover, #managerSelectorOverlay .managerWindowData .noSelect .item.active {background:#1475ba; color:#fff;} #managerSelectorOverlay .managerWindowData .data {display:inline-block; width:33.33%; padding:0 5px 10px 5px; vertical-align:top; } #managerSelectorOverlay .managerWindowData .data .item {display:block; cursor:pointer; border:1px solid #ccc; border-radius:5px; overflow:hidden; } #managerSelectorOverlay .managerWindowData .data .item:hover, #managerSelectorOverlay .managerWindowData .data .item.active {background:#1475ba; border:1px solid #1475ba; color:#fff; } #managerSelectorOverlay .managerWindowData .data .item .image {display:block; overflow:hidden; } #managerSelectorOverlay .managerWindowData .data .item .image img {max-width:100%; height:auto; } #managerSelectorOverlay .managerWindowData .data .item .name {display:table; width:100%; height:50px;} #managerSelectorOverlay .managerWindowData .data .item .name span {display:table-cell; height:100%; vertical-align:middle; line-height:18px; font-size:15px; text-align:center; padding:5px;} /* Инструкции в ЛК менеджеров */ #privateManagerInstructionsGroup .item {padding-bottom:10px;} #privateManagerInstructions {} #privateManagerInstructions .item {margin-bottom:10px;} #privateManagerInstructions .item .name {padding:10px 15px; position:relative; background:#EEEEEE; cursor:pointer; } #privateManagerInstructions .item .name .text {font-weight:500;} #privateManagerInstructions .item .name .arrow {display:block; width:16px; height:16px; line-height:16px; text-align:center; position:absolute; right:15px; top:14px;} #privateManagerInstructions .item .name:hover {color:#0056a3; } #privateManagerInstructions .item .instruction {padding:10px 0; display:none;} #privateManagerInstructions .item .instruction *:last-child {padding-bottom:0; margin-bottom:0;} #privateManagerInstructions .item .isOpen .arrow {transform:rotate(-180deg);} /* Галерея дипломов (фото из папки) */ .diplomsGalleryData {margin:0 -10px; font-size:0;} .diplomsGalleryData .data {width:14.28%; padding:0 10px 20px 10px; display:inline-block; vertical-align:top;} .diplomsGalleryData .data a {display:block; text-decoration:none; } .diplomsGalleryData .data a img {display:block; } /* Галерея логотипов (слайдер) */ .logoSlider {position:relative; margin-bottom:20px;} .logoSliderData {padding:0 15px;} .logoSliderData table {display:table; width:100%; /* height:100px; */} .logoSliderData table td {display:table-cell; vertical-align:middle; text-align:center;} .logoSliderData table td img {display:block; margin:0 auto; max-height:100%; max-height:100px; width:auto;} /* Форма входа в ЛК */ .authFormWidth {background:#eee; padding:15px 20px; width:500px; max-width:100%; margin:0 auto; } .authFormWidth.isProcess {position:relative;} .authFormWidth.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(238,238,238, 0.5) url('../img/tail-spin.svg') no-repeat center center; background-size:50px 50px; } .authFormWidth .stdFormData .rowLine .caption {width:100%; float:none; padding:0 0 5px 0;} .authFormWidth .stdFormData .rowLine .input {margin:0;} .authFormLink {width:500px; max-width:100%; margin:0 auto; padding-top:15px;} .authFormLink div {padding-top:5px;} .authFormLink div.managerLink {text-align:right; } .authFormLink div.managerLink a {color:#aaa; font-size:12px;} #cabinetLoginFailed {border:2px solid #de4756; border-radius:4px; padding:10px 15px; color:#de4756; margin-bottom:15px; font-size:14px; } #cabinetInfoMessage {border:2px solid #008513; border-radius:4px; padding:10px 15px; color:#008513; margin-bottom:15px; font-size:14px; } #cabinetInfoMessageWin {border:2px solid #008513; border-radius:4px; padding:10px 15px; color:#008513; margin-bottom:15px; font-weight:bold; font-size:22px; } /* Меню личного кабинета */ #cabinetColSide {display:table;} #cabinetLeftSide {display:table-cell; width:1%;} #cabinetContentSide {display:table-cell; width:99%; padding-left:30px;} #cabinetContentSide .header {padding-bottom:15px;} #cabinetLeftMenu {width:200px;} #cabinetLeftMenu div {margin-bottom:5px;} #cabinetLeftMenu div a {background:#EEEEEE; display:block; padding:7px 15px; text-decoration:none; } #cabinetLeftMenu div a.active {background:#1475ba; color:#fff; } #cabinetLeftMenu div.delete {margin-top:20px;} #cabinetLeftMenu div.delete a {padding:5px 15px; font-size:13px; } #privateMainAction {} #privateMainAction .param {clear:both; padding-top:10px;} #privateMainAction .param .cap {float:left; width:200px; vertical-align:top; font-weight:500;} #privateMainAction .param .val {padding-left:220px;} /* Список туров пользователя */ #userOrderListData .header {padding-bottom:10px; font-weight:500; font-size:16px; color:#0056a3;} #userOrderListData .order {padding:10px 15px; background:#EEEEEE; margin-bottom:10px; position:relative; border-radius:5px; border-top:2px solid #1475ba; } #userOrderListData .order .param {padding-bottom:5px; min-height:26px;} #userOrderListData .order .param .cap {float:left; width:200px; font-weight:500;} #userOrderListData .order .param .val {margin-left:220px;} #userOrderListData .order .price {position:absolute; right:15px; top:8px; font-size:18px; } #userOrderListData .order .price span {font-size:15px; } #userOrderListData .order .tour {padding:5px 10px; margin-top:5px; background:#fff; font-size:15px; color:#000; position:relative;} #userOrderListData .order .tour > span {display:block; margin-right:5px; vertical-align:top; padding:1px 0;} #userOrderListData .order .tour .control {position:absolute; right:10px; top:7px; text-align:right;} #userOrderListData .order .tour .control .item {display:block; padding-bottom:5px; font-size:14px;} #userOrderListData .order .tour .control .item span {color:#777; } #userOrderListData .order .moreInfo {position:relative; min-height:24px; margin-top:10px; background:#fff; } #userOrderListData .order .moreInfo.isProcess {background:#fff url('../img/tail-spin.svg') no-repeat center center; background-size:20px 20px;} #userOrderListData .order .moreInfo table {width:100%;} #userOrderListData .order .moreInfo table th {border:1px solid #d0d0d0; font-weight:500; padding:2px 5px; text-align:center; font-size:15px;} #userOrderListData .order .moreInfo table td {border:1px solid #d0d0d0; padding:2px 5px; text-align:center; font-size:15px;} #userOrderListData .order .moreInfo .documents {padding:10px; } #userOrderListData .order .moreInfo .documents .caption {font-weight:500; font-size:15px;} #userOrderListData .order .moreInfo .documents .item {padding-top:3px; font-size:15px;} #userOrderListData .currentListData {padding-bottom:10px;} #userOrderListData .cancelListData .header {color:#de4756;} #userOrderListData .cancelListData .order {border-top:2px solid #000; opacity:0.7;} #userOrderListData .cancelListData .order .control {display:none;} .uonDataList {border-radius:3px 3px 0 0; width:100%; border:1px solid #E7E7E7; border-collapse:collapse; font-size:12px;} .uonDataList tr th {background:#E7E7E7; color:#626262; text-align:center; font-size:13px; padding:5px 7px 7px 7px; font-weight:bold; text-shadow:0 1px #FFFFFF; border:1px solid #C9C9C9;} .uonDataList tr td {border:1px solid #E7E7E7; vertical-align:middle; padding:5px 7px; background:#fff; text-align:center;} .uonDataList tr.head td {text-align:left; background:#fafafa; font-weight:bold; color:#000; } .uonDataList tr.head td .answerAdd {float:right; color:red;} .uonDataList tr.service td a.add {background:red; display:inline-block; padding:4px 10px 5px 10px; text-align:center; line-height:12px; font-weight:bold; font-size:11px; color:#fff; text-decoration:none;} .uonDataList tr.service td a.add:hover {background:#004f73; } .uonDataList .moreData table {width:100%;} .uonDataList .moreData table tr th {padding:2px 5px 2px 5px; font-size:12px; font-weight:normal;} .uonDataList .moreData .docs {text-align:left; padding-top:3px; font-weight:bold; } .uonDataList .moreData .docone {text-align:left; padding-top:3px; } /* Календарь вылетов в ЛК менеджеров */ #calendarControl {padding-bottom:20px; height:70px; } #calendarControl .calendarSelect {width:50%; float:left; vertical-align:top;} #calendarControl .calendarSelect:first-child {padding-right:5px;} #calendarControl .calendarSelect:last-child {padding-left:5px;} #calendarControl .calendarSelect .styleSelect .selected {border:1px solid #d0d0d0; } #calendarControlData {font-size:0; padding-top:15px; margin:0 -10px;} #calendarControlData .info {text-align:center; font-size:14px; } #calendarControlData .info.error {color:#de4756;} #calendarControlData .calendarMonth {width:33.33%; display:inline-block; vertical-align:top; border-right:2px solid #fff; } #calendarControlData .monthData {padding:0 10px 30px 10px; position:relative; } #calendarControlData .monthData.process:after {display:block; width:100%; height:100%; position:absolute; left:0; top:0; content:""; background:#ffffff url('../img/tail-spin.svg') no-repeat center center; background-size:50px;} #calendarControlData .calendarMonth.lastMonthYear {border-right:2px solid #ccc; } #calendarControlData .calendarMonth:last-child {border-right:none; } #calendarControlData .calendarMonth .month {font-size:14px; background:#f0f0f0; text-align:center; font-weight:500; padding:5px 25px 5px 5px; height:28px; position:relative;} #calendarControlData .calendarMonth .month span {position:absolute; right:5px; top:5px; width:18px; height:18px; border:1px solid #777; background:linear-gradient(-45deg, #de4756 0%, #de4756 50%, #fff 51%); cursor:pointer;} #calendarControlData .calendarMonth .month span:hover {border:1px solid #000;} #calendarControlData .calendarMonth .cells {font-size:14px; text-align:center; display:inline-block; width:14.28%; vertical-align:top; position:relative;} #calendarControlData .calendarMonth .cells.week {font-size:13px; font-weight:500; padding:5px 0; margin-bottom:5px; border-bottom:1px solid #f0f0f0; } #calendarControlData .calendarMonth .cells.week.free {color:#de4756; } #calendarControlData .calendarMonth .cells.day {border-radius:3px; line-height:40px; cursor:pointer; position:relative;} #calendarControlData .calendarMonth .cells.day:hover {background:#f0f0f0; color:#0056a3;} #calendarControlData .calendarMonth .cells.day.select {background:#de4756; color:#fff;} #calendarControlData .calendarMonth .cells.day.old {background:#fff; color:#ccc; cursor:default;} #calendarControlData .calendarMonth .cells.day.process:after {display:block; width:100%; height:100%; position:absolute; left:0; top:0; content:""; background:#ffffff url('../img/tail-spin.svg') no-repeat center center; background-size:20px;} /* Управление подборками менеджера */ #topButtonSelection {text-align:right; margin-bottom:15px; } #changeManagerSelection {width:200px; float:left; height:30px; border:1px solid #ccc; box-sizing:border-box; background:#fff; border-radius:3px; font-size:16px; margin-bottom:10px; padding:0 5px; } #selectionOfficeCaption {padding-bottom:5px;} #selectionOfficeId {margin-bottom:15px;} #listSelection {} #listSelection .item {border-bottom:2px solid #1475ba; padding:10px 10px; position:relative; padding-right:280px;} #listSelection .item a .date {position:absolute; right:85px; top:5px; white-space:nowrap; color:#555; font-size:13px; color:#0056a3; } #listSelection .item a .show {position:absolute; right:85px; top:20px; white-space:nowrap; color:#555; font-size:13px; color:green;} #listSelection .item .edit {width:30px; height:30px; text-align:center; line-height:30px; font-size:18px; position:absolute; right:36px; top:6px; background:#EEEEEE; } #listSelection .item .delete {width:30px; height:30px; text-align:center; line-height:30px; font-size:20px; position:absolute; right:0; top:6px; background:#EEEEEE; } #selectionOfficeInfo {padding-bottom:15px;} #selectionOfficeInfo div {padding-bottom:3px;} /* DaData */ input.dadata.ui-autocomplete-loading {background:#fff url('../img/tail-spin.svg') no-repeat 98% 50%; background-size:20px 20px;} .daDataExpandList {position:relative;} .daDataExpandList ul.ui-autocomplete {margin:0; padding:0; background:#fff; position:absolute; left:0 !important; top:100% !important; width:100%; max-height:180px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; border:1px solid #d0d0d0; border-radius:0px;} .daDataExpandList ul.ui-autocomplete li.ui-menu-item {margin:0 !important; list-style-image:none; padding:0!important; background:transparent !important; display:block; } .daDataExpandList ul.ui-autocomplete li.ui-menu-item:after {display:none;} .daDataExpandList ul.ui-autocomplete li.ui-menu-item a {padding:3px 10px; display:block; text-decoration:none; border:none; font-size:16px; border-radius:0; border:none; color:#000; } .daDataExpandList ul.ui-autocomplete li.ui-menu-item a.ui-state-active { margin:0; background:#e8e8e8; color:#1475ba; } /* Отзывы */ .answersHeader {position:relative; padding-right:165px;} .answersHeader a.styleBtn {font-size:16px; padding:2px 15px 3px 15px; position:absolute; top:0px; right:0; font-weight:normal;} .answersDescription {padding-bottom:10px;} /* Список СПО туров */ #answerControl {padding:10px 5px; background:#EEEEEE; margin-bottom:10px;} #answerControl .answerSelect {width:100%; float:left; padding:0 5px; vertical-align:top;} #answerControl.isHotel .answerSelect {width:33.33%;} #answerControl .answerSelect .styleSelect .selected {border:1px solid #d0d0d0; } #answersList {} #answersList .item {border:1px solid #e8e8e8; border-top:2px solid #1475ba; padding:10px 15px; margin-bottom:15px; border-radius:5px; position:relative; } #answersList .item .userInfo {padding-bottom:10px;} #answersList .item .userInfo .number {width:60px; display:inline-block; vertical-align:top; font-weight:500; color:#000; } #answersList .item .userInfo .userName {display:inline-block; vertical-align:top; font-weight:500; color:#0056a3; padding-right:15px;} #answersList .item .userInfo .date {display:inline-block; vertical-align:top; font-weight:500; color:#de4756; } #answersList .item .month {display:inline-block; vertical-align:top; padding-left:96px; margin-right:15px; margin-bottom:5px; position:relative; } #answersList .item .country {display:inline-block; vertical-align:top; padding-left:57px; margin-right:15px; margin-bottom:5px; position:relative; } #answersList .item .hotel {display:inline-block; vertical-align:top; padding-left:51px; margin-right:15px; margin-bottom:5px; position:relative; } #answersList .item .manager {display:inline-block; vertical-align:top; padding-left:82px; margin-right:15px; margin-bottom:5px; position:relative; } #answersList .item .manager .val {font-weight:normal;} #answersList .item .office {display:inline-block; vertical-align:top; padding-left:46px; margin-right:15px; margin-bottom:5px; position:relative; } #answersList .item .office .val {color:#de4756; font-weight:normal;} #answersList .item .recomendInfo {display:block; position:absolute; right:15px; top:10px;} #answersList .item .recomendInfo .recomend {display:inline-block; margin-left:10px; padding:5px 10px; font-size:14px; white-space:nowrap; background:green; color:#fff; border-radius:3px;} #answersList .item .recomendInfo .recomend.recomend0 {background:#de4756; } #answersList .item .cap {position:absolute; left:0; top:2px; font-size:14px;} #answersList .item .val {font-weight:500; color:#0056a3; font-size:15px;} #answersList .item .separator {height:10px; } #answersList .item .answerContent {padding:10px 15px; background:#efefef; border-radius:5px; line-height:24px;} #answersList .item .fullText.fullTextHide1 {display:none;} #answersList .item .showFullText {padding-top:5px;} #answersList .item .galleryList {margin:0 -5px; padding-top:10px; overflow:hidden; white-space:nowrap;} #answersList .item .galleryList div {display:inline-block; padding:0 5px 10px 5px; width:12.5%; vertical-align:top;} #answersList .item .galleryList div a {display:block; text-decoration:none; overflow:hidden; border-radius:3px;} #answersList .item .galleryList div a img {display:block; transition:transform 0.2s;} #answersList .item .galleryList div a:hover img {transform:scale(1.1); } #answersList .item .adminAnswer {position:relative; padding:10px 15px 10px 50px;} #answersList .item .adminAnswer:before {content:""; display:block; width:20px; height:30px; border-bottom:3px solid #1475ba; border-left:3px solid #1475ba; border-radius:0 0 0 10px; position:absolute; left:15px; top:15px; } #answersList .item .adminAnswer .caption {color:#de4756; font-weight:500; padding-bottom:5px; } /* Пагинация */ .stdPagination {padding-top:10px;} .stdPagination .loadMoreBtn a {display:block; line-height:40px; background:#fff; border:1px solid #e6e6f4; text-align:center; text-decoration:none; border-radius:5px;} .stdPagination .loadMoreBtn a:hover, .stdPagination .loadMoreBtn a.isProcess {background:#e6e6f4; color:#000;} .stdPagination .loadMoreBtn a.isProcess .processIcon {display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:34px; margin:-4px 10px 0 0; background:url('../img/tail-spin.svg') no-repeat center center; background-size:100%;} .stdPagination .loadPagesList {text-align:center; padding-top:20px;} .stdPagination .loadPagesList a {display:inline-block; height:36px; line-height:34px; min-width:36px; box-sizing:border-box; margin:0 5px; border:1px solid #1475ba; border-radius:5px; color:#2E4E6B; text-decoration:none; text-align:center; vertical-align:top;} .stdPagination .loadPagesList a:hover {color:#fff; background:#1475ba;} .stdPagination .loadPagesList a.active {background:#0158A6; color:#fff; border:1px solid #0158A6;} .stdPagination .loadPagesList a span {line-height:35px; height:36px;} .stdPagination .loadPagesList a.prev span {} /* Хлебные крошки */ #pagesPathList {line-height:18px; font-size:13px; padding-bottom:10px;} #pagesPathList a {display:inline-block; vertical-align:top;} #pagesPathList span {display:inline-block;vertical-align:top;} #pagesPathList .separator {padding:0 3px; font-size:14px; } #pagesPathList .last {color:#888;} .breadcrumbs .home {font-size:14px; color:#f60} .breadcrumbs .home span {line-height:17px;} /* Отельная база */ .hotelsCountryList {column-count:4; column-gap:30px; column-rule:2px dotted #d0d0d0; margin-bottom:25px;} .hotelsCountryList .item {position:relative; padding:5px 40px 5px 35px;} .hotelsCountryList .item img {position:absolute; left:0; top:5px; width:24px; height:auto;} .hotelsCountryList .item .count {position:absolute; right:0; top:7px; font-size:14px; } .hotelsResortList {column-count:4; column-gap:30px; column-rule:2px dotted #d0d0d0; margin-bottom:25px;} .hotelsResortList .item {position:relative; padding:5px 40px 5px 15px;} .hotelsResortList .item:after {content:""; display:block; width:7px; height:7px; background:#1475ba; position:absolute; left:0; top:14px;} .hotelsResortList .item .count {position:absolute; right:0; top:7px; font-size:14px; } #hotelsListFilter {padding:15px; background:#EEEEEE; margin-bottom:10px; } #hotelsListFilter .header {padding-bottom:10px; font-size:16px; font-weight:500;} #hotelsListFilter .cols {padding-top:15px; } #hotelsListFilter .cols:after {content:""; clear:both; display:block;} #hotelsListFilter .starList {float:left; width:340px; font-size:0;} #hotelsListFilter .starList .checkbox {display:inline-block; font-size:15px; width:70px; height:34px; padding:5px 5px 5px 30px; position:relative; vertical-align:top; border:1px solid #ccc; margin-right:10px; border-radius:3px; background:#fff; cursor:pointer; } #hotelsListFilter .starList .checkbox:before {content:"\f0c8"; position:absolute; left:10px; top:7px; height:15px; width:15px; font-family:"Font Awesome 5 Pro"; font-size:16px;} #hotelsListFilter .starList .checkbox.active:before {content:"\f14a";} #hotelsListFilter .starList .checkbox.active {background:#1475ba; border:1px solid #1475ba; color:#fff; } #hotelsListFilter .starList .checkbox span {position:absolute; right:10px; top:9px; width:14px; height:14px; text-align:center; font-size:14px; color:#f57124; } #hotelsListFilter .ratingList {margin-left:340px;} #hotelsListFilter .ratingList select {height:34px;} #hotelFilterButton {height:34px; line-height:34px; color:#fff; text-align:center; text-decoration:none; background:#de4756; color:#fff; display:inline-block; padding:0 20px; margin-top:15px;} #hotelFilterButton:hover {background:#fbe805; color:#000; } #hotelsItemList {column-count:2; column-gap:30px; margin-bottom:20px;} #hotelsItemList .hotelItem {position:relative; padding:10px 55px 10px 100px; min-height:70px; border-bottom:1px dotted #ccc;} #hotelsItemList .hotelItem:nth-child(odd) { background:#f0f0f0; } #hotelsItemList .hotelItem .image {display:block; position:absolute; left:10px; top:10px; width:80px; height:52px; overflow:hidden; text-decoration:none; } #hotelsItemList .hotelItem .image img {display:block; width:100%; height:auto; transition:transform 0.2s;} #hotelsItemList .hotelItem:hover .image img {transform:scale(1.1);} #hotelsItemList .hotelItem .name {font-weight:500; font-size:16px; margin-bottom:5px;} #hotelsItemList .hotelItem .region {padding-left:30px; position:relative; margin-bottom:3px; font-size:14px;} #hotelsItemList .hotelItem .region img {width:24px; height:auto; position:absolute; left:0; top:-2px; } #hotelsItemList .hotelItem .region span.country {display:inline-block; white-space:nowrap; } #hotelsItemList .hotelItem .region span.resort {display:inline-block; white-space:nowrap; } #hotelsItemList .hotelItem .rating {text-align:center; width:36px; line-height:16px; padding:2px 0; font-size:11px; position:absolute; right:10px; top:10px; border-radius:3px; } #hotelsItemList .hotelItem .rating.color0 {background:#c13d4a; color:#fff;} #hotelsItemList .hotelItem .rating.color1 {background:#de4756; color:#fff;} #hotelsItemList .hotelItem .rating.color2 {background:#f57124; color:#fff;} #hotelsItemList .hotelItem .rating.color3 {background:#ffcc00; color:#fff;} #hotelsItemList .hotelItem .rating.color4 {background:#359e00; color:#fff;} #hotelsItemList .hotelItem .rating.color5 {background:#359e00; color:#fff;} #hotelCradHeader {padding:15px; background:#EEEEEE; margin-bottom:10px;} #hotelCradHeader .region {padding-left:30px; position:relative; margin-bottom:3px; font-size:14px;} #hotelCradHeader .region img {width:24px; height:auto; position:absolute; left:0; top:-2px; } #hotelCradHeader .region span.country {display:inline-block; white-space:nowrap; } #hotelCradHeader .region span.resort {display:inline-block; white-space:nowrap; } #hotelCradHeader .name {font-weight:500; padding-top:10px; font-size:18px; } #hotelCardDescription {clear:both;} #hotelCardDescription .block {padding:20px 10px 0 0; width:33.33%; float:left;} .hotelSlider {position:relative; padding:0 40px; margin-bottom:20px;} .hotelSliderData {padding:0 10px;} .hotelSliderData .table {display:table; width:100%; height:120px;} .hotelSliderData .table .td {display:table-cell; vertical-align:middle; text-align:center;} .hotelSliderData .table .td img {display:block; margin:0 auto; max-height:100%; max-height:120px; width:auto;} .hotelSliderData .name {display:block; text-align:center; padding-top:5px;} /* Стрелки слайдера */ #mainContent .swiper-button-next {color:#3a5595; display:block; position:absolute; height:36px; width:36px; right:0; box-sizing:border-box; } #mainContent .swiper-button-next:after {display:block; line-height:36px; text-align:center; font-size:32px; content: "\f054"; font-family:'Font Awesome 5 Pro'; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} #mainContent .swiper-button-next:hover {color:#007bc4; } #mainContent .swiper-button-prev {color:#3a5595; display:block; position:absolute; height:36px; width:36px; left:0; box-sizing:border-box; } #mainContent .swiper-button-prev:after {display:block; line-height:36px; text-align:center; font-size:32px; content: "\f053"; font-family:'Font Awesome 5 Pro'; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} #mainContent .swiper-button-prev:hover {color:#007bc4; } #mainContent .swiper-button-next.swiper-button-disabled, #mainContent .swiper-button-prev.swiper-button-disabled {color:#ccc; opacity:1; } /* Анонс предложений туров */ .toursearchAnonData {margin:0 -10px; font-size:0;} .toursearchAnonData .item {display:inline-block; width:33.33%; height:300px; padding:0 10px 20px 10px; } .toursearchAnonData .item .data {display:block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; } .toursearchAnonData .item .data .overlay {display:block; width:100%; height:100%; position:relative; background:linear-gradient(to bottom, transparent 50%, #1475ba 100%); overflow:hidden; transition:background 0.3s;} .toursearchAnonData .item .data .header {padding:0 20px; position:absolute; left:0px; top:170px; width:100%; font-size:30px; color:#fff; font-weight:bold; transition:top 0.3s;} .toursearchAnonData .item .data .header div {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .toursearchAnonData .item .data .text {padding:0 20px; position:absolute; left:0px; top:210px; width:100%; font-size:16px; color:#fff; transition:top 0.3s;} .toursearchAnonData .item .data .text div {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .toursearchAnonData .item .data .cost {padding:0 20px; position:absolute; left:0px; top:235px; font-size:18px; color:#fbe805; font-weight:bold; transition:opacity 0.3s, top 0.3s;} .toursearchAnonData .item .data .tourList {position:absolute; left:0; bottom:0%; width:100%; padding:15px; transform:translateY(100%); transition:transform 0.3s; } .toursearchAnonData .item .data .tourList .offer {margin-top:10px; display:block; border-radius:5px; background:#fff; text-decoration:none; } .toursearchAnonData .item .data .tourList .offer .table {display:table; width:100%; } .toursearchAnonData .item .data .tourList .offer .td {display:table-cell; font-size:14px; padding:5px 10px; color:#000; } .toursearchAnonData .item .data .tourList .offer .td.night {text-align:center; padding:5px 0px;} .toursearchAnonData .item .data .tourList .offer .td.price {text-align:right; font-weight:bold; } .toursearchAnonData .item .data .tourList .offer .td.price span {font-weight:normal; font-size:12px;} .toursearchAnonData .item .data .tourList .offer .td.arrow {width:1%; text-align:right; padding-left:0;} .toursearchAnonData .item .data:hover .overlay {background:linear-gradient(to bottom, #1475ba 0%, transparent 50%);} .toursearchAnonData .item .data:hover .header {top:15px; } .toursearchAnonData .item .data:hover .text {top:55px;} .toursearchAnonData .item .data:hover .cost {top:85px; opacity:0; } .toursearchAnonData .item .data:hover .tourList {transform:translateY(0%);} /* Список СПО туров */ #spoControl {padding:10px 5px; background:#EEEEEE; margin-bottom:10px;} #spoControl .spoSelect {width:20%; float:left; padding:0 5px; vertical-align:top;} #spoControl .spoSelect .styleSelect .selected {border:1px solid #d0d0d0; } #spoManagersId {height:50px; border-radius:0; padding-top:13px; position:relative;} #spoManagersId:after {content:"Менеджер"; display:block; position:absolute; left:10px; top:0px; height:20px; line-height:22px; color:#aaa; font-size: 12px;} #spoManagersId .selected {padding-left:10px;} #spoManagersId .icon {display:none;} #spoListData {display:table; width:100%; border-collapse:collapse; margin-bottom:15px;} #spoListData .tourData {display:table-row; } #spoListData .tourData:last-child {border-bottom:none} #spoListData .tourData:nth-child(odd) {background:#f0f0f0; } #spoListData .tourData.header .td {padding:5px 10px; text-align:center; background:#eee; border:1px solid #ddd; color:#000; } #spoListData .tourData .td {display:table-cell; text-align:center; vertical-align:middle; padding:5px 10px; border:1px solid #e6e6f4; font-size:15px;} #spoListData .tourData .td.tour {display:none;} #spoListData .tourData .hotel {text-align:left;} #spoListData .tourData .hotel .star { font-size:12px; padding-bottom:3px; color:#bbb; } #spoListData .tourData .hotel .star span {display:inline-block; margin-right:2px;} #spoListData .tourData .hotel .star span.fas {color:#f57124;} #spoListData .tourData .hotel .link {color:#0056a3; font-weight:500; font-size:18px;} #spoListData .tourData .hotel .booking {padding-bottom:3px; font-size:15px;} #spoListData .tourData .hotel .tophotels {padding-bottom:3px; font-size:15px;} #spoListData .tourData .param {font-size:13px; color:#888; padding-top:2px; line-height:15px;} #spoListData .tourData .param.tel {white-space:nowrap;} #spoListData .tourData .city {font-size:13px; color:#0056a3;} #spoListData .tourData .td.office {text-align:center; } #spoListData .tourData .td.office .caption {display:none;} #spoListData .tourData .td.price {width:1%;} #spoListData .tourData .td.price .cardButton .tourLink {display:block; text-align:center; color:#fff; text-decoration:none; white-space:nowrap; background:#1475ba; height:30px; line-height:30px; width:100px;} #spoListData .tourData .td.price .cardButton .tourLink i {font-style:normal; font-size:14px;} #spoListData .tourData .td.price .cardButton .tourLink:hover {background:#0056a3; } /* Форма сбора данных */ #feebackFormBlock5 .stdFormData.isProcess:after {background-size:100px 100px; background-position:center bottom; } #feebackFormBlock5 .extendList .item {padding-bottom:15px; } #feebackFormBlock5 .tourisNum {font-weight:500; padding-bottom:5px; } #feebackFormBlock5 .stdFileselect {width:270px; padding-right:30px;} #feebackFormBlock5 .fsDel {width:24px; height:24px; position:absolute; right:0; top:7px; border-radius:3px; background:#de4756; cursor:pointer; } #feebackFormBlock5 .fsDel:before {color:#fff; display:block; width:24px; height:24px; line-height:24px; content:"\f00d"; font-family:"Font Awesome 5 Pro"; font-size:20px; position:absolute; left:0px; top:0px; text-align:center;} #feebackFormBlock5 .fsDel:hover {opacity:0.8; } #feebackFormBlock5 .addExtendBlock {margin-top:5px; padding-top:10px; border-top:1px dashed #ccc; } #feebackFormBlock5 .extendList .stdFileselect {margin-top:10px;} #feebackFormBlock5 .stdFormData .rowLine {padding-bottom:20px;} #feebackFormBlock5 .stdFormData .rowLine .caption {float:none; width:100%; padding:0 0 10px 0; font-weight:500; } #feebackFormBlock5 .stdFormData .rowLine .input {margin:0; float:none; } #feebackFormBlock5 .stdLineCheckbox {position:relative; padding-left:25px; min-height:30px;} #feebackFormBlock5 .stdFormData .rowLine.stdLineCheckbox {padding-bottom:15px;} #feebackFormBlock5 .stdFormData .rowLine.stdLineCheckbox .caption {font-weight:normal; padding-bottom:0;} #feebackFormBlock5 .stdLineCheckbox label { position:absolute; left:0; top:0; width:20px; height:20px; } #feebackFormBlock5 .stdLineCheckbox label:before { left:0; top:2px;} /* FORMS */ .stdFormData {} .stdFormData.isProcess {position:relative; } .stdFormData.isProcess:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.7) url('../img/tail-spin.svg') no-repeat center center; background-size:100px 100px; } .stdFormData .rowHeader {padding-bottom:5px; font-weight:bold; color:#27AAE1; } .stdFormData .rowHeader span {font-size:12px; font-weight:normal; color:#000; display:block; padding-top:5px;} .stdFormData .rowLine {padding-bottom:15px; clear:both; } .stdFormData .rowLine:after {clear:both; content:""; display:block;} .stdFormData .rowLine .caption { width:280px; float:left; padding-top:7px; color:#000; } .stdFormData .rowLine .caption .required {color:#de4756; } .stdFormData .rowLine .input {margin-left:300px;} .stdFormData .rowLine.isCaptionfalse .input {margin-left:0px;} .stdFormData .rowLine .input .stdFormError {font-size:13px; color:red; padding-top:2px; padding-bottom:5px;} .stdFormData .stdInput, .stdFormData .rowLine .input .stdPassword {padding:0 10px; width:100%; border:1px solid #ccc; height:40px; border-radius:3px; font-size:16px;} .stdFormData .stdInput.stdReadonly {background:#eee; color:#555;} .stdFormData .stdInput.stdDisabled {background:#eee; color:#555;} .stdFormData .stdSelect.stdDisabled {background:#eee; color:#555;} .stdFormData .stdInput.stdStyles {background:#fff; color:inherit;} .stdFormData .stdSelect {padding:0 5px; width:100%; border:1px solid #ccc; box-sizing:border-box; height:40px; background:#fff; border-radius:3px; font-size:16px;} .stdFormData .stdSelect option {font-family:Tahoma;} .stdFormData .stdTextarea {padding:3px 5px; width:100%; min-height:80px; border:1px solid #ccc; border-radius:3px; resize:vertical; font-size:16px; font-family:inherit;} .stdFormData .stdLineCheckbox .stdCheckbox {display:none;} .stdFormData .stdLineCheckbox label {position:relative; display:inline-block; padding:2px 0 2px 22px; box-sizing:border-box; cursor:pointer; font-size:15px; line-height:15px; } .stdFormData .stdLineCheckbox label:before {content:"\f0c8"; position:absolute; left:0; top:3px; height:15px; width:15px; font-family:"Font Awesome 5 Pro"; font-size:16px; } .stdFormData .stdLineCheckbox input:checked + label:before {content:"\f14a";} .stdFormData .consentCheckControl label {font-size:13px; padding-top:3px; min-height:20px; } .stdFormData .consentCheckControl label:before {top:4px;} .stdFormData .rowLine .input .stdCaptchaImage {width:110px; height:50px; cursor:pointer; } .stdFormData .rowLine .input .stdCaptcha {padding:0 5px; width:60px; border:1px solid #ccc; vertical-align:top; margin:9px 10px 0 10px; box-sizing:border-box; height:30px; } .stdFormData .rowLine .input .stdUpdateCapchaCode {display:inline-block; margin-top:15px; border-bottom:1px dashed #0066a1; color:#0066a1; cursor:pointer; line-height:16px; font-size:12px; vertical-align:top; } .stdFormData .rowLine .input .stdUpdateCapchaCode:hover {border-bottom:1px solid transparent; color:#000;} .stdFormData .rowLine .input .stdFileselect {width:240px; height:40px; overflow:hidden; position:relative;} .stdFormData .rowLine .input .stdFileselect .fsBtn {display:block; line-height:38px; height:40px; background:#1475ba; border:1px solid #0056a3; padding:0 7px 0 42px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box; border-radius:4px; position:relative; font-size:14px; cursor:pointer; color:#fff; } .stdFormData .rowLine .input .stdFileselect .fsBtn:before {color:#fff; display:block; width:24px; height:24px; line-height:24px; content:"\f302"; font-family:"Font Awesome 5 Pro"; font-size:20px; position:absolute; left:7px; top:6px; text-align:center;} .stdFormData .rowLine .input .stdFileselect:hover .fsBtn {background:#0056a3; border:1px solid #0056a3; } .stdFormData .rowLine .input .stdFileselect:hover .fsBtn:before {color:#fff; } .stdFormData .rowLine .input .stdFileselect input {cursor:pointer; direction:ltr; font-size:23px; margin:0; opacity:0; position:absolute; right:0; top:0; transform:translate(-300px, 0px) scale(4);} .stdFormData .rowLine .input .stdFileselect .fsDel {display:none; } /* .stdFormData .rowLine .input .stdSelecFileInfo {font-size:12px; color:#777; padding-top:2px; display:block;} .stdFormData .rowLine .input .stdFileselect {width:100%; height:30px; overflow:hidden; position:relative; box-sizing:border-box; } .stdFormData .rowLine .input .stdFileselect.stdFileSelectGroup {margin-top:5px;} .stdFormData .rowLine .input .stdFileselect.stdFileSelectGroup:first-child {margin-top:0px;} .stdFormData .rowLine .input .stdFileselect .fsBtn {display:block; line-height:30px; height:30px; background:#fafafa; border:1px solid #ccc; padding:0 7px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;} .stdFormData .rowLine .input .stdFileselect:hover .fsBtn {background:#f0f0f0; } .stdFormData .rowLine .input .stdFileselect input {cursor:pointer; direction:ltr; font-size:23px; margin:0; opacity:0; position:absolute; right:0; top:0; transform:translate(-300px, 0px) scale(4);} */ .stdFormData .rowSubmit {padding-top:10px; } .stdFormData .rowSubmit button {display:inline-block; height:40px; line-height:40px; min-width:100px; padding:0 20px; white-space:nowrap; background:#f5e200; border:none; border-bottom:2px solid #ffcc00; color:#000; font-weight:500; font-size:inherit; cursor:pointer; border-radius:3px;} .stdFormData .rowSubmit button:hover {background:#fbe805; border-bottom:2px solid #fbe805;} /* Фильтр туров */ #tourFilterMobileBtn {display:none; width:100%; padding:7px 0 7px 35px; position:relative; background:#f0f0f0; margin-bottom:10px; cursor:pointer; } #tourFilterMobileBtn span {width:20px; height:20px; line-height:20px; text-align:center; position:absolute; left:10px; top:8px;} #tourFilterMobileBtn:hover {color:#000; background:#e6e6f4; } #tourFilterCloseBtn {display:none; position:absolute; left:0px; bottom:15px; width:100%; padding:0 15px; cursor:pointer; } #tourFilterCloseBtn span {display:block; padding:5px 15px; margin:0 auto; background:#1475ba; color:#fff; text-align:center;} #tourFilterCloseBtn:hover span {background:#de4756;} #tourFilterTotal {display:none; position:absolute; left:15px; top:15px; font-weight:bold; font-size:14px; } #tourFilterHelpOverlay {display:none; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; width:100%; height:100%; z-index:4; } #tourFilterMobileBtn .helper {display:none; position:absolute; left:20px; top:100%; width:180px; height:70px; background:url('../img/chalk.png') no-repeat 0 0; padding:45px 0 0 50px; color:#fff; margin-top:20px; font-size:14px; z-index:5; } .filterHelpShow #tourFilterHelpOverlay {display:block;} .filterHelpShow #tourFilterMobileBtn {z-index:5; } .filterHelpShow #tourFilterMobileBtn .helper {display:block;} #tourfilterColSide {display:table; width:100%;} #tourfilterLeftSide {display:table-cell; width:1%; vertical-align:top;} #tourfilterContentSide {display:table-cell; width:99%; padding-left:30px; vertical-align:top;} /* Список фильтров */ #tourfilterForm {width:220px;} #tourfilterFormScroll {overflow-y:auto } #tourfilterLoader {position:absolute; left:0; top:0; width:100%; height:100%; display:none; background:rgba(255,255,255,0.6) url('../img/tail-spin.svg') no-repeat center center; background-size:100px 100px; } #tourfilterLoader.show {display:block;} #tourfilterForm .filterOne { padding-bottom:10px;border-bottom:1px dotted #ccc;margin-bottom:10px; } #tourfilterForm .filterOne:last-child {border-bottom:none; } #tourfilterForm .filterOne .filterName {font-size:18px; font-weight:500; color:#000; padding-bottom:3px;} #tourfilterForm .filterOne .item {padding:2px 0;} #tourfilterForm .filterOne .itemData {display:block; font-size:15px; position:relative; } #tourfilterForm .filterOne .itemData.checkMode1.active {padding-left:22px; color:#de4756; text-decoration:none; } #tourfilterForm .filterOne .itemData.checkMode1.active:before{content:"\f00c"; font-family:"Font Awesome 5 Pro"; position:absolute; left:1px; top:2px; width:16px; height:16px; } #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:"\f0c8"; font-family:"Font Awesome 5 Pro"; font-weight:300; font-size:16px; display:block; width:14px; height:14px; position:absolute; left:1px; top:2px; } #tourfilterForm .filterOne .itemData.checkMode2.active{color:#de4756; text-decoration:none; } #tourfilterForm .filterOne .itemData.checkMode2.active:before{content:"\f14a";} /* Список туров */ #searchTourFilter .tourItem { border-bottom:1px dotted #ccc; font-size:0; } #searchTourFilter .tourItem:nth-child(odd) { background:#f0f0f0; } #searchTourFilter .tourItem .col {display:inline-block; padding:10px; font-size:15px; vertical-align:middle; } #searchTourFilter .tourItem .col .param {padding-bottom:2px;} #searchTourFilter .tourItem .col .param .cap {padding-right:3px; display:inline-block; white-space:nowrap; } #searchTourFilter .tourItem .col .mparam {font-size:12px; color:#888; padding-bottom:0;} #searchTourFilter .tourItem .col1 {width:18%; text-align:left; vertical-align:top; padding:10px 0 10px 10px;} #searchTourFilter .tourItem .image {width:100%; height:auto; max-width:200px; } #searchTourFilter .tourItem .image a {display:block; overflow:hidden; } #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:30%; text-align:left; vertical-align:top;} #searchTourFilter .tourItem .col2 .region {padding-left:30px; position:relative; margin-bottom:3px; font-size:14px;} #searchTourFilter .tourItem .col2 .region img {width:24px; height:auto; position:absolute; left:0; top:-1px; } #searchTourFilter .tourItem .col2 .region span.country {display:inline-block; white-space:nowrap; } #searchTourFilter .tourItem .col2 .region span.resort {display:inline-block; white-space:nowrap; } #searchTourFilter .tourItem .col2 .hotel {margin-bottom:3px; font-weight:500; } #searchTourFilter .tourItem .col2 .city {font-size:14px;} #searchTourFilter .tourItem .col2 .date {font-size:14px;} #searchTourFilter .tourItem .col3 {width:19%; padding:10px 0; vertical-align:top; } #searchTourFilter .tourItem .col4 {width:19%; vertical-align:top; } #searchTourFilter .tourItem .col4 .operator {font-size:13px; } #searchTourFilter .tourItem .col4 .operator .cap {display:block; padding-top:3px;} #searchTourFilter .tourItem .col5 {width:14%; padding-left:0; } #searchTourFilter .tourItem .col5 .price {font-size:14px; text-align:center; padding-bottom:10px;} #searchTourFilter .tourItem .col5 .price span {font-size:18px; font-weight:500; color:#de4756;} #searchTourFilter .tourItem .col5 .orderBtn {font-size:13px; padding:5px; display:block; text-align:center; color:#fff; text-decoration:none; background:#1475ba; width:100%;} #searchTourFilter .tourItem .col5 .orderBtn:hover {background:#0056a3;} /* Чат-заявка */ #chatList {padding:10px; background:#f5fbfe; min-height:400px;} #chatList .message {font-size:0; width:100%; clear:both; padding-bottom:20px; opacity:0; } #chatList .message .icon {max-width:40px; float:left; } #chatList .message .icon img {max-width:100%; heithgt:auto; border-radius:200px;} #chatList .message .data {padding-left:60px; box-sizing:border-box; width:100%; } #chatList .message .data .text {background:#fff; border-radius:5px; display:inline-block; padding:10px 13px; box-sizing:border-box; font-size:16px;} #chatList .message .data .text.isCalendar {display:block; width:100%; } #chatList .message .data .text p {padding:0; margin:0; } #chatList .message.usermessage .icon {float:right; } #chatList .message.usermessage .data {padding-right:60px; text-align:right;} #chatList .message.usermessage .data .text {background:#1475ba; color:#fff; font-weight:bold;} #chatList .message .data .text .linkList {} #chatList .message .data .text .linkList span {display:inline-block; padding:0 8px 2px 0;} #chatList .message .data .text .linkList span a {display:inline-block; border-bottom:1px dotted #326787; text-decoration:none;} #chatList .message .data .text .linkList span a:hover {border-bottom:1px dotted red; } #chatList .message .data .text.datePickerMsg {width:100%; max-width:300px;} #chatList .message .data .text.sendOrderMessasge {width:100%; max-width:300px;} #chatList .calendarSlider {position:relative; min-height:100px; padding:0 20px; } #chatList .calendarSlider .calendarSlider-prev {left:0; } #chatList .calendarSlider .calendarSlider-next {right:0; } #chatList .calendarSlider .swiper-slide {} #chatList .calendarSlider .calendarMonth {font-size:0; padding:0 10px; border-right:2px solid #fff; border-left:2px solid #fff; } #chatList .calendarSlider .calendarMonth.lastMonthYear {border-right:2px solid #ccc; } #chatList .calendarSlider .swiper-slide:last-child .calendarMonth {border-right:2px solid #fff; } #chatList .calendarSlider .calendarMonth .month {font-size:14px; background:#f0f0f0; text-align:center; font-weight:500; padding:5px; } #chatList .calendarSlider .calendarMonth .cells {font-size:14px; text-align:center; display:inline-block; width:14.28%; vertical-align:top; } #chatList .calendarSlider .calendarMonth .cells.week {font-size:13px; font-weight:500; padding:5px 0; margin-bottom:5px; border-bottom:1px solid #f0f0f0; } #chatList .calendarSlider .calendarMonth .cells.week.free {color:#de4756; } #chatList .calendarSlider .calendarMonth .cells.day {border-radius:3px; line-height:40px; cursor:pointer; position:relative;} #chatList .calendarSlider .calendarMonth .cells.day.current {color:#f67225; background:#fff; } #chatList .calendarSlider .calendarMonth .cells.day:hover {background:#f0f0f0; color:#0056a3;} #chatList .calendarSlider .calendarMonth .cells.day.select {background:#de4756; color:#fff;} #chatList .calendarSlider .calendarMonth .cells.day.old {background:#fff; color:#ccc; cursor:default;} #chatList .swiper-button-next, #chatList .swiper-button-prev {width:16px;} #chatList .swiper-button-next::after, #chatList .swiper-button-prev::after {font-size:20px; } #waitSysMessage {color:#de4756; font-size:12px; padding-left:60px; display:none; } #waitSysMessage .text {display:inline-block; vertical-align:top;} #waitSysMessage .point {display:inline-block; width:15px; overflow:hidden; vertical-align:top;} .sendOrderMessasge input {width:100%; border:1px solid #ccc; padding:5px; border-radius:5px; display:block;} #goOrderPhone, #goOrderSend {display:none; margin-top:10px; border-bottom:1px dotted #326787; text-decoration:none;} #goOrderPhone:hover, #goOrderSend:hover {border-bottom:1px dotted red;} #syschatSendResult {} #syschatSendResult .loading {width:30px; height:30px; background:url('../img/tail-spin.svg') no-repeat center center; background-size:28px;} /* Всплывающий чат */ #chatWindowOverlay {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1000;} #chatWindowContainer {position:absolute; left:50%; top:50%; padding:10px; border-top:50px solid #eeeeee; width:800px; height:95%; max-width:95%; max-height:95%; transform:translate(-50%, -50%); background:#fff; } #chatWindowClose {position:absolute; right:10px; top:-40px; background:#1475ba; color:#fff; padding:5px 30px 6px 10px; font-size:14px; cursor:pointer; } #chatWindowClose span {position:absolute; right:8px; top:5px; font-size:20px;} #chatWindowClose:hover {background:#de4756; } #chatWindowCaption {position:absolute; left:50px; top:-35px; font-size:14px; font-weight:bold; } #chatWindowIcon {position:absolute; left:10px; top:-40px; width:31px;} #chatWindowData {min-height:100px; max-height:100%; height:100%; overflow:auto; position:relative; } #chatWindowData.isProcess {overflow:hidden; } #chatWindowData.isProcess:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.8); z-index:1;} #chatWindowData.isProcess:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url('../img/tail-spin.svg'); background-repeat:no-repeat; background-position:center center; background-size:70px; z-index:2;} #chatWindowData .maxWidth {padding:0; } .isOrderChat #chatList .message .icon {display:none;} .isOrderChat #chatList .message .data {padding-left:0;} .isOrderChat #chatList .message.usermessage .data {padding-right:0;} .isOrderChat #waitSysMessage {padding-left:0;} .isOrderChat #chatList {min-height:100%;} /* PAGE FRAMES */ #pageContent {padding-top:20px;} /* IN STYLE */ .textstyle h1, .textstyle .h1 {font-size:32px; line-height:38px; font-weight:normal; padding-bottom:15px; padding-top:10px; color:#000; } .textstyle h1:first-child, .textstyle .h1:first-child {padding-top:0px;} .textstyle h2, .textstyle .h2 {font-size:28px; line-height:34px; font-weight:normal; padding-bottom:15px; padding-top:10px; color:#000; } .textstyle h2:first-child, .textstyle .h2:first-child {padding-top:0px;} .textstyle h3, .textstyle .h3 {font-size:26px; line-height:32px; font-weight:normal; padding-top:15px; padding-bottom:10px; color:#111;} .textstyle h3:first-child, .textstyle .h3:first-child {padding-top:0px;} .textstyle h4, .textstyle .h4 {font-size:24px; line-height:30px; font-weight:normal; padding-top:10px; padding-bottom:5px; color:#111;} .textstyle h4:first-child, .textstyle .h4:first-child {padding-top:0px;} .textstyle h5, .textstyle .h5, .textstyle h6, .textstyle .h6 {font-size:22px; line-height:28px; font-weight:normal; padding-top:8px; padding-bottom:5px; color:#111;} .textstyle h5:first-child, .textstyle .h5:first-child, .textstyle h6:first-child, .textstyle .h6:first-child {padding-top:0px;} .textstyle img {max-width:100%; height:auto;} .textstyle p {padding-bottom:10px; line-height:24px;} .textstyle ul {padding-bottom:10px;} .textstyle ul li {padding-left:20px; list-style:none inside; padding-bottom:7px; position:relative; line-height:24px; } .textstyle ul li:after {content:""; display:block; width:7px; height:7px; background:#1475ba; position:absolute; left:0; top:9px;} .textstyle ul li:last-child {padding-bottom:0;} .textstyle ol {padding-bottom:10px;} .textstyle ol li { list-style-position:inside; padding-bottom:7px; line-height:24px;} .textstyle ol li:last-child {padding-bottom:0;} a.styleBtn {display:inline-block; color:#fff; text-decoration:none; padding:5px 25px 6px 25px; background:#1475ba; border-radius:5px;} a.styleBtn:hover {background:#0056a3;} a.styleBtn.white {border:1px solid #fff; color:#000; background:#fff; } a.styleBtn.white:hover {background:#000; color:#fff; border:1px solid #fff;} a.styleBtn.red {background:#de4756; } a.styleBtn.red:hover {background:#c32d3c;} a.styleBtn.gray {background:#f0f0f0; color:#000; } a.styleBtn.gray:hover {background:#ddd; } a.styleBtn.isProcess {cursor:default; background:#f0f0f0; color:#aaa; } .sendButton, a.sendButton {display:inline-block; height:40px; line-height:40px; min-width:100px; padding:0 20px; white-space:nowrap; color:#000; background:#f5e200; border:none; border-bottom:2px solid #ffcc00; font-weight:500; font-size:inherit; cursor:pointer; border-radius:3px; text-decoration:none; } .sendButton:hover, a.sendButton:hover {background:#fbe805; border-bottom:2px solid #fbe805;} .textRedData {border:2px solid #de4756; border-radius:4px; padding:10px 15px; color:#de4756; margin-bottom:15px; font-size:14px; } .textGreen {border:2px solid #008513; border-radius:4px; padding:10px 15px; color:#008513; margin-bottom:15px; font-size:14px; } .scrollTable {width:100%; max-width:100%; overflow-x:auto; margin-bottom:10px; padding-bottom:10px; } .timeTable {} .timeTable td {border:1px solid #ddd; text-align:center; padding:2px 3px; font-size:14px; white-space:nowrap; } .timeTable td:first-child {text-align:left; padding:2px 4px;} .timeTable td.red {color:#de4756; } /* Видео в 3 колонки */ .textBlockVideo3:after {display:block; content:""; clear:both;} .textBlockVideo3 .data {margin:0 -10px;} .textBlockVideo3 .cols {float:left; width:33.33%; padding:5px 10px 20px 10px; box-sizing:border-box; } .iframeVideoWrapper {position:relative; width:100%; padding-bottom:56.3%; } .iframeVideoWrapper iframe {position:absolute; left:0; top:0; width:100%; height:100%; border:none; } .iframeVideoWrapper.asVideo {padding-bottom:56.3%; } .iframeVideoWrapper video {position:absolute; left:0; top:0; width:100%; height:100%; border:none; } .iframeVideoWrapper p {} #footerProtect {height:260px; clear:both;} #footer { height:230px; display:block; margin:-230px auto 0 auto; background:#fff; border-top:1px solid #d0d0d0;} #footerContainer { height:100%; padding-top:20px;} #footerData {position:relative; height:100%; padding-bottom:35px; padding-right:100px; padding-left:110px; } #counterInformer {position:absolute; left:0; top:0;} #footerData p {max-width:400px; font-size:13px; padding-top:5px;} #footerData .cardLogo {width:200px; vertical-align:middle; display:inline-block; margin-right:5px; display:none; } #footerData .smsLogo {text-decoration:none; display:inline-block; vertical-align:middle; display:none; } #footerData .smsLogo img {width:80px; display:block;} #footerSocial {position:absolute; right:0px; top:0px;} #footerSocial a {margin-left:10px; vertical-align:top; width:40px; height:40px; display:inline-block; border-radius:5px;} #footerSocial a:hover {opacity:0.7;} #footerSocial a span {font-size:30px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; } #footerSocial a.vk {background:#5181b8;} #footerSocial a.vk span {font-size:26px;} #footerSocial a.insta {background:linear-gradient(to bottom, #57469e, #e74b52);} #footerSocial a.telegram {background:#36acf2;} #footerSocial a.image {width:auto; height:50px;} #footerSocial a.image img {max-height:100%; width:auto; border-radius:5px;} #footerCopyright {position:absolute; right:0; bottom:20px; font-size:12px;} #contactsAccordion {position:fixed; right:10px; bottom:50px; z-index:1;} #contactsAccordion .showButton {display:block; width:70px; height:70px; background:#4c8bf8; border:5px solid rgba(255,255,255, 0.3); border-radius:100px; cursor:pointer; transition:transform 0.2s;} #contactsAccordion .showButton span.open {display:block; line-height:60px; width:100%; height:100%; text-align:center; color:#fff; font-size:30px;} #contactsAccordion .showButton span.close {display:none; line-height:60px; width:100%; height:100%; text-align:center; color:#4c8bf8; font-size:30px;} #contactsAccordion .showButton:hover {transform:scale(1.1); } #contactsAccordion.open .showButton {background:#fff; border:5px solid #4c8bf8;} #contactsAccordion.open .showButton span.open {display:none;} #contactsAccordion.open .showButton span.close {display:block; } #contactsAccordion .contacts {display:block; height:0; position:absolute; bottom:100%; left:0; width:70px; overflow:hidden; } #contactsAccordion .contacts a {display:block; text-decoration:none; width:100%; padding:5px 10px; opacity:0; transition:all 0.2s; } #contactsAccordion .contacts a img {display:block; width:100%; height:auto; transition:all 0.2s; } #contactsAccordion .contacts a:hover img {opacity:0.8 !important; transform:scale(1.1) !important; } #contactsAccordion .contacts a:nth-child(1) {transform:translateY(500%);} #contactsAccordion .contacts a:nth-child(2) {transform:translateY(400%);} #contactsAccordion .contacts a:nth-child(3) {transform:translateY(300%);} #contactsAccordion .contacts a:nth-child(4) {transform:translateY(200%);} #contactsAccordion .contacts a:nth-child(5) {transform:translateY(100%);} #contactsAccordion.open .contacts {height:auto; padding-bottom:10px; } #contactsAccordion.open .contacts a {opacity:1;} #contactsAccordion.open .contacts a:nth-child(1) {transform:translateY(0);} #contactsAccordion.open .contacts a:nth-child(2) {transform:translateY(0);} #contactsAccordion.open .contacts a:nth-child(3) {transform:translateY(0);} #contactsAccordion.open .contacts a:nth-child(4) {transform:translateY(0);} #contactsAccordion.open .contacts a:nth-child(5) {transform:translateY(0);} /*! AirDatepicker v3*/ .air-datepicker-cell.-day-.-other-month-,.air-datepicker-cell.-year-.-other-decade-{color:var(--adp-color-other-month)}.air-datepicker-cell.-day-.-other-month-:hover,.air-datepicker-cell.-year-.-other-decade-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-day-.-other-month-,.-selected-.air-datepicker-cell.-year-.-other-decade-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-day-.-other-month-,.-in-range-.air-datepicker-cell.-year-.-other-decade-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-,.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-day-.-other-month-:empty,.air-datepicker-cell.-year-.-other-decade-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)} .air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:-ms-grid;display:grid;-ms-grid-columns:(var(--adp-day-cell-width))[7];grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--cells{display:-ms-grid;display:grid}.air-datepicker-body--cells.-days-{-ms-grid-columns:(var(--adp-day-cell-width))[7];grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)} .air-datepicker-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding)}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-day-cell-width);border-radius:var(--adp-border-radius);-webkit-user-select:none;-ms-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none} .air-datepicker-buttons{display:-ms-grid;display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:-ms-inline-flexbox;display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%} .air-datepicker-time{display:-ms-grid;display:grid;-ms-grid-columns:max-content 1fr;grid-template-columns:max-content 1fr;grid-column-gap:12px;-ms-flex-align:center;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:'';background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;-ms-flex-item-align:end;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type='range']{background:none;cursor:pointer;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type='range']::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type='range']::-ms-tooltip{display:none}.air-datepicker-time--row input[type='range']:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type='range']:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type='range']:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type='range']:focus{outline:none}.air-datepicker-time--row input[type='range']:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type='range']:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type='range']:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type='range']::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type='range']::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type='range']::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type='range']::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type='range']::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:transparent;background:transparent}.air-datepicker-time--row input[type='range']::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:transparent;background:transparent}.air-datepicker-time--row input[type='range']::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:transparent;background:transparent}.air-datepicker-time--row input[type='range']::-ms-fill-lower{background:transparent}.air-datepicker-time--row input[type='range']::-ms-fill-upper{background:transparent} .air-datepicker{--adp-font-family:inherit;--adp-font-size:inherit;--adp-width:100%;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: 'nav' 'body' 'timepicker' 'buttons';--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-cell-width: 1fr;--adp-day-cell-height:40px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-pointer-offset: 10px;--adp-cell-border-radius: 4px;--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary)} .air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:(max-content)[4];grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;left:-100000px;opacity:0;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease),left 0s var(--adp-transition-duration);z-index:var(--adp-z-index)}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-{opacity:1;transform:translate(0);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease),left 0s 0s}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size));transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size));transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size));transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size));transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)} .air-datepicker.-bottom-left- {width:310px;} body.menuOpen #umnico-widget-wrapper {display:none;} /* Универсальное всплывающее окно */ .popWindowOverlay {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000;} .popWindowContainer {position:absolute; left:50%; top:50%; padding:10px 15px; border-top:50px solid #eeeeee; width:500px; max-width:95%; max-height:95%; transform:translate(-50%, -50%); background:#fff; } .popWindowClose {position:absolute; right:10px; top:-40px; background:#1475ba; color:#fff; padding:5px 30px 6px 10px; font-size:14px; cursor:pointer; } .popWindowClose span {position:absolute; right:8px; top:5px; font-size:20px;} .popWindowClose:hover {background:#de4756; } .popWindowCaption {position:absolute; left:15px; top:-35px; font-size:14px; font-weight:bold; } .popWindowData {min-height:100px; max-height:100%; height:100%; overflow:auto; position:relative; } .popWindowContainer.isProcess {overflow:hidden; } .popWindowContainer.isProcess:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.8); z-index:1;} .popWindowContainer.isProcess:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url('../img/tail-spin.svg'); background-repeat:no-repeat; background-position:center center; background-size:70px; z-index:2;} .popWindowData .maxWidth {padding:0; } .popWindowData .managerLink {display:none;} .popWindowData .helpLink {display:none;} .popWindowData .spoAddText {text-align:center; padding-top:15px;} .popWindowData .spoAddText div {padding-top:15px;} .popWindowData .spoAddText.isOk0 {color:#de4756;} #win-hotelsWindow .popWindowContainer {width:1200px; height:100%; } /* Всплывающие информационные сообщения */ #popInfoList {position:fixed; top:10px; right:10px; z-index:100;} #popInfoList > div {border-radius:5px; padding:10px; font-size:12px; margin-bottom:10px; width:270px; max-width:90%; box-shadow:0px 0px 10px -5px #000;} #popInfoList > div.wait {background:#EEEEEE; color:#555;} #popInfoList > div.ok {background:#51a340; color:#fff;} #popInfoList > div.fail {background:#de4756; color:#fff;} /* Окно подписки */ .windowSubscribe .caption {font-size:18px; font-weight:bold;} .windowSubscribe .email {margin:0 auto; width:200px; max-width:100%; padding:0 10px; width:100%; border:1px solid #ccc; height:40px; border-radius:3px; font-size:16px; } .windowSubscribe .email.error {background:#ffe4e4; border:1px solid #ff9191; } .windowSubscribe .button {text-align:center; padding-top:20px;} #subscribeControl .subscribeList {padding:10px 0;} #subscribeControl .subscribeList h3 {padding-bottom:20px;} #subscribeControl .subscribeList .listItem {border-left:5px solid #ccc; margin-bottom:20px; padding:5px 0 10px 12px; border-bottom:1px dashed #ccc; } #subscribeControl .subscribeList.current .listItem.isActivate1 {border-left:5px solid #008513;} #subscribeControl .subscribeList .listItem .name {font-weight:bold; color:#1475ba; padding-bottom:10px;} #subscribeControl .subscribeList .listItem .param div {font-size:14px; padding-bottom:1px;} #subscribeControl .subscribeList .listItem .param div span {display:inline-block; vertical-align:top; } #subscribeControl .subscribeList .listItem .param div span.cap {min-width:120px; color:#000; font-weight:500; } #subscribeControl .subscribeList .listItem .control {padding-top:10px; font-size:14px; } #subscribeControl .subscribeList .listItem .control .status {color:#008513;} #subscribeControl .subscribeList .listItem .control .status.isActivate0 {color:#1475ba;} #subscribeControl .subscribeList .listItem .control .expired {color:#1475ba;} #subscribeControl .subscribeList .listItem .control .delete {padding-top:3px;} #subscribeControl .subscribeList .listItem .control .delete a {color:#de4756;} #checkUserEmptyDataContent .stdFormData .rowLine {padding-bottom:10px;} #checkUserEmptyDataContent .stdFormData .rowLine .caption {float:none; padding-bottom:5px; font-weight:500; width:auto;} #checkUserEmptyDataContent .stdFormData .rowLine .input {margin-left:0; } #checkUserEmptyDataContent .stdFormData .rowSubmit {padding:15px 0; text-align:center; } #hotelsFavoriteList {margin:0 -10px; } #hotelsFavoriteList .country {padding:0 10px 30px 10px; float:left; width:33.33%;} #hotelsFavoriteList .scrollableList {height:200px; background:#f2f2f2; padding:14px; } #hotelsFavoriteList .scrollable {overflow-y:auto; height:100%; } #hotelsFavoriteList .topName {font-size:18px; padding-bottom:10px; color:#000; text-align:center; } #hotelsFavoriteList .video { margin-bottom:10px; background:#f0f0f0;} #hotelsFavoriteList .video img { position:absolute; left:0; top:0; width:100%; height:100%; } #hotelsFavoriteList .countryName {font-size:20px; font-weight:bold; padding-bottom:10px; color:#0056a3; text-align:center; } #hotelsFavoriteList .resort {padding-bottom:10px;} #hotelsFavoriteList .resortName {font-size:16px; font-weight:bold; padding-bottom:5px;} #hotelsFavoriteList .styleBtn {margin-top:10px;} #hotelsFavoriteList .hotel {position:relative; padding-left:22px; margin-bottom:3px; } #hotelsFavoriteList .hotel .mobile {display:none;} #hotelsFavoriteList .checkbox {position:absolute; left:0; top:0px; width:16px; height:16px; } #hotelsFavoriteList .checkbox input {display:none;} #hotelsFavoriteList .checkbox label {display:block; cursor:pointer; font-size:0; line-height:15px; } #hotelsFavoriteList .checkbox label:before {content:"\f0c8"; position:absolute; left:0; top:2px; height:15px; width:15px; font-family:"Font Awesome 5 Pro"; font-size:15px; } #hotelsFavoriteList .checkbox input:checked + label:before {content:"\f14a";} #hotelsFavoriteList .checkbox.nolink {width:100%; height:auto; position:relative; left:auto; top:auto; } #hotelsFavoriteList .checkbox.nolink label { font-size:inherit; line-height:normal; } #hotelsFavoriteList .checkbox.nolink label:before {left:-22px; top:1px; } #cookieWindowContainer {position:fixed; left:50%; bottom:20px; transform:translateX(-50%); width:700px; max-width:95%; padding:35px 20px 15px 20px; border-radius:10px; background:#fff; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); } #cookieWindowContainer .close {display:block; width:20px; height:20px; line-height:20px; text-align:center; font-size:18px; position:absolute; right:10px; top:10px; color:#000; cursor:pointer; } #cookieWindowContainer .close:before {font-family:"Font Awesome 5 Pro"; content:"\f00d"; display:block; width:20px; height:20px; } #cookieWindowContainer .close:hover {color:#de4756;} #cookieWindowContainer .data > * {font-size:16px; line-height:21px; }