/** Coding by Pashka.Ru, 2017 **/ html{ position: relative; min-height: 100%; } body { font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;font-size:14px;background:url(/t/i/bodybg.jpg) no-repeat center top #f5f5f5; background-size: cover;} /* управление битриксовой панелью body.panel-on { margin-top:40px; } #bx-panel { position:fixed!important;width:100%!important;top:0; } */ /* допилочки и хаки для под свои стили, прочие глобальные определения */ .after:after{ content:"";display:block;clear:both;float:none; } .opacity0 { opacity:0; } .tooltip-inner { background:#f5f5f5;color:#333;padding:10px 20px;font-weight:200; } .tooltip.top .tooltip-arrow { border-top-color:#f5f5f5; } a { color:#207678; } a:hover, a:focus { color:#08575e; }; .content-area a { text-decoration: underline; } /*.content-area a:hover,.content-area a:focus { text-decoration: none; }*/ .content-area h1 a,.content-area h2 a,.content-area h3 a,.content-area h4 a, .content-area a h1,.content-area a h2,.content-area a h3,.content-area a h4 { text-decoration: none; } .content-area h1 a:hover,.content-area h2 a:hover,.content-area h3 a:hover,.content-area h4 a:hover, .content-area a:hover h1,.content-area a:hover h2,.content-area a:hover h3,.content-area a:hover h4 { text-decoration: none; } .nav a, a.btn, .btn a { text-decoration:none; } .content-area p { text-align: justify; } .content-area strong { color:#333; } .content-area em { color:#333; } H1 {font-size: 26px; font-weight: 300;margin-top:0;} H2 {font-size: 22px; font-weight: 400;margin-top:0;} H3 {font-size: 16px; font-weight: 400;margin-top:0;} H4 {font-size: 16px; font-weight: 400;margin-top:0;} H5 {font-size: 16px; font-weight: 400;margin-top:0;} H6 {font-size: 16px; font-weight: 400;margin-top:0;} .content-area h2, .content-area h3, .content-area h3 {margin-top:20px; clear:both;} .page-row h1,.page-row h2,.page-row h3,.page-row h4,.page-row h5,.page-row h6, .page-row h1 a,.page-row h2 a,.page-row h3 a,.page-row h4 a,.page-row h5 a,.page-row h6 a { color:#333!important; } h1,h2,h3 { color:#333; } footer h1, footer h2, footer h3 { color:#fff; } input { outline:none!important; } input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i] { height:46px;line-height:46px;box-shadow:none; } input.f-search-input { height:22px; } .form-control:focus { border-color:#37939b;box-shadow:none; } label { font-weight:100; } textarea{ min-height:100px; } .jq-checkbox:hover, .jq-checkbox:focus, .jq-checkbox.focus { background:#fff;border-radius: 0;border-color: #37939b;box-shadow: none; } .jq-radio { box-shadow:none;background:#fff; } .jq-radio.checked { background:#37939B;border-color:#37939B; } .jq-radio.checked .jq-radio__div {width: 10px;height: 10px;margin: 2px 0 0 2px;border-radius: 50%;background: #fff;box-shadow: none;} .jq-radio.focus, .jq-radio:focus,.jq-radio:hover { border-color:#37939B; } .jq-file { border:none;box-shadow:none;width:100%;border-radius:0; } .jq-file__name { width:auto;font-size:12px;color:#aaa;border-radius:0;border: none;border-left:none;margin-left:160px;box-shadow:none;height:42px;line-height:42px;padding: 1px 0px 0 14px; } .jq-file__browse { border-radius:0;font:unset;border:none;text-shadow:none;background: #ff8d00;text-align: center;color: #fff;text-transform: uppercase;padding: 12px 16px;font-size: 14px;letter-spacing: 1px;font-family: "Roboto";font-weight: 300;box-shadow:none;right:auto;left:0;top:0;width:165px; } .jq-file:hover .jq-file__browse { background: #f38600; background-color: #ffa331; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…AiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(255, 160, 41)),color-stop(0.5, rgb(255, 176, 78)),color-stop(0.51, rgb(255, 141, 0)),color-stop(1, rgb(255, 176, 78))); background-image: -webkit-repeating-linear-gradient(315deg,rgb(255, 160, 41) 0%,rgb(255, 176, 78) 50%,rgb(255, 141, 0) 51%,rgb(255, 176, 78) 100%); background-image: repeating-linear-gradient(135deg,rgb(255, 160, 41) 0%,rgb(255, 176, 78) 50%,rgb(255, 141, 0) 51%,rgb(255, 176, 78) 100%); background-image: -ms-repeating-linear-gradient(315deg,rgb(255, 160, 41) 0%,rgb(255, 176, 78) 50%,rgb(255, 141, 0) 51%,rgb(255, 176, 78) 100%); } .input-files-list .row > div { margin-bottom:7px; } .input-files-list { font-size:12px;color:#333;letter-spacing: normal;font-weight:100;margin:10px 0 10px; } .input-files-list .file-name { width:70%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding-right:10px; } .input-files-list .file-del { color:#00758e;margin-left:0px;cursor:pointer;width:30%; } .input-files-list .file-del .fas { color:#ff0000;margin-right:10px; } .w-10px { padding-left:0;padding-right:0; } /***** Удаление боковых отступов в 10 пикселей с двух сторон *****/ .m-left-minus-10 { margin-left:-10px; } .m-left-minus-20 { margin-left:-20px; } .w-100per { width:100%; } /***** ширина содержимого в 100% ширины родительского блока *****/ .opacity-068 { opacity:0.68; } .link-border-bottom { padding-bottom:1px;border-bottom:1px solid; } .border-dashed { border-bottom-style: dashed } .d-flex { display:flex; } .flex-wrap { flex-wrap:wrap; } .content-area table.map-columns td { vertical-align:top; } /*шрифты*/ .fsize-10 { font-size:10px; } .fsize-11 { font-size:11px; } .fsize-12 { font-size:12px; } .fsize-13 { font-size:13px; } .fsize-14 { font-size:14px; } .fsize-16 { font-size:16px; } .fsize-18 { font-size:18px; } .fsize-20 { font-size:20px; } .fsize-22 { font-size:22px; } .fsize-24 { font-size:24px; } .nodecor { text-decoration:none!important; } .f-white { color:#fff; } .f-italic { font-style: italic; } .f-c-ddd { color:#ddd; } .f-c-777 { color:#777; } .f-c-207678 { color:#207678 } .f-w-300 { font-weight:300; } /*различные отступы*/ .m-left-1px { margin-left:-1px } /***** Смещение блоков на 1 пиксель влево для создания тонкой рамки *****/ .m-top-10 { margin-top:10px; } .m-top-20 { margin-top:20px; } .m-top-30 { margin-top:30px; } .m-top-40 { margin-top:40px; } .m-bot-0 { margin-bottom:0; } .m-bot-10 { margin-bottom:10px; } .m-bot-20 { margin-bottom:20px; } .m-bot-30 { margin-bottom:30px; } .m-bot-40 { margin-bottom:40px; } .m-r-10 { margin-right:10px; } .m-r-20 { margin-right:30px; } .m-l-5 { margin-left:5px; } .m-l-10 { margin-left:10px; } .f-normal { font-weight:normal; } .f-bold { font-weight:bold; } .m-center,.pull-center { margin-left:auto;margin-right:auto; } /*выравнивание блоков по центру */ .block { display:block; } .inlineblock { display:inline-block; } .v-a-middle,.content-area table td.v-a-middle { vertical-align:middle; } .v-a-top,.content-area table td.v-a-top { vertical-align:top; } /**********************/ /* глобальные классы для всех страниц */ .strong { font-weight:bold; } .global-wrapp { background:#fff;min-height:100vh;position:relative;box-sizing: border-box;box-shadow:0 0 100px rgba(50,50,50,0.5) } footer { bottom:0;min-height:300px;background:#ddd;margin-left:-10px;margin-right:-10px;padding:10px; } /******** Светлоголубой блок для размещения текста и кнопки ****************/ .light-blue-block { background:#e8f4f4;padding:15px;margin-bottom:20px; } .light-blue-block h2,.light-blue-block h3 { margin-top:0; } /*.light-blue-block p, .light-blue-block ul, .light-blue-block ul li:last-child { margin-bottom:0; } */ .light-blue-block div *:last-child { margin-bottom:0; } /******** блок с прозрачным фоном для размещения текста и кнопки ****************/ .trans-block { background:#e8f4f4;padding:15px;margin-bottom:20px; } .trans-block h2,.trans-block h3 { margin-top:0; } .trans-block div *:last-child { margin-bottom:0; } /*em { font-family:"Roboto" }*/ .fas-price { width:16px;height:16px;background:url(/t/i/fas-price.png) no-repeat left 2px;background-size:contain;margin-left:5px;display:inline-block; } .ico-close { width:11px;height:11px;display:inline-block;background:url(/t/i/close.png) no-repeat left top; } .ico-close-green { width:15px;height:15px;display:inline-block;background:url(/t/i/close-green.png) no-repeat left top; } a.block-link { } a.block-link:after { content:"";position:absolute;left:0;right:0;top:0;bottom:0; } .blue-price { color:#15a1d2 } .text-eclipse { display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .goods { color:#ff8d00 } .nogoods { color:#d9d9d9 } .info-block { width:100%;padding:10px 20px 10px 60px;margin:30px 0;position:relative } .info-text { background:#e8f4f4;color:#777;text-align: justify; } .info-text:before { content:"!";width:25px;height:25px;background:#fff;left:10px;top:10px;display:block;position:absolute;font-weight:bold;border-radius:100%;text-align:center;line-height:25px; font-size: 22px;} .page-description-img { width:430px;max-width: 100%;margin-top:6px; margin-bottom: 6px; } .page-description-img.pull-left { margin-right:15px; } .page-description-img.pull-right { margin-left:15px; } .form-404 .form-group { margin-bottom:0; } body.p404 .global-wrapp { position:relative;padding-bottom:200px; } body.p404 .page-row { background: #fff; } .footer-404 { background:#37939b;color:#fff;padding-top:30px;padding-bottom:30px;position:absolute;bottom:0;left:10px;right:10px; } .footer-404 a { color:#fff; } @media (max-width: 992px) { .text-left.fooleft,.text-right.fooright { text-align:center!important;} .fooleft{ text-align:center!important;margin-bottom:15px; } } .fa-ruble-sign { margin-left:7px; } .page-list td.done { background:#00ff00; } .page-list th { font-weight:normal!important; } .ruruble { margin-left:7px;display:inline-block;font-weight:normal } .lit-from { font-size:90%;line-height:80%; } /***** отдеьные стили для заглушки и 404 ********/ .close-block { padding:30px;border:3px solid #e8f4f4;font-size:14px;margin-bottom:30px; } .close-block h2 { margin-top:0;margin-bottom:20px; } .close-block ul{ margin-bottom:0; } .close-block li { position:relative;padding-left:30px;margin-bottom:15px; } .close-block li:last-child { margin-bottom:0px; } .close-block li i { position:absolute;color:#37939b;left:0;top:0; } .close-block li i.fas-metro { width:!6px;height:16px; } /**********************/ .price-before-list { color: #aaa;font-size: 12px; } /* кастомные параметры кнопок */ .btn{ } .btn-kari { background:#ff8d00;text-align:center;color:#fff;text-transform:uppercase;padding: 12px 16px;font-size: 14px;font-weight:100; } /* .btn-kari:hover { color:#ddd;color: #ffffff; background: #f38600; background-color: #ffa331; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmEwMjkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYjA0ZSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjhkMDAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYjA0ZSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(255, 160, 41)),color-stop(0.5, rgb(255, 176, 78)),color-stop(0.51, rgb(255, 141, 0)),color-stop(1, rgb(255, 176, 78))); background-image: -webkit-repeating-linear-gradient(315deg,rgb(255, 160, 41) 0%,rgb(255, 176, 78) 50%,rgb(255, 141, 0) 51%,rgb(255, 176, 78) 100%); background-image: repeating-linear-gradient(135deg,rgb(255, 160, 41) 0%,rgb(255, 176, 78) 50%,rgb(255, 141, 0) 51%,rgb(255, 176, 78) 100%); background-image: -ms-repeating-linear-gradient(315deg,rgb(255, 160, 41) 0%,rgb(255, 176, 78) 50%,rgb(255, 141, 0) 51%,rgb(255, 176, 78) 100%); transition: 0.35s linear; } @media \0screen\,screen\9 { .btn-kari:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffa029",endColorstr="#ffffb04e",GradientType=0); } } */ .btn-kari-green { background:#37939b;text-align:center;color:#fff;text-transform:uppercase;padding: 12px 16px;font-size: 14px;font-weight:100; } .btn-kari-green:hover { color:#ddd } .btn { letter-spacing: 1px;/*font-family:"Roboto";*/font-weight:300; } .btn-kari:hover,.btn-kari:focus { background:#ffa83c;box-shadow:0 0 5px rgba(0,0,0,0.19); } .btn-kari-green:hover,.btn-kari-green:focus { background:#48a4ac;box-shadow:0 0 5px rgba(0,0,0,0.19); } /**********************/ /******* низкая кнопка *************/ .btn.thin { padding-top:5px;padding-bottom:5px; } .btn:hover, .btn:focus, .btn.focus { color:#eee;outline:0; } /* общие стили для слайдера и шапки*/ .top-head { background:#ddd;margin-left:-10px;margin-right:-10px; } .carousel.slide { max-height:480px;overflow:hidden;padding-bottom:52px; } .carousel-indicators { z-index:100;bottom:80px;left:auto;right:0;width:40%;text-align:left; } .carousel-indicators li,.carousel-indicators li.active { border:0;width:10px;height:10px;border:0;margin:0;padding:0;background:#fff;border-radius:100%;box-sizing: border-box; } .carousel-indicators li { border:1px solid #fff;margin:3px; } .carousel-indicators li.active { border:#ff8d00 solid 4px;width:16px;height:16px;margin-bottom:0px; } .carousel-caption { left:0;right:0;top:30%;bottom:auto;margin-left:42%;margin-right:20%;text-align:left;text-shadow: 0 1px 20px rgba(0,0,0,0.5), 0 1px 10px rgba(0,0,0,0.5), 0 1px 5px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5); } .carousel-caption h3 { margin:0 0 10px 0;text-transform:uppercase;color:#fff;font-size:30px;font-weight:200;width:70%; } .sl-caption-descr { font-size:18px;width:80%;font-weight:200;text-shadow: 0 1px 3px rgba(0,0,0,1), 0 1px 3px rgba(0,0,0,0.5); } .sl-caption-price { font-size:26px;width:80%;font-weight:400; } .carousel-caption a { color:#fff;text-decoration:none; } /**********************/ /*Шапка поверх слайдера*/ .top-head { position:relative; } .overslide { position:absolute;left:0;top:0;right:10px;padding-top:20px;height:1px;padding-top: 20px;height: 1px;padding: 20px 4.16666667% 0; } .sl-logo { display:flex; flex-wrap: nowrap;position:relative;float:left;width:40%;min-width:410px; } .sl-logo:after { display:block;content:"";clear:both;float:none; } .logo-box { background:rgba(255,255,255,1);padding:20px 10px 100px 10px;float:left;width:48%;position:relative; } .l-menu-box { background:rgba(255,255,255,.8);float:right;width:50%;min-height:376px;margin-left:-1px; } .l-menu-box ul { margin:20px 10px; } .l-menu-box li { font-size:14px;color:#08575e;padding:0;margin:0; } .l-menu-box li a { display:block;color:#08575e;padding:4px 10px;background:transparent; } .l-menu-box li a:hover { color:#ff8d00; text-decoration: none; } .l-menu-box > ul > li > a {text-transform: uppercase;} .l-menu-box li { background:rgba(255,255,255,0);/*transition:0.3s background;*/ } .l-menu-box li:hover { background:rgba(255,255,255,0.95); } .l-logo { margin-bottom:20px;margin-top:10px; } .l-gid { margin-bottom:20px; } .l-lk { margin-top:20px;text-align:center;position:absolute;bottom:23px;width:100%;left:0; } .l-lk p { text-align:center;letter-spacing:5px; } .podberi { position:absolute;bottom:0;left:calc(100% + 20px); } .top-cont { float:right;max-width:460px; } .top-cont-left { float:left;margin-right:1px;min-width:240px; } .top-cont-right { float:right;width:45px; } .dark-blue-btn { background:rgba(15,30,53,0.72);padding:3px 10px;margin-bottom:2px;color:#fff;height:45px; } .dark-blue-btn.sl-recallme { background:none;padding:0; } .dark-blue-btn.sl-recallme .sl-recall-btn { width:100%;height:100%;position:relative; } .bad-icons { display:block;width:45px;height:45px;margin-bottom:2px;background:url(/t/i/bad-icons.png) no-repeat left top #fff; } .bad-icons.icon1 { background-position:left top; } .bad-icons.icon2 { background-position:left -45px;/*background-position: left -61px;*/ } .bad-icons.icon3 { background-position:left -90px; } .sl-metro { color:#ff8d00; } .sl-tel{ white-space: nowrap;color:#fff!important; } /**********************/ /************ mega-menu *******************/ .top-menu { text-transform: uppercase;text-align:right;margin-top:-5px;text-shadow:0 1px 5px rgba(0,0,0,1); } .top-menu .list-inline>li { padding:0; } .top-menu > ul > li > a { color:#fff;padding:10px 4px;display:inline-block;position:relative;z-index:900;border:1px solid rgba(200,200,200,0);border-bottom:none } .top-menu > ul > li > a:hover { text-decoration:none; } .top-menu > ul > li:hover > a { text-decoration:none;border-color:#ffffff; } .top-menu { margin-top:-15px; } .top-menu .top-mega{ line-height:180%;text-transform: initial;font-size:14px;text-align:left;text-shadow:none; } .top-menu .top-mega > h3 { border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px; display:none; } .top-mega { display:none;position:absolute;z-index:1000;left:10px;right:0;padding:20px;background:#fff;top:45px;border:0px solid #ddd;box-shadow:0 5px 20px rgba(0,0,0,0.3); } .top-menu li:hover a { background:#fff; } .top-menu li:hover a { text-shadow:none;color:#FF8D00; z-index: 100000; } .top-menu li:hover .top-mega { display:block; } .top-menu li:hover .top-mega a { color:#333;text-shadow:none; } .top-mega ul { column-count: 9; padding: 0; } .top-mega ul.mm-country { column-count: 6; } .top-mega ul.mm-country > li { margin-bottom:10px; } .top-mega ul li { text-align:left; list-style-type: none; } .top-mega .pay-var-block { border:none!important;padding: 5px 5px 5px 90px!important;margin-bottom:15px!important; } .top-mega .pay-var-block:hover:before, .top-mega .pay-var-block:focus:before, .top-mega .pay-var-block.active:before { left:15px; } .top-mega .pay-var-block:before { background-size:90px 270px;width:45px;height:45px;margin-top:-25px; } .top-mega .pay-var-block h4 { line-height:45px; } .top-mega .pay-var-block:after { display:none; } .top-mega .pay-var-block.pay-nal:before { background-position: left 0; } .top-mega .pay-var-block.pay-inet:before { background-position: left -45px; } .top-mega .pay-var-block.pay-beznal:before { background-position: left -90px; } .top-mega .pay-var-block.pay-card:before { background-position: left -135px; } .top-mega .pay-var-block.pay-rass:before { background-position: left -180px; } .top-mega .pay-var-block.pay-credit:before { background-position: left -225px; } .top-mega .pay-var-block.pay-nal:hover:before, .top-mega .pay-var-block.pay-nal:focus:before, .top-mega .pay-var-block.pay-nal.active:before { background-position: right 0; } .top-mega .pay-var-block.pay-inet:hover:before, .top-mega .pay-var-block.pay-inet:focus:before, .top-mega .pay-var-block.pay-inet.active:before { background-position: right -45px; } .top-mega .pay-var-block.pay-beznal:hover:before, .top-mega .pay-var-block.pay-beznal:focus:before, .top-mega .pay-var-block.pay-beznal.active:before { background-position: right -90px; } .top-mega .pay-var-block.pay-card:hover:before, .top-mega .pay-var-block.pay-card:focus:before, .top-mega .pay-var-block.pay-card.active:before { background-position: right -135px; } .top-mega .pay-var-block.pay-rass:hover:before, .top-mega .pay-var-block.pay-rass:focus:before, .top-mega .pay-var-block.pay-rass.active:before { background-position: right -180px; } .top-mega .pay-var-block.pay-credit:hover:before, .top-mega .pay-var-block.pay-credit:focus:before, .top-mega .pay-var-block.pay-credit.active:before { background-position: right -225px; } .top-mega.offices ul { columns: auto;line-height:140%; } .top-mega.offices .office-list-text { border:none;padding:0;margin:0; } /**********************/ /************ mega - left **************/ .left-mega { display:none;position:absolute;background:rgba(255,255,255,.95);padding:15px;z-index: 10000;left: 95%;top: 0px;min-width:200px;/*border:2px solid #37939b;*/ } .l-menu-box ul .left-mega ul { padding:0;margin:0; } .left-menu > li { position:relative; } .left-menu > li:hover .left-mega{ display:block; } /*.left-mega:after {content: "";position: absolute;top:9px;left: -9px;width: 15px;height: 15px;border-left: 2px solid #37939b;border-bottom: 2px solid #37939b;transform: rotate(49grad);background: #fff;} */ /*******************************************/ /* Навигация внтури слайдера */ .navbar-wrapper { margin:0px;position:absolute;bottom:0;height:52px;box-sizing: content-box;width:100%;background:rgba(55,147,155,0.7);text-transform:uppercase; } .navbar-static-top { z-index:200; } .sl-bot-menu { width: 100%;display: flex;align-content: space-around;align-items: stretch;justify-content: space-between; } .sl-bot-menu li { flex: 1 1 auto; } .navbar-wrapper li a { color:#fff;background:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-align:center;outline:none; } .navbar-wrapper li:hover a { color:#fff;background:rgba(0,0,0,0.2) } .navbar-wrapper li a:focus { background-color:rgba(0,0,0,0.2) } .navbar-nav.serv-menu > li > a.selected { background-color:rgba(0,0,0,0.2) } /************ mega - serv **************/ .serv-mega { display:none;position:absolute;/*background:rgba(55,147,155,0.7),rgba(0,0,0,0.2);*/ background:rgba(48, 114, 121, 0.8);padding: 15px 30px;z-index:10000;left:0px;bottom:100%;min-width:200px;border:none; } ul.serv-menu .serv-mega ul { padding:0;margin:0; } ul.serv-menu .serv-mega ul li { } ul.serv-menu .serv-mega ul li a { color:#ddd;text-transform:none;display:block;text-align:left;padding:5px 0; } ul.serv-menu .serv-mega ul li a:hover { background:none;color:#fff; } ul.serv-menu li:hover .serv-mega ul li,ul.serv-menu li:hover .serv-mega ul li a { background:none; } .serv-menu .serv-mega li.item-selected a { color:#fff; } .serv-menu > li { position:relative; } .serv-menu > li:hover .serv-mega{ display:block; } /*.serv-mega:after {content: "";position: absolute;left:9px;bottom: -9px;width: 15px;height: 15px;border-left: 2px solid #37939b;border-bottom: 2px solid #37939b;transform: rotate(-49grad);background: #fff;}*/ ul.serv-menu li:last-child .serv-mega { right:0px; left:auto; } /*ul.serv-menu li:last-child .serv-mega:after { right:9px;left:auto; }*/ /*******************************************/ /************ КОНТЕНТ ********************/ .colwrapp { margin:0px 3.66666667%;margin-top:20px; } /*Этот параметр можно регулировать в процессе!!!*/ .page-row { background:url(/t/i/bg-fp-about.png) left bottom repeat-x;padding-bottom:20px; } .page-row .colwrapp { margin-top:0; } .podbor-line { margin-top:14px; } /************ пагинация *****************/ .pagination { margin-top:20px;padding-top:20px;display:block;border-top:1px solid #ddd;font-size:13px;font-weight:300; } .pager-number-from { } .pager-page-list { margin-left:-5px } .pager-page-list ul li { margin-left:5px;margin-right:5px;position:relative; } .pager-page-list ul li:before { position:absolute;content:"";display:block;width:1px;height:12px;background:#aaa;left:-5px;top:4px; } .pager-page-list ul li:first-child:before { display:none; } /** кастомизация FormStyler **/ .tour-choose { margin-left:0;margin-right:0; } .jq-selectbox { width:100%; } .jq-selectbox__select,.jq-selectbox__select:hover { background:#fff;border:1px solid #bfbfbf;border-radius:0;box-shadow:none;outline:none; } .jq-selectbox__trigger { width:20px;border:0; } .jq-selectbox__select { padding-right:30px;height:46px;padding-top:8px; } .jq-selectbox.focused .jq-selectbox__select {border: 1px solid #bfbfbf;} .jq-selectbox__trigger-arrow { top:18px; } .jq-selectbox__select-text{ color:#2f6776;font-size:14px;font-weight:200; } .jq-selectbox li:hover{ background:#37939b } .jq-selectbox__trigger-arrow { width:0;height:0;border:none; } /** обнуляем галочку **/ .jq-selectbox__trigger-arrow { width:7px;height:7px;border-left:2px solid #ccc;border-bottom:2px solid #ccc;transform:rotate(-45deg); } /*****делаем свою галочку *****/ .jq-selectbox__select:hover .jq-selectbox__trigger-arrow { border-color:#aaa; } .jq-checkbox { border-radius: 0;background:#fff;box-shadow: none;border-color:#aaa } .jq-checkbox.checked { border-radius: 0;background: #37939b;border-color: #37939b;box-shadow: none; } .jq-checkbox:hover,.jq-checkbox:focus { border-radius: 0;border-color: #37939b;box-shadow: none; } .jq-checkbox.checked .jq-checkbox__div { border-color:#fff;margin-top:4px; } /****** конец кастомизации FormStyler *********/ /******** Хлебные крошки ***********/ .breadcrumb { margin-left:-15px;margin-bottom:5px; } .breadcrumb li a { color:#207678 } /*******************/ /************* главная странциа ***********/ /*.block-lines { margin-bottom:20px; }*/ .block-txt p {text-align:justify;} .block-img { position:relative; } .block-img-text-inside { position:absolute;bottom:10px;left:10px;right:10px;display:block;color:#575757; } .block-img-text-inside.uptodate { bottom:40px; } .item-text-price:after{ display:block;content:"";float:none;clear:both; } .block-img-text-inside .item-text, .block-img-text-inside .item-name, .block-img-text-inside .item-price { margin-bottom:1px;display:inline-block; } .bg-w-half { background:rgba(255,255,255,.7);transition: 0.5s;} /*большой и средний текст в баннерах резать недопустимо!!! .block-img-text-inside .item-text { max-width:96%;white-space: nowrap;text-overflow: ellipsis;overflow:hidden; } */ .item-name{ display:inline-block;padding:5px 10px; } .item-text,.item-price { float:left;padding:5px 10px; } .item-price { margin-left:1px;background:rgba(255,255,255,.9); transition: 0.5s;} .text-block-after { margin-top:0;padding:15px 15px 12px;border:1px solid;border-top:0; } .text-block-after { border-color: #c5e2ed;position:relative;z-index:5; } /* цвет рамки вокруг текста */ .text-block-after p{ margin-bottom:0;height:3.1em;overflow:hidden;line-height:166%; } .item-action { margin-bottom: 1px; display: inline-block; padding: 5px 10px; color: #fff; position: absolute; right: 10px; top: 10px; font-size: 18px; background: #ff8d00; background: rgba(15, 30, 53, 0.13); border: 1px solid #ccc; text-shadow: 0 0px 0px #000; opacity: 0.5; } /***** Рекламные блоки - картинки фоном ******/ .adv-img-box { background-size:cover;height:250px;position:relative;background-position: center; } .adv-img-box.no-small-text {height:321.40px} /*.sidebar-block .adv-img-box { min-height:180px; }*/ .adv-img-box a.adv-link-a { position:absolute;top:0;right:0;bottom:0;left:0; } .content-block .bottom-adv-banner .tile-box { /*margin-left:-10px;margin-right:-10px;*/ } .sidebar-block .tile-box { margin-left:0px;margin-right:0px; } /**** цвет и фон текста рекламных блоков при наведении ***/ .tile-box a { /*color: #ff8d00;*/ transition: 0.5s; } .tile-box a:hover { /*color: #ff8d00;*/ transition: 0.5s; } .tile-box .bg-w-half, .tile-box .item-price { transition: 0.5s; } .tile-box:hover .bg-w-half, .tile-box:hover .item-price { /* background: #08575e; */ /* color: #ff8d00; */ /*background: #0000008a;*/ background: #fff; /*color: #ff8d00;*/ /*color: #08575e;*/ color: #08575e; transition: 0.5s; } .tile-box:hover .item-price { /*background: #ff8d00; color: #ffffff;*/ background: #fff; } /********* фон для слайдера **********/ .slide-item-img-bg { background-size:cover;min-height:480px;background-repeat:no-repeat; background-position: center; } /*.fp-about-company.block-lines{ margin:20px 0 0; }*/ h2 { color:#207678; } .fp-country-list { margin-bottom:20px; } .fp-part-val-sub h2 { margin-bottom:20px; } .fp-country-list-box ul { column-count:7 } .fp-country-list-box ul.bottom-country { column-count:unset!important; } .fp-country-list-box ul.bottom-country li.country-icon{ float:left;width:16.6%; } .fp-country-list-box ul li{ position:relative;margin-bottom:4px; } .fp-country-list-box ul li.country-icon{ padding-left:32px; } /*.fp-country-list-box ul li.country-icon span { display:block;position:absolute;width:20px;height:20px;background:no-repeat;left:0;top:0;background-size: cover; } */ .fp-country-list-box ul .country-icon.country-in span.flag { top:-3px; } .fp-part-val-sub { padding-top:20px;border-top:1px solid #ddd; } .fp-part-item { display:inline-block;margin:10px;opacity:0.8;filter: grayscale(100%); } img.fp-part-item:hover { filter: grayscale(0%); } .fp-val table { width:100%; } .fp-val table, .fp-val table th,.fp-val table td { border:none;border-collapse:collapse;padding:10px 5px;vertical-align:middle; } .fp-val table thead th { border-top:1px solid #005057;border-bottom:1px solid #005057;color:#005057 } .fp-val table .col2, .fp-val table .col3 { text-align:center;color:#005057;font-weight:500; } .fp-val table .col1 { font-weight:200; } .fp-val table td.col1 { color:#777; } .fp-sub-txt { position:relative;padding-left:50px;margin-bottom:15px; } .fp-sub-txt .fas { position:absolute;left:0;top:5px;font-size:22px;color:#207678; } .fp-sub-form { padding-bottom:15px;margin:10px 0 10px;border-bottom:1px solid #ddd; } .fp-sub-form form{ display:flex;width:100%; } .fp-sub-mail { border:none;background:#f9f9f9;color:#207678;font-size:16px;outline:none!important;flex:3;height:30px;padding-left:5px; } .fp-sub-form button { padding:7px 16px;flex:1 } .fp-news-block h3 { font-size:16px;/*font-weight:300;*/margin-top:5px; } .news-img-list { margin-bottom:10px; height: 150px;} /*.fp-news-list.news-list*/.news-list-item { padding-top:5px;border-top:1px solid #ddd; } .news-list a { color:#000; } .fp-line-news-op-fb { display:flex;flex-wrap:wrap; } .fp-your-op h3 { margin:10px 0; } .likes { margin-left:-5px; } .likes img { margin-left:5px;margin-top:5px; } .fp-kari-likes { display:flex;margin-bottom:10px; } .fp-kari-likes .likes { flex:3 } .fp-kari-likes .likes-count { flex:1 } .likes-count .btn { padding:5px 16px; } .citata { border:3px solid #e8f4f4; padding:10px;position:relative; } .citata-max-box {height:82px;overflow-y:scroll;} .citata:after{ position:absolute;content:"";display:block;border-left:3px solid #e8f4f4;border-bottom:3px solid #e8f4f4;background:#fff;transform:rotate(-45grad);left:40px;bottom:-9px;width:15px;height:15px; } .fp-your-op .op-name { margin-top:20px; font-size:16px; } /********************** Конец главной страницы! ****************************/ /* таблички в контентной части */ table.page-table { width:100%;border:3px solid #e8f4f4; } table.page-table,table.page-table td,table.page-table th { border-collapse:collapse;color:#333333; } table.page-table td,table.page-table th { padding:7px;border:1px solid #e8f4f4;vertical-align:middle; } table.page-table th { background:#e8f4f4;font-weight:bold; } table.page-table .col1 { text-align:left;width:40% } table.page-table .col2 { text-align:left;width:40% } table.page-table .col3 { text-align:right;width:20% } .content-area .h2-table { margin: 0; padding: 10px; background: #e8f4f4;} .content-area table { width:100%;border:3px solid #e8f4f4; } .content-area table, .content-area table td, .content-area table th { border-collapse:collapse;color:#333333; } .content-area table td, .content-area table tr th { padding:7px;border:1px solid #e8f4f4; border-bottom-width: 2px;vertical-align:middle; text-align: justify; } .content-area table tr:first-child th { background: #e8f4f4; font-weight: bold; padding: 0px 0px 2px 7px; border-bottom-width: 1px; } .content-area table tr th { background:none; } .content-area table .col1 { text-align:left;width:40% } .content-area table .col2 { text-align:left;width:40% } .content-area table .col3 { text-align:right;width:20% } /*.content-area table td:first-child {width: 15%; text-align:center;}*/ /* конец табличек */ /* хаки для картинок */ img.left { float:left;margin-right:20px;margin-bottom:10px; } /* КОНЕЦ - хаки для картинок */ /*
*/ .tile-box { margin-bottom:20px; transition: box-shadow 0.3s;} .tile-box:hover { box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 10px 20px -5px rgba(0,0,0,.4); } /* конец
*/ /* Описание правой колонки */ .sidebar-right { margin-top:4px; } .sidebar-right h2 { margin-top:0; } .sidebar-block { margin-bottom:20px; } /********** Блок списка в сайдбаре ***********/ .sidebar-right .news-list-item h3 { font-size:16px;/*font-weight:200;*/margin-top:0;line-height:1.3;padding:0 10px 10px;margin-bottom:0; } .sidebar-right .news-date { color:#333333;margin:0 10px;border-top:1px solid #c5e2ed;padding:7px 0px; } .sidebar-right .news-list-item.news-top { padding-top:0;border-top:none; } .sb-news-list.sidebar-items .news-top .news-img-list { margin-bottom:0;height:auto; } .sb-news-list.sidebar-items .news-top .news-date{ border-top:0; } /* .sb-tours-list-item { margin-bottom:30px; transition: box-shadow 1s;} .sb-tours-list-item:hover { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6); }*/ a.sidebar-more { display:block;background:#e8f4f4;padding:10px 10px;border:1px solid #c5e2ed;border-top:none;text-align:center; } .sb-news-list.sidebar-items h2 { text-align:center;padding:10px 5px;background:#E8F4F4;color:#207678!important;font-size:16px;font-weight:500;margin-bottom:0; } .sb-news-list.sidebar-items .news-list.news-list-item { border:1px solid #c5e2ed;border-top:none;border-bottom:none; } .sb-news-list.sidebar-items .m-top-20.sidebar-more { margin-top:0; } /****** Конец описания правой колонки ****/ /********* общие стили для контента ***********/ .content-block { font-size: 14px;line-height:1.4em;/*font-family: "Roboto";font-weight: normal;*/ } .content-block p { font-size:14px;line-height:1.4em; } .content-block h1 { color:#207678 } .page-description { margin-bottom:20px; text-align: justify;} .bottom-adv-banner { margin-top:0px; margin-bottom:20px; } .bottom-adv-banner h2 { margin-top:0; } .bottom-adv-banner .tile-box { margin-bottom:0; } .pretty-box { margin-bottom:20px; } /********* общие стили для контента ***********/ /********** Меню страниц *********/ .page-menu { background:#e8f4f4;width:100%;margin-bottom:20px;font-size:15px; } .page-menu ul li { padding:0;float:left; } .page-menu ul { margin-bottom:0; } .page-menu ul li a { background:#e8f4f4;padding:7px 7px;text-align:center;color:#37939b;display:block;font-weight:400; border-left: 1px solid #e8f4f4; } .page-menu ul li.active a,.page-menu ul li a:hover, .page-menu ul li a:focus { background: #fff; color: #ff8d00;} .country-pages .page-menu { position: relative; } .country-pages .page-menu:after {content: "";position: absolute;width: 42%;height: 100%;background: #e8f4f4;top: 0;left: 100%;z-index: 0;} /********** Конец Меню страниц *********/ /********* отзывы ***********/ .review-rating-block { background:#e8f4f4;padding:15px 10px;margin-bottom:20px } .review-rating-block .kari-likes { padding-top:13px; } .review-rating-block .kari-stars { display:inline-block;margin-left:15px;margin-right:15px; } .review-rating-block .kari-stars img { margin-top:0; } .review-list-items { margin-top:20px; } .review-item { border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:30px; } .review-item:last-child { border-bottom:0; } .review-item .btn { padding-top:3px;padding-bottom:3px; } .review-item .kari-stars img { margin-top:0; } .review-item .likes { margin-bottom:20px;margin-left:-20px; } .review-item .likes span { display:inline-block;margin-left:20px; } .reviews-tags { margin-left:-20px;margin-bottom:20px; } .reviews-tags ul li { margin-left:20px; } .review-item .citata { margin-right:20%;padding:20px;margin-bottom:20px; text-align: justify; } .review-item .citata p:last-child { margin-bottom: 0; } .review-item .kari-citata { border-width:1px;margin-right:0;margin-left:20%;margin-top:15px; } .review-item .kari-citata:after { border-width:1px;left:auto;right:40px; } .kari-stars { display: inline-block; } .kari-stars img { margin-left: 0; padding: 0 5px 0 0; display: inline-block; white-space: nowrap; } .select-star.kari-stars img { cursor:pointer; } /******** новости ****************/ .news-item { position:relative; margin-bottom:20px; margin-top:5px; } .news-filter-block { background:#e8f4f4;padding:15px 10px;margin-bottom:20px; } .news-filter-block label { font-size:12px;margin-left:20px;margin-top:15px;cursor:pointer; } .news-list-items .news-item { margin-bottom:30px; } .news-list-items .news-item > a { text-decoration: none; color:inherit;} .news-list-items .news-item > a:hover h2 { text-decoration: underline;color:#000;} .news-list-items h2 { margin-top:5px;font-weight:400;font-size:16px;float:none;clear:both; } .news-item-top { display: flex;flex-wrap: wrap; } .news-item-top { width:100%; float:none; } .news-detail-page { position:relative; } .news-detail-page .news-img { float:left;width:400px;margin-right:15px;margin-bottom:10px; } .news-detail-page .news-detail-meta { position:absolute;top:0;right:0;width:calc(100% - 425px);max-height:40px; } .news-detail-page .news-detail-meta .news-date { padding-left:0; } .news-detail-page .news-detail-text { padding-top:40px; } .news-detail-page .news-detail-text .news-text li { list-style-position: inside;margin-bottom:7px; } .news-list-items .news-item-simple h2 { line-height:22px;max-height:46px;overflow:hidden; } .news-list-items .news-item-simple .news-list-text { color: #777;line-height: 21px;max-height: 66px;overflow: hidden; } .news-list-items { display:flex;flex-wrap:wrap; } .news-list-items .news-item-top h2 { margin-top:10px; } /*.news-item-top .news-img-list { float:left;margin:0;width:45%;height:233px; }*/ .news-item-top .news-img-list { float:left;margin:0;width:420px;height:233px; } /*.news-item-top .news-list-txt-part { float:right;width:55%;border:3px solid #eaf5f5;padding:15px;border-left:0; box-sizing: border-box;height: 233px;overflow: hidden; } */ .news-item-top .news-list-txt-part { float:right;width:calc(100% - 420px);border:3px solid #eaf5f5;padding:15px;border-left:0; box-sizing: border-box;height: 233px;overflow: hidden; } .news-date { font-size:13px; } .news-list-meta { margin-bottom:10px; } .news-item-top .news-list-text { height:146px;overflow:hidden;line-height:21px; } .news-list-section { display:none; } .news-item-top .news-list-section { display:block; } .top-news-over { max-height:202px;overflow:hidden; } .news-list-items .news-item-top h2 { line-height:20px;max-height:40px;overflow:hidden; } .news-country-tours { margin-bottom:15px; } .news-country-tours > div a { border:1px solid #ddd;padding:10px;display:block; } .news-list-back { margin-bottom:30px; } .news-list-last-filter { margin-bottom:30px; } .news-last-box { background:#e8f4f4;padding:15px; } .news-last-box h2 { margin-top:0;margin-bottom:20px; } .news-last-box li { margin-top:20px;position:relative;padding-left:120px; } .news-last-box li:first-child { margin-top:0px; } .news-last-box .last-news-date { position:absolute;left:0;top:-5px;padding:5px;background:#fff; } .news-last-box a { padding:5px 0; } .news-text {margin-top:20px;text-align: justify;} .bottom-recomend { margin-bottom:30px; } .bottom-recomend h2 { margin-top:0;margin-bottom:15px; } /***** Вакансии *****/ .resume-item { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 30px; } /***** Вакансии - конец *********/ /***** Контакты *****/ .nav-tabs { margin-bottom:20px; } ul.nav-tabs,ul.nav-tabs li a,ul.nav-tabs li.active a,ul.nav-tabs li, ul.nav-tabs li a:hover,ul.nav-tabs li.active a,ul.nav-tabs li:hover,.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { padding:0;border:0; } ul.nav-tabs { margin-left:-10px; } ul.nav-tabs li { margin:0 10px; } ul.nav-tabs li a,ul.nav-tabs li a:hover,ul.nav-tabs li a:focus {display:inline-block;margin:0;padding:5px;background:none; } ul.nav-tabs li a span,ul.nav-tabs li a:focus span,ul.nav-tabs li a:hover span { border-bottom:1px dashed; } ul.nav-tabs li.active a,ul.nav-tabs li.active a:hover,ul.nav-tabs li.active a:focus { background:#e8f4f4;color:#f8962d;padding:5px; } ul.nav-tabs li.active a span { border:none; } .office-list-item .office-adr { float:left;width:calc(100% - 480px); } .office-list-item .office-photo { float:right;width:480px;background-size:cover; background-position:center center;background-repeat: no-repeat; } .office-list-item { display:flex;flex-wrap:wrap;margin-bottom:20px; } .office-list-item h3 { font-size:20px; } .office-list-text { padding:10px;border:3px solid #eaf5f5;border-right-width:0;padding:15px;box-sizing: border-box;position:relative;height:100%;margin-right:0px } .office-list-text li { padding-left:30px;position:relative;margin-bottom:4px; } .office-list-text li.phone { font-size:18px; } .office-list-text li .fas { position:absolute;left:0;top:4px;color:#37939b;text-align:center;width:16px;font-size:16px; } .fas-metro { display:inline-block;background:url(/t/i/fas-metro-16x16.png) no-repeat center center;background-size: contain;width:16px;height:16px; } .manager-list { margin-top:0px; } .manager-item { margin-bottom:20px; } .manager-list ul li { margin-bottom:0px; } .manager-img { width: 170px; float: left; margin-right: 10px; height: auto; overflow: hidden;} .manager-img img { width: 100%;} .manager-text { float:right;width:calc(100% - 185px);/*font-size:12px;*/ } /***** Контакты - конец *********/ /** Награды**/ .awards { display:flex;flex-wrap:wrap;font-size:13px; } .awards > div { margin-bottom:20px; } .award-item { /*border:1px solid #c5e2ed;*/height:100%; } .award-item img { margin:0px;margin-left:auto;margin-right:auto; max-width: 100%; max-height: 100%; vertical-align: middle;box-shadow: 1px 2px 10px #bdbdbd; } .award-img { position:relative; } .award-img .award-description { position:absolute;left:0;bottom:0;right:0;background:rgba(255,255,255,0);transition:0.3s;padding:10px; height: 300px; overflow: hidden; opacity:0 } .award-item:hover .award-description { opacity:1;background:rgba(255,255,255,0.9); /* background: rgba(15,30,53,0.72); */ /* color: #fff; */ } .award-img { height:300px;padding:10px; } /* .award-txt { padding:10px;border-top:1px solid #c5e2ed; } */ .award-text-block-after { margin-top:0;padding:15px 15px 12px; } .award-text-block-after p{ text-align:center;margin-bottom:0;height:3.1em;overflow:hidden; } /* .award-text-block-after p a { text-decoration:none;color:inherit; } .award-text-block-after p a:hover { text-decoration:underline; } */ .award-item > a {display:block;text-decoration:none;color:inherit;} .award-item > a:hover { text-decoration:underline; } /* *** Карты и страны ***** */ .places-choose { display:flex;flex-wrap:wrap; } .places-choose h2{ margin-top:0; } .country-map { margin-bottom:20px; } .country-list-box { padding:10px;border:1px solid #c5e2ed;position:relative;height:100%; } .country-page.places-choose .li-column-1 ul { column-count: 1; } .country-list-box ul li{ position:relative;font-size:12px;padding-top:3px;margin-bottom:10px; } .country-list-box ul li.country-icon{ padding-left:32px; } .country-list-box li.country-icon span { display:block;position:absolute;left:0;top:0; } .li-column-1 ul {column-count: 1;} .li-column-2 ul {column-count: 2;} .li-column-3 ul {column-count: 3;} .li-column-4 ul {column-count: 4;} .li-column-5 ul {column-count: 5;} .li-column-6 ul {column-count: 6;} .li-column-7 ul {column-count: 7;} .li-column-8 ul {column-count: 8;} .country-list-box li.country-icon span { opacity:1 } .country-list-box li:hover.country-icon span { opacity:1 } .country-icon.country-in { position:relative;padding-left:30px; } .country-icon.country-in span.flag { position:absolute;left:0; } .country-descr { margin-bottom:20px; } .country-descr-img { margin-bottom:20px; } .country-meta { border:3px solid #e8f4f4;padding:10px;margin-bottom:10px;font-weight:300; } .meta-left { float:left;width:48%; } .meta-right { float:right;width:48%; } .country-meta ul { margin-bottom:0; } .country-meta li { font-size:13px;margin-bottom:7px; } .country-meta li:last-child { margin-bottom:0; } .bottom-country-variants { margin-bottom:20px; } .country-in-recomend { margin-bottom:20px; } .sb-findtour { /*background:#c5e2ed;*/padding:1px;margin-top:18px; } .sb-find-head { margin:0px;display:flex;flex-wrap:wrap;background:rgba(63, 75, 93,0.8); } .sb-find-find,.sb-find-price { background:transparent;/*padding:5px 7px;*/color:#fff;float:left;height:66px;display:flex;align-items:center; } .sb-find-price span {display: block;text-align: right;width: 100%;} .sb-find-find { padding: 5px 7px 5px 60px; font-size: 18px; font-weight: 300; line-height: 1.2em; } .sb-find-find a, a.sb-find-head, a:hover.sb-find-head { color:#fff; text-decoration:none; } a:hover.sb-find-head { background:rgba(63, 75, 93,0.7) } .sb-find-find .fas { position: absolute; left: 18px;top: 50%; font-size: 22px;margin-top: -9px; } .sb-find-price { /*border-left:0px solid #fff;width:40%;position:relative;*/padding: 5px 10px 5px 7px; } .sb-find-price:before { content:"";position:absolute;width:1px;background:#fff;height:40px;top:50%;margin-top:-20px;left:-2px; } .sb-find-table { margin:0px 0 0 0;border:1px solid #c5e2ed;border-top:0; } .sb-find-table-name,.sb-find-table-price { background:#fff;padding:7px 10px 0px;margin-bottom:0px; } .sb-find-table-price { border-left: 0px solid #e8f4f4;text-align: right; } .sb-find-table-name { color:#000; } .sb-find-table-name a { color:#000;display:inline-block;width:100%;/*white-space: nowrap;text-overflow: ellipsis;overflow:hidden;*/ } .other-in-country .sb-find-table-name { font-size:90%; } .sb-find-table-price a { display:inline-block;width:100%;white-space: nowrap;text-overflow: ellipsis;overflow:hidden; } .w-border .sb-content-box { padding:10px;border:1px solid #c5e2ed;position:relative;border-top:0; } .page-row table.sb-table { width:100%;border:0;border-collapse:collapse;margin-bottom:0; } .sb-table td { border-collapse:collapse;border:0; } .sb-table td.col1 { padding:7px 5px 7px 0;font-size:90%; } .sb-table td.col2 { padding:7px 0px 7px 5px; } .sb-table td.col2.sb-table-price { text-align:right; } .sb-table td.col2.sb-table-price a { color:#15a1d2; } .sb-other-list { border-top:none; } .sb-other-head { background:#e8f4f4;padding:10px;color:#fff;margin-bottom:0px; } .sb-other-head h2 { color:#08575e!important;margin:0;text-align:center;font-size:16px; } .sb-other-list ul,.sb-other-list ul li:last-child { margin-bottom:0; } /***** Курорты ******/ .resort-list-items .resort-item { margin-bottom:20px;margin-top:0; } .resort-item .resort-list-item-img { width:420px;overflow:hidden;position:relative; } .resort-item .resort-list-item-text { width:calc(100% - 420px);height:234px; } .resort-item .resort-list-item-img .img-price { padding:5px;background:#fff;position:absolute;bottom:10px;right:10px;color:#15a1d2 } /* тестирование ссылки на весь блок */ .test { position:relative; } .test:before{ content:"";position:absolute;left:-14px;top:50%;margin-top:-4px;width:8px;height:8px;background:#000;border-radius:100%; } /* тестирование ссылки на весь блок */ /*********** Список отелей ****************/ .hotels-list-outer { padding:50px 15px 15px;background:#e8f4f4;margin-bottom:20px; } .hotels-list-head { margin-top:-40px;position:relative;padding:0 0 15px 0 } .hotels-list-head h2 { margin:3px 120px 0 0;float:left; } .val-toggler { float:right;width:120px;text-align:right; } .val-toggler .active { color:#ff9512; } .val-toggler span { display:inline-block;text-align:center;line-height:80%;padding:10px 12px;font-weight:500;background:#fff;font-size:16px;font-family:arial,helvetica; } .hotels-list-items { background:#fff;margin-bottom:13px; } .hotels-list-items:last-child { margin-bottom:0; } .hotels-list-item { border-bottom: 13px solid #E8F4F4; } .hotels-list-item-name { position:relative; } .hotels-list-item-name h3 { margin-top: 0;padding-right:80px;} .hotels-list-item-name h3 a {color: #207678!important;text-decoration: none;} .hotels-list-item-name h3:hover a {color: #ff8d00!important;text-decoration: none;} .hotels-list-item-name .blue-price { color:#333; } .hotels-list-item:last-child { border-bottom:0; } .hotels-list-item-img { float:left;width:300px;position:relative;border-right: 2px solid #E8F4F4;box-sizing: content-box; } .hotels-list-item-text { float:left;width:calc(100% - 302px);border-left: 2px solid #E8F4F4;margin-left:-2px;padding:10px;box-sizing: border-box; } .hotels-list-item-rating { margin:5px 0; } .hotels-list-item-rating > *,.hotels-list-item-params span { display:inline-block; } .hotels-list-item-params,.hotels-list-item-rating { margin-left:-20px; } .hotels-list-item-params span,.hotels-list-item-rating .stars,.hotels-list-item-rating span { margin-left:20px; } .hotels-list-item-params { font-size:13px;margin-bottom:7px; } .hotels-list-item-params i { color:#207678;margin-right:7px; } .hotels-icons { margin:5px 0; } .hotels-icons ul { text-align:center;margin-left:0;display:flex;flex-wrap:wrap; } .hotels-icons ul li { } .hotels-icon { position:relative;width:33px;/*height:25px;*/ } .hotels-list-item-img .hotels-icon { height:25px; } .hotels-icon:before { content:"";position:absolute;left:0;top:0;width:33px;padding:0;height:25px;background:url(/t/i/hotels-icons.png) no-repeat 100px top; } .icon-tv:before { background-position: 0 top } .icon-sauna:before { background-position: -31px top } .icon-wifi:before { background-position: -62px top } .icon-condition:before { background-position: -93px top } .icon-med:before { background-position: -124px top } .icon-child:before { background-position: -155px top } .icon-swim:before { background-position: -186px top } .icon-beach:before { background-position: -217px top } /****** страница отеля **************/ .hotel-item-img-gallery .row { margin:-1px 0 0px 0; } .hotel-item-img-big { width:66.7%;position:relative; } .hotel-item-img-gallery { width:33.2%;position:relative; } .gallery-thumb { padding-left:1px;padding-right:1px;margin-bottom:0px;display:block!important;box-sizing: border-box; } .hotel-ta { position:absolute;display:block;top:10px;left:10px; } .hotel-item-img-sticker { position:absolute;color:#fff;padding:12px;bottom:10px;left:10px;background:rgba(0,0,0,0.5);font-size:13px; } .hotel-item-img-sticker i { margin-right:12px; } .hotel-character > div{ margin-bottom:20px; } .hotel-character h2 { margin-top:0; } .hotel-character p { margin-bottom:4px; margin-right: 15px;/* float: left;*/text-align:left;} .hotel-map-inside { max-height:140px; } .hotel-item-price { border:3px solid #e8f4f4;position:relative;padding:35px 10px 45px; } .hotel-big-price { font-size:25px;color:#3f4b5d;text-align:center;font-weight:300; } .hotel-big-price span { font-size:14px; } .hotel-big-price div { margin-top:0px;margin-bottom:15px;text-align:center;color:#aaa;font-size:14px; } .hotel-service .hotels-icons li.hotels-icon { display:block;width:50%;font-size:13px;text-align:left;line-height:100%;padding: 3px 10px 5px 38px;margin-bottom:5px; } .hotel-service .hotels-icons li.hotels-icon i { position:absolute;color:#207678;font-size:18px;left:5px;top:3px; } .show-hidden-content { position:relative;/*padding-bottom:30px;overflow:hidden;max-height:600px;*/margin-bottom:30px; } .show-hidden-content.showall { max-height:unset;padding-bottom:0; } .show-hidden-content.showall .info-block { margin-bottom:10px; } .show-all { /*cursor:pointer;border-top:1px solid #eee;margin-top:-30px;margin-bottom:20px;*/ } .show-all span { background:#E8F4F4;padding:5px 10px;display:none;font-size:12px;color:#777 } .show-all.toggle-show .showme{ display:inline-block; } .show-all.toggle-hide .hideme{ display:inline-block; } .show-hidden-content:after { content:"";position:absolute;z-index:10;width:100%;height:40px;left:0;bottom:0; background-image: -webkit-gradient(linear, top, bottom, color-stop(0, rgba(255, 255, 255, .3)), color-stop(1, rgba(255, 250, 255, 1.0))); background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 250, 255, 1.0)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 250, 255, 1.0)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 250, 255, 1.0)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 250, 255, 1.0)) } .show-hidden-content.showall:after { display:none; } /***Скрываем раскрытие детального текста**/ .show-hidden-content.showall:after,.show-hidden-content:after,.show-all.toggle-show .showme,.show-all.toggle-hide .hideme { display:none; } .showmore { position:absolute;bottom:-7px;left:0px;font-size:13px;z-index:100;width:100%;background:#fff;padding:5px 0; } .hotel-item-descr { margin-bottom:20px; } .hotel-item-descr h2,.tour-item-description h2{ margin-top:0; } .tour-table-detail-text table td:first-child {width: 15%; text-align:center;} .offside-map-insert { margin:30px 0; padding:30px;border:3px solid #aaa;background:#eee;font-size:18px;text-align:center; } .tips-item-description { margin-bottom:20px; } /***** туры и прайсы *********/ .page-row table { margin-bottom:20px; } .page-row table.tour-table .col1{ width:89%; text-align: left;} .page-row table.tour-table .col2{ width:11%; min-width:101px; text-align:right; white-space:nowrap; } .page-row table.tour-table th { font-weight:300; } .page-row table.tour-table h4 { margin-right:5px; margin-top: 0px; font-weight: 400; font-size:17px;color:#207678;width: calc(100% - 70px); } .page-row table.tour-table .icons-settings {width:65px; float: right;} .page-row table.tour-table h4 a {color: #207678!important;text-decoration: none;} .page-row table.tour-table h4 a:hover {color: #ff8d00!important;} .counrty-tour-list-descr { position:relative;color:#666;margin:0px 0 5px;padding-left:30px;font-size:12px; } .counrty-tour-list-descr .fa { position:absolute;left:0px;top:0px;color:#0096A1;font-size:16px; } ul.tour-params { margin-left:-20px; /*float: left;*/text-align:left; margin-bottom: 5px;} ul.tour-params li { position:relative;padding-left:30px;margin-left:20px;font-size:13px; } ul li.tour-params-icons:before { content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:url(/t/i/icons-tour.png) no-repeat;background-size:100px 40px; } .tour-params-icons.tour-params-bestbefore:before { display:none; } .tour-params-icons.tour-params-bestbefore .fas { color:#379597;position:absolute;left:1px;left:3px;font-size:16px; } .tour-table ul.tour-params:after { content:"";display:block;float:none;clear:both; } .tour-table ul li.tour-params-night { float:left;/*width:25%;*/width:200px; } .tour-table ul li.tour-params-fly { float:left;/*width:25%;*/width:200px;} .tour-table ul li.tour-params-date { float:left;/*width:40%;*/position:relative;width:calc(100% - 460px); } .tour-table ul li.tour-params-date .trun-text.moresimb { width:100%; white-space: nowrap; text-overflow: ellipsis;overflow:hidden; } .tour-table ul li.tour-params-date .trun-text.long-days { display: block; position: absolute; white-space: normal; text-overflow: unset; background: rgba(255,255,255,1); padding: 7px 8px 7px 36px; border: 1px solid #e8f4f4; top: -8px; left: -7px; box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 10px 20px -5px rgba(0,0,0,.4); transition: visibility 0s 1s, opacity 0.5s ease-out 0.5s; visibility: hidden; opacity: 0;} .tour-table ul li.tour-params-date .trun-text.long-days:before { content: ""; position: absolute; left: 6px; top: 7px; width: 20px; height: 20px; background: url(/t/i/icons-tour.png) no-repeat; background-size: 100px 40px; background-position: -20px 0px; } .tour-table ul li.tour-params-date:hover .trun-text.long-days { visibility: visible; opacity: 1; transition-delay: 0s;} .tour-table .tour-params-route .trun-text.long-route { display: block; position: absolute; white-space: normal; text-overflow: unset; background: rgba(255,255,255,1); padding: 7px 8px 7px 36px; border: 1px solid #e8f4f4; top: -8px; left: -7px; box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 10px 20px -5px rgba(0,0,0,.4); transition: .5s; visibility: hidden; opacity: 0; width:88%;} .tour-table .tour-params-route .trun-text.long-route .fa { position:absolute;left:6px;top:7px; } .tour-table .tour-params-route:hover .trun-text.long-route { visibility: visible; opacity: 1; transition-delay: 0s; z-index:1;} ul li.tour-params-night:before { background-position:-1px 0 } ul li.tour-params-date:before { background-position:-20px 0 } ul li.tour-params-fly.aviay:before { background-position:-40px 0 } ul li.tour-params-fly.avian:before { background-position:-40px -20px } ul li.tour-params-fly.zhdy:before { background-position:-60px 0 } ul li.tour-params-fly.zhdn:before { background-position:-60px -20px } ul li.tour-params-fly.busy:before { background-position:-80px 0 } /*ul li.tour-params-fly.busy:before { background-position:-60px -20px } */ .icons-settings .bad-icons {display: inline-block;width: 30px;height: 30px;margin:-5px 0 0 0;background-color:transparent;background-image:url(/t/i/bad-icon-compare.png);} .currency-table td:last-child { width: 102px; } .currency-table .bad-icons.icon1 { background-position:3px 2px; } .currency-table .bad-icons.icon2 { background-position: 2px -23px; } .currency-table .bad-icons.icon3 { background-position:left -90px; } .bad-icons.tour-favs-remove-btn { background-image:none; } .tour-favs-remove-btn .ico-close-green { width:30px;height:30px;background-position:center center; } .tour-search-bigblock { background:#e8f4f4;margin:0 0px 20px;padding:10px;} .tour-search-bigblock h2 { padding-bottom:10px;border-bottom:2px solid #fff;margin-bottom:5px; } .link-to-search { display:inline-block;margin-top:20px; } .link-to-search span { text-decoration:none;border-bottom:1px dotted; } .tour-people { margin-top:15px; } .tour-people-adult { margin-right:20px;display:inline-block } .tour-people-child { display:inline-block } .tour-people .fa-male { font-size:30px;color:#a5b99b } .tour-people .fa-male.active { color:#207678 } .tour-people .fa-child { font-size:20px;color:#a5b99b } .tour-people .fa-child.active { color:#207678 } .tour-people .fas { margin-right:10px; } .tour-people .fa-plus { font-size:10px;top:-4px;position:relative;margin-right:5px;color:#aaa; } .tour-item-photo-meta { margin-bottom:20px; } .tour-item-img-big{ position:relative; } .tour-item-about-meta { position:relative; } .tour-item-about-meta h2 { margin-top:0; } .tour-item-about-meta .tour-params-date span { white-space: nowrap; } .tour-item-about-meta ul li { position:relative;padding-left:30px;margin-left:0px;font-size:13px;margin-bottom:10px; } .tour-img-panel { position:absolute;left:10px; bottom:10px;font-size:13px; } .panel-btn span { margin-left:12px; } .tour-img-sticker { } .tour-favorite-sticker{ } .tour-compare-sticker { } .panel-btn { display:inline-block;margin-left:10px;color:#fff;padding:12px;background:rgba(0,0,0,0.5);line-height: 20px; } .panel-btn .bad-icons { background-color:transparent;background-image:url(/t/i/bad-icons-white.png);width:18px;height:18px;margin-bottom:0;display:inline-block;vertical-align:bottom; } .panel-btn .bad-icons.icon1 { background-position:1px 0 } .panel-btn .bad-icons.icon2 { background-position:-18px 0 } .panel-btn.active { background:#207678; } .panel-btn .fas { font-size:18px; } .panel-btn { cursor:pointer; } @media (min-width: 1360px) { .panel-btn .visible-lg,.panel-btn .visible-md,.panel-btn .visible-sm,.panel-btn .visible-xs { display: inline-block!important; } } .page-row .page-table.tour-detail-table .col1{ width:15%; } .page-row .page-table.tour-detail-table .col2{ width:85%; } /********* Виды туров ***************/ .types-list > div { margin-bottom:20px; } .types-list .block-img-text-inside { top:10px;height:calc(100% - 20px); } .types-list .block-img-text-inside .item-text { background: none; padding: 0; max-width:100%; white-space: inherit; text-overflow: inherit; overflow: visible; } .types-list .block-img-text-inside .item-text span { background: rgba(255,255,255,.7); line-height: 30px; padding: 4px 7px; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone;} .types-list .item-text-price { position:relative;width:100%;height:100%; } .types-list .item-price { position:absolute;right:0;bottom:0;max-width:100%; } /************************************/ /****** оплата *******/ .row.pay-var .nav a { display: block;} #paytabs { margin:0;padding:0;list-style:none; } #paytabs li { list-style:none; } #paytabs li a { text-decoration:none;color:#333; } .pay-var { margin-bottom:30px; } .pay-var-block { position:relative;padding:10px 20px 5px 120px;margin-bottom:15px;border-bottom:1px solid #aaa;cursor:pointer;box-sizing: border-box; } .pay-var-block-description { position:relative;padding:20px 15px 15px 15px;margin-bottom:15px;border:3px solid #e8f4f4;box-sizing: border-box; } .pay-var-block-description h3 { margin-top:0;font-weight:bold; } .pay-var-block:before { content:"";width:90px;height:90px;position:absolute;background:url(/t/i/pay-icons.png) no-repeat left top;left:15px;top:50%;margin-top:-45px; } .pay-var-block:hover,.pay-var-block:focus,li.active .pay-var-block { border:3px solid #e8f4f4;padding:7px 17px 2px 117px;margin-bottom:16px; } .pay-var-block:hover:before,.pay-var-block:focus:before,li.active .pay-var-block:before { left:12px;background-position:right top; } .pay-var h2 { margin-top:0; } /*.pay-var-block:hover:after, li.active .pay-var-block:after { content:"";position:absolute;width:10px;height:10px;border-right:3px solid #e8f4f4;border-bottom:3px solid #e8f4f4;background:#fff;transform:rotate(-45grad);right:-8px;top:50%;margin-top:-10px;z-index:1; } */ .pay-var-block.pay-nal:before { background-position: left 0; } .pay-var-block.pay-inet:before { background-position: left -90px; } .pay-var-block.pay-beznal:before { background-position: left -180px; } .pay-var-block.pay-card:before { background-position: left -270px; } .pay-var-block.pay-rass:before { background-position: left -360px; } .pay-var-block.pay-credit:before { background-position: left -450px; } .pay-var-block.pay-nal:hover:before,.pay-var-block.pay-nal:focus:before,li.active .pay-var-block.pay-nal:before { background-position: right 0; } .pay-var-block.pay-inet:hover:before,.pay-var-block.pay-inet:focus:before,li.active .pay-var-block.pay-inet:before { background-position: right -90px; } .pay-var-block.pay-beznal:hover:before,.pay-var-block.pay-beznal:focus:before,li.active .pay-var-block.pay-beznal:before { background-position: right -180px; } .pay-var-block.pay-card:hover:before,.pay-var-block.pay-card:focus:before,li.active .pay-var-block.pay-card:before { background-position: right -270px; } .pay-var-block.pay-rass:hover:before,.pay-var-block.pay-rass:focus:before,li.active .pay-var-block.pay-rass:before { background-position: right -360px; } .pay-var-block.pay-credit:hover:before,.pay-var-block.pay-credit:focus:before,li.active .pay-var-block.pay-credit:before { background-position: right -450px; } .accord-pay div,.accord-pay a,.accord-pay li { margin:0;padding:0;border:none; } .accord-pay .panel { box-shadow:none;border-bottom:3px solid #e8f4f4;padding-bottom:0px; } .accord-pay .panel-group .panel-heading+.panel-collapse>.panel-body, .accord-pay .panel-group .panel-heading+.panel-collapse>.list-group { border-top: none; } .accord-pay .panel-title { font-size:22px; } .accord-pay .panel-heading { background-color: transparent;border-radius:0;border:none; } .accord-pay .panel-heading a { display:block;border:none!important;outline:none; } .accord-pay .pay-var-block {position: relative;padding: 20px 20px 5px 75px;margin-bottom: 15px;cursor: pointer;box-sizing: border-box;} .accord-pay .pay-var-block:hover,.accord-pay .pay-var-block:focus,.accord-pay li.active .pay-var-block { border: none;padding: 20px 20px 5px 75px;margin-bottom: 15px;} .accord-pay .panel-body { padding-left:76px;padding-bottom:15px; } .accord-pay .pay-var-block:before {content: "";width: 45px;height: 45px;position: absolute;background: url(/t/i/pay-icons.png) no-repeat left top;left: 15px;top: 50%;margin-top: -17px;background-size: 200%;} .accord-pay .pay-var-block.pay-inet:before { background-position: left -90px; } .accord-pay .pay-var-block.pay-beznal:before { background-position: left -180px; } .accord-pay .pay-var-block.pay-card:before { background-position: left -135px; } .accord-pay .pay-var-block.pay-rass:before { background-position: left -180px; } .accord-pay .pay-var-block.pay-credit:before { background-position: left -225px; } .accord-pay .pay-var-block.pay-inet:hover:before { background-position: -45px -90px; } .accord-pay .pay-var-block.pay-beznal:hover:before { background-position: -45px -180px; } .accord-pay .pay-var-block.pay-card:hover:before { background-position: -45px -135px; } .accord-pay .pay-var-block.pay-rass:hover:before { background-position: -45px -180px; } .accord-pay .pay-var-block.pay-credit:hover:before { background-position: -45px -225px; } /******** Акции ***********/ .action-list-img { background: center center no-repeat;background-size:cover;height:250px;position:relative;width:auto;margin-bottom:0; } .action-list-img a.link-img { position:absolute;top:0;right:0;bottom:0;left:0; } .actions-list { display:flex;flex-wrap:wrap; } .actions-list .tile-box { margin-bottom:0; } .actions-list > div { position:relative;height:100%;margin-bottom:20px; } .actions-list .limit-height { height:46px;overflow:hidden; } .actions-list .text-block-after p { height:auto;padding-bottom:7px;text-align:left; } .actions-list .text-block-after p:last-child { padding-bottom:30px; } .action-block-bottom-date { margin: -1px -1px 0px 0;padding:5px 10px;text-align:center;background:#e8f4f4;color:#37939b;position:relative;z-index:10; } .sidebar-subscript { background:#37939b;color:#fff;padding:15px 10px;} .sidebar-subscript a { color:#fff; } .sidebar-subscript h2 { color:#fff!important;padding-bottom:10px;border-bottom:1px solid #fff; } .sb-sub-form input.sb-sub-input { width:100%;height:50px;line-height:50px;padding:0 10px;color:#2f6776 } .sb-sub-form button { width:100%;padding:7px 16px; } .action-top-box { margin-bottom:20px; } .action-img.news-img { background: center center no-repeat;background-size:cover;height:250px;position:relative;width:500px;margin-bottom:0; } .action-meta { float:left;width:calc(100% - 520px); } .action-date.news-date {text-align:center;vertical-align:middle;background:#E8F4F4;padding:0 10px;border:none;height:50px } .action-link { padding:0 10px;border:none;text-align:center;vertical-align:middle;height:50px } .action-price.hotel-item-price { padding:0px 30px;vertical-align:middle;height:150px;border: 3px solid #e8f4f4; } .d-table { display:table; } .d-row { display:table-row; } .d-cell { display:table-cell; } /************* Виды туров ****************/ .vid-tura { margin-bottom:20px } a.vid-tura-link { } .vid-tura .block-img .item-text,.vid-tura .block-img .item-price { position:absolute;padding:5px 10px; } .vid-tura .block-img .item-text { max-width: 70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;top:10px;left:10px;bottom:auto;right:auto; } .vid-tura .block-img .item-price { background: rgba(255,255,255,.9);bottom:10px;right:10px;top:auto;left:auto; } /********** Виды туров - праздничные ***************/ table.holliday-table .col1 { width:30%; } table.holliday-table .col2 { width:50%; } table.holliday-table .col3 { width:20%;color:#15a1d2 } table.holliday-table h2 { margin-top:0; } /*********** Сравнение туров ****************/ .page-table.compare .col1 { width:30%; } .page-table.compare .col2 { width:12%; } .page-table.compare .col3 { width:18%; } .page-table.compare .col4 { width:10%; } .page-table.compare .col5 { width:15%; } .page-table.compare .col6 { width:10%; } .page-table.compare .col7 { width:2%; } .page-table.compare th { position:relative;vertical-align:middle;font-weight:300;font-size:13px;text-align:left; } .page-table.compare th .fas {margin-left:5px; } .page-table.compare th.active { color:#ff8d00 } .page-table.compare td { font-size:13px;text-align:left!important; } .page-table.compare .val-toggler { width:63px; } .page-table.compare .val-toggler span { padding:5px 6px; } .page-table.compare td.col4,.page-table.compare td.col5,.page-table.compare td.col6,.page-table.compare td.col7 { text-align:center!important; } .page-table.compare .ico-close-green { opacity:0.5;cursor:pointer } .page-table.compare td:hover .ico-close-green { opacity:1 } .page-table.compare h4 a:hover { color: #ff8d00!important; } .page-table.compare h4 a { color: #207678!important; text-decoration: none; } /***************** 2018.04.05. ******************/ /**** excursion ****/ .excursion-list-item { } .excursion-list-item .blue-price{ color:#333; } .excurs-list-item-name { position:relative; } .excurs-list-item-name h3 { padding-right:110px;margin-top:0;font-size:17px; } .excurs-list-item-name h3 a { color: #207678!important; } .excurs-list-item-name h3 a:hover { color: #ff8d00!important } .excurs-prop li { font-size:12px;color:#666;margin-bottom:7px; } .excurs-prop li i { color:#0096A1;width:20px;text-align:center;margin-right:15px; } .excurs-list-img { background:no-repeat center center;background-size:cover;position:relative;min-height:100%;width:300px;display:block; } .excursion-list-item h4 { margin-top:15px;margin-bottom:5px; } .excurs-sites-list li { padding-right:0; } .excurs-sites-list li a:after { content:", " } .excurs-sites-list li:last-child a:after { content:""; } .blue-price { position:absolute;right:0px;top:0px;max-width:100px; } .excurs-item-icons .icons { position:relative;padding-left:25px;text-align:left;color:#333;font-size:13px;margin-bottom:10px; } .excurs-item-icons .icons i { position:absolute;left:0;top:1px;font-size:16px; } .excurs-item-icons { margin-left:10px; } .litt-map-list li a:after { content:", " } .litt-map-list li:last-child a:after { content:""; } /* *** Карты и страны - конец***** */ .bot-kari-adv { padding:20px 0 0; } /********* FOOTER ************/ footer { background:#37939b;margin-top:20px;/*letter-spacing: 0.7px;*/ } .footer-menu { margin-top:-7px;display:flex; flex-wrap: wrap; } .footer-menu h3 { margin:0 0 15px 0; } .footer-menu h3 a { text-decoration:none!important; font-weight:400; } .footer-menu li { margin-bottom:9px;/*white-space: nowrap;*/text-overflow: ellipsis;overflow:hidden;line-height: 120%; } .footer-menu,.footer-menu a { color:rgba(255,255,255,1); font-weight:300; } .footer-menu a:hover {color:rgba(255,255,255,0.8); } .f-sesoc { margin-top:10px; } .f-search-line { background:rgba(0,0,0,0.1);padding:8px 12px;color:#fff; } .f-search-line:after { content:"";clear:both;float:none;display:block; } .f-search-input { border:none;background:none;float:left;width:60%;outline:none!important; } .f-search-input::-moz-placeholder { color: #fff; /* Цвет подсказывающего текста */} .f-search-input::-webkit-input-placeholder { color: #fff; } .f-search-input:-ms-input-placeholder { color: #fff; } .f-search-input::-ms-input-placeholder { color: #fff; } .f-search-input::placeholder { color: #fff; } .f-socbtn i { font-size:24px;color:#fff; } .f-socbtn a { color:#fff;text-decoration:none;margin:0 4px;width:36px;height:36px;border:1px solid #fff;display:inline-block;border-radius:3px;text-align:center; padding-top:4px;} /*.f-sb-fb { padding-top:6px }*/ .f-logo-box a { color:#fff; } .f-logo-box h3 { margin-top:20px;font-weight:100; } .f-search-line button { color:#fff;background:none;float:right;width:20%;text-align:right;border:none; } .footer-copy-block { margin-top:20px;padding-top:20px;border-top:1px solid #fff;color:#fff; } .footer-copy-block a { color:#fff; } .f-companydesc { font-weight:100; } /************* модальные окошки *****************/ .modal-dialog { margin-top:60px; } .modal-header { background:#f0f7f7;position:relative; } .modal-header h4 { font-size:24px; } .modal-content { margin-left:-15px;margin-right:-15px; } .modal-col { padding-left:15px;padding-right:15px; } .modal-header .close { opacity:1;margin:0;position:absolute;cursor:pointer;width:27px;height:27px;top:-27px;right:-27px; } .modal-header .ico-close { right: 0px;top: 0px;position: absolute;background:url(/t/i/close.png) no-repeat center center #fff;width: 27px;height: 27px;border-radius: 100%;opacity: 1;margin:0; } .podbor-tura label { display:block;font-weight:100;margin-bottom:5px; } .podbor-tura .row { margin-bottom:15px; } .modal-dialog .form-control { box-shadow:none;height:46px; } .modal-dialog textarea.form-control { min-height:100px; } .modal-body { padding:15px 25px 20px; } /************* мобильное меню для всех версий ******************/ /*********** главное меню **********/ .top-mobile-menu { height:62px;position:absolute;z-index:200;display:block;top:0;width:100%;left:0; } .tmm-bg-white { background:#fff;transition: all .3s ease-in-out; } .tmm-burger { width:62px;line-height:62px;height:62px; } .tmm-central { line-height:62px;width:calc(100% - 128px);margin:0 2px;height:62px; } .tmm-burger,.tmm-central { float:left;position:relative;z-index:100; } .tmm-burger .fa-phone-square { font-size:30px; } .tmm-burger .fa-phone { font-size:30px; } .mob-lk-link { text-align:center; } .mob-lk-link a.btn { padding:4px 5px;font-size:12px; } .mob-bad-link { text-align:center; } .mob-bad-link .bad-icons { display:inline-block;background-color:#f9f9f9;width:36px;height:36px;margin-bottom:0;margin-top:13px; } .mobile-logo { position:relative; } .mobile-logo a { position:absolute;top:0;right:0;bottom:0;left:0;padding-top:10px;text-align:center; } .mobile-logo img { margin:0 auto; } .tmm-logo-color { opacity:1;transition: all .3s ease-in-out; } .active .tmm-logo-color { opacity:0 } .link-btn { position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;transition:0.3s } .tmm-burger { } .bur-line { width:35px;margin-left:14px;margin-top:21px; } .bur-line span { background:#777;display:block;height:3px; margin-bottom:5px;width:35px; } .tmm-burger:hover .bur-line span { background:#333; } .tmm-burger.right-burger { color:#777;text-align:center; } .tmm-burger:hover .fa-phone-square { color:#333; } .tmm-burger.right-burger .fa-phone-square { line-height:62px; } .tmm-burger:hover .fa-phone { color:#333; } .tmm-burger.right-burger .fa-phone { line-height:62px;transition:0.3s } .active .right-burger .fa-phone { color:#fff; } .mob-menu-block { position:absolute;background:rgba(63,75,93,1);left:0;top:62px;/*min-height:300px;*/width:100%;z-index:50;display:none; } .mob-menu-block.active { display:block; } .left-burger .bur-line-top { transition: all .3s ease-in-out; } .left-burger.active .bur-line-top { -webkit-transform: rotate(45deg) translate3d(1px,9px,0); -moz-transform: rotate(45deg) translate3d(1px,11px,0); transform: rotate(45deg) translate3d(1px,10px,0) } .left-burger .bur-line-bottom { transition: all .3s ease-in-out; } .left-burger.active .bur-line-bottom { -webkit-transform: rotate(-45deg) translate3d(1px,-9px,0); -moz-transform: rotate(-45deg) translate3d(6px,-41px,0); transform: rotate(-45deg) translate3d(1px,-10px,0); } .left-burger .bur-line-center { transition: all .3s ease-in-out;opacity:1 } .left-burger.active .bur-line-center { opacity:0 } .top-mobile-menu { transition: all .3s ease-in-out; } .top-mobile-menu.active { background:rgba(50,60,74,1); } .active .bur-line span { background: #fff; } .active .tmm-bg-white { background:rgba(50,60,74,1); } .tmm-burger.active:hover .link-l span { background:#ff8d00; } .tmm-burger.active:hover .link-r .fas { color:#ff8d00; } .active .mob-lk-link .btn,.active .mob-bad-link .bad-icons { opacity:0; } /*.tmm-logo-color { display:block; } .tmm-logo-color { margin-top:-40px;display:block;opacity:1;transition: all .3s ease-in-out; }*/ .active .link-r .fas {transform: rotate(90grad);} .tmm-2line { color:#fff;background:#3f4b5d;height:55px;border-bottom:1px solid #fff;padding:0 30px;line-height:55px; } .tmm-2line button { border:none;background:none;margin-left:-5px; } .tmm-2line input { border:none;background:none;color:#fff;height:55px;margin-left:10px;width:80%; } .tmm-2line input::-moz-placeholder { color: #fff; /* Цвет подсказывающего текста */} .tmm-2line input::-webkit-input-placeholder { color: #fff; } .tmm-2line input:-ms-input-placeholder { color: #fff; } .tmm-2line input::-ms-input-placeholder { color: #fff; } .tmm-2line input::placeholder { color: #fff; } .tmm-top-line-menu { height:45px;background:#656f7d;line-height:45px;border-bottom:1px solid #ddd;margin-bottom:20px;margin-left: -20px;margin-right: -20px; } .tmm-top-line-menu .row { margin-left:20px;margin-right:20px; } .top-mobile-menu a { color:#fff; } .tmm-content-block { padding:0 20px 20px;; } .tmm-content-wrap { margin:0 10px;color:#fff; } .tmm-content-wrap h2,.tmm-content-wrap a { color:#fff; } .tmm-content-wrap h2 { font-size:18px;margin-bottom:10px; } .tmm-content-wrap li { font-size:16px;margin-bottom:7px; } .tmm-content-wrap li a { color:#ccc; } .worktime { margin-top:20px;padding:10px 0; } .address { margin:0 0 20px;padding:20px 0;border-top:1px solid #3e646f;border-bottom:1px solid #3e646f; } .address dl:after { content:"";float:none;clear:both; } .address dl { margin-bottom:20px; background: rgba(63,75,93,1); } .address dl:last-child { margin-bottom:0px; } .address dl span { position: relative;padding: 0 10px 0 0;background: inherit;z-index: 2; } .address dt { display:inline-block;width:calc(100% - 153px);position:relative;background: inherit;font-weight:normal;color:#ff8d00; } .address dt:after { position: absolute;right: 5px;left: 0;height: 1px;margin: .85em 0 0;content: '';background: url(/t/i/dot.png) 0 0 repeat-x; } .address dd { display:inline-block;width:148px;font-size:16px; } /********* page mega menu **************/ .page-menu > ul > li { position:relative; } .mega-page { display:none;position:absolute;top:100%;left:0;min-width:180px;width:auto;z-index:1000;background:#fff;box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 10px 20px -5px rgba(0,0,0,.4); } .page-menu > ul > li:hover .mega-page { display:block; } .page-menu ul li.active .mega-page li a, .page-menu ul li:hover .mega-page li a, .page-menu ul li:focus .mega-page li a,.page-menu ul li .mega-page li a { background:#fff;color:#37939b;text-align:left; } .page-menu ul li .mega-page li a:hover,.page-menu ul li .mega-page li a:focus,.page-menu ul li .mega-page li.active a{ color:#ff8d00 } /*******************/ /*********** алерты ************/ .txt-mess { /*height:42px;line-height:42px;white-space:nowrap;*/padding:11px 40px;position:relative;color:#686868;font-size:14px; } .txt-mess.wx { padding-right:40px; } .txt-mess.wox { padding-right:15px; } .txt-mess:before { content:"!";width:20px;height:20px;line-height:20px;background:#fff;position:absolute;left:10px;top:10px;text-align:center;font-weight:bold;border-radius:50%; } .txt-mess .btn-close { content:"\f00d";font-family: Font Awesome\ 5 Free;line-height:20px;position:absolute;right:1px;width:40px;text-align:center;top:0px;height:98%;font-size:10px;line-height:42px;cursor:pointer } .mess-green { background:#cbf3cb; } .mess-blue { background:#cee3f5; } .mess-yellow { background:#f4f4ca; } .mess-red { background:#f2d0d0; } /********* gallery custom ************/ .jgallery .nav-bottom { display: none!important; height: 0!important; } .jgallery .jgallery-thumbnails .ico, .jgallery .jgallery-btn { color: #fff!important; text-shadow: 0 1px 1px rgba(0,0,0,.6)!important; background:transparent!important; } .jgallery .jgallery-thumbnails .jgallery-btn.next:before, .jgallery .jgallery-thumbnails .jgallery-btn.prev:before { display:none; } @media (max-width:767px) { .jgallery .jgallery-thumbnails .jgallery-btn.prev,.jgallery .zoom-container .jgallery-btn.prev,.jgallery .jgallery-thumbnails .jgallery-btn.next,.jgallery .zoom-container .jgallery-btn.next { display: inline!important } .jgallery .zoom-container .next.hidden, .jgallery .zoom-container .prev.hidden { opacity: 0!important; } .text-block-after p { height: unset; overflow: none;} .citata-max-box { height: unset; overflow-y:unset; text-align: justify;} } .jgallery .zoom-container .next { right: 0!important; opacity: 1!important; transform: scale(1) !important; } .jgallery .zoom-container .prev { left: 0!important; opacity: 1!important; transform: scale(1) !important; } .jgallery .jgallery-thumbnails .jgallery-container { box-shadow: none!important; webkit-box-shadow: none!important; } .jgallery-standard .jgallery-thumbnails-right.jgallery-thumbnails-vertical.images a img { padding-top: 0!important; } .jgallery-standard .jgallery-thumbnails-right.jgallery-thumbnails-vertical.images a { padding-bottom: 1px!important; } .jgallery-standard { background:none!important; margin-bottom:20px; } .jgallery-standard .jgallery-thumbnails-right.jgallery-thumbnails-vertical.images { width: 250px!important; padding: 0!important; float:right!important; } .jgallery-standard .jgallery-thumbnails-right.jgallery-thumbnails-vertical.images .jgallery-container-inner { padding: 0!important; text-align: left!important; } .jgallery-standard .jgallery-thumbnails.images.jgallery-thumbnails-vertical .prev, .jgallery-standard .jgallery-thumbnails.images.jgallery-thumbnails-vertical .next { left: 0!important; right: 0!important; } .jgallery-standard .jgallery-btn.fa-expand { font-size: 24px!important; } .jgallery-standard .jgallery-thumbnails, .jgallery-standard .jgallery-container.pt-page, .jgallery-standard .jgallery-container.pt-page .pt-item { background-color: #fff!important; } .jgallery-full-screen .jgallery-thumbnails, .jgallery-full-screen .jgallery-container.pt-page, .jgallery-full-screen .jgallery-container.pt-page .pt-item { background-color: #000!important; } .jgallery-full-screen .jgallery-btn.fa-compress, .jgallery-full-screen .jgallery-btn.jgallery-close { font-size: 26px!important; } .jgallery-full-screen .nav-bottom { display: block!important; } table.page-table .sep td { background:#ddd;font-weight:bold; } table.page-table.page-404 .col1 { width:10% } table.page-table.page-404 .col2 { width:18% } table.page-table.page-404 .col3 { width:18% } table.page-table.page-404 .col4 { width:18% } table.page-table.page-404 .col5 { width:18% } table.page-table.page-404 .col6 { width:18% } .currency-table h2 { float: left; margin: 5px 0 0 0; } .currency-table .val-toggler { color:/* #15a1d2*/#0096A1; padding: 2px 2px 0 0; } .currency-table .val-toggler span { cursor: pointer; } .currency-table .val-toggler span.active { cursor: default; } th.sorting .fas { opacity: 0.6; } th.sorting a { padding-top:2px; float: left; } th.sorting a.active { color: #ff8d00; } .tour-favs-btn.active, .tour-compare-btn.active { background-color:#FF8D00; } .currency-table .bad-icons.icon2.tour-compare-btn.active { background-position:-23px -23px; } .currency-table .bad-icons.icon1.tour-favs-btn.active { background-position:-22px 2px; } /*****2018-03-20******/ .h-i-t-script,.h-i-t-html { margin-bottom:20px; } .hotel-item-tables.h-i-t-script iframe { padding:15px; } /******Mob to Desk*****/ .show_mobile_ver.fs_on::after { content: "Мобильная версия"; } .show_mobile_ver::after { content: "Полная версия"; } #mag input { height:auto;line-height:1;margin:0;padding:0; } iframe.atlas-style { border:none; } #counters { display:none; } .fa-skype{ color:#00aded } .manager-text .fa-envelope{ color:#D0402F } .manager-text .fa-phone-square{ color:#00787A } .personal-link {display: inline-block;} .personal-link-list {display:block; clear: both;} .personal-link-list .bad-icons {float:left;} .personal-link-list .personal-link-list-text {padding-top:14px;float:left;} .tips-list-items { display:flex;flex-wrap:wrap;margin-bottom:10px; } .tips-list-items > div { margin-bottom:20px; } .tips-list-items > div > a { position:relative;height:100%; } .tips-list-items .tips-list-img { margin-bottom: 10px;height: 150px;background-size: cover;background-position: center; } .tips-list-items h2{ margin-top: 0px;font-weight: 400;font-size: 16px;float: none;clear: both; } .tips-item { display: block; position: relative; padding: 0px; transition: box-shadow 0.3s; color: black; /*border: 3px solid #e8f4f4;*/ min-height: 77px; } .tips-item:hover {/* box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 10px 20px -5px rgba(0,0,0,.4);*/ } a.tips-item:hover,a.tips-item { text-decoration:none } a.tips-item:hover h2 { text-decoration:underline; } .tips-list-txt-part h2{margin-top:5px;margin-bottom:10px;line-height: 22px;max-height: 46px;overflow: hidden;} .tips-list-text,a .tips-list-text,a:hover .tips-list-text { color:#777!important; } .tips-list-date {color:#333} .tips-item .news-list-meta {margin:0;} .tips-item .tips-list-text {margin-top:10px;} /* @media all and (transform-3d),(-webkit-transform-3d){ .carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px} .carousel-inner>.item.next,.carousel-inner>.item.active.right{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);left:0} .carousel-inner>.item.prev,.carousel-inner>.item.active.left{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0} .carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0} }*/ /**** хак для флагов *****/ div.col-ul { column-count:6; } div.col-li { padding:0 0 0 40px;line-height:27px; } div.col-ul.flags-ru-ab { column-count:4; } .flags-ru div.col-ul { column-count:1; } .flags-ab div.col-ul { column-count:4; } /**** Доабавка 18-06-06 *****/ .visacol { columns: 4;column-rule: 1px solid #E8F4F4;border: 3px solid #E8F4F4;padding: 10px; } .visacol li { padding:0 10px 10px 15px; } .search-404 select.form-control { height:46px; } /*** phone star****/ .phone-star-box { display:flex;flex-wrap:wrap;align-items:center } .phone-star-box a{ text-decoration:none!important; } .ps-link { display:flex;color:#fff;flex-wrap:wrap;margin-right:10px;align-items:center } .phone-star { color:#fff;margin-left:7px; } .phone-star:first-child { margin-left:0; } .ps-star { font-size:30px;line-height: 20px;font-weight: 100;padding-top: 11px; } .ps-star span { font-size:20px;display: block;margin-top: -5px;float: left; } .ps-number { font-size:26px;line-height:30px; } .ps-icon { height:30px;width:30px;font-size:16px;border-radius:50%;border:1px solid #fff;line-height:26px;text-align:center;background:#fff;color:#434649 } .ps-icon i { transform:rotate(90grad) } .phone-star-free { color:#FF8D00;line-height:100%; } .phone-star-box-2 { padding:10px 10px;height:auto;align-items: start; } .ps-russia { color:#FF8D00;text-transform:uppercase;margin-right:15px;font-size:20px; } .phone-star-box-2 .phone-star-free { font-size:11px;color:#fff; } .phone-star-box-2 .ps-link { margin-right:0;width:100%;justify-content: space-between;margin-bottom:5px; } footer .ps-russia,footer .phone-star-free,footer .ps-icon { color:#fff; } footer .ps-icon { background:none; } footer .phone-star-box-2 { align-items: start; } footer .phone-star-box-3 .ps-link { margin-right:15px; } .content-area .t-th-grad table th,.content-area .t-th-grad table tr:first-child th { background-image: -webkit-linear-gradient(top, #0096A1, #5AB2BA); background-image: linear-gradient(to bottom, #0096A1, #5AB2BA);color:#fff; } .content-area .t-th-grad table th h2,.content-area .t-th-grad table tr:first-child th h2 { color:#fff!important; } .ej-list-item { margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid #ddd;padding:15px;} .ej-count-items:nth-child(even) .ej-list-item { background:#f4f4f4; } .ej-count-items:nth-child(odd) .ej-list-item { background:#fafafa } .ej-list-item { margin-bottom:3rem; } .ej-list-item h2 { margin-top:0; } .page-row .ej-list-item h2 a { color:#207678!important; } .ej-list-item i { margin-right:1rem; } .ej-anounce { color:#777 } .subs-modal .asd_subscribe_form { display:flex;width:calc(100% - 100px);margin:20px auto; } .subs-modal .asd_subscribe_form .fp-sub-mail { border:1px solid #ddd; } .subs-modal .soglasie {width:calc(100% - 100px);margin:30px auto; } .subs-modal .fp-sub-mail { padding-left:10px; } .hotel-character .hotel-service .block-txt.fp-your-op .modal{ overflow: unset!important;position:absolute!important; } .metro-map-station-id437 .metro-map-station-name.top-right { } .metro-map-station-id437 {display: block;width: 14px;height: 14px;border-radius: 50%;background: rgba(255,141,0,1);cursor: pointer;box-shadow: 0 0 0 rgba(255,141,0,0.8);animation: pulse 1s infinite;} .metro-map-station-id437:hover { animation: none; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,141,0, 0.9); } 70% { -webkit-box-shadow: 0 0 10px 20px rgba(255,141,0, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,141,0, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(255,141,0, 0.9); box-shadow: 0 0 0 0 rgba(255,141,0, 0.9); } 70% { -moz-box-shadow: 0 0 10px 20px rgba(255,141,0, 0); box-shadow: 0 0 10px 20px rgba(255,141,0, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(255,141,0, 0); box-shadow: 0 0 0 0 rgba(255,141,0, 0); } } .country-icon.country-in a { padding:1px 3px;border-radius:2px; } .country-icon.country-in.rusok a { background:#37939b;color:#fff!important; } /*crm*/ .b24-window-popup-wrapper { display:flex; } .b24-window-popup-wrapper .b24-window-close { background: #ff8d00;color:#fff;opacity:1; } .b24-window-popup-wrapper .b24-window-close:after, .b24-window-popup-wrapper .b24-window-close:before { background-color:#fff; } .b24-form button.b24-form-btn { margin:0;padding:0;color:#000;background:#fff; } .b24-window-popup-body .b24-form-wrapper.b24-form-border-bottom {border-bottom: 5px solid #ff8d00;border-radius:0 0 5px 5px;} .b24-window-popup-wrapper .b24-window-scroll-anchor { height:0px; } .b24-window-popup-body { font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; } .b24-window-popup-body .b24-form-header { background:#f0f7f7 } .b24-window-popup-body .b24-form-header-title { letter-spacing: 0;font-weight:500;text-transform:uppercase; } .b24-window-popup-wrapper .b24-window-close { top: 5px;right: 5px; } .b24-window-popup-body .b24-form-wrapper .b24-form-content { background:#f0f7f7 } .b24-window-popup-body .b24-form-wrapper .b24-form-content input.b24-form-control, .b24-window-popup-body .b24-form-wrapper .b24-form-content textarea.b24-form-control { background:#fff; } .b24-form-state-container + .b24-form-sign { display:none; } .b24-form button.b24-form-btn { background: #ff8d00;text-align: center;color: #fff;text-transform: uppercase;padding: 12px 16px;font-size: 14px;font-weight: 100;border-radius:0;width:auto;} .btn:hover, .btn:focus, .btn.focus { color: #eee; outline: 0;} .btn-kari:hover, .btn-kari:focus { background: #ffa83c; box-shadow: 0 0 5px rgb(0 0 0 / 19%);} @media (max-width: 512px) { .b24-form .b24-window-popup .b24-window-scrollable {padding-bottom: 0px;} } .b24-window-mounts > .b24-form { z-index:99999999;position:relative; } .podbor-cruise .ces-theme-simple.ces-app, .podbor-cruise .ces-theme-simple .ces-search-form__button { --brand-color: ces-search-form__button; --secondary-color: #222; --background-color: #e8f4f4; } .podbor-cruise .ces-search-form { background-color: #e8f4f4; } .podbor-cruise .ces-form-switch__slider:before,.podbor-cruise .ces-search-form__button,.podbor-cruise .ces-cruise-details__tag { background-color: #ff8d00 } .podbor-cruise .ces-cruise-tag__value { background-color:#48a4ac;color:#fff; } .yarus { width: 60px!important; padding: 4px; vertical-align: bottom; } .news-detail-page .news-img { position:relative; } .citata.kari-citata { background:#e8f4f4 } .citata.kari-citata:after { background:#e8f4f4 } .find-btn a {background: #F78F1E!important;} .find-btn a:hover {background: #ffa83c!important;} b, strong { font-weight: 600!important; } h1, h2, h4 { font-weight:300!important; } h3, h4, h5, h6 { font-weight:400!important; } .carousel-caption h3 { font-weight:200!important; } /*** хак для блока с ценами в туре ***/ .price-box-fields {position: relative; z-index: 1!important;} .s-partnership #stellsPartner1 {min-height:auto!important;position: relative;z-index: 10;padding: 1rem;box-sizing: border-box;box-shadow: 0px 3px 8px #00000055;background: #fff;margin-bottom:0;} .rev_bot_head { display:flex; justify-content: space-between;align-items: center; } h2#local_rev { margin-bottom:0; } .bottom-pop { background:url(/t/i/bottom-pop-c-4.png) repeat-x center bottom;height: 140px;position:fixed;bottom:0;left:0;right:0;z-index:150; } .action-block-relative { position:Relative; } .action-block { position:Absolute;bottom:10px;display: flex;align-items: flex-end;align-content: center;justify-content: space-between; width: 740px; left:50%;margin-left: -370px;} .action-bottom-text {text-align:center;margin-bottom:5px; } .b-p-text { color:#fff;font-weight:600;text-transform:uppercase;font-size:1.8rem;margin-bottom:0rem; } .b-p-text i { color:#F78F1E;margin-right:5px; } .b-p-text a { color:#fff;text-decoration:underline; } .b-p-end { text-align:center;color:#fff;margin-bottom:0.2rem;font-size:10px; } .action-bottom-count { background: #00000000;padding: 0 5px;border-radius: 1rem; } .close-action { font-weight:500;text-align:center;font-size:1.2rem;margin-bottom:5px;padding:0 30px; } .close-action span { color:#ffffff77;padding:2px 4px;border:1px solid #ffffff77;border-radius:3px;text-decoration:none;cursor:pointer } .gift-icon { position:fixed;bottom:calc(4rem + 30px);left:calc(10% + 30px);height:1px;width:1px;opacity:0;background:#fff;z-index:110;text-align:center;border-radius:10rem;transition:0.5s;color:#F78F1E;cursor:pointer;border:4px solid #0095a0;font-size:1px;} .gift-icon.show{ height:60px;width:60px;opacity:1;font-size:4rem;bottom:4rem;left:10%; } .logo-box.congr { background:url(/t/i/otkr-21.png) center 35% no-repeat #0095a0; } .top-mobile-menu { background:url(/upload/resize_cache/iblock/659/9erwjs9b36k6hc0ubvlnfguaeytirk92/1360_1360_1/Kariatida_16_1.jpg) no-repeat center center / 100% auto } .tmm-bg-white { background:#ffffff88 } .zolotishko-top { position:absolute;left:-25px;top:-25px;right:-35px;bottom:-30px;background:url(/t/i/zolotishko.png) no-repeat center center / 100%; } .logo-box.congr .l-lk { } .logo-box.congr .l-logo { position:Relative; } .c-20y-page { height:80vh;background:url(/t/i/20y-page.jpg) no-repeat center top / auto 100%;margin-bottom:5rem;margin-top:-5rem;padding:10rem 4rem 10rem 2rem;position: relative; } .c-20y-otrk { margin:auto;background:url(/t/i/otkr-obl.png) left top no-repeat;min-height:576px;padding: 30px 60px 60px 90px; } .otkr-green { width:100%;background:#0095a0;border:5px solid #fff;border-radius:10px; padding:30px; background: #075c62; background: -webkit-linear-gradient(to left, #0095a0, #075c62); background: linear-gradient(to left, #0095a0, #075c62); } .otkr-text { display:flex;color:#fff; } .otkr-sides { width:50%;height:100%; } .otkr-text h2 { color:#fff!important;margin-bottom:30px; } .otkr-text p.otkr-sub { text-align:right;margin-top:30px; } .otkr-left { padding-top:40px;position:Relative; } .zolotishko { position:absolute;left:-25px;top:-25px;right:-25px;bottom:-40px;background:url(/t/i/zolotishko.png) no-repeat center center / 100%; } .otkr-right { padding-top:10px; } @media (max-width:1100px) { .c-20y-otrk { padding: 30px 15px 60px 30px;} } @media (max-width:760px) { .action-bottom-text{ width:50%; } .action-bottom-count{ width:30%; } .close-action{ width:20%; } .b-p-text { font-size:1.4rem;text-align:right; } .action-block { width:100%;left:0;margin-left:0; } } @media (max-width:680px) { .c-20y-otrk { padding: 30px 5px 60px 15px;} .otkr-text { flex-direction: column; } .otkr-left { width:150px;margin:0px auto 20px;text-align:center; } .otkr-right { width:100%;text-align:center; } .c-20y-page { height:auto; } } @media (max-width:660px) { .action-bottom-text{ width:40%; } .action-bottom-count{ width:40%; } .close-action{ width:20%; } .b-p-text { font-size:1.2rem; } .action-block { align-items: center; } } @media (max-width:440px) { .action-bottom-text{ width:35%; } .action-bottom-count{ width:35%; } .close-action{ width:30%; } .b-p-text { font-size:1.0rem; } .action-block { align-items: center; } span.timer-element span,span.timer-separator { font-size:22px!important; } .action-bottom-count > div { min-width:140px!important; } .close-action { padding:0 10px; } } .sun-click {cursor:pointer;position: absolute;z-index: 200;width: 170px;height: 170px;left: 50%;margin-left: -85px;border-radius: 100%;top: 110px;background: none;} .sun-click { display: block; border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 rgba(204,169,44, 0.4); animation: pulse 2s infinite; z-index:200; } .sun-click:hover { animation: none; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 1); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0.5); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 1); box-shadow: 0 0 0 0 rgba(204,169,44, 0.8); } 70% { -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0.5); box-shadow: 0 0 0 10px rgba(204,169,44, 0.5); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } .tour-grid-container { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-bottom: 20px; } .tour-grid-photo { order: 1; grid-column: 1; } .tour-grid-meta { order: 2; grid-column: 2; } .tour-grid-map-price { order: 3; display: grid; grid-template-columns: 2fr 1fr; gap: 20px; grid-column: 1 / -1; } .tour-grid-map { order: 1; } .tour-grid-price { order: 2; } .tour-grid-anons { order: 4; grid-column: 1 / -1; } /* Когда нет фото */ .tour-grid-container.no-photo .tour-grid-photo { display: none; } .tour-grid-container.no-photo .tour-grid-map { order: 1; grid-column: 1; grid-row: 1; } .tour-grid-container.no-photo .tour-grid-meta { order: 2; grid-column: 2; grid-row: 1; } .tour-grid-container.no-photo .tour-grid-price { order: 3; grid-column: 2; grid-row: 2; } .tour-grid-container.no-photo .tour-grid-anons { order: 4; grid-column: 1; grid-row: 2; } .tour-grid-container.no-photo .tour-grid-map-price { display: contents; } /* Планшеты и ниже - Bootstrap md (992px) */ @media (max-width: 991px) { .tour-grid-container { grid-template-columns: 1fr; } .tour-grid-photo, .tour-grid-meta, .tour-grid-map-price, .tour-grid-anons { grid-column: 1; } .tour-grid-map-price { grid-template-columns: 1fr; } /* Сброс no-photo на мобилке */ .tour-grid-container.no-photo .tour-grid-map, .tour-grid-container.no-photo .tour-grid-meta, .tour-grid-container.no-photo .tour-grid-price, .tour-grid-container.no-photo .tour-grid-anons { grid-column: 1; grid-row: auto; } } /* Мобилки - Bootstrap sm (768px) */ @media (max-width: 767px) { .tour-grid-container { gap: 15px; } .tour-grid-map-price { gap: 15px; } }