html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, input, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, .figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 100%;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
article, aside, details, .figcaption, figure, footer, header, hgroup, menu, nav, section, img {
display: block;
}
ol, ul {
list-style: none outside none;
}
a, input {
border-radius: 0;
outline: medium none;
}
body, html {
height: 100%;
-webkit-text-size-adjust: 100%;
}
.extralight,
.description h1,
.column-1 .content > .h-style h2.light,
.column-1 .content > h2.light,
.beach-info section h2.light:only-child,
.virtual-map .list .unit .title,
.column-2 .content.home figure h3,
.column-2 .list .unit .title,
.column-2 .contacts figure h3,
.column-2 .contacts article section.h figure h3,
.virtual-map .column-2 article section.h figure h3,
.column-2 article section figure h3,
.column-2 .tourist_info article section.h figure h3,
.column-2 .content.sale.tourist_info article figure h3,
.column-2 .beach-info section h3,
.column-2 .beach-info section.h h3,
.column-2 .answer-page article section.h figure h3,
.column-2 article section.h figure h3,
.column-2 form h3,
.content.level .content-box h4 span.regular,
header .box-menu .list-menu > a,
.home .banner .figcaption .orange-bg,
.font-17,
.personal .list-menu a{
font-family: "pragmatica-web", Microsoft YaHei, Arial, helvetica;
font-style: normal;
font-weight: 200;
}
.light,
.text p,
.banner .figcaption,
.list .unit .title,
.ico,
.list-item ul li,
.comment-name span:nth-child(2),
.general-info p,
.list.region .unit p,
article section figure p,
.list li,
.time-work p span,
.left-info p,
.right-info p,
.column-2,
header .box-menu .list-menu ul li a,
.column-2 .gallery.video .text2 p,
.door > span,
.blur-text .figcaption p.white,
div.footer h3,
.column-2 .content.home figure p,
form input[type="text"],
.column-2 .contacts figure h4 + h3,
.spec-page .list-item > p:nth-child(2),
label[for="reg"],
label[for="reg"] span,
form textarea,
.personal h3{
font-family: "pragmatica-web", Microsoft YaHei, Arial, helvetica;
font-style: normal;
font-weight: 300;
}
.regular,
body,
.btn,
.column-1 nav li a,
.column-2 .wrap-slider h1,
.list-item > p,
.comment-name,
.wrap-slider h1,
.box-3 .blur-text .figcaption h1,
article section.h figure h3,
.blur-text .figcaption,
.general-info h3,
header .box-menu .list-menu p,
.list .unit .title .date,
.btn-appointment,
.time-work p,
.table-title,
.table-th p,
form h3,
.tourist_info h4,
.tourist_info .list-2 li:before,
.tourist_info h5,
.contacts figure h3,
.contacts article figure h4,
.answer h3,
.content.sale.tourist_info article figure h3,
.beach-info h3,
header .box-menu .list-menu ul li.active a,
.filter-years ul li a,
b,
.column-2 .list-item > p.orange,
.column-2 .list-item > p.blue,
.column-2 .list-item > p.violet,
.column-2 .gallery .blur-text .figcaption,
.column-2 .filter-years ul li a,
.column-2 .box-3 .blur-text .figcaption h1,
.column-2 form h3 span,
.column-2 .btn,
.personal .list-menu > .mob-btn,
.lang-box.right-2 span{
font-family: "pragmatica-web-n4","pragmatica-web", Microsoft YaHei, Arial, helvetica;
font-style: normal;
font-weight: 400;
}
.bold,
.column-2 .regular,
.column-2 .list-item > p,
.column-2 .comment-name,
.column-2 .blur-text .figcaption,
.column-2 .general-info h3,
.column-2 header .box-menu .list-menu p,
.column-2 .btn-appointment,
.column-2 .time-work p,
.column-2 .table-title,
.column-2 .table-th p,
.column-2 .tourist_info h4,
.column-2 .tourist_info .list-2 li:before,
.column-2 .tourist_info h5,
.column-2 .contacts article figure h4,
.column-2 .answer h3,
b{
font-family: "pragmatica-web-n7","pragmatica-web", Microsoft YaHei, Arial, helvetica;
font-style: normal;
font-weight: 700;
}
.extrabold {
font-family: "pragmatica-web-n9","pragmatica-web", Microsoft YaHei, Arial, helvetica;
font-style: normal;
font-weight: 900;
}
@font-face {
font-family: 'proxi';
src: url('../fonts/proximanovacond-regular.eot');
src: local('☺'), url('../fonts/proximanovacond-regular.woff') format('woff'), url('../fonts//proximanovacond-regular.ttf') format('truetype'), url('../fonts//proximanovacond-regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.proxi {
font-family: 'proxi';
font-size: 24px !important;
font-weight: normal;
}
.content.gallery.video section .text2 p span {
color: #fff;
}
.container {
height: auto !important;
margin: 0 auto;
min-height: 100%;
min-width: 320px;
padding: 0;
width: 100%;
overflow: hidden;
}
footer {
width: 100%;
max-width: 1500px;
overflow: hidden;
background: #ffffff;
padding-bottom: 87px;
}
footer .soc-btn {
float: left;
padding-top: 6px;
width: 50%;
}
footer .soc-btn a {
background: none repeat scroll 0 0 #7e8591;
border-radius: 50%;
-ms-border-radius: 50px;
display: inline-block;
height: 28px;
margin-right: 5px;
padding: 0;
width: 28px;
position: relative;
}
footer button.btn-custom {
margin-left: 38px;
margin-bottom: 13px;
}
footer .right-info {
box-sizing: border-box;
float: right;
font-size: 13px;
padding-left: 38px;
width: 50%;
}
footer .left-info {
float: left;
width: 50%;
padding-bottom: 20px;
}
footer .right-info .skype,
footer .right-info .icq{
padding-left: 20px;
position: relative;
}
footer .right-info .skype:before{
content: "";
position: absolute;
width: 14px;
height: 14px;
top: 2px;
left: 0;
background-image: url(../img/sprite-standart.svg?123);
background-position: -140px -83px;
}
footer .right-info .icq:before{
content: "";
position: absolute;
width: 14px;
height: 14px;
top: 3px;
left: 0;
background-image: url(../img/sprite-standart.svg?123);
background-position: -160px -83px;
}
footer > div {
border-top: 1px solid #dce0e5;
margin: 0 18px;
padding-top: 30px;
}
.home-page .home:not(.hide) + footer > div {
border-top: none;
}
footer p {
color: #7e8591;
font-size: 13px;
}
footer p a{
color: #7e8591;
font-size: 13px;
text-decoration: underline;
}
footer p .big{
font-family: "pragmatica-web-n4","pragmatica-web", Microsoft YaHei, Arial, helvetica, serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
}
footer .left-info > p {
margin-bottom: 16px;
}
footer .left-info > p:last-child {
margin-bottom: 0;
}
footer hr {
margin: 0 0 20px;
overflow: hidden;
}
body {
font-family: "pragmatica-web",Arial, helvetica;
font-size: 15px;
line-height: 18px;
margin: 0;
padding: 0;
background: #f8fafb;
-webkit-text-size-adjust: none;
}
a {
color: #e11b22;
font-size: 15px;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
header {
box-sizing: border-box;
height: 90px;
padding: 0 18px;
position: relative;
width: 100%;
z-index: 9999;
/*overflow: hidden;*/
}
.infographic,
header {
background: -moz-linear-gradient(120deg, rgb(174, 63, 217) 0%, rgb(174, 63, 217) 35%, rgb(129, 55, 172) 75%, rgb(129, 55, 172) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgb(129, 55, 172)), color-stop(25%, rgb(129, 55, 172)), color-stop(65%, rgb(174, 63, 217)), color-stop(100%, rgb(174, 63, 217))); /* safari4+,chrome */
background: -webkit-linear-gradient(120deg, rgb(174, 63, 217) 0%, rgb(174, 63, 217) 35%, rgb(129, 55, 172) 75%, rgb(129, 55, 172) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(120deg, rgb(174, 63, 217) 0%, rgb(174, 63, 217) 35%, rgb(129, 55, 172) 75%, rgb(129, 55, 172) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(120deg, rgb(174, 63, 217) 0%, rgb(174, 63, 217) 35%, rgb(129, 55, 172) 75%, rgb(129, 55, 172) 100%); /* ie10+ */
background: linear-gradient(330deg, rgb(174, 63, 217) 0%, rgb(174, 63, 217) 35%, rgb(129, 55, 172) 75%, rgb(129, 55, 172) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8137AC', endColorstr='#AE3FD9',GradientType=0 ); /* ie6-9 */
}
.home-page header {
background: transparent;
-ms-filter: none;
filter: none;
}
.hot-line {
color: #FFFFFF;
font-size: 13px;
width: calc(100% + 36px);
position: relative;
display: block;
top: 15px;
margin-left: -18px;
padding: 0;
overflow: hidden;
}
/*.svg .hot-line{*/
/*top: 6px;*/
/*}*/
.hot-line .ticker {
width: calc(100% + 300px);
font-weight: 200;
}
header .hot-line {
margin: 0 0 0 -18px;
top: 12px;
position: relative;
padding: 0 0px;
color: #fff;
font-size: 12px;
}
.home-page header .hot-line {
display: none;
}
.nav-img {
background: url(../img/sprite-standart.png)0 -213px;
display: block;
width: 24px;
height: 10px;
position: absolute;
top: 51px;
margin-left: 1px;
}
.en .nav-img{
background-position: -40px -213px;
}
.cn .nav-img {
background-position: -80px -205px;
height: 14px;
margin-left: 0px;
}
.svg .nav-img {
background: url(../img/sprite-standart.svg) 0 -213px;
}
.en.svg .nav-img {
background-position: -40px -213px;
}
header .box-menu,
header .lang-nav {
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
background: #FFFFFF;
box-sizing: border-box;
left: 0;
padding: 87px 18px 59px;
position: absolute;
top: 90px;
width: 100%;
/*-webkit-column-count: 2;*/
/*-moz-column-count: 2;*/
/*column-count: 2;*/
display: none;
}
header .box-menu .search-form input[type="text"] {
border: none;
border-bottom: 1px solid rgb(210, 214, 219);
border-radius: 0;
color: #7e8591;
margin-bottom: 0;
padding: 7px 9px 8px 0;
}
.search-block .list .unit {
padding-left: 0;
padding-bottom: 0;
height: auto;
min-height: 10px;
margin-bottom: 16px;
}
.search-block .list .unit.active {
-webkit-transform: none;
-moz-transform: none;
-ms-transform:none;
-o-transform: none;
transform: none;
opacity: 1;
}
.menu-section {
font-size: 13px;
text-transform: uppercase;
color: #8B3CBA;
}
.search-block .list .unit p {
font-size: 15px;
color: #000000;
}
/*.search-block {*/
/*height: 100vh;*/
/*}*/
.search-block {
position: absolute;
width: 100%;
top: 0;
left: 0;
padding: 0 18px;
box-sizing: border-box;
background: #fff;
}
.search-block .auto-complete {
background: #FFFFFF;
margin-top: 0;
z-index: 1;
}
.search-block .list {
background: #FFFFFF;
min-height: 100vh;
min-height: calc(100vh - 144px);
}
.box-menu.scroll,
.lang-nav.scroll{
min-height: 100vh;
min-height: calc(100vh - 90px);
overflow: auto;
height: 100%;
}
header .box-menu .list-menu {
box-sizing: border-box;
display: inline-block;
padding-right: 10px;
width: 50%;
box-sizing: border-box;
float: left;
}
header .box-menu .list-menu:nth-child(3) {
/*margin-top: -50px;*/
}
header .box-menu .list-menu ul {
margin-bottom: 20px;
}
header .box-menu .list-menu > span {
padding-bottom: 7px;
font-size: 14px;
text-decoration: none;
color: #000;
display: inline-block;
font-weight: 600;
text-transform: uppercase;
}
header .box-menu .list-menu ul li {
}
header .box-menu .list-menu ul li a {
color: #000;
line-height: normal;
text-decoration: none;
margin-bottom: 0;
padding-bottom: 6px;
display: inline-block;
font-size: 15px;
}
header .box-menu .list-menu ul li a:hover,
header .box-menu .list-menu ul li.active a{
color: #8B3CBA;
}
header nav > span {
/*background: none repeat scroll 0 0 #fff;*/
/*border-radius: 5px;*/
/*display: block;*/
/*height: 3px;*/
/*left: 6px;*/
/*position: absolute;*/
/*top: 20px;*/
/*width: 19px;*/
}
.logo {
display: inline-block;
position: relative;
}
.door {
float: right;
margin-top: 15px;
width: auto;
position: absolute;
right: 18px;
top: 8px;
}
.enter-door {
/*width: 190px;*/
}
.exit {
color: #ffd3a4;
font-size: 13px;
text-decoration: none;
}
.exit:hover {
color: #FFFFFF;
text-decoration: underline;
}
.door > * {
color: #fff;
display: inline-block;
font-size: 13px;
padding-left: 25px;
width: 100%;
position: relative;
box-sizing: border-box;
text-decoration: none;
}
.door .enter {
margin-bottom: 5px;
display: block;
}
.wrap:before{
box-shadow: 7px 0 18px 0 #000;
box-sizing: border-box;
content: "";
height: 200%;
left: 0;
opacity: 0.08;
overflow: hidden;
padding-top: 100px;
position: absolute;
top: -100px;
width: 50%;
}
.column-2:before {
box-shadow: 7px 0 18px 0 #000;
box-sizing: border-box;
content: "";
height: 200%;
left: 0;
opacity: 0.08;
overflow: hidden;
padding-top: 100px;
position: absolute;
top: -100px;
width: 100%;
z-index: -1;
}
.column-1,
.column-2{
max-width: 738px;
min-width: 630px;
width: 50%;
float: left;
z-index: 9;
}
.column-1 {
background: none repeat scroll 0 0 #ffffff;
box-sizing: border-box;
height: 100%;
overflow: hidden;
position: fixed;
top: 0;
}
.content {
padding: 32px 18px 0;
/*margin-bottom: 80px;*/
overflow: hidden;
}
.text .content {
box-sizing: border-box;
width: 100%;
}
.column-2 {
position: relative;
right: -50%;
top: 0;
}
.column-1 .content {
padding-bottom: 80px;
padding-top: 28px;
}
.column-1 .content > h2 {
padding-bottom: 25px;
}
.column-1 .home.content {
padding-bottom: 0;
}
.column-2 .content {
padding-top: 0;
padding-bottom: 72px;
}
.column-3 {
background: none repeat scroll 0 0 transparent;
border-left: 1260px solid transparent;
box-sizing: border-box;
display: none;
height: 100%;
overflow: hidden;
position: fixed;
right: 0;
width: 100%;
}
.map {
height: 100%;
position: absolute !important;
width: 100%;
}
.wrap {
float: left;
max-width: 1476px;
position: relative;
width: 100%;
}
h2 {
font-size: 23px;
color: #000000;
padding-bottom: 26px;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
display: block;
}
/*blur box*/
.column-blur {
margin-right: -18px;
margin-top: 18px;
}
.column-blur figure {
box-sizing: border-box;
float: left;
height: 144px;
margin-bottom: 18px;
overflow: hidden;
padding-right: 18px;
width: 50%;
}
.gallery .column-blur {
margin-bottom: 0;
}
.gallery .description {
border-bottom: 1px solid #7e8591;
height: auto;
}
.column-blur.tree-column {
margin-top: 0;
}
.column-blur.tree-column figure {
width: 33.333%;
}
.column-blur.tree-column figure .figcaption {
font-size: 13px;
line-height: 36px;
}
.box-1,
.box-2,
.box-3,
.box-4{
display: block;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
padding-top: 0;
}
.column-blur.tree-column figure .blur-text .date,
.column-blur.tree-column figure .blur-text .sum {
display: none;
}
a.box-1:hover .blur-text span,
a.box-4:hover .blur-text span,
form.box-1:hover .blur-text span,
form.box-4:hover .blur-text span{
background: #AE3FD9 !important;
}
a.box-1:hover .blur-text .figcaption,
a.box-4:hover .blur-text .figcaption,
form.box-1:hover .blur-text .figcaption,
form.box-4:hover .blur-text .figcaption,
a.box-1:hover .blur-text .sum,
a.box-1:hover .blur-text .date{
color: #ffffff;
}
.box-3.lux img {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.tr {
box-sizing: border-box;
float: left;
margin-bottom: 18px;
overflow: hidden;
padding-right: 18px;
width: 100%;
}
.box-1 span:before,
.box-2 span:before,
.box-3 span:before,
.box-4 span:before{
background: rgba(255, 255,255, 0.65);
content: "";
display: block;
height: 80px;
/*opacity: 0.65;*/
position: absolute;
width: 100%;
padding: 10px;
left: -10px;
}
.box-1:hover span:before,
.box-4:hover span:before{
opacity: 0;
}
.box-2 span:before,
.box-3 span:before{
height: 54px;
bottom: 0;
}
.blur-box {
position: absolute;
width: 2000px;
height: 2000px;
margin: -1000px 0 0 -1000px;
left: 50%;
top: 50%;
text-align: center;
line-height: 2000px;
}
.box-1 img.blur {
left: 50%;
margin-left: -171px;
position: relative;
}
.column-2 .box-1 img.blur {
left: auto;
margin-left: 0;
position: relative;
width: 100%;
}
.box-4 img.blur {
left: 50%;
margin-left: -351px;
position: relative;
}
.blur-text,
.column-2 .gallery .tree-column .video .blur-text{
bottom: 0px;
display: block;
height: 36px;
left: 0;
overflow: hidden;
position: absolute;
width: 100%;
}
.box-2 .blur-text,
.box-3 .blur-text{
bottom: 0;
height: 54px;
}
.box-3 .blur-text .figcaption h1 {
color: #ffffff;
display: inline-block;
font-size: 23px;
line-height: 20px;
text-align: center;
vertical-align: middle;
width: 100%;
}
.box-3 .blur {
width: 100%;
}
.box-3 .blur-text .figcaption {
box-sizing: border-box;
display: inline-block;
height: 54px;
line-height: 54px;
width: 100%;
}
.box-2 .blur-text span,
.box-3 .blur-text span{
filter: url("data:image/svg+xml;utf8,#effect-blur-1");
-ms-filter: blur(12px);
filter: blur(12px);
-webkit-filter: blur(12px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='12');
-ms-filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='12');
}
.box-2 .blur-text span:before,
.box-3 .blur-text span:before{
display: none;
}
.virtual-map .box-3 .blur-text .figcaption {
background-color: rgba(0, 0, 0, 0.1);
}
.virtual-map .fotorama__fullscreen-icon {
top: 18px;
left: 18px;
}
.box-4 .blur-text span {
filter: url("data:image/svg+xml;utf8,#effect-blur-1");
-ms-filter: blur(8px);
filter: blur(8px);
-webkit-filter: blur(8px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='8');
-ms-filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='8');
}
.column-2 .gallery.video .blur-text,
.column-2 .gallery .photo .blur-text,
.column-2 .gallery .video .blur-text{
height: 54px;
}
.column-2 .gallery .blur-text .date,
.column-2 .gallery .blur-text .sum{
color: #656a74;
font-size: 13px;
left: 10px;
position: relative;
top: 31px;
padding: 0;
}
.column-2 .gallery .blur-text .sum {
left: auto;
padding-right: 20px;
right: 10px;
top: 13px;
text-align: right;
}
.active.box-1 span:before{
opacity: 0;
}
.no-line .description {
border: none !important;
}
.column-2 .gallery .description .date {
bottom: 0;
font-size: 13px;
position: absolute;
text-align: right;
width: 100%;
}
.column-2 .gallery.no-line article > section.videoBig {
margin-top: 0;
}
.blur-text > span {
height: 80px;
position: absolute;
width: 100%;
bottom: -20px;
display: block;
transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
border-bottom: 10px solid transparent;
filter: url("data:image/svg+xml;utf8,#effect-blur-1");
-ms-filter: blur(5px);
filter: blur(5px);
-webkit-filter: blur(5px);
background-position: center bottom !important;
background-size: cover !important;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
-ms-filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
}
.blur-text .figcaption {
color: #000000;
height: 36px;
line-height: 35px;
margin: 0;
padding: 0 10px;
position: absolute;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
display: -webkit-box;
display: -moz-box;
box-sizing: border-box;
}
.gallery .blur-text .figcaption {
font-size: 19px;
}
.blur-text .figcaption p {
display: inline-block;
line-height: 14px;
vertical-align: middle;
}
*[class*="box-"].active .blur-text > span {
background-color: #AE3FD9;
background-image: none !important;
}
.box-4.active .blur-text > span:before {
opacity: 0;
}
.fotorama .blur-text > span {
background: transparent;
}
.fotorama .box-2 img{
height: 100%;
width: 100%;
}
.active .fotorama .blur-text > span:before {
display: block;
background: rgba(255, 255,255, 0.15);
}
.active .blur-text .figcaption {
color: #ffffff;
}
.content.archive-subscribe.promotion > section.list {
padding-top: 24px;
}
.content.archive-subscribe.promotion > section.list .unit {
margin-bottom: 19px;
}
/*end blur box*/
.about figure {
margin-bottom: 18px;
}
.head {
padding-bottom: 33px;
padding-top: 38px;
border-bottom: 1px solid #d2d6db;
}
.description h1 {
color: #000000;
font-size: 23px;
line-height: normal;
padding-bottom: 30px;
padding-top: 28px;
}
.gallery .description h1 {
padding-bottom: 31px;
}
.description h1 + .soc-btn {
padding-right: 126px;
}
.ico-level + h1 {
padding-left: 36px;
}
.text {
}
.text h2 {
line-height: 22px;
padding-bottom: 18px;
}
header .box-menu .list-menu ul li.bolder > a {
/*font-weight: bold;*/
}
/*scroll style*/
.ps-container .ps-scrollbar-y-rail {
position: absolute;
right: 5px !important;
width: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-ms-border-radius: 4px;
opacity: 0;
filter: alpha(opacity = 0);
-o-transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
z-index: 99999;
}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
opacity: 1;
filter: alpha(opacity = 100);
}
.ps-container .ps-scrollbar-y {
position: absolute;
right: 0;
width: 4px;
background-color: #000000;
opacity: 0.15;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-ms-border-radius: 4px;
-o-transition: background-color .2s linear;
-webkit-transition: background-color.2s linear;
-moz-transition: background-color .2s linear;
transition: background-color .2s linear;
margin-top: 95px;
}
.ps-container.ie6 .ps-scrollbar-y {
font-size: 0;
}
.ps-container.ie .ps-scrollbar-y {
visibility: hidden;
}
.hide {
height: auto;
left: -750px;
min-height: 100%;
position: relative;
overflow: visible;
height: 0;
}
.hide .content section {
display: none;
}
.hide header {
left: 0px;
position: relative;
}
.hide footer {
bottom: 0;
position: absolute;
z-index: 999;
}
.show {
left: -750px;
margin-bottom: 393px;
margin-top: 100px;
position: relative;
right: auto;
display: block !important;
}
.notvisible {
left: -9999px;
position: absolute;
visibility: hidden;
}
/*column-1 style*/
.column-1 .content nav {
margin-bottom: 17px;
margin-right: -10px;
overflow: hidden;
padding-bottom: 19px;
position: relative;
}
.column-1 .content nav:before {
background: none repeat scroll 0 0 #fff;
bottom: 1px;
content: "";
display: block;
height: 5px;
position: absolute;
right: 0;
width: 10px;
z-index: 1;
}
.column-1 .content nav:after {
background: none repeat scroll 0 0 #d2d6db;
bottom: 1px;
box-sizing: border-box;
content: "";
display: block;
height: 1px;
position: absolute;
right: 0;
width: 100%;
}
.column-1 nav li {
width: 24.9%;
display: block;
float: left;
padding-right: 10px;
padding-bottom: 10px;
text-align: center;
box-sizing: border-box;
position: relative;
}
.column-1 nav.nav-coord li {
width: 33.3333%;
}
.lamp:before, .lamp:after {
border-color: transparent transparent #d2d6db;
border-style: solid;
border-width: 0 9px 10px;
bottom: 0;
content: "";
display: block;
height: 0;
left: 39%;
position: absolute;
width: 0;
}
.lamp:after {
border-color: transparent transparent #ffffff;
bottom: -2px;
z-index: 1;
}
.nav-coord .lamp:before, .nav-coord .lamp:after{
left: 42%;
}
.column-1 nav .lamp {
bottom: 1px;
display: block;
height: 9px;
left: 0;
position: absolute;
width: 16.66%;
-webkit-transition: all 400ms cubic-bezier(0, 1.1, 0.5, 1.1) 0s;
-moz-transition: all 400ms cubic-bezier(0, 1.1, 0.5, 1.1) 0s;
-ms-transition: all 400ms cubic-bezier(0, 1.1, 0.5, 1.1) 0s;
-o-transition: all 400ms cubic-bezier(0, 1.1, 0.5, 1.1) 0s;
transition: all 400ms cubic-bezier(0, 1.1, 0.5, 1.1) 0s;
}
.column-1 nav.nav-coord .lamp{
width: 33.3333%;
}
.column-1 nav li a {
width: 100%;
background: #eff1f2;
display: block;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
line-height: 15px;
min-height: 30px;
padding: 90px 0 15px;
color: #7e8591;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
}
.filtrs {
margin: 17px -10px 8px 0;
position: relative;
}
.column-2 section {
margin-bottom: 30px;
}
.column-1 h2 + .column-blur {
margin-top: 0;
margin-bottom: -8px;
}
.column-3.active {
display: block;
/*right: 0;*/
/*border: none;*/
/*padding-left: 50%;*/
}
.column-2.hide {
right: 0;
height: 1px;
}
.wrap.w {
max-width: 738px;
}
.list.region .unit .title {
margin-bottom: 5px;
}
.list.region .unit p {
color: #7e8591;
}
.icons-info {
padding-top: 18px;
}
.icons-info ul {
/*-moz-column-count: 2;*/
/*-webkit-column-count: 2;*/
/*column-count: 2;*/
padding-bottom: 26px;
overflow: hidden;
}
.tour .icons-info ul {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
padding-bottom: 19px;
}
.tour .icons-info ul li {
margin-bottom: 2px;
}
.filter-years,
.anchors{
overflow: hidden;
padding-bottom: 3px;
padding-top: 20px;
}
.anchors {
padding-top: 16px;
padding-bottom: 12px;
}
.filter-years ul li,
.anchors ul li{
display: block;
float: left;
}
.filter-years ul li a,
.anchors ul li a{
border-bottom: 1px dashed;
border-radius: 0;
color: #000;
font-size: 13px;
margin: 0 9px;
padding: 0;
text-decoration: none;
}
.filter-years ul li.active a,
.anchors ul li.active a{
background: none repeat scroll 0 0 #d2d6db;
border: medium none;
border-radius: 3px;
-ms-border-radius: 3px;
margin: 0;
padding: 3px 9px;
}
.icons-info ul li {
color: #000;
display: block;
font-size: 15px;
line-height: 18px;
margin: 0;
padding-bottom: 14px;
padding-left: 38px;
padding-top: 5px;
position: relative;
width: 50%;
float: left;
vertical-align: top;
box-sizing: border-box;
}
.icons-info ul li:nth-child(2n + 2) {
float: right;
}
.time-work p span:after {
content: ",";
}
.time-work p span:last-child:after {
content: ".";
}
.column-2 .description + section.list {
padding-top: 36px;
margin-bottom: 0;
}
.sale .filter-years {
margin-bottom: 11px;
}
.filter-years + .list {
padding-top: 18px;
}
.column-2 .content.gallery {
background: #474a4f;
}
.column-2 .gallery .description h1 {
color: #ffffff;
}
.column-2 .gallery.no-line .description h1 {
padding-right: 100px;
}
.gallery .filter-years ul li a {
color: #fff;
}
.gallery .filter-years ul li.active a {
background: #7e8591;
}
.button-box {
margin-top: 10px;
text-align: center;
}
.wrap-slider > .videoBig,
.wrap-slider.video > .fotorama{
display: none;
}
.wrap-slider.video > .videoBig,
.wrap-slider .videoBig iframe{
display: block;
height: 492px;
margin: 0;
width: 100%;
}
.wrap-slider.video > .slide-h {
display: none;
}
footer .phone {
font-size: 15px;
display: inline-block;
margin-bottom: 38px;
font-weight: 500;
}
.column-2 .content.gallery {
min-height: 100vh;
box-sizing: border-box;
}
.nav-4 span:last-child{
display: none;
}
/*home page*/
.infographic {
height: 180px;
padding: 90px 18px 0;
margin-top: -90px;
}
.graphic {
}
.graphic-title {
max-width: 323px;
margin: 0 auto 33px;
font-size: 30px;
line-height: 25px;
text-align: center;
position: relative;
padding-top: 16px;
color: #55341b;
}
.graphic li {
position: relative;
display: block;
width: 33.33333%;
float: left;
box-sizing: border-box;
}
.graphic-block {
width: 162px;
margin: 0 auto;
display: block;
color: #000;
text-decoration: none;
border-top: 100px solid transparent;
margin: -100px auto 0 !important;
cursor: pointer;
position: relative;
text-align: center;
}
.graphic li:first-child .graphic-block {
margin: auto;
width: 186px;
}
.graphic li:last-child .graphic-block {
margin: auto;
float: none;
width: 170px;
padding-left: 12px;
}
.graphic li p {
font-size: 13px;
line-height: 14px;
margin-bottom: -5px;
}
.graphic li p:last-child {
font-size: 15px;
color: #fff;
min-height: 100%;
padding-top: 4px;
line-height: 15px;
margin-top: 1px;
}
.graphic li span.font-larg {
font-size: 32px;
display: block;
position: relative;
padding-bottom: 12px;
color: #FFFFFF;
float: left;
line-height: normal;
padding-right: 4px;
}
.graphic-1 {
/*padding-right: 6px;*/
}
.graphic-2 {
/*padding-left: 6px;*/
/*padding-right: 6px;*/
}
.graphic-3 {
/*padding-left: 6px;*/
}
.content.home h2 {
padding-bottom: 16px;
}
.content.home .list {
margin-bottom: 10px;
font-size: 0;
margin-top: 4px;
}
.content.home .list .unit {
padding-left: 0;
min-height: 0;
display: inline-block;
width: 50%;
margin-bottom: 12px;
box-sizing: border-box;
vertical-align: top;
}
.content.home .list:nth-child(4) {
margin-bottom: 32px;
}
.content.home .list .unit:nth-child(2n + 2) {
padding-left: 9px;
}
.content.home .list .unit:nth-child(2n + 1) {
padding-right: 9px;
}
.content.home .list .unit a {
font-size: 15px;
line-height: 18px;
}
.content.home .list .unit a .date {
line-height: 16px;
font-size: 13px;
padding: 0;
margin: 0;
margin-bottom: 4px;
}
.content.home section.video {
box-sizing: border-box;
position: relative;
margin-right: -18px;
margin-top: 9px;
}
.content.home section.video figure {
width: 50%;
padding-right: 18px;
box-sizing: border-box;
margin-bottom: 10px;
display: inline-block;
vertical-align: top;
}
.content.home section.video figure:nth-child(2n+2) {
margin-left: -4px;
}
.content.home section.video figure img {
width: 100%;
}
.content.home section.video figure .figcaption {
line-height: normal;
margin-top: 11px;
}
.licenses {
background: #7e8591;
padding-left: 18px;
position: relative;
left: 18px;
padding-right: 18px;
margin: 9px 0 0px -36px;
}
.licenses h2 {
border-bottom: 1px solid #989da7;
color: #fff;
padding-top: 33px;
}
.licenses ul {
/*display: table;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-bottom: 18px;
margin-top: 3px;
}
.licenses li {
/*vertical-align: middle;*/
width: 16.66%;
height: 100px;
/*display: inline-flex;*/
/*display: -webkit-inline-flex;*/
/*noinspection CssInvalidPropertyValue*/
/*display: ms-inline-flex;*/
/*float: left;*/
position: relative;
cursor: pointer;
/*min-width: 116px;*/
}
.tel-vwt:after {
content: "";
background: url('../img/Viber-Watsap-Telegram.svg') no-repeat 0 50% / contain;
display: inline-block;
width: 105px;
height: 20px;
margin-left: 10px;
vertical-align: middle;
}
.tel-vwt {
padding: 15px 0 15px;
vertical-align: middle;
line-height: 20px;
}
.licenses li img {
margin: auto;
}
.licenses li span {
display: none;
position: absolute;
padding: 12px 18px 13px 18px;
background: #474a4f;
border-radius: 3px;
-ms-border-radius: 3px;
top: 65px;
color: #fff;
z-index: 1;
font-size: 13px;
width: 100%;
left: 90px;
box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.16);
min-width: 120px;
}
.licenses li:nth-child(5n + 5) span {
left: -125px;
}
.licenses li:nth-child(7) span,
.licenses li:nth-child(8) span,
.licenses li:nth-child(9) span,
.licenses li:nth-child(10) span,
.licenses li:nth-child(11) span{
top: auto;
bottom: 80px;
}
.licenses li:nth-child(6) span {
top: 70px;
left: -25px;
}
.licenses li:nth-child(11) span{
left: -142px;
min-width: 130px;
top: auto;
}
.licenses li:nth-child(12) span{
left: -142px;
min-width: 130px;
top: auto;
}
.licenses li:hover span {
display: block;
}
.column-2 .content.home {
padding-top: 18px;
margin-bottom: 0px;
}
.column-2 .content.home > section {
margin-bottom: 19px;
}
.column-2 .content.home figure {
margin-bottom: 18px;
}
.column-2 .content.home figure:last-child {
margin-bottom: 0;
}
.column-2 .content.home figure img,
.column-2 .content.home .left-column > figure img{
left: 50%;
position: relative;
margin-left: -351px;
width: auto;
}
.column-2 .content.home .right-column img,
.column-2 .content.home .left-column > figure img{
margin-left: -171px;
}
.column-2 .content.home figure h3 {
display: inline-block;
font-size: 23px;
color: #fff;
}
.column-2 .content.home figure .blur-text .figcaption {
padding-left: 18px;
}
.column-2 .content.home figure p {
color: #fff;
font-size: 19px;
line-height: normal;
margin-top: -6px;
}
.column-2 .content.home figure .blur-text,
.column-2 .content.home figure .blur-text .figcaption{
height: 66px;
line-height: 66px;
}
.column-2 .content.home .left-column {
float: left;
width: 50%;
padding-right: 9px;
box-sizing: border-box;
margin-bottom: 18px;
}
.column-2 .content.home .right-column {
width: 50%;
padding-left: 9px;
box-sizing: border-box;
margin-bottom: 0;
float: right;
margin-bottom: 18px;
}
.column-2 .content.home .left-column .blur-text,
.column-2 .content.home .right-column .blur-text,
.column-2 .content.home .left-column .blur-text .figcaption,
.column-2 .content.home .right-column .blur-text .figcaption{
height: 88px;
padding-top: 10px;
box-sizing: border-box;
}
.column-2 .content.home .left-column .blur-text h3,
.column-2 .content.home .right-column .blur-text h3,
.column-2 .content.home .left-column .blur-text p,
.column-2 .content.home .right-column .blur-text p{
display: block;
line-height: 23px;
margin: 0;
}
.column-2 .content.home .box-3 .blur-text span {
filter: url("data:image/svg+xml;utf8,#effect-blur-1");
-ms-filter: blur(22px);
filter: blur(22px);
-webkit-filter: blur(22px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='22');
-ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='22');
transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
height: 250px;
}
.column-2 .content.home .box-3 .blur-text span:before {
display: block;
opacity: 0.1;
height: 88px;
}
/*hotels info page*/
.hotel {
padding-top: 29px;
}
.hotel.designation {
padding-bottom: 6px;
padding-top: 13px;
}
.hotel.designation a.ico-load {
margin-top: 6px;
display: block;
text-decoration: none;
}
.btn-custom.ico-load.ico.right {
text-decoration: none;
}
.hotel + .hotel h2 {
padding-top: 15px;
}
.hotel > h2 {
text-align: center;
}
.hotel > h2 span {
font-size: 13px;
display: block;
line-height: 24px;
}
.hotel-box .hotel-name {
line-height: 44px;
background: #ebedee;
position: relative;
padding-right: 73px;
height: 44px;
}
.hotel-box .hotel-name span:nth-child(2) {
display: inline-block;
line-height: 18px;
margin-left: 61px;
margin-top: -88px;
position: relative;
text-transform: capitalize;
vertical-align: middle;
}
.hotel-box .hotel-name .ico {
display: block;
height: 44px;
width: 44px;
}
.ico.red,
.designation p.red:before{
background: #ff4040;
}
.ico.yellow,
.designation p.yellow:before{
background: #ffc30b;
}
.ico.green,
.designation p.green:before{
background: #16cb74;
}
.hotel-box {
overflow: visible;
}
.hotel-box figure {
margin-top: 12px;
padding-left: 62px;
}
.hotel-box figure p {
padding-bottom: 8px;
}
.hotel-box figure figcaption {
font-size: 13px;
}
.hotel-box figure figcaption a {
font-style: italic;
color: #000000;
font-size: 13px;
}
.designation h4{
font-weight: normal;
padding-bottom: 17px;
}
.designation p {
margin-bottom: 9px;
position: relative;
padding-left: 22px;
}
.designation p:before {
width: 18px;
height: 18px;
display: block;
content: "";
position: absolute;
left: 0;
}
.level {
padding: 0;
position: relative;
height: 100vh;
}
.level .description,
.level .box{
padding: 0 18px;
position: relative;
border: none;
}
.level .description h1 {
color: #FFFFFF;
}
.level:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
-webkit-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
/*filter: url("data:image/svg+xml;utf8,#effect-blur-1");*/
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.level.hotel-banner:before {
background: url("../img/hotelsall.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
box-shadow: inset 0 150px 80px -24px rgba(0, 0, 0, 0.25);
}
.level.region-banner:before {
background: url("../img/regions_all.png") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
}
.level.guides-banner:before {
background: url("../img/toursall.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
}
.level.programs-banner:before {
background: url("../img/programsall.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
box-shadow: inset 0 150px 80px -24px rgba(0, 0, 0, 0.25);
}
.level.villa-banner:before {
background: url("../img/villasall.png") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
box-shadow: inset 0 150px 80px -24px rgba(0, 0, 0, 0.25);
}
.level.leisure-banner:before {
background: url("../img/leisureall.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
}
.level.coordinator-banner:before {
background: url("../img/coordinators_all.png") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
}
.level.transport-banner:before {
background: url("../img/transportall.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
}
.level.vip-banner:before {
background: url("../img/vipall.jpg") no-repeat scroll 78% 0 / cover rgba(0, 0, 0, 0);
}
.level.webcam-banner:before {
background: url("../img/webcamersall.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.content-box {
margin: 0 18px 0;
background: #f8fafb;
padding: 29px 18px 70px;
position: relative;
}
.level .map-btn {
}
.level .box img {
width: 100%;
}
.level h4 {
font-size: 19px;
line-height: 22px;
padding-bottom: 16px;
}
.level ul {
overflow: hidden;
}
.level ul li {
float: left;
width: 100%;
box-sizing: border-box;
position: relative;
}
.level ul.text-center li,
.level ul.list-3.text-center li{
text-align: center;
}
.level ul li p{
padding-bottom: 8px;
display: inline-block;
position: relative;
}
.level ul.text-center li p {
padding-right: 0;
}
.level p.light {
margin-bottom: 8px;
}
/*popup*/
.popup-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
}
.popup-bg {
display: none;
}
.popup-bg.active {
display: block;
-webkit-transform: translateZ(0);
}
.popup {
background: none repeat scroll 0 0 #fafbfc;
box-shadow: 0 0 170px -31px rgba(42,56,79,0.65);
box-sizing: border-box;
padding: 0 42px 30px;
position: relative;
width: 280px;
margin-top: -2%;
height: 445px;
}
.popup h4 {
display: block;
font-size: 19px;
padding: 31px 0 24px;
color: #000000;
text-align: center;
}
form.content-first {
padding-bottom: 27px;
}
form input[type="text"],
form input[type="password"],
.popup form input[type="text"],
.popup form input[type="password"] {
background: #fff;
line-height: 18px;
border: 1px solid #d2d6d9;
padding: 7px 9px 6px;
box-sizing: border-box;
width: 100%;
margin-bottom: 18px;
box-sizing: border-box;
height: 36px;
}
.popup form {
padding-top: 0;
}
div:not(.selected).error {
display: none;
text-align: center;
margin-top: -5px;
font-size: 14px;
color: #fe4040;
margin-bottom: 7px;
}
input.error {
border: 1px solid #fe4040;
display: block;
}
.popup .leng {
margin-bottom: 24px;
margin-top: 3px;
}
.leng p {
text-align: center;
margin-bottom: 8px;
}
/*.popup span.wrap-radio {*/
/*padding: 10px 0;*/
/*display: block;*/
/*overflow: hidden;*/
/*}*/
.popup .wrap-radio {
overflow: hidden;
margin-top: 2px;
text-align: center;
}
.popup .checkbox.black > span {
padding-left: 24px;
display: inline-block;
color: #7e8591;
font-size: 12px;
}
.popup .wrap-radio li {
position: relative;
display: inline-block;
margin-left: 20px;
}
.popup .wrap-radio li:first-child{
margin-left: 0;
}
.popup span.radio {
width: 16px;
height: 16px;
display: block;
border: 1px solid #d3d7d9;
border-radius: 50px;
-ms-border-radius: 50px;
position: relative;
float: left;
}
.popup span.radio:first-child {
margin-right: 79px;
}
.popup input.btn {
width: auto;
line-height: 34px;
padding: 0 23px;
margin: 17px auto 27px;
}
.popup .content-bottom {
border-top: 1px solid #d2d6d9;
position: absolute;
bottom: 0;
line-height: 58px;
width: 200px;
}
.popup .content-bottom a {
font-size: 12px;
text-align: left;
color: #000;
text-decoration: none;
line-height: normal;
vertical-align: middle;
}
.popup .content-bottom a:first-child {
margin-right: 20px;
}
.popup .content-bottom a:hover {
text-decoration: underline;
}
body.white {
background: #FFFFFF;
position: fixed;
width: 100%;
overflow-y: scroll;
}
.work-page .description h1 {
padding-right: 100px;
}
.container.blur {
filter: url("data:image/svg+xml;utf8,#effect-blur-1");
/**/
-webkit-filter: blur(8px);
/*saturate(2);*/
-ms-filter: blur(8px);
filter: blur(8px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='8');
-ms-filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='8');
position: relative;
/*opacity: 0.7;*/
}
.container.blur:before {
/*background: none repeat scroll 0 0 #fff;*/
/*content: "";*/
/*display: block;*/
/*height: 100%;*/
/*opacity: 0.8;*/
/*position: absolute;*/
/*width: 100%;*/
/*z-index: 21;*/
}
.column-2 .agent-info .list .unit {
padding-left: 108px;
min-height: 60px;
}
.agent-info .list .unit .img {
width: 90px;
height: 60px;
}
.italic {
font-style: italic;
}
.content.archive-subscribe.promotion .list .unit {
padding-left: 0;
}
.content > a.ico-print {
text-decoration: none;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 18px;
}
.content > hr {
margin: -8px 0 18px;
}
.column-1.fixed_height{
height: 100vh !important;
}
.column-1.fixed_height header .box-menu {
height: 100vh;
height: calc(100vh - 90px);
}
.box-menu.active{
display: block;
}
.list.region .unit.active {
opacity: 0.7;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.anchors {
padding-top: 16px;
padding-bottom: 28px;
}
.rss.ico {
display: none;
}
.news-list.sale {
/*height: 100vh;*/
/*height: calc(100vh - 72px);*/
}
.column-2 .news-list.sale .list .unit {
margin-bottom: 11px;
}
.column-1.home-page {
z-index: 10;
}
.content.level-3.article .ico-level + h1:not(.no-soc) {
padding-right: 100px;
}
.webcam-footer .content > .description:first-child {
border: none;
}
.home-banner {
margin-bottom: 32px;
}
.home .banner {
height: 81px;
line-height: 81px;
}
.home .banner img {
height: 81px;
}
.home .banner .figcaption {
font-size: 19px;
padding-left: 9px;
position: relative;
vertical-align: middle;
line-height: normal;
margin-bottom: 0;
z-index: 2;
}
.home figure.banner a:after {
background: rgba(0, 0, 0, 0.1);
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 1;
}
.home .banner .figcaption .orange-bg {
font-size: 19px;
background: #ff7d2c;
margin-left: -9px;
padding: 1px 9px 2px;
box-sizing: border-box;
display: block;
margin-top: 5px;
}
.flag-11.custom-font {
font-weight: 100;
position: relative;
padding-left: 21px;
color: #7e8591;
}
.virtual-map .content.level .description {
border: none !important;
}
.column-1 .content nav li.active:nth-child(1) ~ .lamp{
left: 0;
}
.column-1 .content nav li.active:nth-child(2) ~ .lamp {
left: 16%;
}
.column-1 .content nav li.active:nth-child(3) ~ .lamp {
left: 33%;
}
.column-1 .content nav li.active:nth-child(4) ~ .lamp {
left: 49.98%;
}
.column-1 .content nav li.active:nth-child(5) ~ .lamp {
left: 66%;
}
.column-1 .content nav li.active:nth-child(6) ~ .lamp {
left: 83%;
}
.column-1 .content nav.nav-coord li.active:nth-child(2) ~ .lamp {
left: 33.3333%;
}
.column-1 .content nav.nav-coord li.active:nth-child(3) ~ .lamp {
left: 66.6666%;
}
.column-1.fixed-2,
.container.fixed-2{
margin-bottom: 0 !important;
min-height: 100vh;
overflow: auto;
}
.container .column-1.fixed-2 .content,
.fixed-2 footer,
.fixed-2 .nav-bar{
display: none;
margin: 0 !important;
}
.fixed-2.column-2 {
position: fixed;
}
.camItem {
width: 100% !important;
height: auto !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-bottom: 16px !important;
}
/*#item_2:before {
background: url("http://vcdn1.sayamatravel.com:81/cam2.jpeg") no-repeat scroll 0 0 / cover #000;
content: "";
position: absolute;
display: block;
z-index: 1;
min-width: 100%;
height: 100%;
}
#item_3:before {
background: url("http://vcdn1.sayamatravel.com:81/cam3.jpeg") no-repeat scroll 0 0 / cover #000;
content: "";
position: absolute;
display: block;
z-index: 1;
min-width: 100%;
height: 100%;
}
#item_5:before {
background: url("http://vcdn1.sayamatravel.com:81/cam5.jpeg") no-repeat scroll 0 0 / cover #000;
content: "";
position: absolute;
display: block;
z-index: 1;
min-width: 100%;
height: 100%;
}
#item_1:before {
background: url("http://vcdn1.sayamatravel.com:81/cam1.jpeg") no-repeat scroll 0 0 / cover #000;
content: "";
position: absolute;
display: block;
z-index: 1;
min-width: 100%;
height: 100%;
}
#item_4:before {
background: url("../img/cam4.jpg") no-repeat 0 0;
content: "";
position: absolute;
display: block;
z-index: 1;
min-width: 100%;
height: 100%;
background-size: cover;
}*/
.transfer .list-land {
}
.transfer .list-land li {
display: table;
position: relative;
margin-bottom: 11px;
}
.transfer .list-land li img {
margin-right: 10px;
border-radius: 50px;
}
.transfer .list-land li p {
display: table-cell;
vertical-align: middle;
}
.transfer .any-text {
display: block;
margin-bottom: 20px;
font-weight: 600;
}
.transfer .btn-custom.ico-load.ico.left {
text-decoration: none;
}
.ie .blur_img {
background: #FFFFFF !important;
}
.ie *[class*='box-'].active .blur_img {
background-color: #AE3FD9 !important;
opacity: 1;
}
.ie .column-2 .content.home .box-3 .blur-text .blur_img {
background: #000000 !important;
opacity: 0.5;
}
.chine {
/*margin-bottom: 72px;*/
}
.chine .licenses {
margin: 0;
left: auto;
}
.chine .contacts .list-wrap {
width: 100%;
}
.chine .footer.bg-oronge {
padding-bottom: 29px;
}
.chine .content.contacts {
padding-top: 21px;
}
.chine .content.contacts article > section:first-child figure:first-child {
padding-bottom: 0px;
border-bottom: 1px solid #989da7;
}
.chine .content.contacts > section:first-child figure:first-child {
padding-bottom: 0;
}
.contacts .logo.mice{
width: 166px;
height: 56px;
margin: -10px 0 0 -10px;
}
.lang-box {
width: auto;
font-weight: bold;
font-family: Tahoma;
padding-left: 9px;
font-size: 9px;
color: #000;
text-decoration: none;
margin-top: 5px;
display: inline-block;
position: absolute;
right: 18px;
top: 0;
}
.lang-box a {
background: url(../img/language.png);
text-indent: -9999px;
height: 20px;
width: 20px;
position: relative;
}
.svg .lang-box a {
background: url(../img/language.svg);
}
.lang-box a.china-lang {
background-position: -57px 0;
margin-left: 9px;
}
.lang-box a.thai-lang {
background-position: -29px 0;
width: 25px;
margin-left: 8px;
}
.lang-box a.rus-lang {
background-position: 0px 0;
}
.lang-box a.eng-lang {
background-position: -86px 0px;
margin-left: 2px;
}
.h-style {
text-decoration: none;
}
.lang-box.right-2,
.lang-nav{
display: none;
}
/*english version*/
/*.en .column-1 .content > h2.light,*/
.cn .column-1 .content > h2.light{
display: none;
}
/*.en .search-block,*/
.cn .search-block{
display: none;
}
/*.en header .box-menu,*/
.cn header .box-menu{
padding-top: 26px;
}
.en .licenses {
/*margin-bottom: 0px;*/
}
.cn .licenses {
margin-bottom: -80px;
}
/*end*/
.webcam-full header,
.webcam-full footer,
.webcam-full .nav-bar{
display: none;
}
.lang-box a.china-lang {
/*display: none !important;*/
}
#fill {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
}
#fill img {
position: relative;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
width: 100%;
max-width: 1024px;
display: block;
}
#fill a {
display: block;
width: 100%;
background-image: url("/error_page/img/cn.jpg");
height: 100%;
background-size: cover;
}
.en .door > a {
text-indent: 25px;
padding-left: 0;
text-align: left;
width: 100%;
}
.personal h3 {
font-size: 19px;
padding-bottom: 17px;
}
.personal .list-menu a {
color: #000000;
text-decoration: none;
border-bottom: 1px dashed;
}
.personal .list-menu a:hover {
border-bottom: none;
}
.personal .list-menu li:last-child {
padding-bottom: 5px;
}
.content.cabinet {
min-height: calc(100vh - 80px);
}
.profile-name {
font-size: 13px;
padding-left: 24px;
display: inline-block;
padding-bottom: 6px;
}
header .box-menu .list-menu ul li a.exit.grey {
font-size: 13px;
}
.enable{
display: block;
}
.disable{
display: none;
}
#popup_text .popup {
width: 500px;
height: 150px;
line-height: normal;
}
.small-grey {
color: #7c8491;
font-size: 12px;
display: block;
}
.concierge .box-3,
.concierge .col_4{
width: calc(100% + 36px);
margin-left: -18px;
max-width: 9999px;
}
.concierge .box-3 .blur-text,
.concierge .box-3 .blur-text .figcaption{
height: 100px;
}
.concierge .box-3 .blur-text > span {
height: 150px;
}
.concierge .blur-text .figcaption p {
font-size: 30px;
color: #ffffff;
line-height: normal;
padding-top: 12px;
}
.concierge .cons-list {
margin-top: 50px;
}
.concierge .cons-list li {
width: 50%;
float: left;
position: relative;
padding-left: 100px;
min-height: 106px;
box-sizing: border-box;
display: block;
}
.concierge .cons-list li p {
height: 106px;
display: table;
}
.concierge .cons-list li span {
display: table-cell;
vertical-align: middle;
font-weight: 200;
}
.concierge .cons-list li img {
position: absolute;
display: block;
top: 0;
bottom: 0;
margin: auto;
left: 8px;
}
.concierge .col_4 .table-th {
line-height: 36px;
background: #7829a8;
border: none;
}
.concierge .col_4 .table-th p {
font-size: 18px;
font-weight: normal;
color: #ffffff;
text-transform: uppercase;
}
.concierge .table-td {
border-top: 1px solid #9344bd;
background-color: #8133af !important;
line-height: 56px;
padding-top: 22px;
padding-bottom: 18px;
}
.concierge .table-td span {
color: #ffffff;
font-size: 14px;
line-height: normal;
font-weight: 300;
vertical-align: middle;
}
.concierge .table-td,
.concierge .table-th {
padding-left: 9px;
box-sizing: border-box;
}
.column-1 .coordinators.list,.column-1 .vips.list {
margin-top: 27px;
}
.coordinators.list .unit .img {
width: 120px;
height: 120px;
border-radius: 150px;
}
.column-2 .coordinators.list .unit .img {
width: 150px;
height: 150px;
}
.coordinators.list .unit {
padding-left: 135px;
min-height: 120px;
}
.column-2 .coordinators.list .unit {
padding-left: 166px;
}
.coordinators.list .unit span {
padding-left: 0;
width: 100%;
display: inline-block;
color: #2d2d2d;
}
.coordinators .vip {
font-size: 12px;
font-weight: 200;
}
.coordinators .coord-name {
font-size: 18px;
margin-bottom: 12px;
}
.coordinators.list .unit span.coord-text {
font-size: 12px;
color: #7e8591;
font-weight: 200;
}
.column-1 .coordinators.list .unit span.coord-text {
max-height: 55px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.column-2 .coordinators .description {
margin-bottom: 34px;
}
.partners{
background: rgba(255, 255, 255, 0.5);
}
.grid-partners{
background: #fff;
}
.grid-partners div{
float: left;
margin-bottom: 35px;
width: 33.3333%;
height: 140px;
background-image: url(../img/partners-logo-sprite.png);
}
.eurotourservice{background-position: -58px -40px;}
.fabrica{background-position: -354px -40px;}
.intelico{background-position: -650px -40px;}
.karlson{background-position: -70px -222px;}
.pap{background-position: -345px -222px;}
.prata{background-position: -640px -222px;}
.anantara{background-position: -70px -415px;}
.dusitthani{background-position: -364px -415px;}
.fourseasons{background-position: -646px -415px;}
.dusitthanihuahin{background-position: -70px -596px;}
.sixsenses{background-position: -360px -596px;}
.dusitthanilaguna{background-position: -648px -596px;}
.banyantree{background-position: -70px -772px;}
.chiva-som{background-position: -361px -772px;}
.evason{background-position: -646px -772px;}
.hilton{background-position: -70px -978px;}
.hyatt{background-position: -370px -978px;}
.intercontinental{background-position: -640px -978px;}
.gtvgroup{background-position: -70px -1167px;}
.maikhao{background-position: -364px -1179px;}
.mandarin{background-position: -648px -1185px;}
.peninsula{background-position: -70px -1353px;}
.phulay-bay{background-position: -370px -1353px;}
.rayavadee{background-position: -649px -1353px;}
.renaissance{background-position: -70px -1540px;}
.royalcliff{background-position: -363px -1540px;}
.sheraton{background-position: -642px -1540px;}
.siamkempinski{background-position: -70px -1731px;}
.sofitel{background-position: -362px -1731px;}
.starwood{background-position: -648px -1731px;}
.stbtours{background-position: -70px -1930px;}
.villas{background-position: -360px -1930px;}
.whottels{background-position: -640px -1930px;}
.fourseasonsresort{background-position: -70px -2113px;}
.content.concierge.no-line .description {
position: absolute;
z-index: 1;
box-shadow: 0 60px 40px -20px rgba(0,0,0,0.6) inset;
left: 0;
padding-left: 18px;
}
.content.concierge.no-line .description h1 {
color: #ffffff;
}
.go-online {
position: absolute;
top: 20px;
right: 0;
background: #8137ac;
width: 224px;
height: 50px;
border-radius: 50px;
box-sizing: border-box;
padding-left: 54px;
cursor: pointer;
margin: 0 !important;
}
.go-online form {
float: left;
padding-left: 54px;
left: -54px;
}
.go-online p {
font-size: 13px;
color: #fff;
line-height: 50px;
}
.go-online:before {
content: "";
position: absolute;
display: block;
background: url(../img/sprite-map.png);
width: 40px;
height: 40px;
background-position: -1114px -265px;
z-index: 1;
left: 5px;
top: 5px;
background-color: #fff;
border-radius: 50px;
}
.column-2 .contacts article section figure h3 {
font-size: 19px;
text-transform: uppercase;
}
.contacts .logo {
width: 166px;
height: 56px;
margin: -10px 0 0 -10px;
}
.contacts article section.orange-bg.h {
background-color: #AE3FD9;
padding: 35px 18px 2px;
width: 100%;
margin-left: -18px;
margin-bottom: 52px !important;
margin-top: 15px !important;
}
.contacts article section.orange-bg.h + .h .list-wrap {
margin-bottom: -24px;
}
.contacts article section figure h4 {
font-size: 19px;
font-weight: 200 !important;
}
.contacts article section.orange-bg h3,
.contacts article section.orange-bg p{
color: #ffffff;
}
.contacts article section.orange-bg span.gray {
color: rgba(255,255,255,.5);
border-bottom: 1px solid;
padding-bottom: 14px;
margin-bottom: 10px;
}
.contacts article section figure h4 {
font-size: 19px;
font-weight: 200 !important;
}
.contacts p span {
display: block;
}
.contacts p span.dib {
display: inline-block;
}.contacts p span.dib + .dib {
margin-left: 24px;
}
.contacts p .font-13 {
font-size: 13px;
}
.contacts article section.h {
margin-bottom: 22px !important;
}
.contacts article section.content-top {
margin-top: -21px;
}
.contacts article section.content-top + .h {
margin-top: 19px;
}
.contacts article figure.mar-z {
margin-bottom: 0 !important;
}
@media screen and (min-width: 630px) {
.column-1 .content nav li:nth-child(1):hover ~ .lamp{
left: 0;
}
.column-1 .content nav li:nth-child(2):hover ~ .lamp{
left: 16%;
}
.column-1 .content nav li:nth-child(3):hover ~ .lamp{
left: 33%;
}
.column-1 .content nav li:nth-child(4):hover ~ .lamp{
left: 49.98%;
}
.column-1 .content nav li:nth-child(5):hover ~ .lamp{
left: 66%;
}
.column-1 .content nav li:nth-child(6):hover ~ .lamp{
left: 83%;
}
.column-1 .content nav.nav-coord li:nth-child(1):hover ~ .lamp{
left: 0;
}
.column-1 .content nav.nav-coord li:nth-child(2):hover ~ .lamp{
left: 33.3333%;
}
.column-1 .content nav.nav-coord li:nth-child(3):hover ~ .lamp{
left: 66.6666%;
}
}
@media screen and (min-width: 1920px) {
.wrap {
max-width: 1260px;
}
.column-1 {
z-index: 9;
}
.column-1,
.column-2 {
width: 630px;
}
.column-3 {
display: block;
overflow: visible;
}
.map-btn {
display: none !important;
}
.hotels .filter-list{
min-width: 138px !important;
}
}
@media screen and (min-width: 1280px) {
.column-2.hide {
left: -100%;
height: 1px;
}
.column-2.hide .map-btn {
position: fixed;
right: 18px;
top: 18px;
}
.column-2 .gallery.video.content {
min-height: 100vh;
}
}
@media screen and (min-width: 2500px) {
.wrap {
max-width: 1476px;
}
.column-1,
.column-2 {
width: 738px;
}
.column-3 {
border-left: 1476px solid transparent;
}
}
@media screen and (max-width: 1279px) {
.column-2 {
background: none repeat scroll 0 0 #fff;
display: none;
left: 0;
margin-top: 90px;
}
.column-1 {
border-top: 0;
position: static;
}
header div {
width: 100%;
}
.column-1,
.column-2
{
max-width: 738px;
min-width: 630px;
width: 100%;
}
.wrap:before {
display: none;
}
.wrap {
max-width: 738px;
width: 100%;
overflow: visible;
}
.column-3.active {
border-left: none;
left: 0;
right: auto;
margin-top: 90px;
max-width: 738px;
width: 100%;
display: block;
z-index: 1;
height: 100vh;
height: calc(100vh - 90px);
}
.column-3.active .back {
display: block;
}
.column-2.hide {
height: 1px;
left: auto;
right: 100%;
}
.map-btn.active {
margin-right: 18px;
margin-top: 0;
right: -100%;
}
.column-1.hide .content {
/*display: none;*/
}
.column-2 .content.gallery {
min-height: 100%;
margin-bottom: 90px;
}
.hot-line .ticker {
font-weight: 400;
}
}
@media only screen and (max-device-width: 1024px) {
.filter-list li,
.filter_active li{
line-height: 25px;
padding-bottom: 9px;
}
.filter_active {
padding: 14px 0 0px 6px;
}
}
/*@media only screen and (min-device-width: 1024px) and (orientation: portrait) {*/
/*.column-1,*/
/*.column-2,*/
/*.column-3{*/
/*max-width: 100%;*/
/*min-width: auto;*/
/*width: 100%;*/
/*}*/
/*.column-3.active {*/
/*max-width: 100%;*/
/*z-index: 1;*/
/*}*/
/*.wrap,*/
/*.wrap.w{*/
/*max-width: 100%;*/
/*min-width: auto;*/
/*width: 100%;*/
/*overflow: visible;*/
/*}*/
/*.map-btn.active {*/
/*right: -100%;*/
/*margin-right: 20px;*/
/*margin-top: 20px;*/
/*}*/
/*header .back {*/
/*display: block;*/
/*}*/
/*.box-1 img.blur {*/
/*width: 100%;*/
/*left: 0;*/
/*margin: 0;*/
/*}*/
/*.banner img {*/
/*width: 100% !important;*/
/*left: 0;*/
/*right: 0;*/
/*}*/
/*.hotels .filter-list {*/
/*min-width: 156px !important;*/
/*}*/
/*}*/
p.product {
margin-top: 22px;
vertical-align: top;
width: 300px;
text-align: left;
color: #767d86;
}
p.product a {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
width: 123px;
height: 41px;
}
p.product a svg {
width: 142px;
position: relative;
top: -11px;
height: 62px;
left: -11px;
}
.svg p.product a {
background-image: url("../img/sprite-standart.svg") !important;
}
h1.l-height {
font-size: 18px !important;
}
@media screen and (max-width: 629px) {
.padding{
padding: 10px 0 5px 0;
}
body {
background: #FFFFFF;
}
.licenses li:nth-child(7) span,
.licenses li:nth-child(8) span,
.licenses li:nth-child(9) span,
.licenses li:nth-child(10) span,
.licenses li:nth-child(11) span{
bottom: auto;
}
.column-1,
.column-2 {
max-width: 629px;
min-width: 320px;
width: 100%;
}
.column-2.show,
.column-3.active {
margin-top: 72px;
background: #ffffff;
}
.column-3.active{
height: calc(100vh - 126px);
}
.wrap:before {
display: none;
}
.column-blur figure {
float: none;
margin-left: auto;
margin-right: auto;
max-width: 342px;
width: 100%;
}
.filtrs {
display: none;
}
.content {
padding-top: 14px;
padding-left: 9px;
padding-right: 9px;
}
.column-1 nav li a {
/*padding: 36px 0 6px;*/
/*font-size: 12px;*/
}
.box-2 .blur-text,
.box-3 .blur-text{
bottom: 0;
height: 24px;
}
.box-3 .blur-text .figcaption {
background: none repeat scroll 0 0 #fff;
bottom: 0;
box-sizing: border-box;
display: block;
height: auto;
padding: 0 9px;
position: relative;
width: 100%;
line-height: 0;
}
.box-3 .blur-text .figcaption h1 {
border-bottom: 1px solid #d2d6db;
color: #000;
font-size: 19px;
line-height: 23px;
margin: 0;
padding-bottom: 12px;
padding-top: 11px;
text-align: center;
}
.box-3 .blur-text {
bottom: 0;
height: auto;
overflow: visible;
position: relative;
}
.box-3 .blur-text span {
display: none;
}
.column-2 section {
margin-bottom: 14px;
}
.door {
display: none;
}
header .hot-line {
height: 18px;
line-height: 18px;
margin-left: -9px;
padding: 0;
font-size: 11px;
top: 7px;
}
.column-1.fixed-2 .hot-line {
width: calc(100% + 18px);
}
header {
padding: 0 9px;
height: 72px;
}
header .logo {
bottom: 0;
display: block;
float: none;
height: 42px;
left: 0;
margin: auto;
padding: 0;
position: absolute;
right: 0;
top: 16px;
width: 176px;
}
header .logo img,
header .box-menu .list-menu {
width: 100%;
}
.column-3.active .back {
display: none;
}
/*footer.hide {*/
/*display: none;*/
/*}*/
.filtrs.active {
background: none repeat scroll 0 0 #fff;
border-bottom: 54px solid transparent;
box-sizing: border-box;
display: block;
left: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
overflow: auto;
padding: 72px 0 50px;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.filtrs.active ~ section {
display: none;
}
.en .filtrs.active .select,
.filtrs.active .select {
box-sizing: border-box;
cursor: pointer;
float: left;
margin: 9px 0 0;
padding-left: 9px;
padding-right: 9px;
width: 100%;
}
.filtrs.active .select.active .filter-list {
background: none repeat scroll 0 0 #fff;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 54px solid transparent;
box-shadow: 0px 0px 0px 100px rgba(0,0,0,0.7);
box-sizing: border-box;
height: 96%;
left: 0;
margin: 2%;
overflow-x: hidden;
overflow-y: scroll;
position: fixed;
top: 0;
width: 96%;
z-index: 99999999;
max-height: 100%;
border-radius: 3px !important;
}
.filtrs.active.style {
background: none;
z-index: 9999;
}
.filter_active {
display: none;
}
.nav-bar.bar-2 {
bottom: 10px;
box-shadow: none;
display: none;
margin: 0 auto;
position: fixed;
right: 0;
width: 96%;
z-index: 999999;
box-shadow: 0px 3px 9px 0px #000;
border-radius: 0 0 3px 3px;
}
.nav-bar.bar-2 span {
text-indent: 0;
}
.virtual-map footer {
margin-bottom: 54px;
}
footer > div {
padding-top: 12px;
}
footer .soc-btn {
width: auto;
padding-bottom: 17px;
}
footer .right-info,
footer .left-info{
float: left;
padding-left: 0;
width: 100%;
padding-bottom: 15px;
}
footer button.btn-custom {
float: right;
margin-left: 0;
margin-bottom: 13px;
}
footer .phone,
footer .left-info > p {
margin-bottom: 7px;
}
footer .left-info {
padding-bottom: 0px;
}
footer .soc-btn a {
margin-right: 14px;
}
footer hr {
margin-bottom: 15px;
}
header nav.menu {
top: -3px;
margin-top: 14px;
}
header .nav-img {
top: 38px;
}
header .box-menu,
header .lang-nav{
top: 72px;
min-height: 100%;
min-height: 100vh;
}
.wrap-slider.video > .videoBig {
height: 222px;
}
.wrap-slider.video > .videoBig iframe {
/*height: 222px;*/
}
.column-blur.tree-column figure {
float: none;
width: 100%;
}
.column-blur.tree-column figure .blur-text .date,
.column-blur.tree-column figure .blur-text .sum {
display: block;
}
.column-blur.tree-column figure .blur-text,
.column-2 .gallery .tree-column .video .blur-text{
height: 54px;
}
.column-blur.tree-column figure .blur-text .figcaption {
font-size: 19px;
}
.column-1 .content {
padding-bottom: 54px;
}
.content {
margin-bottom: 0;
}
.column-2 .content {
padding-bottom: 28px;
}
footer > div {
margin: 0 9px;
}
.virtual-map .column-2 .content.web-cam .description {
height: auto;
line-height: 23px;
padding-bottom: 12px;
padding-top: 11px;
}
.virtual-map .column-2 .content .description h1 {
font-size: 19px;
padding-right: 70px;
}
.virtual-map .column-2 .content .description h1 + .social {
top: 11px;
}
.licenses li {
width: 33.333%;
}
.licenses .lic-6 {
margin-left: 0;
}
.lic-6:before {
background-position: -575px 0 !important;
}
.lic-3:before {
background-position: -386px 0 !important;
}
.lic-1:before {
background-position: -278px 0 !important;
}
.lic-8:before {
background-position: -679px 0 !important;
}
.licenses .lic-10 {
margin-left: 0%;
}
.lic-10:before {
background-position: -875px 0 !important;
}
.licenses li:last-child {
/*margin: 0 auto;*/
/*float: none;*/
/*display: flex;*/
/*display: -webkit-flex;*/
/*display: -ms-flex;*/
}
.licenses li:hover span {
display: none;
}
.licenses li span {
left: 0;
margin: auto;
padding: 12px 18px 13px;
position: absolute;
right: 0;
top: 0;
}
.licenses li.active span {
display: block;
}
.licenses li span {
left: 50% !important;
top: auto !important;
}
.licenses li:nth-child(2n + 2) span {
left: -100% !important;
}
.content.home section.video figure {
width: 100%;
margin-bottom: 0;
}
.content.home section.video figure .figcaption {
margin-bottom: 20px;
}
.column-2 .content.home figure h3 {
color: #000000;
}
.licenses li span,
.licenses li:nth-child(2n+2) span {
height: initial;
left: 0 !important;
margin: auto;
right: 0 !important;
top: 0 !important;
width: auto;
}
.licenses li {
height: 85px;
}
.licenses ul {
position: relative;
margin-bottom: 10px;
margin-top: 0px;
}
.hotel-box .hotel-name span:nth-child(2) {
margin-left: 52px;
}
.hotel-box figure {
padding-left: 52px;
}
/*.column-2 > .gallery.level-3 > .description {*/
/*height: 90px;*/
/*line-height: 90px;*/
/*margin-bottom: -4px;*/
/*}*/
.column-2 .gallery .description .date {
bottom: 0;
font-size: 13px;
margin-left: 70px;
margin-top: -6px;
position: relative;
text-align: right;
width: 100%;
}
.ico-level + h1 {
padding-left: 0;
}
.gallery .ico-level + h1 {
padding-left: 36px;
}
.container.fixed header {
/*margin-bottom: 1264px;*/
}
.container.fixed .content,
.container.fixed footer {
/*display: none;*/
}
.column-1.fixed header .box-menu,
.container.fixed header .box-menu,
.column-1.fixed_height header .box-menu
.container.fixed_height header .box-menu {
height: auto;
}
.column-1.fixed-2,
.container.fixed-2 {
margin-bottom: 0 !important;
min-height: 100vh;
overflow: auto;
margin-bottom: 0 !important;
}
.container.fixed-2 .content,
.container.fixed-2 footer,
.container.fixed-2 .nav-bar,
.fixed-2 .column-2 {
display: none;
margin: 0 !important;
}
.column-2 .description + section.list {
padding-top: 23px;
}
.list .unit .img {
margin-top: 12px;
margin-bottom: 13px;
}
header .box-menu,
header .lang-box{
padding-left: 9px;
padding-right: 9px;
}
header .box-menu .list-menu {
padding-right: 0;
padding-bottom: 20px;
position: relative;
}
header .box-menu .list-menu:nth-child(5) {
margin-top: 0;
}
header .box-menu .list-menu p {
font-size: 19px;
padding-bottom: 9px;
border-bottom: 1px solid #000000;
margin-bottom: 19px;
}
header .box-menu .list-menu > .mob-btn {
display: block;
position: absolute;
right: -9px;
top: 0;
border-radius: 5px;
cursor: pointer;
width: 30px;
height: 30px;
padding-left: 10px;
}
header .box-menu .list-menu > .mob-btn:before,
header .box-menu .list-menu > .mob-btn:after{
content: "";
position: absolute;
display: block;
height: 3px;
width: 13px;
background: #7e8490;
right: 19px;
top: 5px;
border-radius: 5px;
}
header .box-menu .list-menu > .mob-btn:after {
width: 3px;
height: 13px;
right: 24px;
top: 0;
}
header .box-menu .list-menu.active .mob-btn:after {
background: transparent;
}
header .box-menu .list-menu ul {
margin-bottom: 0;
display: none;
margin-top: 8px;
}
header .box-menu .list-menu.active ul {
display: block;
}
header .box-menu .list-menu ul li a {
font-size: 17px;
}
header .box-menu .list-menu ul li {
padding-bottom: 7px;
}
header .box-menu .list-menu ul li:last-child {
padding-bottom: 0px;
}
header .box-menu .list-menu:nth-child(5) {
margin-top: 0px;
}
.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
margin: 0 auto;
-ms-touch-action: pan-y;
}
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap > li {
float:left;
width:100%;
position: relative;
min-height: 190px;
}
.graphic li .graphic-block {
margin: 0 auto;
float: none !important;
}
#paginations {
width: 45px;
display: block;
margin: 3px auto 0;
}
#paginations li {
width: 7px;
display: inline-block;
position: relative;
height: 7px;
margin: auto;
opacity: 0.85;
background: #FFFFFF;
border-radius: 50px;
-ms-border-radius: 50px;
margin-right: 2px;
margin-left: 2px;
}
#paginations li.on {
width: 7px;
display: inline-block;
position: relative;
height: 7px;
margin: auto;
border: 1px solid #fff;
border-radius: 50px;
-ms-border-radius: 50px;
opacity: 0.85;
background: transparent;
top: 1px;
margin-right: 1px;
margin-left: 1px;
}
.content.home .list .unit,
.content.home .list .unit:nth-child(2n + 1),
.content.home .list .unit:nth-child(2n + 2){
width: 100%;
padding-right: 0;
padding-left: 0;
margin-bottom: 3px;
}
.column-1 .home.content {
padding-top: 23px;
}
.licenses h2 {
padding-top: 24px;
}
footer > div {
padding-top: 21px;
}
footer {
padding-bottom: 8px;
box-sizing: border-box;
}
.column-1.fixed,
.column-2.fixed{
position: fixed;
}
.filtrs.hiden {
border-bottom: 0;
}
.level {
height: auto;
}
.filter-years ul li,
.anchors ul li {
padding-bottom: 5px;
}
.hide footer {
z-index: 10;
}
.search-block {
padding: 0 9px;
opacity: 1;
}
.search-block .list {
z-index: 2;
position: relative;
margin-top: 29px;
}
.search-block .list .unit {
margin-bottom: 7px;
}
.news-list.sale {
height: auto;
}
header .box-menu .list-menu > a {
font-size: 17px;
}
.column-1.fixed header {
position: fixed;
}
.gallery .description h1 {
padding-bottom: 0;
}
.column-2 .gallery.no-line .description h1 {
padding-right: 70px;
}
.column-2 .gallery .description .date {
margin-left: 0;
margin-top: 10px;
}
.home-banner {
margin-bottom: 23px;
margin-top: 14px;
}
.home .banner .figcaption {
margin-top: 3px;
}
.home .banner .figcaption .orange-bg {
line-height: 19px;
padding-top: 6px;
padding-bottom: 3px;
}
.work-page .description h1 {
padding-right: 70px;
}
header .box-menu .list-menu > a {
font-size: 13px;
}
.box-menu.scroll,
.lang-nav.scroll{
min-height: 100vh;
min-height: calc(100vh - 72px);
}
.lang-box.right {
display: block;
float: right;
margin: 1px 0 0;
max-width: 25px;
}
.lang-box a {
display: block;
width: 25px;
margin: 0 !important;
padding: 0 !important;
height: 17px;
}
.lang-box a.rus-lang {
background-position: 8px 3px;
}
.lang-box a.thai-lang {
background-position: -29px 3px;
}
.lang-box a.china-lang {
background-position: -57px 3px;
width: 20px;
left: 5px;
}
.lang-box a.eng-lang {
background-position: -81px 2px;
}
.cn header .box-menu .list-menu > a, .en header .box-menu .list-menu > a {
display: block;
}
/*.cn .licenses,*/
/*.en .licenses {*/
/*margin-bottom: -54px;*/
/*}*/
#popup_text .popup {
width: 300px;
height: 200px;
}
.lang-box.right-2 {
display: block;
cursor: pointer;
margin-top: 25px;
right: 0;
}
.lang-box.right-2 span {
position: relative;
color: #FFFFFF;
display: none;
font-size: 11px;
}
.lang-box.right-2 span.cn {
/*font-size: 12px;*/
}
.lang-box.right-2 span.active {
display: inline-block;
width: 25px;
}
.lang-box.right-2 span:before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 3.5px 0 3.5px;
border-color: #ffffff transparent transparent transparent;
left: -11px;
top: 6px;
}
.lang-box.right-2.active span:before {
border-width: 0 3.5px 4px 3.5px;
border-color: transparent transparent #ffffff transparent;
}
.lang-nav.active {
display: block;
}
.lang-box.right {
display: none;
}
.lang-nav.scroll.active a {
display: inline-block;
width: 100%;
text-align: center;
text-decoration: none;
color: #000;
font-size: 18px;
margin-bottom: 32px;
}
.lang-nav.scroll.active a.active,
.lang-nav.scroll.active a:hover{
color: #8B3CBA;
}
.lang-nav.scroll {
padding-top: 70px;
}
.concierge .blur-text .figcaption p {
color: #000000;
padding-left: 9px;
font-size: 22px;
}
.concierge .cons-list {
margin-top: 0;
}
.concierge .box-3 .blur-text,
.concierge .box-3 .blur-text .figcaption {
height: auto;
}
.concierge .cons-list li {
width: 100%;
}
.coordinators.list .unit .img {
height: 72px;
width: 72px;
}
.coordinators.list .unit {
margin-bottom: 14px;
min-height: 48px;
padding-left: 80px;
}
.column-2 .coordinators.list .unit {
padding-left: 0;
}
.grid-partners div{
width: 50%;
}
#sh_button{
top:90% !important;
}
.sh_title_text{
display: none !important;
}
.sh_btn_left, .sh_btn_right{
min-height: 27px !important;
}
.column-1 .content nav{
padding-bottom: 0;
}
.column-1 nav li {
width: 33.33%;
padding-bottom: 10px;
}
.column-1 nav.nav-coord li a{
padding: 90px 0 10px;
}
.column-1 .content nav li:nth-child(4){
clear: both;
}
.column-1 .content nav .lamp, .column-1 .content nav:after{
display: none;
}
.contacts .logo.mice{
margin: 0;
}
.contacts .logo.mice:before{
top: 0;
}
.content.home section.video figure:nth-child(2n+2){
margin-left: 0;
}
.home-page .hot-line {
top: 6px;
}
.go-online {
position: relative;
top: 0;
margin: 0 auto 15px !important;
float: none !important;
}
.column-2 .contacts article section figure h3 {
line-height: normal;
}
.contacts p span.dib + .dib {
margin-left: 0;
width: 100%;
}
}
@media screen and (max-width: 665px) and (min-width: 630px) {
.hotels .filter-list, .villas .filter-list{
min-width: 138px !important;
}
}
@media screen and (max-width: 480px) {
footer .soc-btn {
width: 100%;
padding-bottom: 23px;
}
footer button.btn-custom {
float: left;
margin-bottom: 21px;
}
.nav-4 span:first-child{
display: none;
}
.nav-4 span:last-child{
display: block;
}
#popup_enter .popup {
height: 405px;
}
.grid-partners div{
width: 240px;
float: none;
margin: 0 auto;
}
}
* {
-webkit-text-size-adjust: none;
outline: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
@media screen and (max-width: 372px) {
.licenses li {
width: 50%;
position: relative;
}
.licenses .lic-10 {
margin-left: 0;
}
.lic-10:before {
background-position: -885px 0 !important;
}
.video.size1 iframe {
display: block;
height: 222px;
width: 100%;
}
.licenses li:nth-child(9) span,
.licenses li:last-child span{
top: -35% !important;
}
.licenses li:last-child {
width: 100%;
display: inline-flex;
float: left;
margin: 0 auto;
}
.licenses li img {
margin: auto;
max-width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.active.box-1 .blur-text > span,
.box-1:hover .blur-text > span,
/*.box-2:hover .blur-text > span,*/
.box-3:not(.lux, .mice, .travel):hover .blur-text > span,
.box-4:hover .blur-text > span,
.box-1.active .blur-text > span{
background: #ffa11c !important;
opacity: 1 !important;
}
.container.blur {
background: #FFFFFF;
opacity: 0.5;
}
.licenses li img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* хак только для IE8 Only */
.column-2 .content.home figure h3 {
width: auto;
}
.column-2 .content .box-3 .blur-text span,
.column-2 .box-3.travel .blur-text span,
.column-2 .box-3.lux .blur-text span,
.column-2 .box-3.mice .blur-text span{
background-color: #000000 !important;
opacity: 0.5 !important;
background-image: none !important;
}
/* стили только для IE10 */
.ie .blur-text > span {
background: #FFFFFF !important;
opacity: 0.7;
}
.ie *[class*='box-'].active .blur-text > span {
background-color: #AE3FD9 !important;
}
}
@media print {
.column-1,
.back_level,
a.ico-print,
.social,
.map-btn,
.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play,
.column-1 nav li a:before,
.virtual-map .ico:before,
.pubble,
.hotel-name .ico:before,
.designation p.road:before,
.designation p.beach:before,
.btn-custom,
.designation,
.column-2:before,
.wrap:before {
display: none !important;
}
.column-2 {
right: 0;
left: 0;
top: 0;
bottom: 0;
position: relative;
margin: auto;
}
}
.container.blur{
-webkit-transition: all 2500ms ease 300ms;
/*-moz-transition: all 3s ease 0.5s;*/
-ms-transition: all 2500ms ease 300ms;
-o-transition: all 2500ms ease 300ms;
transition: all 2500ms ease 300ms;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
-webkit-transform: translate3d(0, -3000px, 0);
-moz-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
-o-transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
-o-transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
-o-transform: translate3d(0, -10px, 0);
}
90% {
/*transform: translate3d(0, 5px, 0);*/
/*-webkit-transform: translate3d(0, 5px, 0);*/
/*-moz-transform: translate3d(0, 5px, 0);*/
/*-ms-transform: translate3d(0, 5px, 0);*/
/*-o-transform: translate3d(0, 5px, 0);*/
}
100% {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.855, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.855, 1.000);
-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.855, 1.000);
-ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.855, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.855, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
-webkit-transform: translate3d(0, -3000px, 0);
-moz-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
-o-transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
-o-transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
-o-transform: translate3d(0, -10px, 0);
}
90% {
/*transform: translate3d(0, 5px, 0);*/
/*-webkit-transform: translate3d(0, 5px, 0);*/
/*-moz-transform: translate3d(0, 5px, 0);*/
/*-ms-transform: translate3d(0, 5px, 0);*/
/*-o-transform: translate3d(0, 5px, 0);*/
}
100% {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
}
.popup-bg .popup {
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: auto !important;
position: absolute !important;
}
.popup-bg.popup_enter .popup {
-webkit-animation: bounceInDown;
-moz-animation: bounceInDown;
-o-animation: bounceInDown;
animation: bounceInDown;
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
animation-name: bounceInDown;
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-duration: 1500ms;
-moz-animation-duration: 1500ms;
animation-duration: 1500ms;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
.out .container{
-webkit-transition: all 2500ms ease 300ms;
/*-moz-transition: all 3s ease 0.5s;*/
-ms-transition: all 2500ms ease 300ms;
-o-transition: all 2500ms ease 300ms;
transition: all 2500ms ease 300ms;
}
@-webkit-keyframes bounceOutDown {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
60% {
transform: translate3d(0, -10px, 0);
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
-o-transform: translate3d(0, -10px, 0);
}
75% {
opacity: 1;
transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
-o-transform: translate3d(0, 25px, 0);
}
100% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
-webkit-transform: translate3d(0, -3000px, 0);
-moz-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
-o-transform: translate3d(0, -3000px, 0);
}
90% {
/*transform: translate3d(0, 5px, 0);*/
/*-webkit-transform: translate3d(0, 5px, 0);*/
/*-moz-transform: translate3d(0, 5px, 0);*/
/*-ms-transform: translate3d(0, 5px, 0);*/
/*-o-transform: translate3d(0, 5px, 0);*/
}
}
@keyframes bounceOutDown {
0%, 60%, 75%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.855, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.855, 1.000);
-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.855, 1.000);
-ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.855, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.855, 1.000);
}
0% {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
60% {
transform: translate3d(0, -10px, 0);
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
-o-transform: translate3d(0, -10px, 0);
}
75% {
opacity: 1;
transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
-o-transform: translate3d(0, 25px, 0);
}
100% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
-webkit-transform: translate3d(0, -3000px, 0);
-moz-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
-o-transform: translate3d(0, -3000px, 0);
}
}
.out #popup_enter .popup {
-webkit-animation: bounceOutDown;
-moz-animation: bounceOutDown;
-o-animation: bounceOutDown;
animation: bounceOutDown;
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
animation-name: bounceOutDown;
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-duration: 1500ms;
-moz-animation-duration: 1500ms;
animation-duration: 1500ms;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}