.waves:before {
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAUCAMAAAC0/pNQAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAzahHMgT58te4sqyjVk0a5t/CXVhSPQvHhng2KiYhDbqVjnFqCBtHzBwAAACzSURBVEjHvdJHDoMwFEVR7NAxmN5L6tv/EpNhFIngytnA1S+OpDUdkr4IfD/ISTLUi2PRq2Y5fuS02hwr0hg7osp4bL0H+MO/zSZrbYxD14upWtZDCEmN1AiEhdrFC4GUsNG6WwlpRPmObgQlZatSmxMoi1zZ2kKhJZYqugm0xZPwT0YwoswEYt4zhDHFozsYjcEwujskr1kAC3xa8e8Feh13m5GFsKigYzPx7dNycK6ze2/8yq+Dtw9JqgAAAABJRU5ErkJggg==) repeat-x;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
    transform: rotate(180deg)
}
.waves:after {
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAUCAMAAAC0/pNQAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAzahHMgT58te4sqyjVk0a5t/CXVhSPQvHhng2KiYhDbqVjnFqCBtHzBwAAACzSURBVEjHvdJHDoMwFEVR7NAxmN5L6tv/EpNhFIngytnA1S+OpDUdkr4IfD/ISTLUi2PRq2Y5fuS02hwr0hg7osp4bL0H+MO/zSZrbYxD14upWtZDCEmN1AiEhdrFC4GUsNG6WwlpRPmObgQlZatSmxMoi1zZ2kKhJZYqugm0xZPwT0YwoswEYt4zhDHFozsYjcEwujskr1kAC3xa8e8Feh13m5GFsKigYzPx7dNycK6ze2/8yq+Dtw9JqgAAAABJRU5ErkJggg==) repeat-x;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 20px;
    bottom: 0;
    left: 0
}
.home-intro {
    padding: 3pc 0
}
.home-intro_section {
}
.home-intro .subheading {
}
.home-intro_text {
    position: relative;
    z-index: 1;
    width: 55%
}
.home-intro_text header {
}
.home-intro_text footer {
    padding-top: 1pc;
    padding-left: 3pc
}
.home-intro_figure {
    position: relative;
    width: 45%;
    padding: 0 0 0 1pc
}
.home-intro_figure figure {
    background: #ffae73;
    border-radius: 4px;
    overflow: hidden
}
.home-intro_figure img {
    width: 100%;
    opacity: .8;
    transition: all ease 250ms
}
.home-intro_figure a:hover ~ figure img {
    opacity: .6;
    transition: all ease 250ms
}
.home-intro_figures figcaption {
    display: none
}
.home-intro_tour {
    z-index: 2;
    left: 1pc;
    cursor: pointer
}
.home-intro_tour .button {
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -90px;
    position: absolute;
    z-index: 3
}
.home-intro_tour:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 3px
}
.home-facilities {
    padding: 4pc 0 2pc;
    text-align: center;
    position: relative;
    background: #fff
}
.home-facilities_section {
    position: relative;
    z-index: 4
}
.home-facilities ul {
    font-size: 0
}
.home-facilities li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    cursor: default;
    position: relative;
    width: 130px;
    color: #fff !important;
    transform: translateY(0px);
    transition: all ease 150ms
}
.home-facilities li:hover {
    transform: translateY(-10px);
    transition: all ease 150ms
}
.home-facilities li span {
    position: relative;
    display: block;
    line-height: 85px;
    margin: 0 auto
}
.home-facilities li span img {
    max-width: 52px;
    font-weight: 400;
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle
}
.home-facilities li p {
    margin-top: .5em;
    padding-bottom: 2pc;
    font-weight: 700;
    color: #545a6a;
    line-height: 1.2
}
.home-proposal {
    padding: 3pc 0 0;
    position: relative;
    background: #f4fbff;
    overflow: hidden
}
.home-proposal_header {
    position: relative;
    z-index: 2
}
.home-proposal_section {
    z-index: 1
}
.home-proposal_section:last-of-type {
    margin-top: -4pc
}
.home-proposal_text {
    padding: 0 1.5pc 4pc 105px;
    font-size: 15px;
    line-height: 23px
}
.home-proposal h3 {
    position: relative;
    padding-top: 1em;
    padding-bottom: 1em
}
.home-proposal_icon {
    position: absolute;
    left: -84px;
    width: 64px;
    height: 64px;
    line-height: 1;
    color: #46b7df;
    font-size: 38px;
    font-weight: 300;
    border: 1px solid currentColor;
    border-radius: 6px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-proposal_icon img{
    width: 38px;
}
.home-proposal p {
    padding-left: 6px
}
.home-proposal_figure {
}
.home-proposal_imgone {
    position: absolute;
    width: 825px;
    right: 0;
    bottom: -200px;
    max-width: initial
}
.home-proposal_imgtwo {
    position: absolute;
    width: 869px;
    left: 0;
    bottom: 0;
    max-width: initial
}
.home-apartments {
    padding: 3pc 0 0;
    background: #fff6d1 url(../img/home-apartments-bg.jpg) no-repeat top center;
    position: relative
}
.home-apartments:before {
    content: '';
    position: absolute;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffe573', endColorstr='#00ffe573', GradientType=0);
    left: 0;
    top: 0;
    right: 0;
    bottom: 50%
}
.home-apartments:after {
    content: '';
    position: absolute;
    z-index: 2;
    background: url(../img/bg/stripes-grey.png);
    opacity: .5;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.home-apartments .subheading {
    padding-top: 6px
}
.home-apartments_section {
    position: relative;
    padding-bottom: 2pc;
    z-index: 4
}
.home-apartments_items {
    margin-left: -20px;
    margin-right: -20px
}
.home-apartments_item {
    padding: 0 20px 40px
}
.home-apartments_card {
    background: #f4fbff;
    border-radius: 4px;
    overflow: hidden
}
.home-apartments_figure {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden
}
.home-apartments_figure figure {
    width: 100%
}
.home-apartments_figure a {
    text-indent: -100vw;
    transition: all ease 250ms
}
.home-apartments_figure figcaption {
    text-indent: -100vw;
    position: absolute
}
.home-apartments_figure img {
    width: 100%;
    transition: all ease 150ms
}
.home-apartments_item header {
    background: #fff;
    padding: 1.25pc 0
}
.home-apartments_item h3 {
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    padding: 0 0 .25pc;
    margin-top: 0;
}
.home-apartments_item h3 a {
    color: #646a7b;
    position: relative;
    z-index: 2;
    display: block;
    transition: all ease 200ms
}
.home-apartments_item h3 + p {
    font-size: 14px;
    color: #ff9140;
    text-align: center;
    line-height: 1;
    padding: 0
}
.home-apartments_params {
    font-size: 0;
    padding: 1.25pc 1.5pc
}
.home-apartments_params li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 25%;
    font-size: 13px;
    line-height: 1.2;
    min-height: 70px;
    color: #515c6d
}
.home-apartments_icon {
    display: block;
    font-size: 30px
}
.home-apartments_icon img{
    width: 30px;
}
.home-apartments_item footer {
    padding: 0 1.5pc 1.5pc;
    text-align: center;
    vertical-align: middle;
    transition: all linear 100ms
}
.home-apartments_price {
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    border: 1px solid rgba(100, 106, 123, .5);
    border-radius: 4px;
    background: 0 0;
    padding: 0 1.5em;
    color: #515c6d;
    font-size: 13px;
    font-weight: 300
}
.home-apartments_item .button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5pc;
    line-height: 38px;
    border-radius: 4px;
    background: #46b7df;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: none
}
.home-apartments_figure:hover img {
    transform: scale(1.08);
    transition: all ease 150ms
}
.home-apartments_item .button:hover {
    background: #f98632;
    text-shadow: none
}
.home-apartments_item h3:hover a {
    color: #fd7919;
    transition: all ease 200ms
}
.home-apartments_buttons {
    position: absolute;
    bottom: -27.5px;
    width: 100%;
    text-align: center
}
.home-apartments_buttons .button {
}
.section-videotour {
    position: relative;
    padding: 7pc 0;
    background: #29477f url(../img/section-videotour-bg.jpg) no-repeat 50% 50%
}
.section-videotour:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent url(../img/bg/stripes-dark.png)
}
.section-videotour_section {
    position: relative;
    z-index: 2
}
.section-videotour_text {
    text-align: center
}
.section-videotour_icon {
    display: block;
    margin: 0 auto;
    width: 72px;
    height: 72px;
    background: url('../img/icon-videotour.png') no-repeat 50% 50%
}
.section-videotour_text h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.5
}
.section-videotour_text h2 + p {
    color: #f97251;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.015em;
    padding-bottom: 2em
}
.section-videotour_text .button {
}
.section-videotour_logo {
    position: absolute;
    right: 0;
    bottom: -86px;
    display: block;
    width: 263px;
    height: 70px;
    background: url('../img/logo-videotour.png') no-repeat 50% 50%
}
.home-children {
    position: relative;
    z-index: 2;
    padding: 4pc 0 0
}
.home-children_section {
}
.home-children_flex {
}
.home-children_text {
    font-size: 15px;
    line-height: 23px;
    width: 55%;
    padding-right: 5%
}
.home-children_slider {
    width: 45%;
    max-width: 586px
}
.home-children_slides {
}
.home-children_slide {
}
.home-children_slide figure {
    border-radius: 4px;
    overflow: hidden
}
.home-children_slide figure img {
}
.home-children_nav {
    text-align: center;
    padding-top: 1.5pc
}
.home-children_dot {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fd7919;
    overflow: hidden;
    text-indent: -150%;
    cursor: pointer
}
.home-children_dot.tns-nav-active {
    background: #46b7df;
    cursor: default
}
.home-children_icons {
    padding: 50px 40px 0
}
.home-children_list {
    position: relative;
    background: #f97251;
    background: -moz-linear-gradient(top, #f97251 0%, #fd9549 100%);
    background: -webkit-linear-gradient(top, #f97251 0%, #fd9549 100%);
    background: linear-gradient(to bottom, #f97251 0%, #fd9549 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f97251', endColorstr='#fd9549', GradientType=0);
    box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    color: #fff
}
.home-children_list:before, .home-children_list:after {
    content: '';
    background: transparent url(../img/bg/stripes.png);
    position: absolute;
    z-index: 1;
    left: 18px;
    top: 18px;
    right: 18px;
    bottom: 18px
}
.home-children_list ul {
    font-size: 0;
    text-align: center;
    padding: 3pc 2pc
}
.home-children_list ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    width: 14.28%
}
.home-children_list ul li span {
    display: block;
    font-size: 48px;
    line-height: 1;
    margin-bottom: 1.25pc
}
.home-children_list img{
    width: 48px;
}
.section-tours {
    padding: 1pc 0 5pc;
    position: relative;
    z-index: 1;
    background: #46b7df
}
.section-tours__home {
    margin-top: -100px;
    padding-top: 116px
}
.section-tours_pattern {
}
.section-tours:before {
    content: '';
    background: url(../img/bg/stripes.png), url(../img/bg/stripes.png);
    position: absolute;
    z-index: 1;
    left: 18px;
    top: 18px;
    right: 18px;
    bottom: 0
}
.section-tours:after {
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAUCAMAAAC0/pNQAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAzahHMgT58te4sqyjVk0a5t/CXVhSPQvHhng2KiYhDbqVjnFqCBtHzBwAAACzSURBVEjHvdJHDoMwFEVR7NAxmN5L6tv/EpNhFIngytnA1S+OpDUdkr4IfD/ISTLUi2PRq2Y5fuS02hwr0hg7osp4bL0H+MO/zSZrbYxD14upWtZDCEmN1AiEhdrFC4GUsNG6WwlpRPmObgQlZatSmxMoi1zZ2kKhJZYqugm0xZPwT0YwoswEYt4zhDHFozsYjcEwujskr1kAC3xa8e8Feh13m5GFsKigYzPx7dNycK6ze2/8yq+Dtw9JqgAAAABJRU5ErkJggg==) repeat-x;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 20px;
    bottom: 0;
    left: 0
}
.section-tours_header {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 3pc 0 2pc
}
.section-tours_header h2 {
    color: #434c64
}
.section-tours_header .subheading {
    color: #fff;
    padding-bottom: 1pc
}
.section-tours_header .subheading:before {
    background-position: right top
}
.section-tours_text {
    width: 680px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 15px;
    line-height: 23px;
    color: #515c6d
}
.section-tours_items {
    z-index: 5
}
.section-tours_item {
    position: relative;
    width: 586px;
    max-width: 48%;
    max-width: calc(50% - 2pc);
    margin: 0 auto;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, .08)
}
.section-tours_item figure {
}
.section-tours_item figure img {
    transition: all ease 200ms
}
.section-tours_item__3dtour {
    background: #414a68
}
.section-tours_item__3dtour:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(70, 183, 223, 0.8) 0%, rgba(70, 183, 223, 0.1) 50%, rgba(70, 183, 223, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(70, 183, 223, 0.8) 0%, rgba(70, 183, 223, 0.1) 50%, rgba(70, 183, 223, 0) 100%);
    background: linear-gradient(to bottom, rgba(70, 183, 223, 0.8) 0%, rgba(70, 183, 223, 0.1) 50%, rgba(70, 183, 223, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc46b7df', endColorstr='#0046b7df', GradientType=0)
}
.section-tours_item__3dtour:hover figure img {
    opacity: .8;
    transition: all ease 200ms
}
.section-tours_item__webcams {
    background: #ff986c
}
.section-tours_item__webcams:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffe573', endColorstr='#00ffe573', GradientType=0)
}
.section-tours_item__webcams figure img {
    opacity: .8
}
.section-tours_item__webcams:hover figure img {
    opacity: .6;
    transition: all ease 200ms
}
.section-tours_link {
    z-index: 3;
    text-align: center
}
.section-tours_link .button {
    top: 50%;
    margin-top: -25px;
    padding: 0 2em;
    overflow: hidden;
    z-index: 3;
    position: relative
}
.section-tours_link:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 3px
}
.section-photos {
    padding: 4pc 0
}
.section-photos_section {
    padding: 0 !important;
}
.section-photos_items {
    margin-left: -1pc;
    margin-right: -1pc
}
.section-photos_item {
    position: relative;
    padding: 0 1pc 2pc
}
.section-photos_item figure {
    z-index: 1;
    background: #ff986c;
    border-radius: 4px;
    overflow: hidden
}
.section-photos_item figure img {
    width: 100%;
    opacity: 1;
    transition: all ease 150ms
}
.section-photos_link {
    z-index: 2;
    left: 1pc;
    right: 1pc;
    bottom: 2pc
}
.section-photos_link:hover + figure img {
    opacity: .8;
    transform: scale(1.08);
    transition: all ease 150ms
}
.section-photos_icon {
    width: 48px;
    height: 48px;
    display: block;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin-left: -24px;
    margin-top: -24px;
    color: #f98632;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
    opacity: 0;
    transform: translateY(24px) scale(.5);
    transition: all ease 150ms
}
.section-photos_link:hover .section-photos_icon {
    opacity: 1;
    transform: translateY(0px) scale(1);
    transition: all ease 150ms
}
.section-contacts {
    margin-bottom: 1pc
}
.section-contacts_iframe {
    background: #aadaff;
    height: 520px;
    position: relative
}
.section-contacts_iframe iframe {
    width: 100%;
    height: 520px;
    position: relative;
    z-index: 3
}
.sidebar {
    padding-top: 2.25pc
}
.sidebar__small {
    padding-top: 3pc;
    padding-bottom: 1pc;
    margin-left: 2pc;
    margin-right: 1pc
}
.aside-widget {
    padding: 0 0 2pc;
    position: relative
}
.aside-widget h4 {
    font-size: 22px
}
.aside-slides_wrapper {
    position: relative;
    overflow: hidden
}
.aside-slides {
    position: relative;
    z-index: 1
}
.aside-slide {
    position: relative
}
.aside-slide_text {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: .5pc;
    color: #fff
}
.aside-slide h4 {
    color: #fff;
    font-size: 22px;
    padding: 1.25em 0 .25em
}
.aside-slide h4 + p {
    font-size: 16px
}
.aside-slide .button {
    margin-top: 1pc;
    min-width: 0;
    line-height: 42px;
    padding: 0 2em
}
.aside-slide:hover .button {
    background: #fff;
    color: #545a6a
}
.aside-slide figure {
    background: #545a6a;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 1
}
.aside-slide figure img {
    opacity: .25
}
.aside-slide figure figcaption {
}
.aside-slide_link {
    z-index: 3
}
.aside-slide_link:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 3px
}
.aside-slides_dots {
    position: absolute;
    z-index: 2;
    width: 6pc;
    left: 50%;
    margin-left: -3pc;
    bottom: 1pc;
    text-align: center;
    line-height: 1pc
}
.aside-slides_dots button {
    display: inline-block;
    vertical-align: middle;
    text-indent: -150%;
    overflow: hidden;
    cursor: pointer;
    width: 1pc;
    height: 1pc;
    background: #fff;
    margin: 0 1px;
    border-radius: 50%;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15)
}
.aside-slides_dots button.tns-nav-active {
    background: #fd7919
}
.aside-rooms {
    background: #f4fbff;
    border-radius: 4px;
    overflow: hidden
}
.aside-rooms header {
    background: #46b7df url(../img/bg/stripes.png)
}
.aside-rooms h4 {
    font-size: 22px;
    text-align: center;
    color: #fff;
    padding: 1.25pc;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1)
}
.aside-rooms ul {
}
.aside-rooms ul li {
    border-top: 1px solid #46b7df29
}
.aside-rooms ul li a {
    display: block;
    padding: .5em 2em;
    color: #545a6a;
    font-size: 15px;
    font-weight: 400
}
.aside-rooms ul li a:hover {
    background: #46b7df29
}
.aside-rooms ul li:last-child a {
    padding: .75em 2em;
    font-weight: 700;
    background: #46b7df29;
    text-transform: uppercase
}
.aside-buttons {
    text-align: center
}
.aside-buttons .button:hover {
}
.article .room-heading {
    position: relative;
    margin-top: 2pc !important
}
.article .room-heading:before {
    content: "\f105";
    font-family: Flaticon-misc;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    top: -1pc;
    left: -84px;
    width: 64px;
    height: 64px;
    line-height: 62px;
    color: #46b7df;
    background: #f4fbff;
    font-size: 38px;
    border: 1px solid currentColor;
    border-radius: 6px;
    text-align: center
}
.article .room-params {
    max-width: 100% !important;
    padding: 2pc 1pc !important;
    margin-bottom: 1pc;
    display: flex
}
.article .room-params li {
    padding: 0 !important;
    width: 25%;
    text-align: center
}
.article .room-params li:before {
    display: none;
}
.article .room-params li span {
    width: 48px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1pc
}
.room-gallery {
}
.room-gallery ul {
    max-width: 100%;
    height: 420px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 1pc
}
.room-gallery ul li:before {
    content: none
}
.room-gallery ul li {
    height: inherit;
    padding: 0
}
.room-gallery ul li figure {
    height: inherit;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative
}
.room-gallery ul li figure figcaption {
    position: absolute;
    left: calc(8pc + 1px);
    bottom: 1.5pc;
    background: #fff;
    padding: .2em 1em;
    font-family: fregat;
    font-style: italic;
    border-radius: 4px
}
.room-gallery ul li a {
    width: 100%
}
.room-gallery ul li a img {
    width: 100%;
    height: auto
}
.featherlight .caption {
    position: absolute;
    left: 1.5pc;
    bottom: 1.5pc;
    background: #fff;
    padding: .2em 1em;
    font-family: fregat;
    font-style: italic;
    border-radius: 4px
}
.room-gallery-thumbs {
}
.room-gallery-thumbs ul {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0 0 1pc
}
.room-gallery-thumbs ul li {
    padding: 0;
    width: calc((100% - 112px) / 8);
    margin-right: 1pc;
    margin-bottom: 1pc;
    max-height: 68px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 5px 20px 0 transparent;
    opacity: .7;
    filter: grayscale(.8);
    transition: all ease 200ms
}
.room-gallery-thumbs ul li:hover, .room-gallery-thumbs ul li.tns-nav-active {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .09);
    filter: grayscale(0);
    opacity: 1;
    transition: all ease 200ms
}
.room-gallery-thumbs ul li:nth-of-type(8n) {
    margin-right: 0
}
.room-gallery-thumbs ul li:before {
    content: none
}
.room-gallery-thumbs ul li figure {
    position: relative;
    cursor: pointer
}
.room-gallery-thumbs img {
    height: auto
}
.article .cafe-heading {
    border-bottom: 3px solid #46b7df;
    margin-bottom: 1.5pc
}
.article .cafe-heading strong {
    float: right
}
.article .cafe-list {
    max-width: 100%;
    padding-left: 0
}
.article .cafe-list li {
    position: relative;
    font-weight: 700;
    line-height: 1.2;
    min-height: 2.5pc;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 2pc;
    padding-left: 3.5pc;
    background: transparent;
    transition: background ease 150ms
}
.article .cafe-list li:hover {
    background: rgba(255, 246, 209, .6);
    transition: background ease 150ms
}
.article .cafe-list li:before {
    top: 13px;
    left: 24px
}
.article .cafe-list li em {
    display: block;
    font-weight: 400;
    padding-top: 4px;
    font-style: normal;
    font-family: Fregat;
    font-size: 14px;
    color: #646a7b
}
.article .cafe-list li strong {
    position: absolute;
    right: 2pc;
    top: 50%;
    margin-top: -12px;
    font-weight: 600;
    font-size: 18px;
    font-family: fregat;
    font-style: italic
}
.gallery {
    padding: 2pc 0 3pc;
}
.gallery-items {
    padding: 2pc 0 0
}
.gallery-item {
}
.photos {
}
.photos > figure {
}
.photos ul {
    max-width: 100% !important;
    padding: 0 !important;
}
.photos ul li {
    padding: 0 2px 2px 0 !important;
    margin: 0 !important;
    width: 25% !important;
}
.photos ul li:before {
    display: none;
}
.photos ul li figure {
    position: relative;
    background: #ff986c;
    border-radius: 4px;
    overflow: hidden
}
.photos ul li figure a {
    display: block;
    background: 0 0;
    overflow: hidden
}
.photos ul li figure a img {
    transform: scale(1);
    opacity: 1;
    filter: grayscale(0);
    transition: all ease 250ms
}
.photos ul li figure a:hover img {
    opacity: .8;
    transform: scale(1.08);
    transition: all ease 150ms
}
.photos ul li figure figcaption {
    background: #fff !important;
    color: #595350 !important;
    font: 400 14px/24px 'Raleway';
    padding: 5px 1em !important;
    width: auto !important;
    left: auto;
    right: 1px;
    bottom: 1px !important;
    pointer-events: none;
    position: absolute;
    line-height: 1.2 !important;
}
.news {
}
.news_item {
    position: relative
}
.news_figure {
    position: relative;
    background: #ff986c;
    border-radius: 5px;
    overflow: hidden
}
.news_figure:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 3px
}
.news_figure img {
    opacity: 1;
    transform: scale(1);
    transition: all ease 250ms
}
.news_item:hover img {
    opacity: .8;
    transform: scale(1.08);
    transition: all ease 250ms
}
.news_text {
    background: rgba(255, 255, 255, .99);
    padding: 1.5pc 1pc 2pc;
    border-radius: 4px;
    transition: all ease 250ms
}
.news_text h2 {
    padding: 0 0 1pc;
    margin: 0;
    font-size: 22px
}
.news_text h2 + p {
    line-height: 1.2;
    padding-bottom: 1pc
}
.news_date {
    line-height: 1;
    opacity: .7
}
.news_link {
    z-index: 3
}
.aside-articles {
    padding-top: 1pc
}
.aside-articles > header {
    padding-bottom: 2pc;
    text-align: center
}
.aside-article {
    position: relative;
    margin-bottom: .5pc;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
    transition: all ease 150ms
}
.aside-article:hover {
    background: #46b7df29;
    transition: all ease 150ms
}
.aside-article_figure {
    float: left;
    width: 6pc;
    height: 6pc;
    margin-right: 1pc;
    border-radius: 3px;
    overflow: hidden;
    position: relative
}
.aside-article_figure:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 6px;
    right: 6px;
    top: 6px;
    bottom: 6px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 3px
}
.aside-article_figure img {
    width: initial;
    max-width: initial;
    height: 100%;
    opacity: .8;
    transition: all ease 150ms
}
.aside-article:hover img {
    opacity: 1;
    transition: all ease 150ms
}
.aside-article_text {
    padding: 1pc 0
}
.aside-article_text h5 {
    line-height: 1.2;
    padding-bottom: .75pc;
    font-size: 15px;
    font-weight: 700
}
.aside-article_date {
    font-size: 14px;
    line-height: 1
}
.aside-article_link {
    z-index: 2
}
.scroll-to-top {
    position: fixed;
    z-index: 12;
    bottom: -4pc;
    right: 2pc;
    width: 64px;
    height: 64px;
    display: block;
    background: #46b7df;
    border-radius: 4px;
    box-shadow: 5px 5px 10px 0 rgba(91, 57, 58, .2);
    opacity: 0;
    transition: all ease 250ms
}
.scroll-to-top__shown {
    bottom: 2pc;
    opacity: 1;
    transition: all ease 250ms
}
.scroll-to-top:before {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    margin: 28px 24px 0;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-radius: 0 0 2px;
    transform: rotate(45deg);
    transition: all ease 250ms;
    position: relative;
    z-index: 2
}
.scroll-to-top:hover {
    background: #ff9140
}
.site-footer {
    position: relative;
    background: #29477f
}
.site-footer_top {
    padding-top: 4pc;
    padding-bottom: 4pc;
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
    line-height: 24px;
    position: relative;
    z-index: 3
}
.site-footer_desc {
    padding: 0 2pc 0 1pc;
    position: relative
}
.site-footer_logo {
    display: block;
    width: 234px
}
.site-footer_desc p {
    padding-top: 4pc;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, .7)
}
.site-footer_desc .button {
    position: absolute;
    top: 1pc;
    right: 2pc
}
.site-footer_nav {
    padding-left: 2pc;
    padding-right: 2pc
}
.site-footer_nav ul {
    padding-top: 8px
}
.site-footer_nav a {
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 38px
}
.site-footer_nav a:hover {
    text-decoration: underline
}
.site-footer_contacts {
    padding-left: 2pc
}
.site-footer_contacts > a, .site-footer_contacts > p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    display: block;
    padding-bottom: 1.75pc;
    color: #fff
}
.site-footer_contacts a span, .site-footer_contacts p span {
    position: relative;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    margin-left: -24px;
    left: -12px
}
.site-footer_contacts a:hover {
    text-decoration: underline
}
.site-footer_contacts a.site-footer_phone {
    display: block;
    font: 900 22px/24px 'Lato'
}
.site-footer_contacts a.site-footer_phone span {
    font-weight: 400
}
.site-footer_contacts a.site-footer_phone:hover {
}
.site-footer_trip {
    display: inline-block;
    vertical-align: middle
}
.socialWidget.cx_brand_refresh1 .socialWidgetCore.lg {
    width: 48px !important;
    height: 48px !important
}
.socialWidget.cx_brand_refresh1 .socialWidgetCore.lg img {
    width: 48px !important;
    padding: 11px 4px
}
.site-footer_bottom {
    position: relative;
    z-index: 2;
    background: #2a2f41;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1pc;
    padding: 1.5pc 0
}
.site-footer_bottom:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent url(../img/bg/stripes-dark.png)
}
.site-footer_bottom p {
    text-align: center;
    padding-bottom: 0;
    position: relative;
    z-index: 2
}
body .fancybox-close-small{
    line-height: 1;
    height: 48px;
    width: 48px;
    font-size: 24px;
    text-align: center;
    color: #000;
    background: rgba(255,255,255,.75);
    border-radius: 50%;
    transition: all ease 250ms;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    right: -23px;
    top: -25px;
}
body .fancybox-close-small svg{
    display: none;
}
body .fancybox-close-small:before{
    content: "✕";
    display: block;
    line-height: 1;
}
body .fancybox-close-small:hover{
    background-color: #ff9140;
    color: #fff;
    transform: rotate(180deg);
    transition: all ease 250ms;
}
body .fancybox-slide{
    padding-left: 26px;
    padding-right: 26px;
}
.figure-inner{
    overflow: hidden;
}