html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

html {
    font: 16px/1.5 Roboto, Arial, Helvetica, sans-serif;
    background: #F5F5F5;
    color: #2C2C2C;
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    min-width: 320px;
}

#content {
    padding: 56px 0;
    flex: 1 0 0;
}

h1, h2, h3, h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.167;
    margin: 0;
}

h1, .section-header.big {
    font-size: 34px;
    margin: 0 0 24px;
}

.section-header {
    margin: 0 0 16px;
}

h3 {
    font-size: 20px;
    line-height: 1.25;
}

h4 {
    font-size: 16px;
    line-height: 1.5;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .page-section:before, .page-section:after, #header:after, #footer:before, .notification-message:after, .favorites .features:after, .module.placeholder .description:after, .module:before, .module:after, .module-header:after, .chat .message:before, .chat .message:after, .chat .date:before, .chat .date:after, .messengers:after, .social-networks:after, #intro .rooms li:after, .share li:after, .cottage-header .features:after, .reviews-list > li:after, .reviews-list .main:after, .pagination:after, .cottages-filter .rooms li:after, .cottage-form .field > li:after, .cottage-form .section .options:after {
    content: "";
    display: table;
    clear: both;
}

.container {
    width: 100%;
    max-width: 1248px;
    padding: 0 24px;
    margin: 0 auto;
}

.container.wide {
    max-width: 1920px;
}

.page-section {
    padding: 56px 0;
}

.top-gap {
    margin-top: 32px;
}

.bottom-gap {
    margin-bottom: 32px;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

a[href^="tel:"] {
    text-decoration: none;
    white-space: nowrap;
}

a, [data-href] {
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
}

.colored-links a, a.colored, span.colored, .article-content a {
    color: #377F89;
}

.colored-links a:hover, a.colored:hover, .article-content a:hover {
    color: #31636A;
}

.colored-links a.button:not(.alt), .article-content a.button:not(.alt), .article-content a.button:not(.alt):hover {
    color: #fff;
    text-decoration: none;
}

.color-grey {
    color: #BBB;
}

.color-darkgrey {
    color: #808080;
}

.color-red {
    color: #B84747;
}

.color-green {
    color: #1D8449;
}

.color-lightgreen {
    color: #85B499;
}

.color-orange {
    color: #F1994A;
}

.small {
    font-size: 14px;
    line-height: 18px;
}

.large {
    font-size: 20px;
    line-height: 1.2;
}

.bg-accent {
    background: #F1F6F7;
}

img {
    max-width: 100%;
}

.tab:not(.active) {
    display: none;
}

.tab-switcher [data-href] {
    cursor: pointer;
}

hr {
    height: 1px;
    border: 0;
    background: #EDEDED;
    margin: 32px 0;
}

.table-wrapper {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table.auto-width {
    width: auto;
}

.group-data table, .items-table table:not(:last-child), .offers-table table:not(:last-child), .cottage-buildings table {
    border-bottom: 1px solid #EDEDED;
}

th, td {
    padding: 16px 24px;
    vertical-align: middle;
}

th + th, td + td {
    padding-left: 0;
}

th.sort {
    cursor: pointer;
}

th.sort.active:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: url("../img/up.svg") no-repeat;
    margin-left: 6px;
    opacity: .7;
}

th.sort.desc:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

th.sort:hover {
    color: #2C2C2C;
}

th.sort:hover:after {
    opacity: 1;
}

tr {
    border-top: 1px solid #EDEDED;
}

thead tr:first-child, tbody:first-child tr:first-child {
    border-top: 0;
}

tbody {
    font-size: 14px;
    line-height: 18px;
}

.video-wrapper {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-uppercase {
    text-transform: uppercase;
}

.font-bold {
    font-weight: bold;
}

.overflow-hidden {
    overflow: hidden;
}

.nowrap {
    white-space: nowrap;
}

ul, ol, .content-area .list-unstyled {
    list-style: none;
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
}

.article-content h2, .article-content h3 {
    margin: 32px 0 16px;
    text-transform: none;
}

.article-content p, .article-content ul, .article-content ol, .article-content h4 {
    margin: 16px 0;
}

.article-content > :first-child {
    margin-top: 0;
}

.article-content > :last-child {
    margin-bottom: 0;
}

.article-content ol, .article-content ul {
    margin-left: 24px;
    list-style: decimal outside;
}

.article-content ul {
    list-style-type: disc;
}

.article-content .list-unstyled, .article-content .list-inline {
    margin-left: 0;
    list-style: none;
}

.list-inline li {
    display: inline;
}

img {
    max-width: 100%;
}

.slider {
    position: relative;
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-prev, .owl-next {
    font-size: 40px;
    width: 1em;
    height: 1em;
    background: #fff 50% 50% no-repeat;
    border-radius: 50px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    z-index: 51;
    cursor: pointer;
}

.owl-prev.disabled, .owl-next.disabled {
    opacity: 0;
    visibility: hidden;
}

.owl-prev, .pagination .prev:before, .pagination .prev:after {
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.owl-next {
    right: 0;
}

.owl-prev:hover, .owl-next:hover, .lb-prev:hover:after, .lb-next:hover:after {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}

.owl-prev:before, .owl-next:before, .owl-prev:after, .owl-next:after, .pagination .prev:before, .pagination .next:before, .pagination .prev:after, .pagination .next:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../img/arrow-black.svg") 53% 50% no-repeat;
    -webkit-background-size: 7px 12px;
    background-size: 7px 12px;
    position: absolute;
    left: 0;
    top: 0;
}

.owl-prev:after, .owl-next:after, .pagination .prev:after, .pagination .next:after {
    background-image: url("../img/arrow-active.svg");
    opacity: 0;
}

.owl-prev:hover:before, .owl-next:hover:before, .pagination .prev:hover:before, .pagination .next:hover:before {
    opacity: 0;
}

.owl-prev:hover:after, .owl-next:hover:after, .pagination .prev:hover:after, .pagination .next:hover:after {
    opacity: 1;
}

.owl-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 20px;
}

.owl-dots .owl-dot {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ddd;
    margin: 0 4px 8px;
}

.owl-dots .owl-dot:hover, .owl-dots .owl-dot.active {
    background: #377F89;
}

.slider.bottom-controls {
    margin-bottom: 80px;
}

.scrollable {
    overflow: hidden;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    max-height: 100%;
    max-width: 100%;
    outline: none;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_scrollTools {
    width: 4px;
    height: auto;
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 501;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -30px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    height: 100%;
    border-radius: 2px;
    margin: 0 auto;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    border-radius: 2px;
    margin: 0 auto;
    background: #bbb;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background: #808080;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 6px;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: .15s;
    transition: .15s;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools, .reviews .mCSB_scrollTools {
    opacity: 1;
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

label {
    display: block;
}

.button.upload {
    padding: 0;
    margin-bottom: 24px;
}

.button.upload input {
    display: none;
}

.field-label {
    display: block;
    line-height: 1.125;
    margin-bottom: 16px;
    font-weight: 500;
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999
}

.chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(chosen-sprite.png) no-repeat 0 2px
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: 0 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222 !important
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: url(chosen-sprite.png) no-repeat -30px -20px;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] {
        background-image: url(chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

input, textarea, select, .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    background: #fff;
    color: #2C2C2C;
    border: 1px solid #DDD;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
    font-family: inherit;
    font-size: 16px;
    margin: 0 0 24px;
}

.select {
    margin-bottom: 24px;
}

.select select {
    margin-bottom: 0;
}

.chosen-container {
    width: 100% !important;
    font-size: 16px;
}

.chosen-container-multi .chosen-choices {
    height: auto;
    min-height: 40px;
    padding: 4px 44px 0 4px;
    margin: 0;
}

.fixed-height .chosen-container-multi .chosen-choices {
    height: 40px !important;
    overflow-y: auto;
}

.chosen-container-multi .chosen-choices li.search-choice {
    height: 30px;
    padding: 0 32px 0 16px;
    background: #F5F5F5;
    color: #808080;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 32px;
    margin: 0 4px 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chosen-container .chosen-choices .search-choice:first-child {
    background: #e6e6e6;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    width: 28px;
    height: 30px;
    right: 0;
    top: 0;
    background: url("../img/close2.svg") 50% 55% no-repeat !important;
    opacity: .7;
    z-index: 3;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: 50% 55%;
    opacity: 1;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 30px;
    padding-left: 8px;
    margin: 0;
    color: #2C2C2C;
    font-family: inherit;
}

.chosen-container-multi .chosen-choices .search-field {
    display: none;
}

.chosen-container .chosen-drop {
    overflow-y: auto;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    margin-top: 4px;
}

.chosen-container-multi .chosen-drop .result-selected {
    font-size: 16px;
    color: #377F89;
}

.chosen-container .chosen-results {
    padding-bottom: 8px;
}

.chosen-container .chosen-results li {
    line-height: 1.5;
    padding: 2px 12px;
}

.chosen-container .chosen-results li.highlighted {
    background: #F1F6F7;
    color: #2c2c2c;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    color: #377F89;
}

.select .chosen-single {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    background: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #DDD;
    border-radius: 4px !important;
    color: #2C2C2C;
}

.select .chosen-with-drop .chosen-single {
    border-color: #377F89;
}

.select select:disabled {
    cursor: default;
}

input:not([type=checkbox]):not([type=radio]), textarea {
    -webkit-appearance: none; /* remove safari inner shadow */
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}

input:disabled, textarea:disabled, select:disabled, .select select:disabled {
    background: #F5F5F5;
    color: #808080;
    opacity: .7;
}

textarea {
    height: 120px;
    padding-top: 8px;
    resize: none;
    overflow: auto;
}

.select {
    display: block;
    position: relative;
}

.select select {
    padding-right: 48px;
    background: #fff url("../img/dropdown.svg") 100% 50% no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.select:before, .help-menu .header:before, .help-menu .header:after, #intro .form .rooms label:before {
    content: "";
    width: 14px;
    height: 14px;
    background: url("../img/caret4.svg") 50% 50% no-repeat;
    position: absolute;
    right: 14px;
    bottom: 12px;
}

.select:before, #intro .form .rooms label:before {
    right: 20px;
    opacity: .6;
    pointer-events: none;
    z-index: 2;
}

input:focus, textarea:focus, select:focus, .chosen-container-active .chosen-choices {
    border-color: #377F89;
}

::-moz-placeholder {
    color: #808080;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #808080;
}

::-webkit-input-placeholder {
    color: #808080;
}

::placeholder {
    color: #808080;
}

.select .default, select option:disabled {
    color: #808080 !important;
}

:focus::-moz-placeholder {
    opacity: 1;
}

:focus:-ms-input-placeholder {
    opacity: 1;
}

:focus::-webkit-input-placeholder {
    opacity: 1;
}

:focus::placeholder {
    opacity: 1;
}

.input-error {
    border-color: #DBA3A3 !important;
    color: #2C2C2C;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
}

[data-error] {
    position: relative;
}

[data-error].error:after {
    content: attr(data-error);
    font-size: 12px;
    line-height: 14px;
    color: #B84747;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 8px;
}

[data-error].error {
    margin-bottom: 46px;
}

.error-note {
    display: none;
}

[data-error].error + .error-note {
    display: block;
    font-size: 14px;
    color: #808080;
    margin: -12px 0 24px;
}

.clear-value {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../img/close2.svg") 50% 50% no-repeat;
    opacity: .7;
    float: right;
    margin-bottom: -40px;
    position: relative;
    z-index: 3;
}

.clear-value + input {
    padding-right: 40px;
}

.clear-value:hover {
    opacity: 1;
}

.radio input, .checkbox input {
    display: none;
}

.radio label, .checkbox label {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    padding-left: 30px;
    cursor: pointer;
    position: relative;
    margin-bottom: 24px;
}

.radio label:empty, .checkbox label:empty {
    width: 18px;
    height: 18px;
    padding: 0;
}

.radio label:before, .radio label:after, .checkbox label:before, .checkbox label:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #808080;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}

.radio label:before, .radio label:after {
    border-radius: 50%;
}

.radio label:after {
    padding: 6px;
    background: #fff;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    border: 0;
    display: none;
}

.radio.alt label:after {
    width: 16px;
    height: 16px;
    background: #377F89;
    border: 2px solid #fff;
    left: 1px;
    margin-top: -8px;
}

.checkbox label:after {
    background: url("../img/check-white.svg") 50% 55% no-repeat;
    -webkit-background-size: 14px 11px;
    background-size: 14px 11px;
    border: 0;
    display: none;
}

.radio input:checked + label:after, .checkbox input:checked + label:after {
    display: block;
}

.checkbox :disabled + label:after, .radio :disabled + label:after {
    background-color: #ddd !important;
}

.checkbox :disabled + label:before, .radio :disabled + label:before {
    border-color: #ddd !important;
}

.checkbox.toggle label {
    padding: 7px 0 7px 78px;
}

.checkbox.toggle label:empty {
    padding-left: 62px;
}

.checkbox.toggle.inverse label {
    padding-left: 0;
    padding-right: 78px;
}

.checkbox.toggle.inverse label:empty {
    padding-right: 62px;
}

.checkbox.toggle label:before {
    width: 62px;
    height: 32px;
    border-color: #ddd;
    border-radius: 31px;
    margin-top: -16px;
}

.checkbox.toggle label:after, .radio.toggle label:after {
    display: block;
    width: 24px;
    height: 24px;
    background: #bbb;
    border-radius: 50%;
    left: 4px;
    top: 50%;
    margin-top: -12px;
}

.checkbox.toggle:hover label:before {
    border-color: #377F89;
}

.checkbox.toggle:hover label:after {
    background: #93B8BD;
}

.checkbox.toggle input:checked + label:before {
    background: #F1F6F7;
    border-color: #377F89;
}

.checkbox.toggle input:checked + label:after {
    background: #377F89;
    left: 34px;
}

.checkbox.toggle.inverse:not(.full-width) label {
    display: inline-block;
}

.checkbox.toggle.inverse label:before {
    left: auto;
    right: 0;
}

.checkbox.toggle.inverse label:after {
    left: auto;
    right: 34px;
}

.checkbox.toggle.inverse input:checked + label:after {
    left: auto;
    right: 4px;
}

.radio-button input {
    display: none;
}

.radio-button label {
    display: block;
    text-align: center;
    height: 32px;
    line-height: 32px;
    padding: 0 22px;
    border-radius: 16px;
    background: #e8f4fc;
    font-size: 12px;
    cursor: pointer;
}

.radio-button :checked + label {
    background: #369;
    color: #fff;
}

.radio-text {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 24px;
}

.radio-text input {
    display: none;
}

.radio-text label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 40px;
    padding: 0 4px;
    line-height: 1.2;
    background: #fff;
    border: 1px solid #DDDDDD;
    color: #808080;
    overflow: hidden;
    cursor: pointer;
}

.radio-text input:checked + label {
    background: #F1F6F7;
    border-color: #377F89;
    color: #377F89;
}

.related-field:not(.active) {
    display: none;
}

form .agreement {
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    margin: 30px 0 0;
}

form .agreement a {
    color: #2891D0;
}

form .agreement a:hover {
    text-decoration: underline;
}

form button, .button {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    min-width: 208px;
    height: 40px;
    line-height: 38px;
    padding: 0 24px;
    white-space: nowrap;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #377F89;
    color: #fff;
    outline: none;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

form button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.gm-style button {
    min-width: 0;
}

.gm-style button:after {
    content: none;
}

form button.alt, .button.alt {
    border-color: #377F89;
    background: none;
    color: #377F89;
    font-weight: normal;
}

form button:hover, .button:hover {
    background-color: #23636C;
}

form button.alt:hover, .button.alt:hover {
    background-color: rgba(55, 127, 137, 0.07);
}

form button:disabled, .button.disabled, a.disabled {
    opacity: .5;
    pointer-events: none;
}

a.disabled[data-tooltip] {
    opacity: 1;
    pointer-events: auto;
    cursor: default;
}

a.disabled[data-tooltip]:not(.button) {
    color: rgba(55, 127, 137, 0.5);
}

form button:disabled[data-tooltip], .button.disabled[data-tooltip] {
    background: rgba(55, 127, 137, 0.07);
    opacity: 1;
    pointer-events: auto;
    cursor: default;
}

form button.alt:disabled[data-tooltip], .button.alt.disabled[data-tooltip] {
    background: none;
    border-color: rgba(55, 127, 137, 0.07);
}

form button[data-tooltip], .button[data-tooltip] {
    overflow: visible;
}

.hidden {
    opacity: 0;
    visibility: hidden;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal-container, #menu {
    overflow-x: hidden;
    overflow-y: scroll;
}

.modal-container, .lightboxOverlay {
    width: 100%;
    height: 100%;
    background: rgba(44, 44, 44, 0.75);
    text-align: center;
    overflow: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1010;
    -webkit-transform-style: preserve-3d;
    display: none;
}

.modal-window {
    width: 90%;
    max-width: 588px;
    border-radius: 8px;
    background: #fff;
    margin: 50px auto;
    position: relative;
    text-align: left;
}

.modal-window_transparent {
    background: none;
}

.modal-window.modal-text {
    max-width: 996px;
}

.modal-header {
    padding: 20px 40px;
    border-bottom: 1px solid #EDEDED;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.modal-header h2, .modal-header h3 {
    font-size: inherit;
}

.modal-body {
    padding: 16px 40px 24px;
}

.modal-body p + p {
    margin-top: 12px;
}

.modal-window .actions, .modal-window .actions .button {
    margin-top: 8px;
}

.modal-close, .selected-project .remove, #showcase .close {
    width: 25px;
    height: 25px;
    background: url("../img/close.svg") 50% 50% no-repeat;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 50;
}

.modal-close:hover, .selected-project .remove:hover {
    opacity: .5;
}

.modal-form {
    max-width: 360px;
    margin: 0 auto;
}

.modal-form:not(:first-child) {
    margin-top: 24px;
}

.modal-form button, .modal-form .button {
    width: 100%;
}

.page-review-form {
    margin-top: 16px;
}

.glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999 !important;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0;
    overflow: hidden
}

.glightbox-container.inactive {
    display: none
}

.glightbox-container .gcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden
}

.glightbox-container .gslider {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.glightbox-container .gslide {
    width: 100%;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0
}

.glightbox-container .gslide.current {
    opacity: 1;
    z-index: 99999;
    position: relative
}

.glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999
}

.glightbox-container .gslide-inner-content {
    width: 100%
}

.glightbox-container .ginner-container {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    margin: auto;
    height: 100vh
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%
}

.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
    max-width: 100% !important
}

.gslide iframe, .gslide video {
    outline: 0 !important;
    border: none;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto
}

.gslide-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gslide-image img {
    max-height: 100vh;
    display: block;
    max-width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    outline: 0;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100vw;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-touch-action: none;
    touch-action: none;
    margin: auto;
    min-width: 200px
}

.desc-bottom .gslide-image img, .desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img, .desc-right .gslide-image img {
    width: auto;
    max-width: 100%
}

.gslide-image img.zoomable {
    position: relative
}

.gslide-image img.dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    transition: none
}

.gslide-video {
    width: 100%;
    max-width: 100%;
    position: relative;
    width: 100vh;
    max-width: 100vh;
    width: 100% !important
}

.gslide-video .gvideo-wrapper {
    width: 100%;
    margin: auto
}

.gslide-video::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 0, 0, .34);
    display: none
}

.gslide-video.playing::before {
    display: none
}

.gslide-video.fullscreen {
    max-width: 100% !important;
    min-width: 100%;
    height: 75vh
}

.gslide-video.fullscreen video {
    max-width: 100% !important;
    width: 100% !important
}

.gslide-inline {
    background: #fff;
    text-align: left;
    max-height: calc(100vh - 40px);
    overflow: auto;
    max-width: 100%
}

.gslide-inline .ginlined-content {
    padding: 20px;
    width: 100%
}

.gslide-inline .dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    transition: none
}

.ginlined-content {
    overflow: auto;
    display: block !important;
    opacity: 1
}

.gslide-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 75vh;
    height: 100%
}

.gslide-media {
    display: block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.desc-bottom .gslide-media, .desc-top .gslide-media {
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gslide-description {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.gslide-description.description-left, .gslide-description.description-right {
    max-width: 100%
}

.gslide-description.description-bottom, .gslide-description.description-top {
    margin: 0 auto;
    width: 100%
}

.gslide-description p {
    margin-bottom: 12px
}

.gslide-description p:last-child {
    margin-bottom: 0
}

.zoomed .gslide-description {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    height: auto !important;
    width: 100%;
    background: 0 0;
    position: absolute;
    bottom: 15px;
    padding: 19px 11px;
    max-width: 100vw !important;
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
    max-height: 78vh;
    overflow: auto !important;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .75) 100%);
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    padding-bottom: 50px
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: 700
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc string {
    color: #fff
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: .4
}

.gdesc-open .gslide-media {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: .4
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 1
}

.greset {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none !important
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    height: 25px;
    width: 25px;
    -webkit-animation: lightboxLoader .8s infinite linear;
    animation: lightboxLoader .8s infinite linear;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 47%
}

.goverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    will-change: opacity
}

.glightbox-mobile .goverlay {
    background: #000
}

.gclose, .gnext, .gprev {
    background-repeat: no-repeat;
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    display: block;
    background-position: 0 0;
    border: none
}

.gclose svg, .gnext svg, .gprev svg {
    display: block;
    width: 100%;
    height: auto
}

.gclose.disabled, .gnext.disabled, .gprev.disabled {
    opacity: .1
}

.gclose .garrow, .gnext .garrow, .gprev .garrow {
    stroke: #fff
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {
    opacity: 0 !important
}

.glightbox-clean .gslide-description, .glightbox-modern .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner, .glightbox-modern .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title, .glightbox-modern .gslide-title {
    font-size: 1em;
    font-weight: 400;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em
}

.glightbox-clean .gslide-desc, .glightbox-modern .gslide-desc {
    font-size: .86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em
}

.glightbox-clean .gslide-video, .glightbox-modern .gslide-video {
    background: #000
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev, .glightbox-modern .gclose, .glightbox-modern .gnext, .glightbox-modern .gprev {
    background-color: rgba(0, 0, 0, .12)
}

.glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover, .glightbox-modern .gclose:hover, .glightbox-modern .gnext:hover, .glightbox-modern .gprev:hover {
    background-color: rgba(0, 0, 0, .2)
}

.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path, .glightbox-modern .gclose path, .glightbox-modern .gnext path, .glightbox-modern .gprev path {
    fill: #fff
}

.glightbox-clean button:focus:not(.focused):not(.disabled), .glightbox-modern button:focus:not(.focused):not(.disabled) {
    outline: 0
}

.glightbox-clean .gprev, .glightbox-modern .gprev {
    position: absolute;
    top: -100%;
    left: 30px;
    width: 40px;
    height: 56px
}

.glightbox-clean .gnext, .glightbox-modern .gnext {
    position: absolute;
    top: -100%;
    right: 30px;
    width: 40px;
    height: 56px
}

.glightbox-clean .gclose, .glightbox-modern .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute;
    opacity: .7;
    background-position: -59px 2px
}

.glightbox-clean .gclose svg, .glightbox-modern .gclose svg {
    width: 20px
}

.glightbox-clean .gclose:hover, .glightbox-modern .gclose:hover {
    opacity: 1
}

.gfadeIn {
    -webkit-animation: gfadeIn .5s ease;
    animation: gfadeIn .5s ease
}

.gfadeOut {
    -webkit-animation: gfadeOut .5s ease;
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    -webkit-animation: gslideOutLeft .3s ease;
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    -webkit-animation: gslideInLeft .3s ease;
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    -webkit-animation: gslideOutRight .3s ease;
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    -webkit-animation: gslideInRight .3s ease;
    animation: gslideInRight .3s ease
}

.gzoomIn {
    -webkit-animation: gzoomIn .5s ease;
    animation: gzoomIn .5s ease
}

.gzoomOut {
    -webkit-animation: gzoomOut .5s ease;
    animation: gzoomOut .5s ease
}

@-webkit-keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes gfadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes gfadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes gfadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes gfadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }
    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }
    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@-webkit-keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 1
    }
}

@keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes gzoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes gzoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@media (min-width: 769px) {
    .glightbox-container .ginner-container {
        width: auto;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .glightbox-container .ginner-container.desc-top .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .glightbox-container .ginner-container.desc-left .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .glightbox-container .ginner-container.desc-left .gslide-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .gslide-image img {
        max-height: 97vh;
        max-width: calc(100% - 20px);
        max-width: 100%
    }

    .gslide-image img.zoomable {
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }

    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 100vh
    }

    .gslide-description.description-left, .gslide-description.description-right {
        max-width: 275px
    }

    .glightbox-open {
        height: auto
    }

    .goverlay {
        background: rgba(0, 0, 0, .92)
    }

    .glightbox-clean .gslide-media, .glightbox-modern .gslide-media {
        -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65);
        box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65)
    }

    .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner, .glightbox-modern .description-left .gdesc-inner, .glightbox-modern .description-right .gdesc-inner {
        position: absolute;
        height: 100%;
        overflow-y: auto
    }

    .glightbox-clean .gprev, .glightbox-modern .gprev {
        top: 45%
    }

    .glightbox-clean .gnext, .glightbox-modern .gnext {
        top: 45%
    }
}

@media (min-width: 992px) {
    .glightbox-clean .gclose, .glightbox-modern .gclose {
        right: 20px
    }
}

@media screen and (max-height: 420px) {
    .goverlay {
        background: #000
    }
}

.glightbox {
    display: block;
    position: relative;
}

.glightbox:hover {
    background: #000;
}

.glightbox:hover img {
    opacity: .75;
}

.glightbox:after, .glightbox.video:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}

.glightbox:after {
    width: 24px;
    height: 24px;
    background: url("../img/zoom.svg") no-repeat;
    margin: 8px;
    opacity: 0;
    z-index: 3;
}

.glightbox.video:before {
    width: 100%;
    height: 100%;
    background: url("../img/play.svg") 50% 50% no-repeat;
    z-index: 2;
}

.glightbox:hover:after {
    opacity: 1;
}

.goverlay {
    background: rgba(44, 44, 44, 0.75);
}

.glightbox-clean .gslide-media, .glightbox-modern .gslide-media {
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev, .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
    background: none;
}

.glightbox-clean .gslide-title {
    font-family: inherit;
}

.glightbox-clean .gslide-title:last-child {
    margin: 0;
}

.glightbox-clean .gdesc-inner {
    padding: 16px 24px;
}

.glightbox-mobile .glightbox-container .gslide-description {
    padding: 0;
}

#glightbox-slider {
    counter-reset: i;
}

#glightbox-slider .gslide:after, #glightbox-slider:after {
    font-size: 18px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 24px;
}

#glightbox-slider .gslide:after {
    width: 24px;
    text-align: right;
    counter-increment: i;
    content: counter(i, decimal);
    position: fixed;
    left: 16px;
}

#glightbox-slider:after {
    content: " / " counter(i, decimal);
    white-space: nowrap;
    left: 48px;
}

#header {
    width: 100%;
    min-width: 320px;
    background: #fff;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    padding: 20px 0 0;
    position: relative;
    left: 0;
    top: 0;
    z-index: 502;
}

#header .logo {
    float: left;
}

#header .logo img {
    float: left;
    width: 40px;
    height: 40px;
}

#header .logo img + img {
    display: none;
}

#header .logo span {
    float: left;
    margin: 4px 0 0 12px;
    font-size: 20px;
    font-weight: bold;
}

#header .actions {
    float: right;
    margin-top: 5px;
}

.favorites-trigger, .profile-trigger, .menu-trigger, .notifications-trigger {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    float: left;
    margin-left: 20px;
}

.favorites-trigger:before, .favorites-trigger:after, .profile-trigger:before, .profile-trigger:after, .menu-trigger:before, .menu-trigger:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url("../img/heart.svg") 50% 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.favorites-trigger:before {
    background-image: url("../img/heart2.svg");
}

.favorites-trigger:after {
    background-image: url("../img/heart2-active.svg");
    opacity: 0;
}

.favorites-trigger:hover:before, .profile-trigger:hover:before {
    opacity: 0;
}

.favorites-trigger:hover:after, .profile-trigger:hover:after {
    opacity: 1;
}

.notifications-trigger {
    background: url("../img/bell.svg") 40% 50% no-repeat;
    position: relative;
}

.notifications-trigger.new:after, .notifications .new:after, .messages .new:before, .order-menu .new:after, .main-menu .new > a:after, .offers-table .id:not(.notooltip) [data-tooltip]:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #377F89;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: -1px;
}

.profile-trigger {
    position: relative;
    cursor: pointer;
}

.profile-trigger:before {
    background-image: url("../img/profile.svg");
}

.profile-trigger:after {
    background-image: url("../img/profile-active.svg");
    opacity: 0;
}

#header .logout {
    float: right;
    margin-top: 8px;
}

.dropdown {
    display: inline-block;
    vertical-align: baseline;
    cursor: pointer;
    position: relative;
    z-index: 3;
}

.dropdown .current {
    padding-right: 16px;
    position: relative;
}

.dropdown .current:hover {
    color: #377F89;
}

.dropdown .current:before, .dropdown .current:after {
    content: "";
    width: 10px;
    height: 10px;
    background: url("../img/caret.svg") 50% 50% no-repeat;
    position: absolute;
    right: 0;
    top: .75em;
    margin-top: -5px;
    pointer-events: none;
}

.dropdown .current:after {
    background-image: url("../img/caret-active.svg");
    opacity: 0;
}

.dropdown.active .current:before, .dropdown.active .current:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dropdown .current:hover:before {
    opacity: 0;
}

.dropdown .current:hover:after {
    opacity: 1;
}

.dropdown ul, .profile-trigger ul {
    background: #fff;
    color: #2C2C2C;
    padding: 8px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 14px;
    white-space: nowrap;
    margin-top: 7px;
    display: none;
}

.dropdown ul.right, .profile-trigger ul {
    left: auto;
    right: 0;
}

.dropdown ul.top {
    top: auto;
    bottom: 100%;
    margin: 0 0 7px;
}

.dropdown li.active, .dropdown li.active a {
    color: #377F89;
    pointer-events: none;
}

.dropdown li, .profile-trigger li {
    padding: 2px 12px;
}

.dropdown li:hover {
    background: #F1F6F7;
}

.dropdown li > a, .profile-trigger a {
    display: block;
    padding: 2px 12px;
    margin: -2px -12px;
    color: inherit;
    text-decoration: none;
}

.profile-trigger li {
    color: #808080;
}

.profile-trigger li:hover {
    color: #2C2C2C;
}

#header .language-switcher {
    margin: 3px 0 0 20px;
}

.module, #sidebar + .main .module:first-child {
    margin-top: 40px;
}

#main .module:first-child, #sidebar .module:first-child {
    margin-top: 0;
}

.notification-message, .module.placeholder, .orders > li, .user-data, .group-data, .chat, .order-info, .package, .order-preview, .group-info, .favorites-menu, .saved-items, .help, .help-nav, .items-table, .offers-table, .bank-data, #login, .single-article, .order-params, .news-preview, .news-single, .related-news, .cottage-info, #error, .offer-info .prices, .cottage-form-categories, .cottage-buildings {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}

.notification-message {
    padding: 24px 24px 24px 220px;
    margin-bottom: 40px;
    position: relative;
}

.notification-message:before {
    content: "";
    width: 187px;
    height: 189px;
    background: url("../img/logo2.svg") 100% 0 no-repeat;
    margin: 0 auto 16px;
}

.notification-message + .module {
    margin-top: 0;
}

.notification-message .close {
    width: 16px;
    height: 16px;
    background: url("../img/close.svg") 50% 50% no-repeat;
    position: absolute;
    right: 28px;
    top: 28px;
    opacity: .75;
}

.notification-message .close:hover {
    opacity: 1;
}

.notification-message .button {
    float: right;
    margin-top: 16px;
}

.section-header {
    margin-top: 0;
}

.section-header + .more {
    display: table;
    padding-right: 18px;
    font-weight: 500;
    margin: -6px 0 16px;
    position: relative;
}

.section-header + .more:before, .section-header + .more:after {
    content: "";
    width: 7px;
    height: 1.5em;
    background: url("../img/arrow.svg") 100% 55% no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.section-header + .more:hover:before {
    opacity: 0;
}

.section-header + .more:after {
    opacity: 0;
    background-image: url("../img/arrow-active.svg");
}

.section-header + .more:hover:after {
    opacity: 1;
}

.orders > li, .favorites, .messages li, .latest-news, .collection, .order-params .quantity-list li, .cottage-gallery, .cottage-calculation .quantity-list li, .offers-categories, .cottage-categories {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.orders > li {
    padding: 24px;
}

.orders > li + li, .favorites > li + li, .latest-news > li + li, .collection > li + li {
    margin-top: 24px;
}

.orders .image {
    height: 170px;
}

.cover {
    border-radius: 4px;
    overflow: hidden;
}

.cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cover .slider, .cover .owl-stage-outer, .cover .owl-stage, .cover .owl-item, .cover .owl-item .item {
    height: 100%;
}

.cover .owl-prev {
    font-size: 32px;
    left: 8px;
}

.cover .owl-next {
    font-size: 32px;
    right: 8px;
}

.cover .owl-dots {
    bottom: 10px;
}

.cover .owl-dot {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
}

.cover .owl-dot:hover, .cover .owl-dot.active {
    background: #fff !important;
}

.orders .title {
    margin: 0 0 20px;
}

.orders .description li {
    line-height: 1.25;
    margin-top: 8px;
}

.orders .status {
    padding-right: 24px;
    background: url("../img/clock.svg") 100% 2px no-repeat;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.orders .status.color-red {
    background-image: url("../img/clock-red.svg");
}

.orders .status.color-grey {
    background: none;
}

.orders .status.no-clock {
    background: none;
    padding-right: 0;
}

.orders .status .note {
    font-size: 12px;
    font-weight: normal;
    float: right;
    background: #fff;
    color: #2C2C2C;
    margin: 0 -24px 0 8px;
}

.orders .price {
    font-weight: 500;
    margin-top: 24px;
}

.orders .price span {
    font-size: 20px;
    font-weight: 500;
    float: right;
    margin-top: -6px;
}

.orders .button {
    width: 100%;
    margin-top: 12px;
}

.orders .button + .button {
    margin-top: 8px;
}

.orders.extended .price {
    margin: 0 0 12px;
}

.orders.extended .price span {
    float: none;
}

.orders .details p {
    max-height: 6em;
    overflow: hidden;
}

.orders .details p.active {
    max-height: 150em;
}

.orders .details p:last-child {
    max-height: none !important;
}

.show-more {
    display: table;
    line-height: 1.25;
    font-weight: 500;
    margin: 24px auto 0;
    position: relative;
}

.orders .details .show-more {
    margin: 8px 0 0;
}

.show-more:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 1.25em;
    background: url("../img/caret2.svg") 50% 50% no-repeat;
    margin-left: 8px;
}

.show-more:hover:after {
    background-image: url("../img/caret2-active.svg");
}

.show-more.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.favorites > li, #notifications, .messages, .top-offers > li, .latest-news > li, .cottage-offers, .cottage-calculation, .cottage-preview, .cottage-fill-progress {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}

.favorites > li:hover, .latest-news > li:hover {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
}

.favorites > li, .collection > li {
    width: calc(50% - 12px);
    overflow: hidden;
    position: relative;
}

.favorites .image {
    height: 208px;
    border-radius: 0;
    position: relative;
}

[class*=badge-] {
    display: inline-block;
    min-width: 60px;
    padding: 0 8px;
    background: #B84747;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    border-radius: 3px;
    text-align: center;
    z-index: 1;
}

.favorites [class*=badge-], .cottage-modal [class*=badge-] {
    position: absolute;
    left: 16px;
    top: 16px;
}

.badge-discount + [class*=badge-] {
    margin-left: 68px;
}

.badge-new {
    background-color: #4793B8;
    font-weight: 500;
}

.badge-new.green {
    background-color: #1D8449;
}

.badge-soldout, .badge-overdue {
    background: #F1994A;
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.badge-overdue {
    background: #bbb;
}

.favorites .text, .cottage-modal .text {
    padding: 16px;
    position: relative;
}

.favorites .title, .cottage-modal .title {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;

}

.favorites .title a:after, .latest-news .title a:after, .cottage-modal .title a:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.favorites .title:not(:last-child), .favorites .params:not(:last-child), .cottage-modal .title:not(:last-child), .cottage-modal .params:not(:last-child) {
    display: inline-block;
    width: calc(100% - 110px);
}

.favorites .offers, .cottage-modal .offers {
    max-width: 120px;
    font-size: 14px;
    color: #377F89;
    float: right;
}

.cottage-modal .offers {
    margin-top: 4px;
}

.favorites .offers.placeholder, .blue-theme .favorites .offers.placeholder, .cottage-modal .offers.placeholder, .blue-theme .cottage-modal .offers.placeholder {
    color: #bbb;
    margin-top: 6px;
}

.blue-theme .favorites .offers.placeholder-top {
    color: #bbb;
}

.favorites .bookmark {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8) 50% 57% no-repeat;
    border-radius: 50%;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 4;
}

.favorites .bookmark.active {
    background-image: url("../img/heart-active2.svg");
}

.favorites .bookmark:before, .favorites .bookmark:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../img/heart.svg") 50% 57% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.favorites .bookmark:after {
    background-image: url("../img/heart-active.svg")
}

.favorites .bookmark:after, .favorites .bookmark:hover:before, .favorites .bookmark.active:before, .favorites .bookmark.active:after {
    opacity: 0;
}

.favorites .bookmark:hover {
    background-color: #fff;
}

.favorites .bookmark:hover:after {
    opacity: 1;
}

.favorites .params, .cottage-modal .params {
    font-size: 14px;
    margin-top: 10px;
}

.favorites > li > .features {
    padding: 0 16px 16px;
    font-size: 14px;
    color: #808080;
}

.favorites .features + .price {
    margin-bottom: 37px;
}

.favorites .type {
    color: #808080;
}

.favorites .params:not(:last-child) .type {
    margin-right: -40px;
}

.favorites .features li, .cottage-modal .features li {
    float: left;
    margin-right: 12px;
}

.favorites .price, .favorites .rating, .cottage-modal .price {
    text-align: right;
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.favorites .price .label, .favorites .rating .label, .cottage-modal .price .label {
    font-size: 14px;
    color: #808080;
}

.favorites .price .value, .favorites .rating .value, .cottage-modal .price .value {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}

.favorites .price .value span, .cottage-modal .price .value span {
    font-size: 24px;
}

.favorites .rating .value {
    font-size: 24px;
    font-weight: 500;
}

.favorites .placeholder, .cottage-modal .placeholder {
    font-size: 12px;
    color: #bbb;
}

.module-header {
    padding: 20px 24px;
    border-bottom: 1px solid #EDEDED;
}

.module-header .section-header {
    display: inline;
}

.module.placeholder .description {
    padding: 16px 24px 24px;
}

#notifications .header {
    padding: 20px 24px;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: -1px;
}

#notifications .section-header span {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background: #377F89;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: -1px 0 0 4px;
}

#notifications .main {
    max-height: calc(100vh - 314px);
}

.notifications > li {
    padding: 16px 24px;
    font-size: 14px;
    position: relative;
    border-top: 1px solid #EDEDED;
}

.notifications > li:hover, .related-news li:hover, .cottage-offers li:hover {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
}

.notifications .title {
    font-size: 16px;
    font-weight: 500;
    margin: 0 40px 8px 0;
}

.notifications .title a:after, .related-news .title a:after, .cottage-offers .title a:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.notifications p {
    margin-right: 4px;
    margin-bottom: 24px;
    color: #808080;
}

.notifications .new p {
    color: #2C2C2C;
}

.notifications .new:after {
    right: 24px;
    top: 22px;
}

.notifications p span {
    color: #377F89;
}

.notifications .time {
    color: #808080;
    position: absolute;
    right: 24px;
    bottom: 16px;
}

.page-header, .profile-header {
    margin-bottom: 24px;
}

.page-header + .module, .profile-header + .module, h1 + .module {
    margin-top: 0;
}

.page-header h1, .profile-header h1 {
    display: inline;
    margin-right: 10px;
}

.page-header .count {
    white-space: nowrap;
    font-size: 14px;
    color: #808080;
}

.search-form {
    width: 100%;
    max-width: 306px;
    position: relative;
    overflow: hidden;
}

.search-form input {
    margin: 0;
    padding-right: 40px;
}

.search-form button {
    width: 40px;
    height: 40px;
    min-width: 0;
    padding: 0;
    background: url("../img/search.svg") 50% 50% no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
}

.search-form button:hover {
    opacity: 1;
}

.messages li {
    -webkit-align-items: center;
    align-items: center;
    padding: 8px 48px;
    border-bottom: 1px solid #EDEDED;
    color: #808080;
    line-height: 1.25;
    position: relative;
}

.messages li:hover {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    z-index: 2;
}

.messages .new {
    color: #2C2C2C;
}

.messages .new:before {
    left: 24px;
    top: 34px;
}

.messages .title {
    width: 12%;
}

.messages .title:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.messages .name {
    width: 9%;
}

.messages .preview {
    width: 31%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.messages .date {
    width: 64px;
}

.messages .status {
    width: 21%;
}

.messages .important {
    background: #F4FAFD;
}

.messages .image {
    width: 80px;
    height: 56px;
}

.messages .title {
    font-weight: 500;
}

.messages .status {
    width: 20%;
    font-weight: 500;
}

.messages .show-more, table + .show-more, .reviews-list + .show-more {
    display: block;
    padding: 14px 24px;
    margin: 0;
}

.messages .show-more:hover, .group-data .add:hover, table + .show-more:hover, .reviews-list + .show-more:hover {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

.profile-header .exit {
    padding-left: 28px;
    position: relative;
    float: right;
    margin-top: 10px;
}

.profile-header .exit:before, .profile-header .exit:after {
    content: "";
    width: 20px;
    height: 1.5em;
    background: url("../img/exit.svg") 0 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.profile-header .exit:hover {
    color: #377F89;
}

.profile-header .exit:after {
    background-image: url("../img/exit-active.svg");
    opacity: 0;
}

.profile-header .exit:hover:before {
    opacity: 0;
}

.profile-header .exit:hover:after {
    opacity: 1;
}

.user-data .header {
    margin-bottom: 24px;
}

.user-data .avatar {
    display: block;
    cursor: pointer;
    text-align: center;
}

.user-data .avatar .image {
    display: block;
    width: 112px;
    height: 112px;
    background: #F5F5F5 url("../img/profile-grey.svg") 50% 50% no-repeat;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
}

.user-data .avatar img {
    display: block;
    width: 100%;
    height: 100%;
}

.user-data .avatar .change {
    display: block;
    font-size: 14px;
    color: #377F89;
    margin-top: 12px;
}

.user-data .avatar:hover .change {
    color: #23636C;
}

.user-data .avatar input {
    display: none;
}

.user-data textarea {
    height: 64px;
}

.user-data .buttons button, .bank-data button {
    float: right;
}

.user-data .password > a {
    display: table;
    margin-top: 16px;
}

.user-data .password form {
    max-width: 360px;
}

.user-data .password form:not(.active) {
    display: none;
}

.password-field {
    position: relative;
}

.password-field input {
    padding-right: 40px;
}

.password-field .switcher {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.password-field .switcher:before, .password-field .switcher:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../img/password-switcher.svg") 50% 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.password-field .switcher:after {
    background-image: url("../img/password-switcher-active.svg");
    opacity: 0;
}

.password-field .switcher.active:before {
    opacity: 0;
}

.password-field .switcher.active:after {
    opacity: 1;
}

.user-data .buttons, .bank-data .buttons {
    margin-top: 16px;
}

.user-data .buttons.disabled, .bank-data .buttons.disabled {
    display: none;
}

.user-data .button, .user-data .buttons button, .bank-data .button, .bank-data button {
    margin-top: 8px;
}

th, td[data-label]:before {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #808080;
}

.tooltip-trigger:empty {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border: 1px solid #808080;
    border-radius: 50%;
    background: #F5F5F5 url("../img/question.svg") 50% 50% no-repeat;
    margin: -2px 0 0 4px;
    position: relative;
}

.tooltip-trigger__time:empty {
    padding-right: 20px;
    background: url(../img/clock-red.svg) 100% 2px no-repeat;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
}

[data-tooltip] {
    position: relative;
    z-index: 2;
}

[data-tooltip]:hover {
    z-index: 3;
}

[data-tooltip]:after {
    white-space: nowrap;
    content: attr(data-tooltip);
    padding: 8px 16px;
    border-radius: 6px;
    background: #fff;
    color: #2C2C2C;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    position: absolute;
    left: -4px;
    top: 100%;
    margin-top: 16px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

[data-tooltip].right:after {
    left: auto;
    right: -4px;
}

[data-tooltip].center:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

[data-tooltip].long:after {
    width: 420px;
    max-width: calc(100vw - 48px);
    white-space: normal;
}

[data-tooltip]:hover:after {
    opacity: 1;
    visibility: visible;
}

.group-data tbody, .group-info tbody {
    counter-reset: i;
}

.group-data tbody td:first-child:after, .group-info td:first-child:after {
    content: counter(i, decimal);
    counter-increment: i;
}

.group-data input {
    margin: 0;
}

.group-data .remove {
    display: block;
    width: 100%;
    height: 40px;
    position: relative;
}

.group-data .remove:before, .group-data .remove:after, .order-params .boat-motor .remove:before, .members .boat-motor .remove:before, .order-params .boat-motor .remove:after, .members .boat-motor .remove:after, .transfer-option .remove:before, .transfer-option .remove:after, .motor-option .remove:before, .motor-option .remove:after, .hygeine-option .remove:before, .hygeine-option .remove:after, .offer-discount .remove:before, .offer-discount .remove:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../img/bin.svg") 50% 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.group-data .remove:after, .order-params .boat-motor .remove:after, .members .boat-motor .remove:after, .transfer-option .remove:after, .motor-option .remove:after, .hygeine-option .remove:after, .offer-discount .remove:after {
    background-image: url("../img/bin-active.svg");
    opacity: 0;
}

.group-data .remove:hover:before, .order-params .boat-motor .remove:hover:before, .transfer-option .remove:hover:before, .motor-option .remove:hover:before, .hygeine-option .remove:hover:before, .offer-discount .remove:hover:before {
    opacity: 0;
}

.group-data .remove:hover:after, .order-params .boat-motor .remove:hover:after, .transfer-option .remove:hover:after, .motor-option .remove:hover:after, .hygeine-option .remove:hover:after, .offer-discount .remove:hover:after {
    opacity: 1;
}

.group-data tbody tr.template {
    display: none;
}

.group-data .add, .cottage-buildings .add {
    display: block;
    padding: 14px 24px 14px 48px;
    color: #377F89;
    position: relative;
}

.group-data .add.disabled {
    opacity: .5;
    pointer-events: none;
}

.group-data .add:before, .group-data .add:after, .cottage-buildings .add:before, .cottage-buildings .add:after, .videos .add:before, .videos .add:after {
    content: "";
    width: 14px;
    height: 14px;
    background: url("../img/plus.svg") no-repeat;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -7px;
}

.group-data .add:after, .cottage-buildings .add:after, .videos .add:after {
    background-image: url("../img/plus-active.svg");
    opacity: 0;
}

.group-data .add:hover, .cottage-buildings .add:hover {
    color: #23636C;
}

.group-data .add:hover:before, .cottage-buildings .add:hover:before, .videos .add:hover:before {
    opacity: 0;
}

.group-data .add:hover:after, .cottage-buildings .add:hover:after, .videos .add:hover:after {
    opacity: 1;
}

.package:not(.active) + .order-footer {
    display: none;
}

.group-data-footer .note, .order-footer .note {
    font-size: 14px;
    line-height: 18px;
    color: #808080;
    margin-top: 24px;
}

.group-data-footer .buttons, .order-footer .buttons {
    margin-top: 24px;
}

.order-agreement {
    margin-top: 16px;
}

.order-agreement label:last-child {
    margin-bottom: 0;
}

.chat .messaging {
    height: 416px;
    position: relative;
}

.chat .consultant, .order-info .voucher-dl {
    float: right;
    margin: 4px 0 0 8px;
}

.order-info .voucher-dl:not(.disabled) {
    padding-left: 24px;
    position: relative;
}

.chat .messaging .inner {
    padding: 24px;
}

.chat .consultant {
    color: #808080;
}

.chat-placeholder {
    max-width: 485px;
    padding: 16px 20px;
    border: 1px solid #BBBBBB;
    border-radius: 8px;
    font-size: 14px;
    color: #808080;
    text-align: center;
    margin: 150px auto 0;
}

.chat .message {
    max-width: 65%;
    min-height: 40px;
    padding-left: 52px;
    position: relative;
    margin-top: 16px;
    float: left;
    clear: both;
}

.chat.inverse .message {
    padding-left: 0;
    padding-right: 52px;
}

.chat .date {
    width: 100%;
    float: left;
    margin-top: 32px;
}

.chat .date span {
    display: table;
    padding: 6px 24px;
    border: 1px solid #bbb;
    border-radius: 8px;
    font-size: 14px;
    color: #808080;
    margin: 0 auto;
}

.chat .messaging .message:first-child {
    margin-top: 0;
}

.chat .text {
    display: inline-block;
    padding: 12px 16px;
    background: #F5F5F5;
    border-radius: 0 6px 6px 6px;
}

.chat .user-message {
    float: right;
}

.chat .user-message .text {
    border-radius: 6px 6px 6px 6px;
    background: #F1F6F7;
}

.chat .time {
    font-size: 14px;
    color: #808080;
    margin-left: 32px;
    float: right;
    margin-top: 2px;
}

.chat .avatar {
    width: 40px;
    height: 40px;
    background: url("../img/profile.svg") 50% 50% no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.chat.inverse .avatar {
    left: auto;
    right: 0;
}

.chat.inverse .message {
    float: right;
}

.chat .user-message .avatar {
    left: auto;
    right: 0;
}

.chat .avatar img {
    display: block;
    width: 100%;
    height: 100%;
}

.chat .user-message {
    padding: 0 52px 0 0;
}

.chat.inverse .user-message {
    float: left;
}

.chat form {
    padding: 24px;
}

.order-info .description.scrollable {
    height: 334px;
}

.order-info .description.extended.scrollable {
    height: 386px;
}

.order-info .description.extended.scrollable ~ .price {
    height: 68px;
}

.order-info .description .inner, .order-info .materials, .order-info .more {
    padding: 16px 24px;
}

.order-info .intro, .order-info .id {
    font-weight: 500;
    margin-bottom: 8px;
}

.order-info .description p, .order-info .description ul, .order-preview .details p, .order-preview .details ul {
    margin-top: 20px;
}

.order-info .description li + li, .order-preview .details li + li {
    margin-top: 4px;
}

.order-info .description li:empty {
    display: none;
}

.order-info .order-status, .order-info .prices, .order-info .fees {
    min-height: 50px;
    padding: 4px 24px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid #EDEDED;
}

.order-info .status {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.order-info .prices, .order-info .fees {
    display: block;
}

.order-info .prices .value, .order-info .fees .value {
    font-weight: 500;
}

.order-info .prices li, .order-info .fees li {
    margin: 10px 0;
}

.order-info .prices li span, .order-info .fees li span {
    float: right;
}

.order-info .prices .custom, .order-info .fees .custom {
    font-size: 14px;
    font-weight: normal;
    color: #808080;
}

.order-info .timer {
    padding-left: 24px;
    background: url("../img/clock.svg") 0 50% no-repeat;
    font-size: 14px;
    white-space: nowrap;
    margin-left: 8px;
}

.order-info .timer.color-red {
    background-image: url("../img/clock-red.svg");
}

.order-info .price {
    height: 120px;
    padding: 12px 24px 24px;
    border-top: 1px solid #EDEDED;
}

.order-info .price.autoheight {
    height: auto;
}

.order-info .price .label {
    display: inline-block;
    font-weight: 500;
    margin-top: 8px;
}

.order-info .price .value {
    font-size: 24px;
    font-weight: 500;
    float: right;
}

.order-info .price .button {
    width: 100%;
    margin-top: 8px;
}

.package {
    overflow: hidden;
}

.package + .package {
    margin-top: 16px;
}

.package-header {
    padding: 16px 56px 16px 24px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    cursor: pointer;
    position: relative;
}

.package-header:before, .package-header:after, .news-preview .description-trigger:after, .request-details .header:after, .cottage-info .building .header:after, .cottage-info.collapsable .section-header:before, .cottage-info.collapsable .section-header:after {
    content: "";
    width: 40px;
    height: 40px;
    background: url("../img/caret3.svg") 50% 50% no-repeat;
    -webkit-background-size: 18px auto;
    background-size: 18px auto;
    border-radius: 50%;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -20px;
}

.package-header:after {
    background-color: #F5F5F5;
    background-image: url("../img/caret3-active.svg");
    opacity: 0;
}

.package-header:hover:before, .cottage-info.collapsable .section-header:after, .cottage-info.collapsable .module-header:hover .section-header:after, .cottage-info.collapsable .module-header:hover .section-header:before {
    opacity: 0;
}

.package-header:hover:after, .cottage-info.collapsable .header:hover:after, .cottage-info.collapsable .module-header:hover .section-header:after {
    opacity: 1;
}

.package-header.active:before, .package-header.active:after, .request-details .header.active:after, .cottage-info .building .header.active:after, .cottage-info.collapsable.active .section-header:before, .cottage-info.collapsable.active .section-header:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.package-header .title {
    display: inline;
    font-size: 20px;
    line-height: 1.2;
    font-weight: normal;
    margin-right: 16px;
}

.package-header .price {
    display: inline;
    color: #808080;
    white-space: nowrap;
}

.package-services:not(.active) {
    display: none;
}

.package-services .cancelled, .package-services .cancelled + tr {
    border-color: #4793B8;
    border-width: 2px;
}

.package-services {
    overflow-x: auto;
}

.package-services td {
    vertical-align: top;
}

.package-services td:first-child {
    min-width: 150px;
    font-weight: 500;
}

.package-services th:last-child, .package-services td:last-child {
    white-space: nowrap;
    text-align: right;
}

.package-services td:last-child .tooltip-trigger {
    margin-top: 4px;
}

.package-services .price {
    width: 140px;
    white-space: nowrap;
}

.package-services .arrival, .package-services .departure:first-child {
    margin-top: -8px;
}

.package-services .departure, .package-services .arrival:last-child {
    margin-bottom: -8px;
}

.package-services .arrival, .package-services .departure {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.package-services .arrival span, .package-services .departure span {
    margin: 0 8px;
    color: #808080;
}

.package-services .arrival .date-label, .package-services .departure .date-label {
    width: 50px;
    color: #2C2C2C;
    margin-left: 0;
}

.package-services .arrival span:first-of-type, .package-services .departure span:first-of-type {
    margin-left: 0;
}

.package-services .arrival input, .package-services .departure input {
    width: 60px;
    height: 34px;
    padding-right: 4px;
    font-size: 14px;
    margin: 0;
}

.package-services .arrival .date, .package-services .departure .date {
    width: 80px;
}

.package-services .arrival span.date, .package-services .departure span.date, .package-services .arrival span.time, .package-services .departure span.time {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    color: #2C2C2C;
}

.package-services .departure {
    margin-top: 8px;
}

.package-services .total-price-label {
    font-weight: 500;
    vertical-align: middle;
}

.package-services .total-price-value {
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
}

.package-services.additional-services {
    display: block;
}

.package-services tfoot.disabled, .buttons.disabled {
    display: none;
}

td .price-field {
    font-size: 14px;
    white-space: nowrap;
    color: #808080;
}

td .price-field input {
    display: inline-block;
    width: 90px;
    height: 34px;
    font-size: 14px;
    margin: -8px 0;
}

td .select {
    margin: -8px 0;
}

td .select:before {
    background-image: url("../img/caret.svg");
    bottom: 10px;
}

td .select select {
    min-width: 180px;
    padding-right: 40px;
    height: 34px;
    font-size: 14px;
}

.cancellation-reasons {
    margin-top: 20px;
}

.cancellation-reasons label {
    font-size: 16px;
    margin-bottom: 16px;
}

.cancellation-reasons label:before, .cancellation-reasons label:after {
    top: 0;
    margin-top: 0;
}

.cancellation-reasons span.note {
    display: block;
    font-size: 11.5px;
    line-height: 14px;
    margin-top: 8px;
}

.quantity {
    display: inline-block;
    width: 96px;
    height: 32px;
    text-align: center;
}

.quantity .decrease, .quantity .increase {
    font-size: 24px;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #377F89;
    color: #377F89;
    border-radius: 50%;
    float: left;
    opacity: 1;
    position: relative;
}

.quantity .decrease, .quantity .increase, .quantity .decrease:before, .quantity .increase:before, .quantity .decrease:after, .quantity .increase:after {
    background: url("../img/minus-white.svg") 50% 50% no-repeat;
    -webkit-background-size: 43.75%;
    background-size: 43.75%;
}

.quantity .decrease:before, .quantity .increase:before, .quantity .decrease:after, .quantity .increase:after {
    content: "";
    background-image: url("../img/minus-grey.svg");
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.quantity .decrease:before {
    background-image: url("../img/minus-grey.svg");
    opacity: 0;
}

.quantity .decrease:after {
    background-image: url("../img/minus.svg");
}

.quantity .increase {
    background-image: url("../img/plus-white.svg");
}

.quantity .increase:before {
    background-image: url("../img/plus-grey.svg");
    opacity: 0;
}

.quantity .increase:after {
    background-image: url("../img/plus-active.svg");
}

.quantity .decrease:hover:after, .quantity .increase:hover:after {
    opacity: 0;
}

.quantity .decrease:hover:before, .quantity .increase:hover:before {
    opacity: 0;
}

.quantity .increase {
    float: right;
}

.quantity span {
    font-size: 16px;
    line-height: 32px;
}

.quantity .decrease:hover, .quantity .increase:hover {
    background-color: #377F89;
    color: #fff;
}

.quantity .decrease.disabled, .quantity .increase.disabled {
    color: #bbb !important;
    border-color: #bbb !important;
    pointer-events: none;
}

.quantity .decrease.disabled:before, .quantity .increase.disabled:before {
    opacity: 1;
}

.quantity .decrease.disabled:after, .quantity .increase.disabled:after {
    opacity: 0;
}

td .quantity {
    width: 76px;
    height: 24px;
    line-height: 22px;
    margin: -3px 0;
}

td .quantity .increase, td .quantity .decrease {
    width: 24px;
    height: 24px;
    font-size: 20px;
    line-height: 22px;
}

td .quantity span {
    font-size: 14px;
    line-height: 24px;
}

.order-preview .package-title {
    font-size: 20px;
    color: #808080;
    float: right;
}

.order-preview .main {
    padding: 24px 40px 16px 48px;
}

.order-preview .cover {
    height: 255px;
    margin-bottom: 24px;
}

.order-preview .title {
    font-weight: normal;
}

.order-preview .id {
    margin-top: 8px;
}

.order-preview .details .inner, .order-preview .price {
    padding: 24px 48px 24px 40px;
}

.order-preview .details {
    height: 336px;
    border-bottom: 1px solid #EDEDED;
}

.order-preview .features li {
    display: inline;
    position: relative;
    margin-right: .8em;
}

.order-preview .features li:not(:last-child):after {
    content: ",";
    color: #2C2C2C;
    position: absolute;
    top: 0;
    right: -0.3em;
}

.order-preview .user {
    font-size: 20px;
    font-weight: 500;
}

.order-preview .avatar {
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 20px;
    overflow: hidden;
}

.order-preview .avatar img {
    display: block;
}

.order-preview .user span {
    max-width: calc(100% - 60px);
}

.order-preview .details .cancelled {
    text-decoration: line-through;
}

.order-preview .price .label {
    font-weight: 500;
}

.order-preview .price .value {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    float: right;
}

.order-preview .price .value del {
    font-size: 16px;
}

.order-info .materials ul + ul {
    margin-top: 20px;
}

.order-info .materials li + li {
    margin-top: 8px;
}

.order-info .links a {
    display: block;
    padding-right: 24px;
    position: relative;
}

.order-info .links .download:before, .order-info .links .download:after, .order-info .voucher-dl:before, .offers-table .export a:before, .offers-table .export a:after, .cottage-form .language-info .download:before, .cottage-form .language-info .download:after {
    content: "";
    width: 16px;
    height: 20px;
    background: url("../img/download.svg") no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

.order-info .voucher-dl.disabled:before {
    content: none;
}

.order-info .links .download:after, .cottage-form .language-info .download:after {
    opacity: 0;
    background-image: url("../img/download-active.svg");
}

.order-info .links .download:hover:before, .cottage-form .language-info .download:hover:before {
    opacity: 0;
}

.order-info .links .download:hover:after, .order-info .voucher-dl:hover:after, .cottage-form .language-info .download:hover:after {
    opacity: 1;
}

.order-info .more {
    border-top: 1px solid #EDEDED;
    line-height: 1.25;
}

.group-info {
    padding: 40px 48px;
}

.order-info .voucher-dl:hover:before {
    background: url("../img/download.svg"), url("../img/download-active.svg");
}

.order-info .voucher-dl:hover:before {
    background-image: url("../img/download-active.svg");
}

.order-info .voucher-dl:before {
    right: auto;
    left: 0;
}

.group-info table {
    margin-top: 20px;
}

.group-info tr {
    border-top: 0;
}

.group-info th, .group-info td {
    padding: 8px 0;
}

.group-info th, .group-info td[data-label]:before {
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.group-info th + th, .group-info td + td {
    padding-left: 24px;
}

.group-info td:first-child:after {
    font-size: 16px;
}

.group-info input, .group-info select {
    margin: 0;
}

.group-info .note {
    max-width: 512px;
    margin-top: 24px;
    font-size: 14px;
    line-height: 18px;
    color: #808080;
}

.group-info .actions {
    margin-top: 56px;
}

.group-info .actions .button {
    min-width: 0;
    width: calc(50% - 4px);
    max-width: 208px;
}

.group-info .actions .button:last-child {
    float: right;
}

.favorites-menu a {
    display: block;
    padding: 12px 24px;
    position: relative;
}

.favorites-menu a.active {
    color: #2C2C2C !important;
    pointer-events: none;
}

.favorites-menu a:before {
    content: "";
    width: 2px;
    height: 100%;
    background: #4793B8;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}

.favorites-menu a.active:before {
    opacity: 1;
}

.saved-items tbody tr:last-child {
    border-bottom: 1px solid #EDEDED;
}

.saved-items td {
    font-size: 16px;
    line-height: 1.25;
    padding-top: 10px;
    padding-bottom: 10px;
}

.saved-items .checkbox label {
    margin: 0 auto;
}

.actions-dropdown {
    width: 34px;
    position: relative;
    margin: 0 auto;
}

.actions-dropdown .trigger {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.actions-dropdown .trigger:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../img/dots.svg") 50% 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
}

.actions-dropdown .trigger:hover {
    background: #F5F5F5;
}

.actions-dropdown .trigger:hover:after {
    opacity: 1;
}

.actions-dropdown ul {
    min-width: 224px;
    background: #fff;
    color: #808080;
    padding: 12px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    right: -4px;
    top: 100%;
    margin-top: 12px;
    z-index: 2;
    display: none;
}

.actions-dropdown li + li {
    margin-top: 8px;
}

.actions-dropdown a {
    color: #808080;
}

.actions-dropdown a:hover {
    color: #2C2C2C;
}

.help {
    overflow: hidden;
}

.help .header {
    height: 356px;
    background: #2C2C2C 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

.help .header:after {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.54));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.54));
    position: absolute;
    left: 0;
    bottom: 0;
}

.help .header .section-header {
    color: #fff;
    position: absolute;
    left: 48px;
    bottom: 40px;
    margin: 0;
    z-index: 2;
}

.help .description {
    padding: 32px 48px;
}

.help .description p:not(:last-child) {
    margin-bottom: 32px;
}

.help .description p + h3 {
    margin-top: 40px;
}

.faq li {
    margin-top: 32px;
}

.faq .question {
    font-weight: 500;
    margin-bottom: 12px;
}

.faq p {
    font-size: 14px;
}

.help .article {
    padding: 40px 48px;
}

.help .instruction:before, .help .instruction:after {
    content: "";
    display: block;
    height: 1px;
    background: #EDEDED;
    margin: 0 -48px 24px;
}

.help .instruction + .instruction:before {
    height: 0;
}

.help .instruction:after {
    margin: 24px -48px 0;
}

.help .instruction .title {
    padding: 24px 48px 24px 0;
    margin: -24px 0;
    position: relative;
    cursor: pointer;
}

.help .instruction .title:before, .help .instruction .title:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url("../img/caret5.svg") 50% 50% no-repeat;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

.help .instruction .title:hover {
    color: #377F89;
}

.help .instruction .title:after {
    background-image: url("../img/caret5-active.svg");
    opacity: 0;
}

.help .instruction .title:hover:before {
    opacity: 0;
}

.help .instruction .title:hover:after {
    opacity: 1;
}

.help .instruction .title.active:before, .help .instruction .title.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.help .instruction .details:not(.active) {
    display: none;
}

.help-menu > li + li {
    border-top: 1px solid #EDEDED;
}

.help-menu ul li.active {
    font-weight: 500;
}

.help-menu .header {
    font-weight: 500;
    padding: 16px 60px 16px 24px;
    position: relative;
    cursor: pointer;
}

.help-menu .header:hover {
    color: #377F89;
}

.help-menu .header:before, .help-menu .header:after {
    right: 20px;
    bottom: 50%;
    margin-bottom: -10px;
}

.help-menu .header.active:before, .help-menu .header.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.help-menu .header:after {
    background-image: url("../img/caret4-active.svg");
    opacity: 0;
}

.help-menu .header:hover:before {
    opacity: 0;
}

.help-menu .header:hover:after {
    opacity: 1;
}

.help-menu ul {
    padding: 0 0 16px 40px;
}

.help-menu ul:not(.active) {
    display: none;
}

.help-menu ul li + li {
    margin-top: 12px;
}

.page-review-trigger {
    display: table;
    padding-left: 28px;
    margin-top: 8px;
    position: relative;
}

.page-review-trigger:before, .page-review-trigger:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../img/review.svg") 50% 50% no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}

.page-review-trigger:after {
    background-image: url("../img/review-active.svg");
    opacity: 0;
}

.page-review-trigger:hover:before {
    opacity: 0;
}

.page-review-trigger:hover:after {
    opacity: 1;
}

.items-table :not(.all) tbody tr:nth-child(n+4) {
    display: none;
}

.items-table td, .offers-table td {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.offers-table th {
    white-space: nowrap;
}

.offers-table td {
    vertical-align: top;
}

.offers-table .id [data-tooltip]:before {
    left: 0;
    top: 6px;
}

.offers-table .id [data-tooltip]:after {
    left: -4px;
    margin-top: 10px;
    z-index: 3;
}

.offers-table .title span {
    display: inline-block;
    vertical-align: top;
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.offers-actions.disabled {
    display: none;
}

.offers-table .offers-actions {
    margin-top: 0;
}

.offers-table .offers-actions .buttons:before {
    content: none;
}

.offers-table .offers-actions .note {
    display: none;
}

.offers-list {
    display: inline-block;
    padding-right: 28px;
    position: relative;
}

.offers-list li + li {
    margin-top: 4px;
}

.offers-list:not(.active) li:nth-child(n+2) {
    display: none;
}

.offers-list .trigger {
    width: 24px;
    height: 24px;
    background: url("../img/caret.svg") 50% 50% no-repeat;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -2px;
    opacity: .5;
}

.offers-list.active .trigger {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
}

.offers-list .trigger:hover {
    background-color: #F5F5F5;
    opacity: 1;
}

.offers-list [data-tooltip] {
    z-index: auto;
}

.offers-list [data-tooltip]:after {
    z-index: 2;
}

.offers-table .price {
    white-space: nowrap;
}

.offers-table .export {
    white-space: nowrap;
    position: absolute;
    right: 8px;
    bottom: -44px;
}

.offers-table .export a {
    padding-left: 28px;
    color: #2C2C2C;
    position: relative;
    margin-left: 40px;
}

.offers-table .export a:hover {
    color: #377F89;
}

.offers-table .export a:before {
    background-image: url("../img/download-black.svg");
    left: 0;
}

.offers-table .export a:after, .offers-table .export a:hover:before {
    opacity: 0;
    left: 0;
}

.offers-table .export a:hover:after {
    opacity: 1;
}

.offers-table .export .print:before {
    width: 20px;
    background-image: url("../img/print.svg");
}

.offers-table .export .print:after {
    width: 20px;
    background-image: url("../img/print-active.svg");
}

.offers-table .deadline {
    content: "";
    width: 18px;
    height: 18px;
    border: 0;
    background: url("../img/clock-red.svg") no-repeat;
    margin: -3px 0 -1px 4px;
}

.offers-table input, .offers-table .checkbox label {
    margin-bottom: 0;
}

.offers-actions .button {
    margin-top: 8px;
}

.offers-actions .button.alt {
    float: left;
    margin-right: 16px;
}

.offers-actions .note {
    font-size: 14px;
    color: #808080;
    margin-top: 12px;
}

.finances-table td {
    vertical-align: middle;
}

.bank-data form {
    max-width: 784px;
}

.bank-data .note {
    font-size: 14px;
    line-height: 18px;
    color: #808080;
}

.latest-news > li {
    padding: 16px;
    position: relative;
}

.latest-news .title {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
}

.latest-news p {
    font-size: 14px;
    line-height: 18px;
}

.latest-news .date {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    margin-top: 20px;
}

.latest-news > li:hover {
    background: #4793B8;
    color: #4793B8;
}

.latest-news > li:hover .title a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.2em;
    line-height: .9;
}

.latest-news .more, .collection .more {
    font-weight: 500;
    padding-right: 18px;
    background: url("../img/arrow-white.svg") 100% 55% no-repeat;
    -webkit-background-size: 7px 12px;
    background-size: 7px 12px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    color: #fff;
    opacity: 0;
}

.latest-news > li:hover .more, .collection > li:hover .more {
    opacity: 1;
}

.collections .owl-nav {
    width: 88px;
    height: 40px;
    right: 0;
    top: -72px;
    position: absolute;
}

.collections .counter {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    color: #808080;
    counter-reset: num;
    margin-left: 8px;
}

.collections .counter:after {
    content: counter(num);
}

.collections .counter .owl-dot {
    display: inline;
    counter-increment: num;
}

.collections .counter .owl-dot.active:before {
    content: counter(num) "/";
}

.collection + .collection {
    display: none;
}

.collection > li {
    height: 304px;
    border-radius: 6px;
}

.collection > li:after {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.64));
    background: linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.64));
    position: absolute;
    left: 0;
    top: 0;
}

.collection > li:hover {
    background: #4793B8;
}

.collection > li:hover:after, .collection > li:hover img, .collection > li:hover .text {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.collection .cover {
    height: 100%;
}

.collection .text {
    width: 100%;
    padding: 32px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.collection .title {
    font-size: 24px;
    margin-bottom: 4px;
}

.collection .more {
    font-size: 20px;
    white-space: nowrap;
    left: 0;
    bottom: 0;
    margin: 32px;
}

.collection > li:before {
    width: calc(100% - 64px);
    content: attr(data-title);
    color: transparent;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.176;
    position: absolute;
    left: 0;
    top: 0;
    margin: 32px;
}

.collection > li:hover:before {
    color: rgba(255, 255, 255, 0.5);
}

.map-trigger {
    padding-right: 28px;
    font-size: 12px;
    line-height: 14px;
    float: right;
    margin-top: -2px;
    position: relative;
    z-index: 3;
}

.map-trigger:before, .map-trigger:after, .offers-params .map-trigger:before, .offers-params .map-trigger:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../img/map-trigger.svg") no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

.map-trigger:after, .offers-params .map-trigger:after {
    background-image: url("../img/map-trigger-active.svg");
    opacity: 0;
}

.map-trigger:hover:before {
    opacity: 0;
}

.map-trigger:hover:after {
    opacity: 1;
}

.map-trigger:hover {
    color: #377F89;
}

#intro .form .header {
    font-size: 24px;
    margin: 0 0 24px;
}

#intro .field-label {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 10px;
}

.ui-datepicker {
    background: #fff;
    width: auto !important;
    padding: 24px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    margin: 4px 8px 4px 0;
    display: none;
    z-index: 102;
}

.ui-datepicker .ui-datepicker-header {
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    text-align: center;
    position: relative;
    font-weight: 500;
}

.ui-datepicker-prev, .ui-datepicker-next {
    width: 32px;
    height: 32px;
    background: url("../img/arrow-black.svg") 55% 50% no-repeat;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    top: 4px;
    z-index: 3;
}

.ui-datepicker-prev:before {
    content: url("../img/arrow.svg");
    display: none;
}

.ui-datepicker-next:before {
    content: url("../img/arrow-b.svg");
    display: none;
}

.ui-datepicker-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-datepicker-next {
    right: 0;
}

.ui-datepicker-prev-hover, .ui-datepicker-next-hover {
    background-color: #F5F5F5;
    background-image: url("../img/arrow.svg");
}

.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-prenext.ui-state-disabled {
    opacity: .4;
}

.ui-datepicker-prev span, .ui-datepicker-next span {
    display: none;
}

.ui-datepicker table {
    width: 290px;
    border-collapse: separate;
    table-layout: fixed;
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.ui-datepicker-header {
    width: 290px;
    margin: 0 auto;
}

.ui-datepicker th, .ui-datepicker td {
    height: 34px;
    padding: 0;
    text-align: center;
    text-transform: lowercase;
}

.ui-datepicker th {
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #808080;
}

.ui-datepicker td {
    border: 1px solid #EDEDED;
    color: #2C2C2C;
    text-align: center;
}

.ui-datepicker td.ui-state-disabled {
    color: #BBBBBB;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    color: inherit;
}

.ui-datepicker .ui-datepicker-range,
.ui-datepicker-multi .ui-datepicker-current-day,
.ui-datepicker td:hover,
.datepicker-range-notes .standard,
.datepicker-range-notes .nonstandard,
.ui-datepicker .standard,
.ui-datepicker .nonstandard {
    border-color: #93B8BD;
    color: #377F89;
}

.ui-datepicker .ui-datepicker-range,
.datepicker-range-notes .standard,
.datepicker-range-notes .nonstandard,
.ui-datepicker .standard,
.ui-datepicker .nonstandard {
    background: #D7E5E7;
    -webkit-box-shadow: 0 0 0 1px #D7E5E7;
    box-shadow: 0 0 0 1px #D7E5E7;
}

.ui-datepicker-multi .ui-datepicker-current-day {
    border-left-color: #fff !important;
    border-top-color: #fff !important;
    background: -webkit-linear-gradient(315deg, transparent 49%, #93B8BD 49%, #93B8BD 51%, #D7E5E7 51%);
    background: linear-gradient(135deg, transparent 49%, #93B8BD 49%, #93B8BD 51%, #D7E5E7 51%);
    -webkit-box-shadow: 1px 0 0 #D7E5E7, 0 1px 0 #D7E5E7;
    box-shadow: 1px 0 0 #D7E5E7, 0 1px 0 #D7E5E7;
}

.ui-datepicker-multi .ui-datepicker-current-day-last {
    border-right-color: #fff !important;
    border-bottom-color: #fff !important;
    background: -webkit-linear-gradient(45deg, transparent 49%, #93B8BD 49%, #93B8BD 51%, #D7E5E7 51%);
    background: linear-gradient(315deg, transparent 49%, #93B8BD 49%, #93B8BD 51%, #D7E5E7 51%);
    -webkit-box-shadow: -1px 0 0 #D7E5E7, 0 -1px 0 #D7E5E7;
    box-shadow: -1px 0 0 #D7E5E7, 0 -1px 0 #D7E5E7;
}

.datepicker-range-notes .pm,
.datepicker-range-notes .am,
.ui-datepicker .am,
.ui-datepicker .pm {
    background: -webkit-linear-gradient(135deg, #D7E5E7 49%, #93B8BD 49%, #93B8BD 51%, #D7E5E7 51%);
    background: linear-gradient(135deg, #D7E5E7 49%, #93B8BD 49%, #93B8BD 51%, #D7E5E7 51%);
}

.datepicker-range-notes .am,
.ui-datepicker .am {
    border-left-color: #D7E5E7 !important;
    border-top-color: #D7E5E7 !important;
}

.datepicker-range-notes .pm,
.ui-datepicker .pm {
    border-right-color: #D7E5E7 !important;
    border-bottom-color: #D7E5E7 !important;
}

.datepicker-range-notes .nonstandard > *,
.ui-datepicker .nonstandard > * {
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset;
}

.blue-theme .ui-datepicker .ui-datepicker-range,
.blue-theme .ui-datepicker-multi .ui-datepicker-current-day,
.blue-theme .ui-datepicker td:hover,
.ui-datepicker .standard,
.ui-datepicker .nonstandard,
.datepicker-range-notes .nonstandard,
.datepicker-range-notes .standard {
    border-color: #A5C7D7;
    color: #4793B8;
}

.blue-theme .ui-datepicker .ui-datepicker-range,
.ui-datepicker .standard,
.ui-datepicker .nonstandard,
.datepicker-range-notes .nonstandard,
.datepicker-range-notes .standard {
    background: #DAE9F1;
}

.blue-theme .ui-datepicker-multi .ui-datepicker-current-day {
    background: -webkit-linear-gradient(315deg, transparent 49%, #A5C7D7 49%, #A5C7D7 51%, #DAE9F1 51%);
    background: linear-gradient(135deg, transparent 49%, #A5C7D7 49%, #A5C7D7 51%, #DAE9F1 51%);
    -webkit-box-shadow: 1px 0 0 #DAE9F1, 0 1px 0 #DAE9F1;
    box-shadow: 1px 0 0 #DAE9F1, 0 1px 0 #DAE9F1;
}

.blue-theme .ui-datepicker-multi .ui-datepicker-current-day-last {
    background: -webkit-linear-gradient(45deg, transparent 49%, #A5C7D7 49%, #A5C7D7 51%, #DAE9F1 51%);
    background: linear-gradient(315deg, transparent 49%, #A5C7D7 49%, #A5C7D7 51%, #DAE9F1 51%);
    -webkit-box-shadow: -1px 0 0 #DAE9F1, 0 -1px 0 #DAE9F1;
    box-shadow: -1px 0 0 #DAE9F1, 0 -1px 0 #DAE9F1;
}

.blue-theme .ui-datepicker .am,
.blue-theme .ui-datepicker .pm,
.blue-theme .datepicker-range-notes .am,
.blue-theme .datepicker-range-notes .pm
{
    background: -webkit-linear-gradient(135deg, #DAE9F1 49%, #A5C7D7 49%, #A5C7D7 51%, #DAE9F1 51%);
    background: linear-gradient(135deg, #DAE9F1 49%, #A5C7D7 49%, #A5C7D7 51%, #DAE9F1 51%);
}

.blue-theme .datepicker-range-notes .am,
.blue-theme .ui-datepicker .am {
    border-left-color: #DAE9F1 !important;
    border-top-color: #DAE9F1 !important;
}

.blue-theme .datepicker-range-notes .pm,
.blue-theme .ui-datepicker .pm {
    border-right-color: #DAE9F1 !important;
    border-bottom-color: #DAE9F1 !important;
}

.ui-datepicker .ui-datepicker-week-col {
    background: #E8E8E8;
    color: #808080;
    pointer-events: none;
}

.ui-datepicker th.ui-datepicker-week-col {
    visibility: hidden;
}

.ui-datepicker td a {
    -webkit-transition: none;
    transition: none;
}

.ui-datepicker .ui-state-disabled {
    pointer-events: none;
}

.datepicker-range-notes .selected,
.ui-datepicker.extended .ui-datepicker-range {
    background: #4793B8 !important;
    border-color: #A5C7D7 !important;
    color: #2C2C2C !important;
    -webkit-box-shadow: 0 0 0 1px #4793B8;
    box-shadow: 0 0 0 1px #4793B8;
}

.datepicker-range-notes .current-day,
.ui-datepicker.extended .ui-datepicker-current-day {
    background: -webkit-linear-gradient(315deg, #A5C7D7 50%, #4793B8 50%) !important;
    background: linear-gradient(135deg, #A5C7D7 50%, #4793B8 50%) !important;
    color: #2C2C2C !important;
    -webkit-box-shadow: -1px 0 0 #DAE9F1, 0 -1px 0 #DAE9F1, 1px 0 0 #4793B8, 0 1px 0 #4793B8;
    box-shadow: -1px 0 0 #DAE9F1, 0 -1px 0 #DAE9F1, 1px 0 0 #4793B8, 0 1px 0 #4793B8;
}

.datepicker-range-notes .current-day-last,
.ui-datepicker.extended .ui-datepicker-current-day-last {
    background: -webkit-linear-gradient(135deg, #A5C7D7 50%, #4793B8 50%) !important;
    background: linear-gradient(315deg, #A5C7D7 50%, #4793B8 50%) !important;
    color: #2C2C2C !important;
    -webkit-box-shadow: 1px 0 0 #DAE9F1, 0 1px 0 #DAE9F1, -1px 0 0 #4793B8, 0 -1px 0 #4793B8;
    box-shadow: 1px 0 0 #DAE9F1, 0 1px 0 #DAE9F1, -1px 0 0 #4793B8, 0 -1px 0 #4793B8;
}

.ui-datepicker-multi .ui-datepicker-current-day {
    pointer-events: none;
}

.datepicker-range-notes {
    display: none;
}

.ui-datepicker .datepicker-range-notes {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    gap: 16px;
}

.datepicker-range-notes li {
    display: table;
    height: 36px;
    font-size: 14px;
    line-height: 18px;
    padding: 0 12px 0 46px;
    margin: 16px 0 0;
    position: relative;
}

.datepicker-range-notes li span {
    display: table-cell;
    vertical-align: middle;
}

.datepicker-range-notes li:before {
    content: "1";
    width: 34px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #EDEDED;
    color: #808080;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17px;
}

.datepicker-range-notes .status-nonstandard:before, .datepicker-range-notes .status-standard:before {
    background: #DAE9F1;
    border-color: #DAE9F1;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset;
    color: #4793B8;
}

.datepicker-range-notes .status-standard:before, .datepicker-range-notes .status-selected:before {
    -webkit-box-shadow: 0 0 0 1px #A5C7D7 inset;
    box-shadow: 0 0 0 1px #A5C7D7 inset;
}

.datepicker-range-notes .status-selected:before {
    background: #4793B8;
    border-color: #4793B8;
    color: #2C2C2C;
}

.datepicker-range-notes .status-week:before {
    background: #E8E8E8;
}

#intro .rooms {
    position: relative;
}

#intro .rooms .options {
    width: 100%;
    padding: 16px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 3;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden;
}

#intro .rooms .options.active {
    opacity: 1;
    visibility: visible;
}

#intro .rooms li + li, .cottages-filter .rooms li + li {
    margin-top: 14px;
}

#intro .rooms .label, .cottages-filter .rooms .label {
    display: inline-block;
    margin-top: 3px;
}

#intro .rooms .quantity, .cottages-filter .rooms .quantity {
    float: right;
}

#intro .map {
    width: 284px;
    height: 580px;
    float: left;
    margin: 0 0 40px 228px;
}

#intro .map.disabled {
    visibility: hidden;
    opacity: 0;
}

label.period {
    position: relative;
    z-index: 3;
}

.datepicker, .datepicker-range-vue, .datepicker-multiple {
    padding-right: 32px;
    background-image: url("../img/calendar.svg");
    background-repeat: no-repeat;
    background-position: top 50% right 10px;
}

#intro .price input {
    width: 50%;
    float: left;
}

#intro .price input:first-of-type {
    border-radius: 4px 0 0 4px;
    border-right-width: 0;
}

#intro .price input + input {
    width: 50%;
    border-radius: 0 4px 4px 0;
    float: right;
}

#intro .price input:focus + input {
    border-left-color: #377F89;
}

#intro .form button {
    width: 100%;
}

#intro .social-networks {
    position: absolute;
    right: 24px;
    bottom: 0;
}

#login {
    max-width: 588px;
    margin: 0 auto;
}

#login .tab-switcher {
    border-bottom: 1px solid #EDEDED;
    text-align: center;
}

#login .tab-switcher a {
    display: block;
    width: 50%;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.167;
    padding: 20px 40px;
    color: #808080;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    float: left;
}

#login .tab-switcher a.active {
    color: #2C2C2C;
    border-color: #377F89;
}

#login .tab-switcher a:hover {
    color: #2C2C2C;
}

#login .tab-switcher .password-reset, #login .tab-switcher .password-reset.active ~ a {
    display: none;
}

#login .tab-switcher .password-reset {
    width: 100%;
    text-align: left;
}

#login .tab-switcher .password-reset.active {
    display: block;
}

#login .tab-switcher .password-reset.active, .blue-theme #login .tab-switcher .password-reset.active {
    border-color: transparent;
}

#login .tab {
    padding: 32px 40px 40px;
}

#login p {
    margin-bottom: 16px;
}

#login form {
    max-width: 360px;
    margin: 0 auto;
}

#login button {
    width: 100%;
}

#login .button {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 24px auto 0;
}

#login .password-reset-trigger, #login .contact-admin {
    display: inline-block;
    font-weight: 500;
    margin-top: 24px;
}

#login .social:before {
    content: "";
    display: block;
    height: 1px;
    background: #EDEDED;
    margin: 24px -24px;
}

#login .social ul {
    max-width: 360px;
    margin: 0 auto;
}

#login .social li + li {
    margin-top: 16px;
}

#login .social a {
    display: block;
    height: 56px;
    padding: 0 12px;
    text-align: center;
    line-height: 54px;
    border: 1px solid #377F89;
    border-radius: 4px;
    color: #377F89;
}

#login .social a span {
    font-weight: bold;
}

#login .social a:before {
    content: "";
    width: 40px;
    height: 40px;
    background: url("../img/login-facebook.svg") no-repeat;
    -webkit-background-size: 40px;
    background-size: 40px;
    float: left;
    margin: 7px 0 12px 0;
}

#login .social .google:before {
    background-image: url("../img/login-google.svg");
}

#login .social .apple:before {
    background-image: url("../img/login-apple.svg");
}

#login .social .vkontakte:before {
    background-image: url("../img/login-vkontakte.svg");
}

#login .social a:hover {
    border-color: #23636C;
    color: #23636C;
}

#login .social.disabled {
    display: none;
}

#login .generate-password {
    font-size: 14px;
    float: right;
    position: relative;
    z-index: 2;
    margin: -1px 0 0 12px;
}

#login .generate-password [data-tooltip] {
    margin-left: 8px;
}

#login .generate-password [data-tooltip]:after {
    width: 300px;
    max-width: calc(100vw - 40px);
    white-space: normal;
}

#login .note {
    font-size: 14px;
    color: #808080;
    margin-top: 16px;
}

.single-article {
    max-width: 996px;
    margin-left: auto;
    margin-right: auto;
}

.single-article .header {
    padding: 20px 48px;
    font-size: 24px;
    line-height: 1.167;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 0;
}

.single-article .description {
    padding: 24px 48px 40px;
}

.single-article .agreement, .modal-text .agreement {
    display: table;
    margin: 40px auto 0;
}

.agreement + .note {
    font-size: 12px;
    color: #808080;
    margin-top: 12px;
}

.single-article h2:not(.article-header), .single-article h3, .modal-text h2, .modal-text h3 {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5;
}

.single-article b, .single-article strong, .modal-text b, .modal-text strong {
    font-weight: 500;
}

.article-date {
    color: #808080;
}

.order-params {
    padding: 40px 48px;
}

.order-params .steps-switcher, .order-params .steps-switcher li.parent ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.order-params .steps-switcher {
    position: relative;
}

.order-params .steps-switcher li {
    -webkit-flex-grow: 1 0;
    flex: 1 0;
    margin: 0 1px;
    white-space: nowrap;
    padding: 0 4px 12px;
    border-bottom: 4px solid #377F89;
    text-align: center;
}

.order-params .steps-switcher li.parent {
    border: 0;
    padding-bottom: 0;
}

.order-params .steps-switcher .active {
    color: #377F89;
}

.order-params .steps-switcher .disabled, .blue-theme .order-params .steps-switcher .disabled {
    color: #bbb;
    border-color: #ddd;
}

.order-params .step:not(.active), .order-params .option.disabled {
    display: none;
}

.order-params .option + .option {
    margin-top: 32px;
}

.order-params .period {
    max-width: 306px;
}

.order-params .field-label {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1.25;
    margin-right: 4px;
}

.order-params .field-label:last-child {
    margin-bottom: 0;
}

.order-params .checkbox.toggle > .price, .order-params .select + .checkbox {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 340px);
    font-size: 14px;
    margin: 8px -20px 0 20px;
}

.order-params .checkbox.toggle input:not(:checked) ~ .price {
    display: none;
}

.order-params .checkbox.toggle label {
    width: 100%;
    max-width: 330px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0;
}

.order-params .checkbox.toggle:not(.active) + .related, .request-details .checkbox.toggle:not(.active) + .related-options,
.members .checkbox.toggle:not(.active) + .related {
    display: none;
}

.order-params .option p {
    max-width: 512px;
    font-size: 14px;
    line-height: 18px;
    color: #808080;
}

.order-params .checkbox ~ p {
    margin-top: 12px;
}

.order-params .quantity-list li, .cottage-calculation li {
    min-height: 42px;
    max-width: 280px;
    margin: 8px 0;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.cottage-calculation li {
    max-width: 100%;
}

.order-params .quantity-list .label div, .cottage-calculation .quantity-list .label div {
    font-size: 12px;
    color: #808080;
}

.order-params .field-label .value {
    white-space: nowrap;
    font-size: 20px;
}

.order-params .arrival-departure li {
    margin: 0 0 12px;
}

.order-params .arrival-departure .label {
    display: inline-block;
    min-width: 184px;
}

.order-params .arrival-departure .time:not(:last-child) {
    display: inline-block;
    min-width: 76px;
}

.order-params .arrival-departure .time span {
    color: #808080;
}

.order-params .quantity + .price {
    width: 100%;
    font-size: 14px;
    margin: 8px 0 0;
}

.order-params .quantity:not(.active) + .price {
    display: none;
}

.order-params .price.error {
    color: #B84747;
}

.order-params .select {
    display: inline-block;
    width: 100%;
    max-width: 310px;
    margin: 24px 0 0;
}

.order-params .related-field .select {
    max-width: 100%;
}

.order-params .select + .checkbox {
    margin-top: 0;
}

.order-params .select + .checkbox label {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.order-params .option .note {
    font-size: 12px;
    margin-top: 8px;
}

.order-params .boat-motor {
    max-width: 378px;
}

.order-params .boat-motor .item {
    margin-bottom: 16px;
    position: relative;
}

.order-params .boat-motor .select {
    width: calc(100% - 48px);
}

.order-params .boat-motor .remove {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 32px;
}

.order-params .boat-motor .remove:hover {
    opacity: 1;
}

.order-params .boat-motor .item:first-child .remove {
    display: none;
}

.order-params .boat-motor .item:first-child .select {
    width: 100%;
}

.order-params .times, .order-params .times span, .order-params .times input, .order-params .times + .price {
    display: inline-block;
    vertical-align: middle;
}

.order-params .times, .order-params .times + .price {
    margin-top: 16px;
}

.order-params .times span {
    color: #808080;
    margin-right: 8px;
}

.order-params .times input {
    display: inline-block;
    vertical-align: middle;
    width: 73px;
    height: 40px;
    margin: 0 16px 0 0;
}

.order-params .times + .price {
    font-size: 14px;
    margin-left: 8px;
}

.help .buttons {
    margin-top: -8px;
}

.help .buttons .button {
    margin-top: 8px;
}

.news-preview, .news-single {
    padding: 40px 48px;
}

.news-preview + .news-preview {
    margin-top: 24px;
}

.news-preview .header a, .blue-theme .news-preview .header a {
    color: #2C2C2C;
}

.news-preview .header a:hover {
    color: #377F89;
}

.news-preview .intro p:last-child {
    margin-bottom: 0;
}

.news-preview .description:not(.active), .news-preview .description:not(.active) ~ .more-trigger {
    display: none;
}

.news-preview .description-trigger {
    display: block;
    padding-right: 56px;
    line-height: 40px;
    margin-top: 16px;
    position: relative;
}

.news-preview .description-trigger:after {
    background-color: #fff;
    background-image: url("../img/caret3-active.svg");
    background-position: 50% 55%;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    right: 0;
}

.news-preview .description-trigger:hover:after {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}

.news-preview .description-trigger.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news-preview .more-trigger {
    margin-top: 16px;
}

.related-news .header {
    padding: 20px 24px;
}

.related-news .section-header {
    display: inline-block;
    margin: 0;
}

.related-news li {
    padding: 16px 24px;
    border-top: 1px solid #EDEDED;
    position: relative;
}

.related-news .title {
    margin-bottom: 12px;
}

.related-news .date {
    font-weight: 500;
    margin-top: 20px;
}

.related-news .seciton-header {
    display: inline-block;
}

.related-news .show-all {
    float: right;
}

.share {
    margin-top: 24px;
}

.article-content .share ul {
    margin: 0;
    list-style: none;
}

.share .label {
    font-size: 14px;
    color: #808080;
    margin-bottom: 8px;
}

.share li {
    float: left;
    margin: 0 16px 0 0;
}

.share li:before {
    content: none;
}

.share a {
    display: block;
    width: 32px;
    height: 32px;
    background: #fff url("../img/facebook-colored.svg") 50% 50% no-repeat;
    -webkit-background-size: 24px;
    background-size: 24px;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
}

.share .vkontakte {
    background-image: url("../img/vkontakte-colored.svg");
}

.share a:hover {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
}

.cottage-header h1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.cottage-header .status {
    color: #808080;
    float: right;
    margin-top: 10px;
}

.cottage-header [class*=badge-] {
    vertical-align: middle;
    margin: -4px 8px 0 0;
}

.cottage-header .features {
    font-size: 20px;
    margin: 8px 0 4px;
}

.cottage-header .features li {
    float: left;
    margin: 4px 12px 0 0;
}

.cottage-header .rating {
    padding-left: 40px;
    background: url("../img/star2.svg") 0 40% no-repeat;
    font-size: 24px;
    font-weight: 500;
}

.cottage-header .bookmark {
    min-width: 184px;
    font-weight: normal;
    background: #fff !important;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    color: #2C2C2C;
}

.cottage-header .bookmark:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url("../img/heart.svg") no-repeat;
    margin-right: 8px;
}

.cottage-header .bookmark:after {
    background: url("../img/heart-active.svg"), url("../img/heart-active2.svg")
}

.cottage-header .bookmark:hover {
    color: #377F89;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
}

.cottage-header .bookmark:hover:before {
    background-image: url("../img/heart-active.svg");
}

.cottage-header .bookmark.active:before {
    background-image: url("../img/heart-active2.svg");
}

.cottage-header .bookmark.active {
    color: #377F89;
}

.cottage-gallery {
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
}

.cottage-gallery .item {
    background: #EDEDED;
}

.cottage-gallery .item.main:last-child {
    width: 100%;
}

.cottage-gallery .placeholder.big {
    background: #EDEDED url("../img/logo4.svg") 0 100% no-repeat;
    position: relative;
}

.cottage-gallery .placeholder > span {
    max-width: 45%;
    font-size: 20px;
    line-height: 1.25;
    color: #bbb;
    position: absolute;
    bottom: 50%;
    left: 52%;
}

.cottage-gallery .item a {
    height: 100%;
}

.cottage-gallery img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cottage-info + .cottage-info {
    margin-top: 24px;
}

.cottage-info .module-header {
    padding: 20px 40px;
}

.cottage-info .section-header {
    margin: 0 8px 0 0;
}

.cottage-info .request-details-trigger {
    font-weight: 500;
    line-height: 1.25;
    float: right;
    margin-top: 8px;
}

.cottage-info > .description {
    padding: 24px 40px;
}

.cottage-info .section-header {
    display: inline;
}

.cottage-info .columns li + li {
    margin-top: 16px;
}

.cottage-info .columns + p {
    margin-top: 32px;
}

.cottage-info > .description h4:not(:first-child) {
    margin-top: 32px;
}

.cottage-info .description del {
    color: #BBBBBB;
    text-decoration: line-through;
}

.cottage-info .building {
    border-radius: 4px;
}

.cottage-info .building + .building {
    margin-top: 16px;
}

.cottage-info .building.active {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
}

.cottage-info .building .header {
    padding: 16px 64px 16px 24px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    position: relative;
    cursor: pointer;
}

.cottage-info .building .header:after {
    width: 24px;
    height: 24px;
    right: 24px;
    margin-top: -12px;
}

.cottage-info .building .title {
    display: inline;
    margin-right: 16px;
}

.cottage-info .building li + li {
    margin-top: 12px;
}

.cottage-info .building .capacity {
    color: #808080;
}

.cottage-info .building .description {
    padding: 24px;
}

.cottage-info .building .description:not(.active) {
    display: none;
}

.cottage-info .list-values li {
    padding-bottom: 4px;
    border-bottom: 1px solid #EDEDED;
    position: relative;
}

.cottage-info .list-values span:first-child {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1.25;
    max-width: 69%;
}

.cottage-info .list-values span:last-child {
    display: inline-block;
    max-width: 29%;
    line-height: 1.25;
    position: absolute;
    right: 0;
    bottom: 4px;
}

.cottage-info .list-values .parent {
    margin-bottom: 0;
    border-bottom: 0;
}

.cottage-info .list-values ul {
    list-style: none;
    margin: 16px 0 16px 16px;
}

.cottage-info .list-values h4 + ul {
    margin: 16px 0 0;
}

.cottage-info .list-values h4 {
    margin-top: 0;
}

.cottage-info.collapsable .module-header {
    position: relative;
    cursor: pointer;
}

.cottage-info.collapsable .section-header {
    display: block;
    padding-right: 40px;
    position: relative;
}

.cottage-info.collapsable .section-header:before, .cottage-info.collapsable .section-header:after {
    background-image: url("../img/caret5-active.svg");
    -webkit-background-size: 24px;
    background-size: 24px;
    right: -16px;
}

.cottage-info.collapsable .section-header:after {
    background-image: url("../img/caret5-active2.svg");
}

.cottage-info.collapsable .description:not(.active) {
    display: none;
}

.cottage-info.collapsable.full:not(.active) ~ .cottage-info {
    display: none;
}

.cottage-info.collapsable.full .description {
    display: none !important;
}

.cottage-gallery .owl-prev {
    left: 24px;
}

.cottage-gallery .owl-next {
    right: 24px;
}

.cottage-gallery .owl-dots {
    width: 66px;
    height: 28px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.3);
    line-height: 28px;
    counter-reset: i;
    color: #fff;
    bottom: 16px;
    left: 50%;
    margin-left: -33px;
}

.cottage-gallery .owl-dot {
    display: inline;
    width: auto;
    height: auto;
    border-radius: 0;
    margin: 0;
    background: none !important;
    counter-increment: i;
}

.cottage-gallery .owl-dot.active:before {
    content: counter(i, decimal);
}

.cottage-gallery .owl-dots:after {
    content: "/ " counter(i, decimal);
    margin-left: .3em;
}

.cottage-map {
    height: 440px;
}

.request-details .checkbox label {
    font-size: 16px;
}

.request-details .options-list {
    margin: 0 0 32px 24px;
}

.request-details .options .options-list:first-child label:first-of-type {
    margin-top: 0;
}

.request-details .options-list label {
    font-weight: normal;
    margin: 18px 0;
}

.request-details .related-options:before, .request-details .related-options:after, .request-details .related-options > li + li:before {
    content: "";
    display: block;
    height: 1px;
    background: #EDEDED;
    margin: 16px -40px;
}

.request-details .header {
    padding: 16px 80px 16px 40px;
    margin: -16px -40px;
    position: relative;
    cursor: pointer;
}

.request-details .header:after {
    right: 32px;
}

.request-details .options {
    padding: 24px 0 0 24px;
}

.request-details .options:not(.active) {
    display: none;
}

.reviews .rating-average {
    font-size: 20px;
    line-height: 24px;
    float: right;
    margin-top: 4px;
}

.reviews-list > li {
    padding: 24px 40px;
    border-bottom: 1px solid #EDEDED;
}

.reviews-list:last-child li:last-child {
    border: 0;
}

.reviews-list .name {
    font-weight: 500;
    margin-bottom: 4px;
}

.rating-stars {
    display: inline-block;
    line-height: 26px;
}

.rating-stars li, .rating-stars label {
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/star-grey.svg") 50% 50% no-repeat;
    float: left;
    margin: 0;
}

.rating-stars li + li {
    margin-left: 4px;
}

.rating-stars li {
    background-image: none;
}

.rating-stars input {
    display: none;
}

.rating-stars label {
    display: block;
    float: right;
}

.rating-stars label ~ label {
    margin-left: 4px;
}

.rating-stars li, .rating-stars input:checked ~ label, .rating-stars input:checked + label:hover, .rating-stars input:not(:checked) ~ label:hover, .rating-stars input:not(:checked) ~ label:hover ~ label {
    background-image: url("../img/star.svg");
}

.reviews-list .date {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .06em;
    line-height: 16px;
    color: #808080;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.reviews-list blockquote {
    margin: 0;
}

.reviews-list blockquote + .show-more {
    font-weight: normal;
    margin: 12px 0 0;
}

.reviews-list blockquote + .show-more:before, .reviews-list blockquote + .show-more:after {
    -webkit-background-size: 10px;
    background-size: 10px;
}

.review-gallery li {
    border-radius: 8px;
    float: left;
    margin: 8px 8px 0 0;
    overflow: hidden;
}

.review-gallery [data-more] {
    background: #000;
    position: relative;
}

.review-gallery [data-more]:after {
    content: attr(data-more);
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.review-gallery [data-more] img {
    opacity: .75;
}

.review-gallery [data-more] a + a {
    display: none;
}

.review-gallery .glightbox:after {
    width: 16px;
    height: 16px;
    -webkit-background-size: contain;
    background-size: contain;
}

.review-gallery {
    margin: 8px -8px 0 0;
}

.review-gallery img {
    display: block;
    width: 100px;
    height: 64px;
}

.cottage-offers .placeholder, .cottage-preview .placeholder {
    padding: 16px 24px;
    line-height: 1.25;
}

.cottage-offers li {
    padding: 16px 24px;
    position: relative;
}

.cottage-offers .scrollable {
    max-height: 358px;
}

.cottage-offers li + li {
    border-top: 1px solid #EDEDED;
}

.cottage-offers .title {
    margin-bottom: 12px;
    position: relative;
}

.cottage-offers [class*=badge-] {
    position: absolute;
    right: 24px;
    bottom: 16px;
}

.cottage-offers .period {
    font-size: 14px;
    line-height: 18px;
}

.cottage-offers .price span {
    font-weight: bold;
}

.offer-info h3:first-child {
    margin-top: 0;
}

.offer-info h3 {
    margin: 24px 0 8px;
}

.offer-info p {
    font-size: 14px;
    line-height: 18px;
}

.offer-info .module-header .note, .cottage-preview .module-header .note {
    float: right;
    margin-top: 4px;
}

.cottage-preview .module-header .note {
    margin-top: 8px;
}

.offer-info .status {
    margin-bottom: 32px;
}

.offer-info .label {
    line-height: 1.25;
}

.offer-info .status .period {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 8px;
}

.offer-info .days {
    display: inline-block;
    max-width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    margin-top: 24px;
    overflow-x: auto;
}

.offer-info .days li {
    padding: 16px 24px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
}

.offer-info .days li + li {
    border-top: 1px solid #EDEDED;
}

.offer-info .days .label {
    float: left;
    min-width: 160px;
    font-weight: normal;
    margin-right: 16px;
}

.offer-info .prices {
    margin-top: 24px;
}

.offer-info .prices table:not(:last-child) {
    border-bottom: 1px solid #EDEDED;
}

.offer-info .prices th {
    font-size: 16px;
    line-height: 20px;
    color: #2C2C2C;
    letter-spacing: 0;
    text-transform: none;
}

.offer-info .prices + .note {
    text-align: right;
    margin-top: 16px;
}

.offer-info .prices + .note [data-tooltip]:after {
    text-align: left;
}

.offer-info .prices th {
    padding-top: 14px;
    padding-bottom: 14px;
}

.offer-info .prices td {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #808080;
}

.offer-info .value {
    font-size: 20px;
    font-weight: 500;
    color: #2C2C2C;
}

.cottage-calculation .main {
    padding: 24px;
}

.cottage-calculation li:last-child {
    margin-bottom: 0;
}

.cottage-calculation .total {
    padding: 16px 24px;
    border-top: 1px solid #EDEDED;
}

.cottage-calculation .price {
    font-size: 16px;
    font-weight: 500;
}

.cottage-calculation .price .label {
    display: inline-block;
    margin-top: 8px;
}

.cottage-calculation .price > span {
    font-size: 24px;
    float: right;
    margin-top: -8px;
}

.cottage-calculation .button {
    width: 100%;
    margin-top: 8px;
}

.cottage-calculation .note {
    margin-top: 12px;
}

.cottage-calculation .note p + p {
    margin-top: 8px;
}

.offers-categories {
    margin-top: 24px;
}

.offers-categories > li {
    width: calc(25% - 16px);
    margin-top: 32px;
}

.offers-categories > li.wide {
    width: calc(50% - 16px);
}

.offers-categories .header {
    font-size: 16px;
    line-height: 1.25;
    padding-bottom: 8px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 16px;
}

.offers-categories ul li + li {
    margin-top: 12px;
}

.pagination {
    margin-top: 24px;
}

.pagination li {
    float: left;
}

.pagination li + li {
    margin-left: 4px;
}

.pagination li a, .pagination li span {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
}

.pagination li a:hover {
    background: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}

.pagination a.active {
    color: #377F89;
    pointer-events: none;
}

.pagination .prev, .pagination .next {
    display: block;
    width: 32px;
    height: 32px;
    background: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    position: relative;
    float: left;
}

.pagination .prev {
    margin-right: 16px;
}

.pagination .next {
    margin-left: 16px;
}

.pagination .prev:hover, .pagination .next:hover {
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.pagination .items-counter {
    font-size: 14px;
    line-height: 18px;
    color: #808080;
    float: right;
    margin-top: 8px;
}

.items-counters {
    color: #808080;
    float: right;
}

.cottages-filter {
    height: 80px;
    padding: 20px 0;
    margin-bottom: 32px;
}

.cottages-filter:before {
    content: "";
    width: 100%;
    height: 80px;
    background: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    position: absolute;
    left: 0;
    margin-top: -20px;
    z-index: -1;
}

.cottages-filter .price .modal input {
    border-radius: 6px 0 0 6px;
    width: 50%;
    float: left;
    margin: 0;
}

.cottages-filter .price .modal input + input {
    width: calc(50% + 1px);
    margin-left: -1px;
    border-radius: 0 6px 6px 0;
}

.cottages-filter .price .modal input:focus {
    position: relative;
    z-index: 2;
}

.cottages-filter .modal .field-label {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.cottages-filter-selected {
    margin-bottom: 24px;
}

.cottages-filter-selected:not(.active) {
    display: none;
}

.cottages-filter-selected .option {
    background: #fff;
    line-height: 32px;
    padding-left: 12px;
    color: #808080;
    border-radius: 4px;
    float: left;
    margin: 0 8px 8px 0;
}

.cottages-filter-selected .option .remove {
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/close2.svg") 50% 50% no-repeat;
    cursor: pointer;
    float: right;
}

.cottages-filter-selected .option .remove:hover {
    opacity: .5;
}

.cottages-filter-selected .option:last-of-type {
    margin-right: 16px;
}

.cottages-filter-selected .actions {
    float: left;
    white-space: nowrap;
    line-height: 32px;
}

.cottages-filter-selected .save {
    font-weight: 500;
    margin-right: 8px;
}

.cottages-filter-selected .saved {
    margin-right: 8px;
}

.cottages-settings {
    margin-bottom: 24px;
}

.cottages-settings .sort {
    font-size: 14px;
}

.cottages-settings .map-trigger {
    margin-top: 6px;
}

.gm-style .gm-style-iw-c {
    padding: 0 !important;
}

.gm-style-iw-d {
    overflow: hidden !important;
}

.cottage-modal {
    width: 384px;
    line-height: 1.5;
}

.cottage-modal.group {
    width: 220px;
    padding: 10px 24px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

.cottage-modal .cover {
    height: 208px;
    border-radius: 0;
}

.cottage-modal .title {
    min-height: 2.5em;
}

.cottage-modal .bookmark {
    display: none;
}

.cottage-modal .features {
    color: #808080;
    display: none;
}

.cottage-modal .slider {
    display: block !important;
}

.cottage-modal .slider a + a {
    display: none;
}

.gm-ui-hover-effect {
    background: url("../img/close2-white.svg") 50% 50% no-repeat !important;
    right: 0 !important;
    top: 0 !important;
    opacity: 1;
}

.gm-ui-hover-effect img {
    display: none !important;
}

.cluster img {
    max-width: 100%;
    max-height: 100%;
}

.cottage-form .step-header {
    font-size: 20px;
    margin-bottom: 24px;
}

.cottage-form .step-header:not(:first-child) {
    margin-top: 40px;
}

.cottage-form .general, .cottage-form .limited {
    max-width: 495px;
}

.cottage-form .intro {
    margin-bottom: 16px;
}

.cottage-form .option + .option {
    margin-top: 24px;
}

.cottage-form .option.large-gap {
    margin-top: 32px;
}

.cottage-form .option.small-gap {
    margin-top: 12px;
}

.cottage-form .option.no-gap {
    margin-top: 0;
}

.cottage-form .text-field {
    display: inline-block;
    vertical-align: bottom;
}

.cottage-form .field-label.required {
    z-index: 4;
}

.cottage-form .required:before, .cottage-form .field-label.tooltip-trigger:before, .required-sign {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url("../img/warning.svg") 50% 50% no-repeat;
    margin-top: -2px;
}

.cottage-form .required:before, .cottage-form .field-label.tooltip-trigger:before {
    content: "";
    position: absolute;
    left: -24px;
    top: 50%;
    margin-top: -8px;
}

.cottage-form .field-label.required[class*=related]:not(.active):before, .cottage-form .field-label.required[class*=related]:not(.active):after, .cottage-form .field-label .required[class*=related]:not(.active):before, .cottage-form .field-label .required[class*=related]:not(.active):after {
    content: none;
}

.cottage-form .field-label .required[class*=related]:not(.active) + .note {
    display: none;
}

.cottage-form .checkbox.toggle label {
    max-width: 246px;
}

.cottage-form .field-label {
    width: 160px;
    margin: 10px 20px 0 0;
    vertical-align: top;
    position: relative;
}

.cottage-form .field-label .note {
    font-weight: normal;
    color: #808080;
    margin-top: 2px;
}

.cottage-form .field-label.full-width {
    display: block;
    width: 100%;
    margin: 0 0 16px;
}

.cottage-form .field > li + li {
    margin-top: 16px;
}

.cottage-form .field input, .cottage-form .field textarea {
    margin-bottom: 0;
}

.cottage-form .field input + .button, .cottage-form .field textarea + .button, .cottage-form .field input + .upload-file, .cottage-form .field textarea + .upload-file {
    margin-top: 16px;
}

.cottage-form .field-note {
    max-width: 510px;
    font-size: 14px;
    line-height: 18px;
    color: #808080;
    margin-top: 12px;
}

.cottage-form .field-label.no-top-gap, .cottage-form .field-note:first-child {
    margin-top: 0;
}

.cottage-form .field-note + .option {
    margin-top: 16px;
}

.cottage-form .related-field:not(.active) {
    display: none;
}

.cottage-form .field.checkbox label {
    margin-bottom: 0;
}

.cottage-form .quantity {
    margin: 4px 0;
}

.cottage-form .buttons {
    margin-top: 58px;
}

.cottage-form .buttons .button {
    padding: 0;
    max-width: calc(50% - 4px);
    float: right;
}

.cottage-form .buttons .button:first-child:not(:last-child) {
    float: left;
}

.cottage-categories input, .days-switcher input {
    display: none;
}

.cottage-categories label, .days-switcher label {
    background: #F5F5F5;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid transparent;
    cursor: pointer;
}

.cottage-categories label {
    width: calc((100% - 24px) / 3);
    min-height: 80px;
    padding: 16px;
    line-height: 18px;
    margin-top: 12px;
}

.cottage-categories label:hover, .cottage-categories input:checked + label, .days-switcher label:hover, .days-switcher input:checked + label {
    border-color: #377F89;
    color: #377F89;
}

.cottage-categories input:checked + label, .days-switcher input:checked + label {
    background: #F1F6F7;
}

.cottage-categories.days label {
    width: 48px;
    height: 48px;
    float: left;
    margin: 0 8px 8px 0;
}

.cottage-preview .cover {
    height: 190px;
}

.cottage-preview .options {
    line-height: 1.25;
    margin: 16px 24px;
}

.cottage-preview .section {
    padding: 12px 24px;
}

.cottage-preview-link {
    padding: 16px 24px;
    border-top: 1px solid #EDEDED;
    display: block;
    font-weight: 500;
    line-height: 1.25;
}

.cottage-preview ~ .module, .cottage-form-categories ~ .module {
    margin-top: 24px;
}

.cottage-preview .options li {
    overflow-x: auto;
}

.cottage-preview .options li + li {
    margin-top: 12px;
}

.cottage-form .upload-image {
    padding: 104px 16px 32px;
    background: url("../img/image.svg") 50% 32px no-repeat;
    border: 2px dashed #BBB;
    border-radius: 6px;
    font-size: 14px;
    line-height: 18px;
    color: #808080;
    margin-top: 16px;
    text-align: center;
    cursor: pointer;
}

.cottage-form .upload-image input {
    display: none;
}

.cottage-images {
    text-align: left;
    margin: 0 -8px;
}

.cottage-images li, .cottage-images .single, .cottage-images + .add {
    width: calc(25% - 16px);
    height: 100px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 16px 8px 0;
}

.cottage-images.extended li, .cottage-images + .add {
    height: 162px;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
}

.cottage-images li:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #377F89;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: none;
}

.cottage-images.extended li:first-child:after {
    content: attr(data-title);
    width: 100%;
    padding: 8px 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    background: #377F89;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.cottage-images.extended:not(.full) li:nth-child(n+8) {
    display: block;
}

.cottage-images ~ .show-more {
    margin-top: 24px;
}

.cottage-images.sortable li {
    cursor: move;
}

.cottage-images.sorting li:not(.ui-sortable-helper) {
    opacity: .5;
}

.cottage-images .title {
    width: 100%;
    padding: 8px 24px;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.cottage-images .remove {
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 3;
}

.cottage-images .remove:before, .cottage-images .remove:after, .cottage-buildings .remove:before, .cottage-buildings .remove:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../img/bin.svg") 50% 50% no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
}

.cottage-images .remove:after, .cottage-buildings .remove:after {
    background-image: url("../img/bin-active.svg");
}

.cottage-images .remove:after, .cottage-buildings .remove:after {
    opacity: 0;
}

.cottage-images .remove:hover:before, .cottage-buildings .remove:hover:before {
    opacity: 0;
}

.cottage-images .remove:hover:after, .cottage-buildings .remove:hover:after {
    opacity: 1;
}

div.cottage-images {
    margin: 0;
}

.select + .cottage-images {
    margin-top: 16px;
}

.cottage-images .single {
    width: 100%;
    max-width: 162px;
    float: none;
    margin: 0;
}

.cottage-images.single li:after {
    content: none;
}

.cottage-images + .button {
    margin-top: 16px;
}

.cottage-images .button {
    display: table;
}

.button input[type=file], label [type=file], .cottage-images .single + .button {
    display: none;
}

.cottage-form .select {
    margin-top: 0;
}

.cottage-form input.short, .cottage-form .select.short {
    display: inline-block;
    width: 73px;
}

.cottage-form input.short {
    padding-left: 10px;
    padding-right: 10px;
}

.cottage-form input.medium, .cottage-form .select.medium {
    display: inline-block;
    width: 102px;
}

.cottage-form input.logn, .cottage-form .select.long {
    max-width: 510px;
}

.cottage-form .unit {
    display: inline-block;
    vertical-align: middle;
    color: #808080;
    margin-left: 8px;
}

.cottage-form .radio-text {
    max-width: 495px;
}

.cottage-form .radio-text.narrow, .cottage-form .field.narrow {
    max-width: 330px;
}

.cottage-form .radio-text + .field-note {
    margin-top: -8px;
}

.cottage-form .time-limits .label {
    width: 160px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.cottage-form .time-limits input {
    display: inline-block;
    vertical-align: middle;
    width: 73px;
    margin-bottom: 0;
}

.cottage-form .time-limits input ~ input {
    margin-left: 24px;
}

.cottage-form .time-limits + .time-limits {
    margin-top: 16px;
}

.cottage-form .time-limits span {
    color: #808080;
    margin-left: 4px;
}

.cottage-publication-message:before {
    width: 196px;
    height: 183px;
    background-image: url("../img/logo.svg");
    -webkit-background-size: 132% auto;
    background-size: 132% auto;
    opacity: .4;
}

.cottage-form .language-info .download {
    display: inline-block;
    padding-left: 24px;
    position: relative;
}

.cottage-form .language-info .download:before, .cottage-form .language-info .download:after {
    right: auto;
    left: 0;
}

.cottage-form .language-info .download:hover {
    color: #377F89;
}

.cottage-form .language-info .download:before {
    background-image: url("../img/download-black.svg");
}

.cottage-fill-progress .description {
    padding: 16px 24px;
}

.progress-bar {
    display: block;
    height: 4px;
    background: #DDD;
    position: relative;
}

.cottage-fill-progress .progress-bar {
    margin: 12px 0;
}

.progress-bar .fill {
    height: 100%;
    background: #377F89;
    position: absolute;
    left: 0;
    top: 0;
}

.cottage-form-categories {
    padding: 16px 24px;
    line-height: 20px;
}

.upload-file .file {
    height: 40px;
    line-height: 40px;
    padding-left: 12px;
    background: #F5F5F5;
    color: #808080;
    border-radius: 4px;
}

.upload-file .file:not(.active) {
    display: none;
}

.upload-file .file.active + .upload, .upload-file .file.active ~ .url {
    display: none;
}

.upload-file .title {
    display: inline-block;
    width: calc((100% - 64px) / 2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.upload-file .progress-bar.disabled + .title {
    width: calc(100% - 56px);
}

.upload-file .remove {
    width: 48px;
    height: 40px;
    background: url("../img/close3.svg") 50% 50% no-repeat;
    opacity: .5;
    float: right;
}

.upload-file .remove:hover {
    opacity: 1;
}

.upload-file .progress-bar, .videos .progress-bar {
    width: calc((100% - 64px) / 2);
    float: right;
    margin: 19px 4px 0 0;
}

.upload-file .progress-bar.disabled, .videos .progress-bar.disabled {
    display: none;
}

.cottage-form .upload input {
    display: none;
}

.cottage-form .button.upload {
    margin-bottom: 0;
}

.cottage-form .link-option {
    margin-top: 24px;
}

.cottage-form .link-option label {
    display: block;
    margin-bottom: 16px;
}

.cottage-form .field-warnings {
    margin-top: 16px;
    font-weight: 500;
}

.cottage-buildings tbody {
    font-size: 16px;
}

.cottage-buildings th + th {
    text-align: center;
}

.cottage-buildings td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.cottage-buildings .visibility label {
    margin: 0 auto;
}

.cottage-buildings .edit, .cottage-buildings .remove {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    position: relative;
}

.cottage-buildings .edit:before, .cottage-buildings .edit:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../img/edit.svg") no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
}

.cottage-buildings .edit:after {
    background-image: url("../img/edit-active.svg");
    opacity: 0;
}

.cottage-buildings .edit:hover:before {
    opacity: 0;
}

.cottage-buildings .edit:hover:after {
    opacity: 1;
}

.building-types {
    margin-top: 20px;
}

.building-types label {
    margin: 12px 0 0;
}

.cottage-buildings .add {
    font-weight: 500;
}

.cottage-form .additional-services {
    max-width: 510px;
    margin-top: 40px;
    line-height: 1.25;
}

.cottage-form .additional-services .services {
    margin-top: 1rem;
    font-weight: 500;
}

.cottage-form .field .quantity {
    margin-right: 20px;
}

.cottage-form .transfer-option {
    margin-bottom: 16px;
}

.cottage-form .transfer-option.single {
    margin-bottom: 0;
}

.transfer-option.template {
    display: none;
}

.transfer-option .remove, .motor-option .remove, .hygeine-option .remove, .offer-discount .remove {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin: 0 -10px 0 10px;
    position: relative;
}

.cottage-form .pets-options, .cottage-form .pets .suboptions {
    padding-left: 48px;
}

.cottage-form .pets .suboptions .radio-text {
    margin-bottom: 0;
}

.cottage-form .pets .suboptions .option + .option, .cottage-form .arrival-departure-options .option + .option, .cottage-form .life-jackets-options .option + .option {
    margin-top: 16px;
}

.cottage-form .arrival-departure-options {
    margin-top: 24px;
}

.cottage-form .arrival-departure-options .field-label {
    font-weight: normal;
    width: 230px;
}

.cottage-form .fishing > .field-label {
    max-width: 270px !important;
    margin-right: 0;
}

.cottage-form .fishing-options, .cottage-form .life-jackets-options {
    padding-left: 96px;
    margin-top: 24px;
}

.cottage-form .fishing-options .field-label, .cottage-form .life-jackets-options .field-label {
    font-weight: normal;
    width: 98px;
}

.motor-option, .hygeine-option {
    margin-bottom: 16px;
}

.hygeine-option.template {
    display: none;
}

.motor-option.template + .motor-option, .motor-option .option + .option, .hygeine-option.template + .hygeine-option, .hygeine-option .option + .option {
    margin-top: 16px;
}

.motor-option .field-label, .hygeine-option .field-label {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: normal;
    color: #808080;
    margin: 0 0 8px;
    float: none;
}

.hygeine-option {
    padding-left: 40px;
    position: relative;
}

.option.hygeine {
    counter-reset: i;
}

.hygeine-option label:first-child:after {
    content: counter(i, decimal);
    counter-increment: i;
    position: absolute;
    left: -40px;
    bottom: 8px;
}

.hygeine-option label:first-child .field-label:before {
    content: "№";
    width: 40px;
    float: left;
    margin-left: -40px;
}

.motor-option > label, .hygeine-option > label {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 20px;
}

.motor-option .select, .hygeine-option .select {
    margin: 0 20px 0 0;
}

.motor-option input {
    margin-bottom: 0;
}

.motor-option .remove, .hygeine-option .remove {
    margin-left: 0;
    vertical-align: bottom;
}

.page-return {
    display: table;
    padding-left: 24px;
    position: relative;
    margin-bottom: 4px;
}

.page-return:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../img/caret4-active.svg") 50% 50% no-repeat;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}

.cottage-preview .section + .section {
    border-top: 1px solid #EDEDED
}

.cottage-preview .section .header {
    line-height: 1.25;
    font-weight: 500;
}

.cottage-preview .collapsable .header {
    padding-right: 30px;
    position: relative;
    cursor: pointer;
}

.cottage-preview .collapsable .header:before, .cottage-preview .collapsable .header:after, .cottage-form .section.collapsable .section-header:before, .cottage-form .section.collapsable .section-header:after, .cottage-form .subsection .header:before, .cottage-form .subsection .header:after, .billing-form__header:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../img/caret4.svg") 50% 50% no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

.cottage-preview .collapsable .header:after, .cottage-form .section.collapsable .section-header:after, .cottage-form .subsection .header:after {
    background-image: url("../img/caret4-active.svg");
    opacity: 0;
}

.cottage-preview .collapsable .header.active:before, .cottage-preview .collapsable .header.active:after, .cottage-form .section.collapsable .section-header.active:before, .cottage-form .section.collapsable .section-header.active:after, .cottage-form .subsection .header.active:before, .cottage-form .subsection .header.active:after, .billing-form__header.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cottage-preview .collapsable .header:hover, .cottage-form .section.collapsable .section-header:hover, .cottage-form .subsection .header:hover {
    color: #377F89;
}

.cottage-preview .collapsable .header:hover:before, .cottage-form .section.collapsable .section-header:hover:before, .cottage-form .subsection .header:hover:before {
    opacity: 0;
}

.cottage-preview .collapsable .header:hover:after, .cottage-form .section.collapsable .section-header:hover:after, .cottage-form .subsection .header:hover:after {
    opacity: 1;
}

.cottage-preview .section .details {
    font-size: 14px;
    line-height: 18px;
    margin: 8px 20px 0 0;
}

.cottage-preview .section:not(.collapsable) .header {
    display: inline-block;
}

.cottage-preview .section:not(.collapsable) .details {
    float: right;
    margin: 2px 0 0 16px;
}

.cottage-preview .collapsable .details:not(.active) {
    display: none;
}

.cottage-form .section {
    padding: 0 48px;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    margin: 0 -48px;
}

.cottage-form .section + .section {
    border-top: 0;
}

.cottage-form .option + .section, .cottage-form .section + .option {
    margin-top: 40px;
}

.cottage-form .section-header {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 24px;
}

.cottage-form .option + .section-header {
    margin-top: 40px;
}

.cottage-form .section .section-header {
    padding: 24px 0;
    margin: 0;
}

.cottage-form .section > .options {
    padding-bottom: 40px;
}

.cottage-form .section > .options:not(.active) {
    display: none;
}

.cottage-form .section.collapsable .section-header:not(.active) {
    margin-bottom: 0;
}

.cottage-form .section.collapsable .section-header {
    padding-right: 48px;
    position: relative;
    cursor: pointer;
}

.cottage-form .section.collapsable .section-header:before, .cottage-form .section.collapsable .section-header:after {
    width: 24px;
    height: 24px;
    background-image: url("../img/caret5.svg");
}

.cottage-form .section.collapsable .section-header:after {
    background-image: url("../img/caret5-active.svg");
}

.cottage-form .subsection + .subsection {
    margin-top: 16px;
    position: relative;
}

.cottage-form .subsection .header:before, .cottage-form .subsection .header:after {
    background-image: url("../img/caret5.svg");
    -webkit-background-size: contain;
    background-size: contain;
    right: 24px;
}

.cottage-form .subsection .header:after {
    background-image: url("../img/caret5-active.svg");
}

.cottage-form .subsection .header {
    padding: 16px 72px 16px 24px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.cottage-form .subsection .options {
    padding: 24px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
}

.cottage-form .subsection .options:not(.active) {
    display: none;
}

.cottage-form .subsection h3 {
    display: inline-block;
    font-weight: normal;
    margin-right: 20px;
}

.cottage-form .subsection h3 + span {
    color: #808080;
}

.cottage-form .suboptions .option .field-label {
    font-weight: normal;
}

.location-map {
    height: 290px;
    border-radius: 6px;
}

.options-preview-table th, .options-preview-table td {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0;
    color: #2C2C2C;
    font-weight: normal;
    text-transform: none;
}

.options-preview-table .unit {
    vertical-align: baseline;
    color: #808080;
    margin: 0;
}

.videos .options {
    counter-reset: i;
}

.video-option {
    margin-top: 24px;
}

.video-option.template {
    display: none;
}

.video-option .url .label {
    display: block;
    margin: 16px 0 8px;
}

.videos .field-label:after {
    content: " " counter(i, decimal);
    counter-increment: i;
}

.videos .add {
    display: table;
    padding-left: 24px;
    font-weight: 500;
    position: relative;
    margin-top: 16px;
}

.videos .add:before, .videos .add:after {
    left: 0;
}

.cottage-form .persons-limit {
    margin-top: 24px;
}

.cottage-form .offer-discount .field {
    margin-top: 16px;
}

.offer-discount .label {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 8px;
}

.offer-discount .price-average {
    display: inline-block;
    width: 36px;
    text-align: right;
    padding: 0;
    border: 0;
    color: #2C2C2C;
    opacity: 1;
    background: transparent;
}

.offer-discount span.price-average {
    width: auto;
    margin: 9px 0;
    text-align: left;
}

.offer-discount .remove {
    margin: -4px 0 -4px 48px;
}

.offer-discount-options > li + li {
    margin-top: 16px;
}

.days-switcher label {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    float: left;
    margin: 0 8px 8px 0;
}

#error {
    max-width: 792px;
    padding: 24px 24px 24px 220px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#error:before, #error:after {
    content: "";
    width: 180px;
    height: 80px;
    background: url("../img/logo3.svg") 50% 100% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

#error:after {
    width: 198px;
    background-position: 50% 0;
    height: 76px;
    top: auto;
    bottom: 0;
}

#error .header {
    font-size: 24px;
    margin: 0 0 8px;
}

#error .button {
    margin-top: 24px;
}

#footer {
    background: #fff;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    text-align: center;
    padding: 28px 0;
    font-size: 14px;
    margin-top: 56px;
}

.owner-page__footer {
    margin-top: 0 !important;
}

.container + #footer {
    margin-top: 24px;
}

#footer .main {
    padding: 12px 0 44px;
    border-bottom: 1px solid #EDEDED;
    margin: -40px 0 28px;
    text-align: left;
    font-size: 16px;
    line-height: 1.25;
}

#footer [class*=column] {
    width: calc(25% - 16px);
    float: left;
    margin: 40px 0 0 24px;
}

#footer .column-offers {
    width: calc(50% - 16px);
    margin-left: 0;
}

#footer .label {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    letter-spacing: .06em;
    color: #808080;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#footer .menu {
    margin-bottom: -12px;
}

#footer .column-contacts, #footer .column-social {
    float: right;
    clear: right;
}

#footer .menu li {
    margin-bottom: 12px;
}

#footer .column-contacts a {
    font-weight: 500;
}

.messengers li, .social-networks li, .banner-footer__messengers li {
    float: left;
    margin-top: 4px;
}

.messengers li + li, .social-networks li + li, .banner-footer__messengers li + li {
    margin-left: 20px;
}

.messengers.big li + li, .social-networks.big li + li {
    margin-left: 30px;
}

#footer .messengers {
    margin-bottom: 16px;
}

.messengers a, .social-networks a {
    display: block;
    font-size: 24px;
    width: 1em;
    height: 1em;
    position: relative;
}

.banner-footer__messengers a {
    display: block;
    font-size: 48px;
    width: 1em;
    height: 1em;
    position: relative;
}

@media (max-width: 1152px) {
    .banner-footer__messengers a {
        font-size: 34px;;
    }
}

.messengers a:before, .messengers a:after, .social-networks a:before, .social-networks a:after,
.banner-footer__messengers a:before, .banner-footer__messengers a:after {
    content: "";
    width: 100%;
    height: 100%;
    background: 50% 50% no-repeat;
    -webkit-background-size: 1em;
    background-size: 1em;
    position: absolute;
    left: 0;
    top: 0;
}

.messengers a:before {
    background-image: url("../img/whatsapp.svg");
}

.banner-footer__messengers .whatsapp:before {
    background-image: url("../img/whatsapp-big.svg");
}

.messengers a:after {
    background-image: url("../img/whatsapp-active.svg");
    opacity: 0;
}

.banner-footer__messengers .whatsapp:after {
    background-image: url("../img/whatsapp-active-big.svg");
    opacity: 0;
}

.messengers .viber:before {
    background-image: url("../img/viber.svg");
}

.banner-footer__messengers .viber:before {
    background-image: url("../img/viber-big.svg");
}

.messengers .viber:after {
    background-image: url("../img/viber-active.svg");
}

.banner-footer__messengers .viber:after {
    background-image: url("../img/viber-active-big.svg");
    opacity: 0;
}

.messengers .telegram:before {
    background-image: url("../img/telegram.svg");
}

.banner-footer__messengers .telegram:before {
    background-image: url("../img/telegram-big.svg");
}

.messengers .telegram:after {
    background-image: url("../img/telegram-active.svg");
}

.banner-footer__messengers .telegram:after {
    background-image: url("../img/telegram-active-big.svg");
    opacity: 0;
}

.social-networks a:before {
    background-image: url("../img/facebook.svg");
}

.social-networks a:after {
    background-image: url("../img/facebook-active.svg");
    opacity: 0;
}

.messengers a:hover:before,
.social-networks a:hover:before,
.banner-footer__messengers a:hover:before {
    opacity: 0;
}

.messengers a:hover:after,
.social-networks a:hover:after,
.banner-footer__messengers a:hover:after {
    opacity: 1;
}

.social-networks .vkontakte:before {
    background-image: url("../img/vkontakte.svg");
}

.social-networks .vkontakte:after {
    background-image: url("../img/vkontakte-active.svg");
}

.social-networks .instagram:before {
    background-image: url("../img/instagram.svg");
}

.social-networks .instagram:after {
    background-image: url("../img/instagram-active.svg");
}

.social-networks .youtube:before {
    background-image: url("../img/youtube.svg");
}

.social-networks .youtube:after {
    background-image: url("../img/youtube-active.svg");
}

.social-networks .telegram:before {
    background-image: url("../img/telegram-black.svg");
}

.social-networks .telegram:after {
    background-image: url("../img/telegram-active-black.svg");
}

.social-networks.white a {
    background-image: url("../img/facebook-white.svg");
    opacity: .7;
}

.social-networks.white .vkontakte {
    background-image: url("../img/vkontakte-white.svg");
}

.social-networks.white .instagram {
    background-image: url("../img/instagram-white.svg");
}

.social-networks.white .youtube {
    background-image: url("../img/youtube-white.svg");
}

.social-networks.white .telegram {
    background-image: url("../img/telegram-white.svg");
}

.social-networks.big a {
    font-size: 40px;
    -webkit-background-size: 1em;
    background-size: 1em;
}

.social-networks.white a:hover {
    opacity: 1;
}

.social-networks.white a:before, .social-networks.white a:after {
    content: none;
}

.cottage-header .bookmark {
    float: right;
}

#footer .copyright, #footer .development {
    color: #808080;
}

#footer a:hover {
    color: #377F89;
}

#footer .language-switcher {
    margin-left: 16px;
}

#footer .language-switcher:after {
    content: none;
}

#footer .contact-admin {
    font-size: 14px;
}

#footer .payment-options img {
    height: 30px;
    vertical-align: middle;
}

#footer .payment-options img + img {
    margin-left: 24px;
}

#cookies-notification {
    width: 100%;
    padding: 16px 0;
    background: #fff;
    font-size: 14px;
    -webkit-box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.09);
    box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.09);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 501;
}

#cookies-notification .button {
    margin-top: 16px;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.lb-nav {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-backface-visibility: hidden;
}

.lb-nav a {
    display: table;
    width: 50%;
    height: 100%;
    font-size: 5em;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.lb-nav a span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
    position: relative;
    display: none;
}

.lb-nav a span:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    background: red;
}

.lb-prev:after, .lb-next:after {
    content: "";
}

.lb-nav a.lb-prev {
    float: left;
    text-align: left;
}

.lb-nav a.lb-next {
    float: right;
    text-align: right;
}

.lb-dataContainer {
    margin: 0 auto;
    padding: 4px 0 0;
    width: 100%;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 10px;
}

.lb-details {
    width: 85%;
    float: left;
    text-align: left;
    color: #fff;
    margin-top: 4px;
}

.lb-caption {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    border-top: 1rem solid #fff;
}

.lb-number {
    font-size: .9em;
    display: none !important;
}

.lb-close {
    display: block;
    font-size: 48px;
    line-height: .5;
    color: #2C2C2C;
    cursor: pointer;
    font-size: 3rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    opacity: .5;
    z-index: 51;
}

.lb-close:hover {
    opacity: 1;
}

.blue-theme .colored-links a, .blue-theme a.colored, .blue-theme span.colored, .blue-theme .article-content a, .blue-theme .notifications p span, .blue-theme .favorites .offers, .blue-theme #footer a:hover, .blue-theme .dropdown li.active, .blue-theme .dropdown li.active a, .blue-theme .dropdown .current:hover, .blue-theme .user-data .avatar .change, .blue-theme .map-trigger:hover, .blue-theme .news-preview .header a:hover, .blue-theme .pagination a.active, .blue-theme .cottage-form .language-info .download:hover {
    color: #4793B8;
}

.blue-theme .colored-links a:hover, .blue-theme a.colored:hover, .blue-theme .article-content a:hover, .blue-theme .user-data .avatar:hover .change {
    color: #186C95;
}

.blue-theme .bg-accent, .blue-theme .dropdown li:hover {
    background-color: #F4FAFD;
}

.radio input:checked + label:before, .checkbox input:checked + label:before {
    background-color: #377F89;
    border-color: #377F89;
}

.radio label:hover:before, .checkbox label:hover:before {
    border-color: #377F89;
}

.blue-theme input:focus, .blue-theme textarea:focus, .blue-theme select:focus, .blue-theme .chosen-container-active .chosen-choices, .blue-theme #login .tab-switcher a.active {
    border-color: #4793B8;
}

.blue-theme .radio-text input:checked + label {
    background: #F4FAFD;
    border-color: #4793B8;
    color: #4793B8;
}

.blue-theme .radio input:checked + label:before, .blue-theme .checkbox input:checked + label:before {
    background: #4793B8;
    border-color: #4793B8;
}

.blue-theme .radio label:hover:before, .blue-theme .checkbox label:hover:before, .blue-theme .checkbox.toggle:hover label:before {
    border-color: #4793B8;
}

.blue-theme .checkbox.toggle:hover label:after {
    background: #A5C7D7;
}

.blue-theme .checkbox.toggle input:checked + label:before {
    background: #F4FAFD;
    border-color: #4793B8;
}

.blue-theme .checkbox.toggle input:checked + label:after, .blue-theme .progress-bar .fill, .blue-theme .radio.alt label:after {
    background: #4793B8;
}

.blue-theme .main-menu .active a {
    border-color: #4793B8;
}

.blue-theme form button, .blue-theme .button, .blue-theme .main-menu .new > a:after, .blue-theme #notifications .section-header span, .blue-theme .notifications-trigger.new:after, .blue-theme .notifications .new:after, .blue-theme .messages .new:before, .blue-theme .order-menu .new:after {
    background-color: #4793B8;
}

.blue-theme form button:hover, .blue-theme .button:hover {
    background-color: #186C95;
}

.blue-theme form button.alt, .blue-theme .button.alt {
    background: none;
    border-color: #4793B8;
    color: #4793B8;
}

.blue-theme form button.alt:hover, .blue-theme .button.alt:hover {
    background-color: rgba(71, 147, 184, 0.07);
}

.blue-theme .search-form button, .blue-theme .search-form button:hover {
    background-color: transparent;
}

.blue-theme .button.disabled[data-tooltip], .blue-theme button:disabled[data-tooltip] {
    background: rgba(71, 147, 184, 0.5);
}

.blue-theme .button.alt.disabled[data-tooltip], .blue-theme button.alt:disabled[data-tooltip] {
    background: none;
    border-color: rgba(71, 147, 184, 0.5);
    color: rgba(71, 147, 184, 0.5);
}

.blue-theme a.disabled[data-tooltip]:not(.button) {
    color: rgba(71, 147, 184, 0.5);
}

.blue-theme .profile-trigger:after {
    background-image: url("../img/profile-active-b.svg");
}

.blue-theme .notification-message:before {
    background-image: url("../img/logo2-b.svg");
}

.blue-theme .page-review-trigger:before, .blue-theme .page-review-trigger:after {
    background-image: url("../img/review-b.svg");
}

.blue-theme .page-review-trigger:after {
    background-image: url("../img/review-active-b.svg");
}

.blue-theme .section-header + .more:before, .blue-theme .section-header + .more:after {
    background-image: url("../img/arrow-b.svg");
}

.blue-theme .section-header + .more:after {
    background-image: url("../img/arrow-active-b.svg");
}

.blue-theme .dropdown .current:after {
    background-image: url("../img/caret-active-b.svg");
}

.blue-theme .show-more:after {
    background-image: url("../img/caret2-b.svg");
}

.blue-theme .show-more:hover:after {
    background-image: url("../img/caret2-active-b.svg");
}

.blue-theme .order-info .links .blue-theme .download:before, .blue-theme .order-info .links .download:after, .blue-theme .cottage-form .language-info .download:after {
    background-image: url("../img/download-b.svg");
}

.blue-theme .order-info .voucher-dl:hover:before {
    background: url("../img/download-b.svg"), url("../img/download-active-b.svg");
}

.blue-theme .order-info .voucher-dl:hover:before {
    background-image: url("../img/download-active-b.svg");
}

.blue-theme .order-info .blue-theme .links .download:after {
    background-image: url("../img/download-active-b.svg");
}

.blue-theme .favorites .bookmark.active {
    background-image: url("../img/heart-active2-b.svg");
}

.blue-theme .favorites .bookmark:after {
    background-image: url("../img/heart-active-b.svg")
}

.blue-theme .favorites-trigger:after {
    background-image: url("../img/heart2-active-b.svg");
}

.blue-theme .profile-header .exit:hover {
    color: #4793B8;
}

.blue-theme .profile-header .exit:after {
    background-image: url("../img/exit-active-b.svg");
}

.blue-theme .cottages-filter .modal-header:after {
    background-image: url("../img/caret3-active-b.svg");
}

.blue-theme .quantity .decrease, .blue-theme .quantity .increase, .blue-theme .cottage-categories label:hover, .blue-theme .cottage-categories input:checked + label, .blue-theme .days-switcher label:hover, .blue-theme .days-switcher input:checked + label {
    border-color: #4793B8;
    color: #4793B8;
}

.blue-theme .quantity .decrease:hover, .blue-theme .quantity .increase:hover {
    background-color: #4793B8;
}

.blue-theme .group-data .add {
    color: #4793B8;
}

.blue-theme .group-data .add:hover {
    color: #186C95;
}

.blue-theme .group-data .add:before, .blue-theme .quantity .increase:after, .blue-theme .cottage-buildings .add:before, .blue-theme .videos .add:before {
    background-image: url("../img/plus-b.svg");
}

.blue-theme .group-data .add:after, .blue-theme .cottage-buildings .add:after, .blue-theme .videos .add:after {
    background-image: url("../img/plus-active-b.svg");
}

.blue-theme .quantity .decrease:after {
    background-image: url("../img/minus-b.svg");
}

.blue-theme .chat .user-message .text, .blue-theme .cottage-categories input:checked + label, .blue-theme .days-switcher input:checked + label {
    background: #F4FAFD;
}

.blue-theme .package-header:after, .news-preview .description-trigger:after {
    background-image: url("../img/caret3-active-b.svg");
}

.blue-theme .help .instruction .title:after, .blue-theme .cottage-form .subsection .header:after {
    background-image: url("../img/caret5-active-b.svg");
}

.blue-theme .group-data .remove:after, .blue-theme .order-params .boat-motor .remove:after, .members .boat-motor .remove:after, .blue-theme .cottage-buildings .remove:after, .blue-theme .transfer-option .remove:after {
    background-image: url("../img/bin-active-b.svg");
}

.blue-theme .order-params .steps-switcher li, .blue-theme .order-params .steps-switcher .active {
    border-bottom-color: #4793B8;
    color: #4793B8;
}

.blue-theme .chosen-container-multi .chosen-drop .result-selected, .chosen-container-multi .chosen-choices li.search-choice-disabled, .blue-theme .cottage-preview .collapsable .header:hover, .blue-theme .help .instruction .title:hover, .blue-theme .cottage-header .bookmark.active, .blue-theme .help-menu .header:hover {
    color: #4793B8;
}

.blue-theme .chosen-container .chosen-results li.highlighted {
    background: #F4FAFD;
}

.blue-theme .offers-table .export .print:after {
    background-image: url("../img/print-active-b.svg");
}

.blue-theme .help-menu .header:after {
    background-image: url("../img/caret4-active-b.svg");
}

.blue-theme .messengers a:before {
    background-image: url("../img/whatsapp-b.svg");
}

.blue-theme .messengers a:after {
    background-image: url("../img/whatsapp-active-b.svg");
}

.blue-theme .messengers .viber:before {
    background-image: url("../img/viber-b.svg");
}

.blue-theme .messengers .viber:after {
    background-image: url("../img/viber-active-b.svg");
}

.blue-theme .messengers .telegram:before {
    background-image: url("../img/telegram-b.svg");
}

.blue-theme .messengers .telegram:after {
    background-image: url("../img/telegram-active-b.svg");
}

.blue-theme .social-networks a:after {
    background-image: url("../img/facebook-active-b.svg");
}

.blue-theme .social-networks .vkontakte:after {
    background-image: url("../img/vkontakte-active-b.svg");
}

.blue-theme .social-networks .instagram:after {
    background-image: url("../img/instagram-active-b.svg");
}

.blue-theme .social-networks .youtube:after {
    background-image: url("../img/youtube-active-b.svg");
}

.blue-theme .social-networks .telegram:after {
    background-image: url("../img/telegram-active-black-b.svg");
}

.blue-theme .owl-prev:after, .blue-theme .owl-next:after, .blue-theme .pagination .prev:after, .blue-theme .pagination .next:after {
    background-image: url("../img/arrow-active-b.svg");
}

.blue-theme .owl-dots .owl-dot:hover, .blue-theme .owl-dots .owl-dot.active {
    background: #4793B8;
}

.blue-theme .map-trigger:after {
    background-image: url("../img/map-trigger-active-b.svg");
}

.blue-theme #intro .price input:focus + input {
    border-left-color: #4793B8;
}

.blue-theme #login .social a {
    border-color: #4793B8;
    color: #4793B8;
}

.blue-theme #login .social a:hover {
    border-color: #186C95;
    color: #186C95;
}

.blue-theme .ui-datepicker-prev-hover, .blue-theme .ui-datepicker-next-hover {
    background-image: url("../img/arrow-b.svg");
}

.blue-theme .cottage-header .bookmark:after {
    background: url("../img/heart-active2.svg");
}

.blue-theme .cottage-header .bookmark:hover {
    background: #fff;
    color: #4793B8;
}

.blue-theme .cottage-header .bookmark:hover:before {
    background-image: url("../img/heart-active-b.svg");
}

.blue-theme .cottage-header .bookmark.active:before {
    background-image: url("../img/heart-active2-b.svg");
}

.blue-theme .cottage-header .rating {
    background-image: url("../img/star2-b.svg");
}

.blue-theme .rating-stars li, .blue-theme .rating-stars input:checked ~ label, .blue-theme .rating-stars input:checked + label:hover, .blue-theme .rating-stars input:not(:checked) ~ label:hover, .blue-theme .rating-stars input:not(:checked) ~ label:hover ~ label {
    background-image: url("../img/star-b.svg");
}

.blue-theme .cottage-info.collapsable .section-header:before {
    background-image: url("../img/caret5-active-b.svg");
}

.blue-theme .cottage-info.collapsable .section-header:after {
    background-image: url("../img/caret5-active2-b.svg");
}

.blue-theme .cottage-form .required:before, .blue-theme .required-sign, .blue-theme .cottage-form .field-label.tooltip-trigger:before {
    background-image: url("../img/warning-b.svg");
}

.blue-theme .cottage-images li:first-child:before {
    border-color: #4793B8;
}

.blue-theme .cottage-images .remove:after, .blue-theme .motor-option .remove:after, .blue-theme .hygeine-option .remove:after, .blue-theme .offer-discount .remove:before {
    background-image: url("../img/bin-active-b.svg");
}

.blue-theme .cottage-buildings .edit:after, .blue-theme .offer-discount .remove:after {
    background-image: url("../img/edit-active-b.svg");
}

.blue-theme .page-return:before {
    background: url("../img/caret4-active-b.svg");
}

.blue-theme .cottage-preview .collapsable .header:after {
    background-image: url("../img/caret4-active-b.svg");
}

.blue-theme .cottage-form .section.collapsable .section-header.active:after {
    background-image: url("../img/caret5-active-b.svg");
}

.dropzone, .dropzone * {
    box-sizing: border-box
}

.dropzone {
    position: relative
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    width: 120px;
    margin: 0.5em
}

.dropzone .dz-preview .dz-progress {
    display: block;
    height: 15px;
    border: 1px solid #aaa
}

.dropzone .dz-preview .dz-progress .dz-upload {
    display: block;
    height: 100%;
    width: 0;
    background: green
}

.dropzone .dz-preview .dz-error-message {
    color: red;
    display: none
}

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    display: block
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
    position: absolute;
    display: none;
    left: 30px;
    top: 30px;
    width: 54px;
    height: 58px;
    left: 50%;
    margin-left: -27px
}

.upload-image + .dz-default .dz-button {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.type-cottage {
    font-size: 20px;
    font-weight: 500;
}

@media (min-width: 1280px) {
    #cottages-map {
        width: calc(50% - 114px) !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #header .links {
        font-size: 14px;
        margin-top: 10px;
    }

    #header .buttons .button {
        font-size: 14px;
        min-width: 0;
    }

    #header .buttons .button:first-child {
        margin-left: 0;
    }
}

@media (min-width: 992px) and (min-height: 480px) {
    #error {
        margin-top: calc((100vh - 464px) / 2);
    }

    .cottage-publication-message {
        margin-top: calc(50vh - 280px) !important;
    }
}

@media (min-width: 992px) {
    .menu-trigger, .notifications-trigger, #nav .links, #nav .buttons, #nav .user-menu, #nav .languages {
        display: none;
    }

    #header .buttons {
        float: left;
        margin: -5px 0;
    }

    #header .buttons .button {
        float: left;
        margin-left: 16px;
    }

    #header .links {
        float: left;
        margin: 8px 0 0 40px;
    }

    #header .links a {
        display: block;
        float: left;
        height: 24px;
        margin-right: 20px;
    }

    #header .links a:hover {
        color: #4793B8;
    }

    #header .links .active {
        position: relative;
    }

    #header .links .active:after {
        content: "";
        width: 100%;
        height: 2px;
        background: #377F89;
        position: absolute;
        left: 0;
        bottom: -28px;
    }

    .blue-theme #header .links .active:after {
        background: #4793B8;
    }

    #header > .container {
        padding-bottom: 20px;
    }

    #header.transparent,
    #header.transparent-auth {
        position: fixed;
        background: none;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        transition: background .2s ease;
    }

    #header.bg-color-active {
        background: #84b6be;
    }

    #header.transparent img:first-child {
        display: none;
    }

    #header.transparent img + img {
        display: block;
    }

    #header.transparent #nav {
        border-color: transparent;
    }

    #header.transparent .links a:hover, #header.transparent .dropdown .current:hover,
    #header.transparent-auth .links a:hover, #header.transparent .dropdown .current:hover {
        color: #fff;
        opacity: .5;
    }

    #header.transparent .button,
    #header.transparent-auth .button {
        color: #fff;
        border-color: #fff;
    }

    #header.transparent .button:hover,
    #header.transparent-auth .button:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    #header.transparent .dropdown .current:before, #header.transparent .dropdown .current:after {
        background-image: url("../img/caret-white.svg");
    }

    .main-menu > li {
        float: left;
        margin-right: 48px;
    }

    .main-menu a {
        display: block;
        padding: 11px 0 10px;
        border-bottom: 2px solid transparent;
        color: #808080;
    }

    .main-menu .new > a:after {
        display: inline-block;
        vertical-align: top;
        margin: 0 -10px 0 2px;
        position: static;
    }

    .main-menu [data-tooltip]:after {
        margin-top: 1px;
    }

    .main-menu a:hover {
        color: #2C2C2C;
    }

    .main-menu .active a {
        border-color: #377F89;
        color: #2C2C2C;
    }

    #main:not(:last-child), #sidebar + #main {
        display: inline-block;
        width: calc(67% - 12px);
    }

    .search-form.wide {
        width: calc(33.33% - 12px);
        max-width: 384px;
    }

    #nav .social-networks {
        display: none;
    }

    #sidebar {
        width: calc(33% - 12px);
        float: right;
    }

    #notifications {
        display: none !important;
    }

    #notifications.module {
        display: block !important;
    }

    #notifications .current {
        white-space: nowrap;
        max-width: 7em;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-data .data, .user-data .password, .user-data .payment-data {
        width: 50%;
        float: left;
    }

    .user-data .data {
        border-right: 1px solid #EDEDED;
    }

    .user-data .button, .user-data .buttons button, .bank-data .button, .bank-data button {
        width: calc(50% - 16px);
        min-width: 0;
        max-width: 208px;
    }

    .cottage-gallery {
        height: 552px;
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }

    .cottage-gallery .item {
        width: calc(50% - 4px);
        height: 132px;
    }

    .cottage-gallery .item.big {
        width: 100%;
        height: 272px;
    }

    .cottage-gallery .item.big .video:before {
        -webkit-background-size: 106px;
        background-size: 106px;
    }

    .group-data-footer .note, .group-data-footer .buttons, .order-footer .note, .order-footer .buttons {
        max-width: calc(50% - 12px);
        float: left;
    }

    #main:not(:last-child) .group-data-footer .note {
        width: calc(100% - 460px);
    }

    .group-data-footer .buttons, .order-footer .buttons {
        float: right;
        clear: right;
    }

    .group-data-footer .buttons:last-child, .order-footer .buttons {
        max-width: none;
    }

    .group-data .remove {
        opacity: 0;
        visibility: hidden;
    }

    .group-data tr:hover .remove {
        opacity: 1;
        visibility: visible;
    }

    .order-preview .module-header {
        padding: 20px 48px;
    }

    .order-footer .button:not(.alt):not(:last-of-type), .group-data-footer .buttons .button.save {
        float: right;
        margin-left: 12px;
    }

    .favorites-menu {
        padding: 12px 0;
    }

    .favorites-menu a:hover, .favorites-menu a.active {
        background: #F4FAFD;
    }

    .favorites-menu a.active {
        font-weight: 500;
    }

    .offers-table {
        position: relative;
        margin-bottom: 44px;
    }

    .offers-table .id [data-tooltip] {
        margin-left: 0;
        z-index: auto;
    }

    .offers-table .actions-dropdown {
        margin: -8px auto;
    }

    .cottages-table th:first-child, .cottages-table td:first-child {
        padding-left: 44px;
    }

    .orders-table .title span {
        max-width: 124px;
    }

    .finances-table input + .tooltip-trigger {
        display: none;
    }

    .offers-actions {
        width: calc(50% - 12px);
        margin-top: -20px;
    }

    .module.large-gap {
        margin-top: 72px;
    }

    .module.placeholder, .notification-message {
        max-width: 792px;
        margin-left: auto;
        margin-right: auto;
    }

    .favorites.col3 > li, .latest-news > li {
        width: calc((100% - 48px) / 3);
    }

    .favorites.col3 > li:nth-child(3), .latest-news > li:nth-child(3) {
        margin-top: 0;
    }

    .favorites.col3 > li:last-child:nth-child(3n+2), .latest-news > li:last-child:nth-child(3n+2) {
        margin-right: calc((100% - 48px) / 3 + 24px);
    }

    .favorites .bookmark:not(.active) {
        opacity: 0;
    }

    .favorites > li:hover .bookmark {
        opacity: 1;
    }

    #intro {
        display: table;
        width: 100%;
        height: 100vh;
        padding: 144px 0 48px;
        background: url("../img/bg-intro.jpg") 50% 50% no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 16px;
    }

    #intro .container {
        display: table;
        height: 100%;
        position: relative;
    }

    #intro .form {
        padding: 24px;
        max-width: 384px;
        background: #fff;
        border-radius: 8px;
        float: left;
    }

    .single-article .description:first-child {
        padding-top: 32px;
    }

    .cottage-header .features:nth-last-child(2) {
        width: 70%;
    }

    .cottages-filter .options-trigger, .cottages-filter .options-header {
        display: none;
    }

    .cottages-filter .options {
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 -4px;
    }

    .cottages-filter .option > .field-label, .cottages-filter button.search span:last-child, .cottages-filter button.reset {
        display: none;
    }

    .cottages-filter .options > * {
        min-width: 0;
        flex: 1 1 0;
        margin: 0 4px;
    }

    .cottages-filter .option ~ .button {
        padding: 0;
    }

    .cottages-filter select, .cottages-filter .select > input {
        padding-right: 40px;
    }

    .cottages-filter .options input, .cottages-filter .option select {
        margin-bottom: 0;
    }

    .cottages-filter .modal {
        width: 195px;
        padding: 16px;
        background: #fff;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
        border-radius: 3px;
        position: absolute;
        left: 0;
        top: 100%;
        margin-top: 4px;
        z-index: 3;
        display: none;
    }

    .cottages-filter .rooms {
        position: relative;
    }

    .cottages-filter .rooms .modal {
        width: 232px;
    }

    .cottages-filter .modal-body {
        display: block !important;
    }

    .cottages.list {
        display: block;
        width: calc(58.5% - 12px);
        float: left;
    }

    .cottages.list > li {
        width: 100%;
        height: 192px;
        margin-right: 0 !important;
    }

    .cottages.list > li + li {
        margin-top: 24px !important;
    }

    .cottages.list .image {
        width: 282px;
        height: 100%;
        float: left;
        position: static;
    }

    .cottages.list .bookmark {
        opacity: 1;
    }

    .cottages.list .bookmark:hover {
        background-color: #F5F5F5;
    }

    .cottages.list .bookmark {
        right: 8px;
        top: 8px;
    }

    .cottages.list .text {
        height: 192px;
        width: calc(100% - 282px);
        float: right;
        position: relative;
    }

    .cottages.list.fixed-titles .title {
        height: auto;
    }

    .cottages.list .params {
        width: 100%;
    }

    .cottages.list .features {
        padding-right: 90px;
        color: #808080;
    }

    .cottages.list .params:not(:last-child) .features, .cottages.list .offers {
        position: absolute;
        left: 16px;
        bottom: 16px;
    }

    .cottages.list .title {
        padding-right: 48px;
    }

    .cottages-wrapper {
        min-height: 408px;
    }

    .cottage-images li:hover .remove, .cottage-images .single:hover .remove {
        opacity: 1;
    }

    #cottages-map {
        width: calc(41.5% - 12px);
        border-radius: 8px 0 0 8px;
        height: calc(100vh - 48px);
        position: absolute;
        right: 0;
    }

    #cottages-map.disabled {
        height: 0 !important;
    }

    #footer .links, #footer .payment-options {
        display: inline-block;
        vertical-align: top;
    }

    #footer .copyright {
        float: left;
    }

    #footer .development {
        float: right;
    }

    #footer .payment-options {
        margin: -5px 0 -5px 50px;
    }

    #footer .contact-admin {
        display: inline;
        line-height: 1.5;
        padding: 0;
        background: none;
        border: 0;
        margin-left: 70px;
    }

    #footer .column-contacts, #footer .column-social {
        max-width: 164px;
    }

    .cottage-images .remove {
        opacity: 0;
    }

    .order-params .cottage-preview-link {
        display: none;
    }

    .cottage-images + .button {
        display: none;
    }
}

@media (min-width: 992px) and (max-height: 767px) {
    #intro {
        padding-top: 100px;
    }
}

@media (max-width: 991px) {
    .scrollable {
        overflow: auto !important;
    }

    #header {
        padding: 16px 0;
    }

    #header > .container .links, #header > .container .buttons {
        display: none;
    }

    #header .buttons .button + .button {
        margin-top: 16px;
    }

    #nav .buttons {
        padding: 24px;
        border-bottom: 1px solid #ddd;
    }

    #nav .buttons .button {
        display: table;
    }

    .profile-trigger, #header .language-switcher {
        display: none;
    }

    .menu-trigger {
        float: right;
    }

    .menu-trigger:before {
        background-image: url("../img/menu-trigger.svg");
    }

    .menu-trigger:after {
        background-image: url("../img/close.svg");
        opacity: 0;
    }

    .menu-trigger.active:before {
        opacity: 0;
    }

    .menu-trigger.active:after {
        opacity: 1;
    }

    .main-menu .new > a:after {
        content: none;
    }

    .nav-open {
        overflow: hidden;
    }

    .main-menu .active a {
        background-color: #F1F6F7;
        color: #377F89;
    }

    .blue-theme .main-menu .active a {
        background-color: #F4FAFD;
        color: #4793B8;
    }

    .actions-dropdown ul {
        font-size: 16px;
        line-height: 20px;
    }

    .actions-dropdown ul a {
        display: block;
        padding: 4px 0;
    }

    #nav, #notifications, .cottages-filter .options {
        width: 100%;
        height: calc(100vh - 72px);
    }

    #nav {
        overflow-y: auto;
        background: #fff;
        -webkit-box-shadow: 0 10px 9px -9px rgba(0, 0, 0, 0.09) inset;
        box-shadow: 0 10px 9px -9px rgba(0, 0, 0, 0.09) inset;
        position: absolute;
        top: 100%;
        display: none;
        z-index: -1;
    }

    #nav .container {
        padding: 0;
    }

    #nav .links {
        padding: 12px 0;
        border-bottom: 1px solid #ddd;
    }

    .main-menu {
        padding: 12px 0;
    }

    .main-menu a, #nav .links a {
        display: block;
        padding: 8px 24px;
    }

    .main-menu [data-tooltip]:after {
        content: none;
    }

    #nav .social-networks {
        display: table;
        margin: 0 16px 24px;
    }

    #nav .social-networks a:before {
        opacity: .3;
    }

    #nav .social-networks a:hover:before {
        opacity: 1;
    }

    #nav .social-networks a:after {
        opacity: 0;
    }

    #nav .languages {
        padding: 20px 24px;
    }

    #nav .languages li {
        display: inline;
    }

    #nav .main-menu + .languages {
        padding-top: 0;
    }

    #nav .user-menu {
        padding: 24px;
        background: #F5F5F5;
    }

    #nav .user-menu .username {
        padding-left: 42px;
        background: url("../img/profile.svg") 0 50% no-repeat;
        font-size: 20px;
        font-weight: 300;
        margin: -4px 0 30px;
    }

    #nav .user-menu li + li {
        margin-top: 24px;
    }

    #nav .user-menu a {
        color: #377F89;
    }

    .blue-theme #nav .user-menu a {
        color: #4793B8;
    }

    #nav .main-menu + .languages {
        padding-top: 20px;
        border-top: 1px solid #ddd;
    }

    #nav .languages li + li {
        margin-left: 20px;
    }

    #nav .languages .active {
        color: #4793B8;
        pointer-events: none;
    }

    #sidebar {
        height: auto !important;
    }

    #sidebar + #main, #main + #sidebar .module:first-child {
        margin-top: 40px;
    }

    #notifications {
        position: fixed;
        left: 0;
        top: 72px;
        border-radius: 0;
        margin: 0 !important;
        z-index: 501;
        display: none;
    }

    #notifications .main {
        max-height: calc(100vh - 140px);
        overflow: auto;
    }

    .messages li {
        padding-bottom: 16px;
    }

    .messages .title {
        width: 16%;
    }

    .messages .name {
        width: 13%;
    }

    .messages .preview {
        width: 38%;
    }

    .messages .status {
        text-align: right;
        width: 100%;
    }

    .user-data {
        display: block;
    }

    .user-data .password {
        width: 100%;
        border-top: 1px solid #EDEDED;
    }

    .group-data-footer .buttons, .order-footer .buttons {
        margin-top: 16px;
    }

    .group-data-footer .button, .order-footer .button {
        margin: 8px 12px 0 0;
    }

    .package-services thead, .offers-table thead {
        display: none;
    }

    .package-services tr, .package-services td, .offers-table tr, .offers-table td {
        display: block;
        position: relative;
    }

    .package-services tr, .offers-table tr {
        padding: 12px 0;
    }

    .package-services tbody td, .offers-table td, .offers-table td:first-child {
        padding-left: 152px;
        padding-right: 24px;
    }

    .package-services td:last-child {
        text-align: left;
    }

    .package-services td[data-label]:before, .items-table td[data-label]:before, .offers-table td[data-label]:before {
        content: attr(data-label);
        width: 114px;
        float: left;
        margin-left: -128px;
    }

    .package-services tfoot tr {
        padding: 16px 24px;
    }

    .package-services tfoot td:first-child {
        display: none;
    }

    .package-services .total-price-label {
        padding: 0;
        display: inline;
    }

    .package-services .total-price-value {
        float: right;
        padding: 0;
        margin-top: -3px;
    }

    .order-preview .main, .order-preview .details .inner, .order-preview .price {
        padding: 16px 24px;
    }

    .favorites-menu {
        padding: 0 24px;
        margin-left: -24px;
        margin-right: -24px;
        white-space: nowrap;
        overflow-x: auto;
        border-radius: 0;
    }

    .favorites-menu li {
        display: inline-block;
        margin-right: 16px;
    }

    .favorites-menu a {
        padding: 16px 0;
    }

    .favorites-menu a:before {
        width: 100%;
        height: 3px;
        left: 0;
        bottom: 0;
    }

    .favorites-menu a, .favorites-menu a:hover {
        color: #2C2C2C;
    }

    .favorites-menu .active, .favorites-menu .active:hover {
        color: #4793B8;
    }

    .page-review-trigger {
        margin: 0 auto;
    }

    .offers-table .id [data-tooltip] {
        position: static;
    }

    .offers-table:not(.orders-table):not(.finances-table) td:last-child {
        padding: 16px 24px 0;
    }

    .offers-table .actions-dropdown {
        width: 100%;
    }

    .offers-table .actions-dropdown .trigger {
        width: 100%;
        height: 44px;
        background: #F5F5F5;
        border-radius: 4px;
    }

    .offers-table .actions-dropdown .trigger:after {
        opacity: 1;
    }

    .offers-table .id [data-tooltip]:before, .offers-table .id [data-tooltip]:after, .offers-list [data-tooltip]:after {
        content: none;
    }

    .offers-table .deadline:after {
        right: 0;
    }

    .offers-table .export {
        display: none;
    }

    .offers-list {
        padding-right: 40px;
    }

    .offers-list .trigger {
        width: 32px;
        height: 32px;
        background-color: #F5F5F5;
        margin-top: -7px;
        opacity: 1;
    }

    .offers-list li + li {
        margin-top: 14px;
    }

    .page-header .count span {
        display: none;
    }

    .finances-table td:first-child {
        display: none;
    }

    .finances-table input + .tooltip-trigger {
        float: left;
        margin: -29px 0 0 224px;
    }

    .package-services td:last-child .tooltip-trigger {
        display: none;
    }

    .collection > li {
        height: 208px;
    }

    .collection > li:before {
        font-size: 24px;
    }

    .collection .text {
        padding: 16px;
    }

    .collection .title {
        font-size: 20px;
    }

    .collection > li:before, .collection .more {
        margin: 16px;
    }

    .collection .more {
        font-size: 16px;
    }

    #intro {
        padding: 32px 0;
        background: #fff;
        -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    }

    #intro .map, #intro .social-networks, #intro .map-trigger {
        display: none;
    }

    #login .generate-password [data-tooltip]:after {
        left: auto;
        right: -4px;
    }

    .single-article, .news-preview, .news-single {
        border-radius: 0;
        margin-left: -24px;
        margin-right: -24px;
    }

    .single-article {
        margin-top: -56px;
    }

    .single-article .header, .single-article .description {
        padding-left: 24px;
        padding-right: 24px;
    }

    .single-article .agreement {
        margin-top: 32px;
    }

    [data-tooltip].long:after {
        position: fixed;
        left: 24px;
        top: auto;
        bottom: 24px;
    }

    .news-preview, .news-single {
        padding: 24px;
    }

    .cottage-gallery {
        display: block;
    }

    .offers-categories > li {
        width: calc(50% - 12px);
    }

    .offers-categories > li.wide {
        width: 100%;
    }

    .offers-categories .header {
        font-size: 20px;
    }

    .cottages-filter .options {
        background: #fff;
        padding: 0 24px;
        overflow-y: auto;
        position: absolute;
        left: 0;
        top: 72px;
        z-index: 101;
        display: none;
    }

    .cottages-filter .options-header {
        padding: 16px 24px;
        border-bottom: 1px solid #ddd;
        margin: 0 -24px 24px;
    }

    .cottages-filter .options-header .header {
        display: inline;
    }

    .cottages-filter .options-header .save {
        float: right;
        margin-top: 1px;
    }

    .cottages-filter .option + .option {
        margin-top: 32px;
    }

    .cottages-filter .price > input, .cottages-filter .price .modal .field-label, .cottages-filter .price:before, .cottages-filter .rooms > input, .cottages-filter .rooms:before, .cottages-filter .button.modal-trigger, .cottages-filter .additional-options .actions, .cottages-filter-selected {
        display: none;
    }

    .cottages-filter .modal-container {
        display: block;
        width: auto;
        height: auto;
        background: none;
        position: relative;
        z-index: 2;
        margin: 0 -24px 88px;
    }

    .cottages-filter .modal-window {
        width: 100%;
        max-width: none;
        position: static;
        margin: 0;
    }

    .cottages-filter .modal-header {
        padding: 16px 24px;
        border: 0;
        border-top: 1px solid #ddd;
        position: relative;
        cursor: pointer;
    }

    .cottages-filter .modal-header:after {
        content: "";
        width: 14px;
        height: 14px;
        background: url("../img/caret3-active.svg") 50% 50% no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        position: absolute;
        right: 24px;
        top: 50%;
        margin-top: -6px;
    }

    .cottages-filter .modal-header.active:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .cottages-filter .modal-header .header {
        font-size: 16px;
        line-height: 20px;
        color: #377F89;
    }

    .blue-theme .cottages-filter .modal-header .header {
        color: #4793B8;
    }

    .cottages-filter .modal-body {
        padding: 16px 24px;
        display: none;
    }

    .cottages-filter .checkbox:nth-last-child(2) label {
        margin-bottom: 0;
    }

    .cottages-filter button.reset, .cottages-filter button.search {
        width: calc(50% - 28px);
        min-width: 0;
        position: fixed;
        right: 24px;
        bottom: 24px;
        z-index: 4;
    }

    .cottages-filter button.reset {
        right: auto;
        left: 24px;
    }

    .cottages-filter button.search span:first-child {
        display: none;
    }

    .cottages-filter .options:after {
        content: "";
        width: 100%;
        height: 88px;
        background: #fff;
        -webkit-box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.09);
        box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.09);
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 3;
    }

    .cottages-settings .map-trigger {
        display: none;
    }

    .order-params .cottage-preview-link {
        margin: 24px -24px -32px;
    }

    #cottages-map {
        display: none !important;
    }

    .cottage-preview, .cottage-fill-progress {
        display: none;
    }

    .cottage-form .section {
        padding: 0 24px;
        margin: 0 -24px;
    }

    .cottage-form .section .section-header {
        padding: 16px 0;
    }

    #footer {
        margin-top: 24px;
    }

    #footer [class*=column] {
        width: calc(50% - 12px);
    }

    #footer .column-offers {
        width: 100%;
    }

    #footer .column-tourists {
        margin-left: 0;
    }

    #footer .copyright {
        margin-bottom: 20px;
    }

    #footer .payment-options {
        margin: 20px 0;
    }

    #footer .language-switcher {
        display: block;
        margin: 20px 0 0;
    }

    #footer .language-switcher .current {
        display: none;
    }

    #footer .language-switcher ul {
        display: table !important;
        padding: 0;
        margin: 0 auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: static;
    }

    #footer .language-switcher li {
        display: inline-block;
        padding: 0;
        background: none;
        margin: 0 10px;
    }

    #footer .language-switcher a {
        padding: 0;
        margin: 0;
    }

    #footer .privacy-policy + .development {
        display: table;
        margin: 20px auto 0;
    }

    #footer .contact-admin {
        max-width: 450px;
        margin: 20px auto 0;
    }

    #footer .development {
        display: table;
        margin: 20px auto 0;
    }
}

@media (max-width: 991px) and (min-height: 480px) {
    #nav .container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }

    #nav .links:nth-last-child(3) {
        flex: 1 0 0;
    }

    #nav .links:nth-last-child(3) a {
        position: relative;
    }

    #nav .links:nth-last-child(3) a:last-child:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #ddd;
        position: absolute;
        left: 0;
        bottom: -13px;
    }
}

@media (min-width: 768px) {
    .modal-window .actions .button, .modal-window .actions button.button + .button, .modal-window .actions.inverse .button:last-child {
        float: left;
    }

    .modal-window .actions .button:last-child, .modal-window .actions button.button, .modal-window .actions.inverse .button:first-child {
        float: right;
    }

    .section-header {
        display: inline-block;
    }

    .section-header + .more {
        float: right;
        margin-top: 4px;
    }

    .section-header.big.bottom-gap {
        margin-bottom: 32px;
    }

    .section-header.big + .more {
        margin-top: 12px;
    }

    .messages .show-more, .group-data .add, .saved-items .show-more, .items-table .show-more, .reviews-list + .show-more {
        border-radius: 0 0 8px 8px;
    }

    .orders > li > div {
        width: calc(33.33% - 16px);
    }

    .orders.extended > li > div {
        width: calc(25% - 18px);
    }

    .orders .status {
        min-height: 70px;
    }

    .favorites > li:nth-child(2), .latest-news > li:nth-child(2) {
        margin-top: 0;
    }

    .favorites.fixed-titles .title {
        height: 2.5em;
        overflow: hidden;
    }

    .page-header .search-form {
        float: right;
        margin-left: 16px;
    }

    .messages li:first-child {
        border-radius: 8px 8px 0 0;
    }

    .user-data .data, .user-data .password, .bank-data, .user-data .payment-data {
        padding: 40px 48px;
    }

    .user-data .avatar {
        width: 112px;
        float: left;
    }

    .user-data .fields {
        margin-left: 144px;
    }

    .group-data td {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .group-data td:last-child {
        width: 64px;
    }

    .group-data .remove:before, .group-data .remove:after {
        -webkit-background-size: 24px auto;
        background-size: 24px auto;
    }

    .group-data tbody .tooltip-trigger {
        display: none;
    }

    .chat, .order-info {
        display: block !important;
    }

    .order-menu {
        display: none;
    }

    .order-preview .main {
        width: 54.83%;
        float: left;
    }

    .order-preview .details, .order-preview .price {
        width: 45.17%;
        border-left: 1px solid #EDEDED;
        float: right;
        clear: right;
    }

    .orders .details p:first-child:not(.active) {
        max-height: 7.5em;
    }

    .orders .details p:first-child + .show-more {
        margin-top: 24px;
    }

    .saved-items th {
        white-space: nowrap;
    }

    .module.placeholder .actions {
        text-align: right;
        margin-top: 24px;
    }

    .module.placeholder .button {
        margin: 16px 0 0 16px;
    }

    .module.placeholder .button.left {
        float: left;
        margin-left: 0;
    }

    .modal-window .actions {
        margin-top: 32px;
    }

    .bank-data .column {
        width: calc(50% - 32px);
        float: left;
    }

    .bank-data .column + .column {
        float: right;
    }

    .collection > li:nth-child(2) {
        margin-top: 0;
    }

    .collection > li:nth-child(n+3) {
        width: calc((100% - 48px) / 3);
    }

    #cookies-notification .container {
        position: relative;
    }

    #cookies-notification p {
        margin-right: 232px;
    }

    #cookies-notification .close {
        position: absolute;
        right: 24px;
        top: 50%;
        margin-top: -20px;
    }

    .ui-datepicker-multi-2 {
        min-width: 676px;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%;
        padding: 0 12px;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        float: left;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group.ui-datepicker-group-last {
        float: right;
    }

    .datepicker-range-notes {
        width: 100%;
        float: left;
    }

    .datepicker-range-notes li {
        width: calc(50% - 14px);
        float: left;
        margin-left: 14px;
    }

    .datepicker-range-notes li:nth-child(odd) {
        clear: left;
    }

    .cottage-header h1 {
        max-width: calc(100% - 200px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .cottage-header-owner h1 {
        max-width: calc(100% - 300px);
    }

    .order-params .steps-switcher {
        margin: -24px -24px 40px;
    }

    .cottage-header .features {
        width: 60%;
        float: left;
    }

    .cottage-map {
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    }

    .reviews-list .main {
        width: 27%;
        float: left;
    }

    .reviews-list .review {
        width: 71%;
        float: right;
    }

    .offer-info .prices table {
        table-layout: fixed;
    }

    .offer-info .prices.short {
        max-width: 336px;
    }

    .offer-info .prices.short table {
        table-layout: auto;
    }

    .cottage-form .radio-text.narrow ~ .field {
        max-width: calc(100% - 350px);
        float: right;
        margin-top: -64px;
    }

    .cottage-form .radio-text.narrow ~ .field.clearfix {
        max-width: 100%;
        float: none;
        margin-top: 0;
    }

    .cottage-form .radio-text.narrow + .field .select {
        margin-top: 0;
    }

    .cottage-publication-message .button:last-child {
        float: left;
    }

    .cottage-form .language-info .field {
        max-width: calc(100% - 184px);
    }

    .cottage-form-categories ul {
        margin: 0 -20px -8px 0;
        overflow: hidden;
    }

    .cottage-form-categories li {
        float: left;
        margin: 0 20px 8px 0;
    }

    .cottage-form-categories .active a {
        color: #2C2C2C;
    }

    .cottage-form-categories .disabled a {
        pointer-events: none;
        opacity: 0.5;
    }

    .cottage-form .select.relationship, .cottage-form .transfer-option .select {
        width: calc(100% - 160px);
        margin-right: 20px;
    }

    .cottage-form .transfer-option .select {
        width: calc(100% - 180px);
    }

    .cottage-form .transfer-option.alt .select {
        width: calc(100% - 210px);
    }

    .cottage-form .transfer-option.alt {
        margin-right: -30px;
    }

    .hygeine-option.extended .select:first-child {
        max-width: calc(100% - 184px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .user-data .buttons {
        padding-left: 144px;
    }

    .orders.extended > li > div {
        width: calc(50% - 12px);
    }

    .orders.extended > li > div:nth-child(n+3) {
        margin-top: 24px;
    }

    .items-table td[data-label]:before {
        content: none;
    }

    .latest-news > li {
        width: calc(50% - 12px);
    }

    .cottage-publication-message .button {
        min-width: 0;
        padding: 0 16px;
    }

    .order-params .cottage-preview-link {
        padding: 16px 48px;
        margin: 24px -48px -40px;
    }
}

@media (max-width: 767px) {
    .notification-message {
        padding-left: 120px;
    }

    .notification-message:before {
        width: 95px;
        height: 117px;
        -webkit-background-size: contain;
        background-size: contain;
    }

    .modal-header, .modal-body {
        padding-left: 24px;
        padding-right: 24px;
    }

    .modal-window .button, .modal-window button {
        width: 100%;
    }

    .modal-window .radio-text label {
        display: block;
        border-radius: 0;
        line-height: 38px;
    }

    .modal-window .radio-text label:first-of-type {
        border-radius: 4px 4px 0 0;
        border-right-width: 1px;
        border-bottom: 0;
    }

    .modal-window .radio-text label ~ label:last-of-type {
        border-radius: 0 0 4px 4px;
    }

    .modal-window .radio-text input:checked + label:first-of-type + input + label {
        border-top-color: #377F89;
    }

    .blue-theme .modal-window .radio-text input:checked + label:first-of-type + input + label {
        border-top-color: #4793B8;
    }

    #header {
        padding: 12px 0;
    }

    #header .logo img {
        width: 32px;
        height: 32px;
    }

    #header .logo span {
        margin-top: 0;
    }

    #header .actions {
        margin-top: 1px;
    }

    #header .logout {
        margin-top: 4px;
    }

    #nav, #notifications, .cottages-filter .options {
        height: calc(100vh - 56px);
    }

    #notifications .main {
        max-height: calc(100% - 68px);
    }

    #notifications, .cottages-filter .options {
        top: 56px;
    }

    h1, .section-header.big {
        font-size: 30px;
        margin-bottom: 16px;
    }

    .section-header.big.bottom-gap {
        margin-bottom: 22px;
    }

    .section-header.big.bottom-gap + .more {
        margin-top: -12px;
    }

    .orders, .favorites, .latest-news, .collection {
        display: block;
        max-width: 432px;
    }

    .orders > li > div + div {
        margin-top: 24px;
    }

    .favorites > li, .collection > li {
        width: 100%;
    }

    .favorites > li + li {
        margin-top: 24px;
    }

    .favorites-menu {
        margin-bottom: -24px;
    }

    .page-header .search-form {
        margin: 12px 0 8px;
    }

    .messages, .cottage-offers, .cottage-calculationm, .cottage-form-categories, .cottage-buildings {
        margin: 0 -24px;
        border-radius: 0;
    }

    .messages li {
        padding: 16px 24px;
    }

    .messages .image {
        width: 72px;
        height: 48px;
    }

    .messages .title {
        width: calc(100% - 88px);
        padding-right: 16px;
        color: #2C2C2C;
        font-size: 20px;
    }

    .messages .new:before {
        left: auto;
        right: 24px;
    }

    .messages .name {
        font-weight: 500;
        width: 100%;
        margin-top: 12px;
    }

    .messages .preview {
        width: calc(100% - 90px);
        margin-top: 8px;
    }

    .messages .date {
        margin-top: 8px;
    }

    .messages .status {
        text-align: left;
        margin-top: 12px;
    }

    .page-header, .profile-header {
        margin-bottom: 16px;
    }

    .profile-header .exit {
        margin-top: 6px;
    }

    .user-data, .group-data, .bank-data {
        display: block;
        width: auto;
        margin: 0 -24px;
        padding: 24px;
        border-radius: 0;
        position: relative;
    }

    .user-data .password {
        padding-top: 24px;
        margin-top: 24px;
    }

    .user-data .data {
        position: relative;
    }

    .user-data .data .header {
        margin-right: 90px;
    }

    .user-data .avatar {
        float: right;
        margin-top: -54px;
    }

    .user-data .avatar .image {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .user-data .avatar .change {
        display: none;
    }

    .group-data {
        padding: 0;
    }

    .group-data thead, .items-table thead, .offer-info .prices thead, .cottage-buildings thead {
        display: none;
    }

    .group-data tr, .group-data td, .group-info tr, .group-info td, .items-table tr, .items-table td, .offer-info .prices tr, .offer-info .prices td, .cottage-buildings tr, .cottage-buildings td {
        display: block;
        position: relative;
    }

    .group-data tr, .items-table tr, .offer-info .prices tr, .cottage-buildings tr {
        padding: 24px;
    }

    .group-data td, .items-table td, .offer-info .prices td, .cottage-buildings td {
        padding: 0;
    }

    .group-data td + td, .items-table td + td, .offer-info .prices td + td, .cottage-buildings td + td {
        margin-top: 24px;
    }

    .group-data td[data-label]:before, .group-info td[data-label]:before, .offer-info .prices td[data-label]:before, .cottage-buildings [data-label]:before {
        content: attr(data-label);
        display: block;
        margin-bottom: 12px;
    }

    .group-data td:first-child:before, .group-info td:first-child:before {
        display: inline-block;
        width: 40px;
        margin-bottom: 0;
    }

    .group-data tbody .tooltip-trigger, .group-info tbody .tooltip-trigger {
        float: right;
    }

    .group-data tbody .tooltip-trigger, .group-info tbody .tooltip-trigger {
        position: absolute;
        right: 0;
        top: 0;
    }

    .group-data tbody .tooltip-trigger:after, .group-info tbody .tooltip-trigger:after {
        left: auto;
        right: -4px;
    }

    .group-data tr:last-child {
        padding-bottom: 0;
    }

    .group-data .remove, .group-info .remove {
        background-color: #F5F5F5;
        border-radius: 4px;
    }

    .group-info tr:after, .group-info .note:after {
        content: "";
        display: block;
        height: 1px;
        background: #DDDDDD;
        margin: 24px -24px;
    }

    .cottage-buildings [data-label] {
        padding-left: 180px;
    }

    .cottage-buildings [data-label]:before {
        width: 160px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .cottage-buildings .visibility label {
        margin-left: 0;
    }

    .cottage-buildings td:nth-last-child(-n+2) {
        width: calc(50% - 6px);
        float: right;
    }

    .cottage-buildings td:last-child {
        float: left;
    }

    .cottage-buildings tr:after {
        content: "";
        display: table;
        clear: both;
    }

    .cottage-buildings .edit, .cottage-buildings .remove {
        width: 100%;
        height: 44px;
        background-color: #F5F5F5;
        border-radius: 4px;
        overflow: hidden;
    }

    td .quantity {
        line-height: 40px;
        width: 108px;
        margin-top: -11px;
    }

    td .quantity .increase, td .quantity .decrease {
        width: 40px;
        height: 40px;
        font-size: 32px;
        line-height: 38px;
        font-weight: 300;
    }

    .order-menu {
        display: -webkit-flex;
        display: flex;
        background: #fff;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
        padding: 0 24px;
        text-align: center;
        margin: 0 -24px 16px;
    }

    .order-menu a {
        width: 50%;
        line-height: 52px;
        border-bottom: 2px solid transparent;
        position: relative;
    }

    .order-menu .active {
        color: #377F89;
        border-color: #377F89;
    }

    .blue-theme .order-menu .active {
        color: #4793B8;
        border-color: #4793B8;
    }

    .order-menu .new:after {
        content: "";
        right: 50%;
        margin-right: -40px;
        top: 10px;
    }

    .chat, .order-info, .package, .order-preview, .group-info, .saved-items, .help, .help-nav, .order-params, .related-news, .cottage-info, .cottage-map {
        margin-left: -24px;
        margin-right: -24px;
        border-radius: 0;
    }

    .chat {
        display: none;
        margin-top: -24px !important;
    }

    .package-header, .package-services {
        border-radius: 0;
    }

    .order-info .description.scrollable, .order-preview .details {
        height: auto;
        max-height: 334px;
    }

    .order-preview .main {
        border-bottom: 1px solid #EDEDED;
    }

    .group-info {
        padding: 24px;
    }

    .group-info thead {
        display: none;
    }

    .group-info td:first-child:before {
        margin-bottom: 0;
    }

    .group-info td {
        padding: 0;
    }

    .group-info td + td {
        padding-left: 0;
        margin-top: 24px;
    }

    .group-info .note, .group-info .actions {
        max-width: none;
        margin-top: 0;
    }

    .help .header {
        height: 45vw;
    }

    .help .header .section-header {
        left: 24px;
        bottom: 24px;
    }

    .help .description, .help .article {
        padding: 24px;
    }

    .help .instruction:before {
        margin-bottom: 16px;
    }

    .help .instruction:after {
        margin-top: 16px;
    }

    .items-table tbody td {
        margin-left: 128px;
        padding-left: 0;
        padding-right: 0;
    }

    .module.placeholder .actions, .module.placeholder .button {
        margin: 8px 0 0;
    }

    .collections .owl-nav {
        top: -56px;
    }

    .ui-datepicker {
        padding: 16px 24px 24px;
        margin: 4px 0;
    }

    .datepicker-range-notes {
        max-width: 290px;
        height: 88px;
        margin: 24px auto 0;
        overflow-y: auto;
    }

    .order-params {
        padding: 16px 24px 32px;
    }

    .order-params .steps-switcher {
        margin-bottom: 32px;
    }

    .error[data-error]:after {
        font-size: 14px;
    }

    .cottage-header {
        margin-bottom: 24px;
    }

    .cottage-header .features {
        font-size: 16px;
    }

    .request-details .related-options:before, .request-details .related-options:after, .request-details .related-options > li + li:before, .request-details .header {
        margin-left: -24px;
        margin-right: -24px;
    }

    .request-details .header {
        padding: 16px 56px 16px 24px;
    }

    .request-details .header:after {
        right: 8px;
    }

    .request-details .options {
        padding: 16px 0 0;
    }

    .cottage-header h1 {
        max-height: 2.33em;
        overflow: hidden;
    }

    .cottage-gallery {
        margin-bottom: 32px;
    }

    .cottage-gallery ~ #sidebar + #main {
        margin-top: 32px;
    }

    .reviews-list .main {
        margin-bottom: 12px;
    }

    .reviews-list .name {
        width: calc(100% - 152px);
        float: left;
    }

    .reviews-list .rating-stars {
        float: right;
    }

    .offer-info .module-header .note {
        float: none;
        margin: 12px 0 0;
    }

    .offer-info td {
        overflow: hidden;
    }

    .offer-info .prices td[data-label]:before {
        width: 240px;
        float: left;
        font-size: 16px;
        line-height: 20px;
        color: #2C2C2C;
        letter-spacing: 0;
        text-transform: none;
        margin: 0 16px 0 0;
    }

    .offer-info .prices td + td {
        margin-top: 16px;
    }

    .cottage-header .status {
        float: none;
    }

    .notification-message:before {
        height: 94px;
    }

    .cottage-publication-message .button {
        width: 100%;
        float: none;
    }

    .cottage-publication-message .button + .button {
        margin-top: 8px;
    }

    .cottage-form-categories {
        padding: 0 24px;
        overflow-y: auto;
    }

    .cottage-form-categories ul {
        white-space: nowrap;
        font-weight: 500;
    }

    .cottage-form-categories li {
        display: inline-block;
        margin-right: 20px;
        position: relative;
    }

    .cottage-form-categories a {
        display: block;
        padding: 16px 0;
        border-bottom: 2px solid transparent;
    }

    .cottage-form-categories .active a {
        border-color: currentColor;
    }

    .cottage-form-categories li:not(.active) a {
        color: inherit;
    }

    #footer {
        margin-top: 0;
    }

    .cottage-form .select.relationship ~ .related-field.active {
        display: block;
        margin-top: 16px;
    }

    .cottage-form .transfer-option .select {
        display: block;
        margin-bottom: 16px;
    }

    .cottage-form .transfer-option .remove {
        float: right;
        margin-right: 0;
    }

    .cottage-form .pets-options, .cottage-form .pets .suboptions {
        padding-left: 24px;
    }

    .cottage-form .fishing-options, .cottage-form .life-jackets-options {
        padding-left: 48px;
    }

    .hygeine-option.extended .select:first-child {
        max-width: 100%;
        margin-bottom: 12px;
    }
}

@media (min-width: 600px) {
    .cottage-info .columns, .offers-categories .wide ul {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 32px;
        -moz-column-gap: 32px;
        column-gap: 32px;
    }

    .cottage-info .columns > li, .offers-categories .wide li {
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        display: table;
        width: 100%;
    }

    .reviews-list + .show-more {
        padding-left: 40px;
    }

    .offer-info .status .main {
        float: left;
        clear: left;
        margin-right: 16px;
    }

    .offer-info .status .button {
        float: right;
        margin-top: 8px;
    }

    .cottage-categories label:nth-of-type(-n+3) {
        margin-top: 0;
    }

    .cottage-categories label:nth-of-type(3n+2):last-of-type {
        margin-right: calc((100% - 24px) / 3 + 12px);
    }

    .cottage-form .language-info input {
        display: inline-block;
        max-width: calc(100% - 200px);
        margin-right: 20px;
    }

    .cottage-form .pets .suboptions .field-label {
        width: 100px;
    }

    .cottage-form .pets .suboptions .field {
        width: calc(100% - 124px);
    }

    .cottage-form .pets .suboptions .radio-text {
        width: calc(100% - 144px);
        float: left;
        margin-right: 24px;
    }

    .cottage-form .pets .suboptions .radio-text + .related-field {
        float: left;
        max-width: 130px;
        margin-right: -10px;
    }

    .motor-option .select {
        width: calc(100% - 360px);
    }

    .motor-option:not(.template) + .field .add {
        margin-left: 184px;
    }

    .motor-option.template + .motor-option ~ .motor-option .field-label, .hygeine-option.template + .hygeine-option ~ .hygeine-option .field-label {
        display: none;
    }

    .options-preview-table {
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
        font-size: 16px;
    }

    .options-preview-table th, .options-preview-table td {
        padding: 12px 24px;
    }

    .options-preview-table td {
        padding-left: 0;
    }

    .options-preview-table td[rowspan] + td {
        padding-left: 24px;
    }

    .cottage-form .related-cottages {
        width: 100% !important;
        display: none;
    }

    .related-cottages .select {
        margin-right: 20px;
    }

    .related-cottages .add {
        width: calc(100% - 338px);
        max-width: 208px;
        min-width: 0;
    }
}

@media (max-width: 599px) {
    .chat .consultant {
        float: none;
        margin: 8px 0 0;
    }

    .package-services .arrival, .package-services .departure {
        margin-left: -128px;
    }

    .package-services .arrival:first-child, .package-services .departure:first-child {
        margin-top: 48px;
    }

    .chat .messaging {
        height: 320px;
    }

    .chat-placeholder {
        margin-top: 100px;
    }

    .chat .message {
        max-width: 100%;
        margin-left: 0;
    }

    .order-params .checkbox.toggle > .price.long {
        display: block;
        width: 100%;
        margin: 8px 0 0;
    }

    #error {
        padding-left: 130px;
    }

    #error:before, #error:after {
        width: 106px;
        height: 42px;
        -webkit-background-size: 120px;
        background-size: 120px;
    }

    .cottage-info .module-header {
        padding: 16px 24px;
    }

    .cottage-info .request-details-trigger {
        display: table;
        float: none;
    }

    .cottage-info > .description {
        padding: 24px;
    }

    .reviews-list > li {
        padding: 16px 24px;
    }

    .offer-info .prices + .note {
        text-align: left;
    }

    .offer-info .status .button {
        margin-top: 16px;
    }

    .offers-categories > li {
        width: 100%;
    }

    .cottage-categories label {
        width: calc(50% - 6px);
    }

    .cottage-images li, .cottage-images + .add {
        width: calc(50% - 16px);
    }

    .cottage-form .language-info .download {
        display: table;
        margin: 16px auto 0;
    }

    .cottage-form .pets .suboptions .radio-text + .related-field {
        margin-top: 12px;
    }

    .cottage-form .fishing-options [data-tooltip]:after {
        left: auto;
        right: 0;
    }

    .motor-option .select {
        display: block;
        margin-bottom: 8px;
    }

    .options-preview-table, .options-preview-table tbody, .options-preview-table tr, .options-preview-table th, .options-preview-table td {
        display: block;
        padding: 0;
        border: 0;
    }

    .options-preview-table th {
        margin: 0 0 8px;
    }

    .options-preview-table tr ~ tr {
        margin-top: 8px;
    }

    .options-preview-table td {
        display: inline-block;
        margin: 0 16px 8px 0;
    }

    .related-cottages .add {
        margin-top: 16px;
    }
}

@media (min-width: 480px) {
    .notification-message:before {
        border-bottom-left-radius: 8px;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0;
    }

    .notification-message img {
        max-width: 25%;
        float: left;
        margin: 0 28px 0 0;
    }

    .notification-message .section-header {
        margin-right: 24px;
    }

    .module.placeholder .module-header, .module.placeholder .description {
        padding-left: 40px;
        padding-right: 40px;
    }

    .chat-placeholder {
        width: calc(100% - 48px);
    }

    .chat input {
        width: calc(100% - 224px);
        float: left;
        margin: 0;
    }

    .chat button {
        float: right;
    }

    .faq li {
        width: calc(50% - 24px);
        float: left;
        clear: left;
    }

    .faq li:nth-child(even) {
        float: right;
        clear: right;
    }

    .offers-table input {
        max-width: 208px;
    }

    .help .buttons .button {
        float: left;
        margin-right: 16px;
    }

    .order-params .quantity + .price {
        width: auto;
        white-space: nowrap;
        margin: 12px 0 0 24px;
        position: absolute;
        left: 100%;
        top: 0;
    }

    .order-params hr {
        display: none;
    }

    .order-params .quantity-list li.short {
        width: 96px;
    }

    .related-news .show-all {
        margin-top: 4px;
    }

    .cottage-gallery {
        padding-left: calc(67% + 8px);
        border-radius: 8px;
    }

    .cottage-gallery .item {
        margin-bottom: 8px;
    }

    .cottage-gallery .item.main {
        width: 67%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .cottage-gallery item.main .glightbox:after {
        margin: 16px;
    }

    .cottage-header .rating {
        float: left;
        margin-top: 8px;
    }

    .cottage-header .button {
        float: right;
        margin-top: 4px;
    }

    .cottage-form .field {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 184px);
        margin: 0 -4px 0 0;
    }

    .cottage-form .field .select {
        margin-top: 0;
    }

    .cottage-form .upload-file:not(.field) {
        max-width: 330px;
    }

    .cottage-form .field-label.full-width + .select {
        margin-top: 0;
    }

    .cottage-form .arrival-departure-options .field {
        width: calc(100% - 254px);
        margin: 0 -8px -12px 0;
    }

    .cottage-form .arrival-departure-options .field > li {
        display: inline-block;
        margin: 0 8px 12px 0;
    }

    .cottage-form .life-jackets-options .quantity:last-child {
        margin: 0;
    }

    .cottage-form .subsection .field-label {
        width: calc(50% - 20px);
    }

    .cottage-form .subsection .field-label + .quantity, .cottage-form .subsection .field-label + .field, .cottage-form .subsection .field-label + .button {
        max-width: calc(50% - 4px);
    }

    .cottage-images + .add {
        display: block;
        min-width: 0;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        background: url("../img/plus2.svg") 50% 48px no-repeat;
        -webkit-background-size: 50px;
        background-size: 50px;
        padding-top: 112px;
        border: 2px dashed #BBB;
        color: #808080;
        border-radius: 6px;
        cursor: pointer;
        -webkit-transition: none;
        transition: none;
    }

    .cottage-images + .add:hover {
        background-color: transparent;
    }

    .cottage-images.full + .add {
        width: 100%;
    }

    .cottage-image-wrapper {
        margin: -16px -8px 0;
    }

    .cottage-image-wrapper .cottage-images.extended {
        display: inline;
        margin: 0;
    }

    .cottage-form .offer-discount .field {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin: 16px 44px 0 0;
    }

    .order-params input.limited {
        max-width: 310px;
    }

    .radio-text label:first-of-type {
        border-radius: 4px 0 0 4px;
        border-right-width: 0;
    }

    .radio-text label:last-of-type {
        border-radius: 0 4px 4px 0;
    }

    .radio-text label:first-of-type ~ label:not(:last-of-type) {
        border-right-width: 0;
    }

    .radio-text input:checked + label + input + label {
        border-left-color: #4793B8;
    }

    .cottage-form .subsection .options .unit {
        margin-top: 8px;
    }

    #footer .column-offers .menu {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
    }

    #footer .column-offers .menu li {
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        display: table;
        width: 100%;
    }

    #footer .column-social {
        margin-top: 30px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .cottage-gallery {
        height: 54vw;
    }

    .cottage-gallery .item {
        width: 100%;
        height: calc((54vw - 16px) / 3);
    }

    .cottage-gallery .placeholder.big {
        -webkit-background-size: 50%;
        background-size: 50%;
    }

    .cottage-gallery .placeholder > span {
        font-size: 2.2vw;
        left: 45%;
        bottom: 42%;
    }

    .cottage-form .subsection .field-label + .button {
        min-width: 0;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .order-params .steps-switcher {
        overflow-x: auto;
    }
}

@media (max-width: 479px) {
    #nav .languages {
        text-align: center;
    }

    #nav .social-networks {
        margin: 0 auto 24px;
    }

    #nav .social-networks li + li {
        margin-left: 46px;
    }

    h1, .section-header.big, .section-header {
        font-size: 24px;
    }

    h2, .module-header .section-header, .notification-message .section-header {
        font-size: 20px;
    }

    .notification-message, .module.placeholder, .items-table, .offers-table, #login {
        border-radius: 0;
        margin-left: -24px;
        margin-right: -24px;
    }

    #login {
        margin-top: -56px;
    }

    #login .tab {
        padding: 32px 24px;
    }

    #login .tab-switcher a {
        padding: 20px 24px;
    }

    .notification-message {
        text-align: center;
    }

    .notification-message {
        padding: 24px;
    }

    .notification-message img {
        display: block;
        max-width: 33.33%;
        margin: 0 auto 24px;
    }

    .notification-message .close {
        right: 24px;
        top: 24px;
    }

    .notification-message .button {
        float: none;
    }

    .page-header .search-form {
        max-width: none;
    }

    .profile-header .exit {
        margin-top: 2px;
    }

    .user-data .password .change-password, .group-data-footer .button, .order-footer .button {
        width: 100%;
        text-align: center;
    }

    .saved-items thead {
        display: none;
    }

    .saved-items tr, .saved-items td, .group-info tr, .group-info td {
        display: block;
        position: relative;
    }

    .saved-items tbody tr:first-child {
        border-top: 0;
    }

    .saved-items tr {
        padding: 24px;
    }

    .saved-items td + td {
        margin-top: 24px;
    }

    .saved-items td[data-label]:before {
        content: attr(data-label);
        display: block;
        margin-bottom: 12px;
    }

    .saved-items td {
        padding: 0;
    }

    .saved-items .checkbox {
        float: right;
        margin-top: -28px;
    }

    .actions-dropdown {
        width: 100%;
    }

    .actions-dropdown .trigger {
        width: 100%;
        height: 44px;
        background: #F5F5F5;
        border-radius: 4px;
    }

    .actions-dropdown .trigger:after {
        opacity: 1;
    }

    .actions-dropdown ul {
        min-width: 0;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    .chat input {
        margin: 0 0 8px;
    }

    form button, .button {
        width: 100%;
    }

    .offers-table .deadline {
        float: right;
    }

    .offers-list {
        display: block;
    }

    .finances-table td:nth-child(n+4) {
        padding-left: 24px;
    }

    .finances-table td:nth-child(n+4):before {
        display: block;
        width: 100%;
        margin: 0 0 8px;
        float: none;
    }

    .finances-table input + .tooltip-trigger {
        float: right;
        margin: -68px 0 0;
    }

    .button .mobile-hidden {
        display: none;
    }

    #footer [class*=column] {
        width: 100%;
    }

    #footer .messengers {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 8px 24px;
    }

    #cookies-notification {
        font-size: 12px;
    }

    .order-params .checkbox.toggle label {
        max-width: 100%;
    }

    .order-params .quantity-list li {
        max-width: 100%;
        min-height: 0;
        margin: 16px 0;
    }

    .order-params .steps-switcher {
        padding-top: 44px;
    }

    .order-params .steps-switcher span, .order-params .steps-switcher a {
        display: block;
        padding-top: 20px;
        text-align: left;
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 0;
    }

    .order-params .steps-switcher .active span, .order-params .steps-switcher .active a {
        visibility: visible;
    }

    .order-params .steps-switcher li.active > span:before, .order-params .steps-switcher li.active > a:before {
        content: attr(data-title);
        display: block;
        font-size: 12px;
        color: #2C2C2C;
        position: absolute;
        left: 0;
        top: 0;
    }

    .order-params .quantity {
        height: 40px;
        line-height: 40px;
        width: 122px;
    }

    .order-params .quantity .increase, .order-params .quantity .decrease {
        width: 40px;
        height: 40px;
    }

    .single-article .agreement {
        width: 100%;
    }

    .order-params .select {
        max-width: 100%;
    }

    .ui-datepicker {
        width: 100% !important;
        padding: 16px 0 24px;
        border-radius: 0;
        margin: 0;
        position: fixed !important;
        left: 0 !important;
        bottom: 0 !important;
        top: 0 !important;
        right: 0 !important;
        z-index: 501;
    }

    .order-params .option + .option:before, .cottage-form .buttons:before {
        content: "";
        display: block;
        height: 1px;
        background: #EDEDED;
        margin: -16px -24px 16px;
    }

    .cottage-form .option + .option:before {
        content: none;
    }

    .cottage-form .buttons:before {
        margin: 0 -24px 24px;
    }

    .order-params .checkbox.toggle > .price, .order-params .select + .checkbox, .order-params .times + .price {
        display: block;
        width: 100%;
        margin: 8px 0 0;
    }

    .order-params .select + .checkbox, .order-params .times + .price {
        margin-top: 16px;
    }

    .order-params .arrival-departure {
        text-align: right;
    }

    .order-params .arrival-departure .label {
        min-width: 0;
        float: left;
    }

    .order-params .arrival-departure .time:not(:last-child) {
        min-width: 0;
        margin: 0 24px 0 0;
    }

    .cottage-header .button {
        margin-top: 12px;
    }

    .cottage-gallery {
        width: auto;
        margin: 0 -24px 32px;
    }

    .cottage-info .large {
        font-size: 16px;
    }

    .cottage-info .columns {
        margin-bottom: -12px;
    }

    .cottage-info .collumns li {
        margin-bottom: 12px;
    }

    .review-gallery li:nth-child(3):not(:last-child) {
        display: none;
    }

    .reviews .rating-average {
        margin-top: 0;
    }

    .offer-info .days li, .offer-info .prices tr {
        padding: 16px;
    }

    .offer-info .prices td[data-label]:before {
        width: 160px;
    }

    .pagination {
        text-align: center;
    }

    .pagination .items-counter {
        display: none;
    }

    .pagination ul {
        display: inline-block;
        vertical-align: top;
    }

    .pagination .next {
        float: right;
    }

    .pagination li a, .pagination li span {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .pagination .prev, .pagination .next {
        width: 40px;
        height: 40px;
        margin: 0;
    }

    .cottage-form .field-label:not(.inline), .cottage-form .time-limits .label {
        display: block;
        width: 100%;
        margin: 0 0 12px;
    }

    .cottage-form .required {
        padding-right: 24px;
    }

    .cottage-form .required:after {
        left: auto;
        right: 0;
    }

    .cottage-form .buttons {
        margin-top: 24px;
    }

    .cottage-form .buttons .button {
        min-width: calc(50% - 4px);
    }

    .cottage-form .buttons .button span {
        display: none;
    }

    .cottage-form .buttons .button:before {
        content: attr(data-title);
    }

    .cottage-form .field-label.tooltip-trigger {
        padding-right: 30px;
    }

    .cottage-form .required:before, .cottage-form .field-label.tooltip-trigger:before {
        left: auto;
        right: 0;
    }

    .cottage-categories {
        display: block;
    }

    .cottage-categories label {
        width: 100%;
        padding: 20px 16px;
        min-height: 0;
        text-align: center;
        margin-top: 8px;
    }

    .cottage-categories label:first-of-type {
        margin-top: 0;
    }

    .cottage-images {
        display: block;
    }

    .cottage-images li, .cottage-images + .add {
        width: auto;
        float: none;
    }

    .cottage-images li {
        height: 148px;
    }

    .cottage-form .life-jackets-options .field-label {
        display: inline-block;
        vertical-align: middle;
        width: 98px;
        margin: 0 20px 0 0;
    }

    .cottage-form .life-jackets-options .field {
        display: inline-block;
    }

    .cottage-images + .add {
        width: 100%;
        height: auto;
        margin: 16px 0 0;
    }

    .cottage-images + .add[data-alt-title] span {
        display: none;
    }

    .cottage-images + .add[data-alt-title]:after {
        content: attr(data-alt-title);
    }

    .cottage-images.extended:not(.full) li:nth-child(n+4) {
        display: none;
    }

    .cottage-images.extended li:first-child .remove {
        opacity: 0;
    }

    .cottage-images ~ .show-more {
        display: block;
        padding: 16px 24px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin: 24px -24px 0;
    }

    .cottage-images ~ .show-more:after {
        float: right;
        margin-right: 0;
    }

    .days-switcher {
        margin-right: -8px;
    }

    .days-switcher label {
        width: 40px;
        height: 40px;
        line-height: 38px;
    }

    .radio-text label {
        display: block;
        border-radius: 0;
        line-height: 38px;
    }

    .radio-text label:first-of-type {
        border-radius: 4px 4px 0 0;
        border-bottom: 0;
    }

    .radio-text label ~ label:last-of-type {
        border-radius: 0 0 4px 4px;
    }

    .radio-text input:checked + label:first-of-type + input + label {
        border-top-color: #377F89;
    }

    .blue-theme .radio-text input:checked + label:first-of-type + input + label {
        border-top-color: #4793B8;
    }

    #error {
        padding-left: 24px;
        text-align: center;
    }

    #error:before {
        display: block;
        width: 120px;
        height: 120px;
        position: static;
        margin: 0 auto 24px;
    }

    #error:after {
        content: none;
    }

    #footer {
        position: relative;
    }

    #footer .main + .container {
        margin-bottom: 72px;
    }

    #footer .column-social {
        margin: 0;
        position: absolute;
        left: 0;
        bottom: 24px;
    }

    #footer .column-social .label {
        display: none;
    }

    #footer .social-networks li + li {
        margin-left: 46px;
    }

    #footer .social-networks a {
        font-size: 40px;
        opacity: .65;
    }

    #footer .social-networks {
        display: table;
        margin: 0 auto;
    }

    #footer .social-networks a:hover {
        opacity: 1;
    }
}

@media (min-width: 400px) {
    #notifications .section-header {
        display: inline-block;
        margin-bottom: 0;
    }

    #notifications .filter {
        float: right;
        margin-top: 4px;
    }
}

@media (max-width: 399px) {
    #notifications .filter ul {
        right: auto;
        left: 0;
    }

    #notifications .main {
        max-height: calc(100% - 108px);
    }

    .orders .image {
        height: 148px;
    }

    .order-info .section-header {
        font-size: 20px;
    }

    .order-info .voucher-dl {
        margin-top: 0;
    }

    .order-preview .section-header {
        font-size: 20px;
    }

    .order-preview .package-title, .order-preview .title {
        font-size: 16px;
    }

    .order-preview .cover {
        height: 200px;
    }

    .package-services .arrival input, .package-services .departure input {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .package-services .arrival input ~ span, .package-services .departure input ~ span {
        width: 60px;
        margin: -60px -60px 0 24px;
    }

    .page-header .count {
        float: right;
        margin-top: 6px;
    }

    .cottage-form .fishing-options, .cottage-form .life-jackets-options {
        padding-left: 24px;
    }

    .motor-option .remove {
        margin-right: -16px;
    }
}

@media (max-width: 359px) {
    .favorites-trigger {
        margin-left: 0;
    }

    .notifications-trigger {
        margin-left: 12px;
    }

    .menu-trigger {
        margin-left: 16px;
    }

    .package-services .arrival input ~ span, .package-services .departure input ~ span {
        margin-left: 8px;
    }

    #nav .social-networks li + li, #footer .social-networks li + li {
        margin-left: 30px;
    }

    #login .tab-switcher a {
        font-size: 20px;
    }

    .pagination li + li {
        margin-left: -2px;
    }

    .cottage-form .field-label.inline {
        width: 126px;
    }

    .motor-option > label {
        margin-right: 12px;
    }

    .days-switcher label {
        width: 32px;
        height: 32px;
        line-height: 30px;
    }
}

a, input, textarea, select, form button, .button, .button:after, .checkbox label:before, .checkbox label:after, .radio label:before, .radio label:after, .owl-prev, .owl-next, .owl-prev:before, .owl-next:before, .owl-prev:after, .owl-next:after, .owl-dot, th.sort, th.sort:after, .favorites > li, .favorites-trigger:before, .favorites-trigger:after, .profile-trigger:before, .profile-trigger:after, .menu-trigger:before, .menu-trigger:after, .dropdown .current, .dropdown .current:before, .dropdown .current:after, .section-header + .more:before, .section-header + .more:after, .favorites .bookmark, .favorites .bookmark:before, .favorites .bookmark:after, .messages li, .profile-header .exit:before, .profile-header .exit:after, .group-data .remove:before, .group-data .remove:after, .group-data .add:before, .group-data .add:after, [data-tooltip]:after, .package-header:before, .package-header:after, .order-info .links .download:before, .order-info .links .download:after, .order-info .voucher-dl:before, .show-more:before, .show-more:after, .orders .details p, .favorites-menu a:before, .actions-dropdown .trigger:after, .help-menu .header:before, .help-menu .header:after, .notifications > li, .quantity .decrease:before, .quantity .increase:after, .page-review-trigger:before, .page-review-trigger:after, .help .instruction .title:before, .help .instruction .title:after, .offers-list .trigger, .offers-table .export a:before, .offers-table .export a:after, .help-menu .header, .help .instruction .title, .messengers a:before, .messengers a:after, .social-networks a:before, .social-networks a:after, .favorites > li > .features, .latest-news > li, .collections > li, .collection > li:after, .collection > li:hover:before, .collection img, .collection .text, .map-trigger:before, .map-trigger:after, #intro .map, .chosen-choices, #intro .rooms .options, .order-params .steps-switcher li, .related-news li, .order-params .boat-motor .remove:before, .members .boat-motor .remove:before, .order-params .boat-motor .remove:after, .members .boat-motor .remove:after, .request-details .header:after, .cottage-info .building, .cottage-info .building .header:after, .glightbox, .glightbox img, .glightbox:after, .glightbox:before, .cottage-offers li, .cottage-info.collapsable .section-header:before, .cottage-info.collapsable .section-header:after, .cottages-filter .modal-header:after, .cottages-filter-selected .option .remove, .cottage-images .remove:before, .cottage-images .remove:after, .cottage-form .language-info .download:before, .cottage-form .language-info .download:after, .cottage-form .language-info .download:before, .cottage-form .language-info .download:after, .cottage-buildings .add:before, .cottage-buildings .add:after, .cottage-buildings .remove:before, .cottage-buildings .remove:after, .cottage-buildings .edit:before, .cottage-buildings .edit:after, .transfer-option .remove:before, .transfer-option .remove:after, .motor-option .remove:before, .motor-option .remove:after, .cottage-preview .collapsable .header:before, .cottage-preview .collapsable .header:after, .cottage-preview .collapsable .header, .cottage-form .section.collapsable .section-header, .cottage-form .section.collapsable .section-header:before, .cottage-form .section.collapsable .section-header:after, .cottage-form .subsection .header:before, .cottage-form .subsection .header:after, .hygeine-option .remove:before, .hygeine-option .remove:after, .hygeine-option .remove:before, .hygeine-option .remove:after, .cottage-categories label, .days-switcher label, .offer-discount .remove:before, .offer-discount .remove:after {
    -webkit-transition: .15s;
    transition: .15s;
}


.ui-datepicker {
    z-index: 1011 !important;
}


.cover .id, .cottage-gallery .main .id {
    padding: .1em .75em;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    position: absolute;
    left: 0;
    bottom: 0;
    left: 1em;
    bottom: 1em;
    pointer-events: none;
}

.cottage-gallery .main .id {
    font-size: 24px;
    left: 1.33em;
    bottom: 1.33em;
}

@media (max-width: 599px) {
    .cottage-gallery .main .id {
        font-size: 20px;
    }
}

@media (max-width: 399px) {
    .cover .id, .cottage-gallery .main .id {
        font-size: 18px;
    }
}

.latest-news > li:hover .title a {
    font-size: 1em;
}

@media (min-width: 768px) {
    .latest-news > li {
        display: flex;
        flex-direction: column;
        min-height: 164px;
    }

    .latest-news p {
        flex: 1 0 0;
    }
}

@media (min-width: 992px) {
    .cottages-filter .option > input, .cottages-filter select {
        padding: 0 30px 0 8px;
    }

    .cottages-filter .select:before {
        right: 8px;
    }

    .cottages-filter .period {
        min-width: 230px;
    }

    .cottages-filter .rooms {
        max-width: 130px;
    }

    .cottages-filter .search {
        max-width: 90px;
    }
}

.select.custom .selected {
    content: attr(data-selected);
    max-width: calc(100% - 4px);
    padding: 0 12px;
    border-radius: 4px;
    background: #F5F5F5;
    color: #808080;
    font-size: 14px;
    line-height: 30px;
    margin: 0 2px;
    position: absolute;
    left: 5px;
    bottom: 5px;
    pointer-events: none;
}

.select.custom .selected:not(.active) {
    display: none;
}

.select.custom .selected.active + input {
    color: transparent;
}

.select.custom .selected.active + ::-moz-placeholder {
    color: transparent;
}

.select.custom .selected.active + :-ms-input-placeholder {
    color: transparent;
}

.select.custom .selected.active + ::-webkit-input-placeholder {
    color: transparent;
}

.select.custom .selected.active + ::placeholder {
    color: transparent;
}

.select.custom ul {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    padding: 16px 12px;
    line-height: 1.25;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    max-height: 50vh;
    overflow-y: auto;
    margin-top: 4px;
    z-index: 51;
}

.select.custom:not(.active) ul {
    display: none;
}

.select.custom li + li {
    margin-top: 8px;
}

.select.custom li input {
    display: none;
}

.select.custom label {
    cursor: pointer;
    padding-right: 20px;
    background: 100% 50% no-repeat;
    -webkit-transition: .15s;
    transition: .15s;
}

.select.custom label:hover, .select.custom :checked + label {
    color: #377F89;
}

.select.custom :checked + label {
    background-image: url("../img/check2.svg");
}

.blue-theme .select.custom label:hover, .blue-theme .select.custom :checked + label {
    color: #4793B8;
}

.blue-theme .select.custom :checked + label {
    background-image: url("../img/check2-b.svg");
}

@media (min-width: 992px) {
    .cottages-filter .select.custom ul {
        min-width: 270px;
    }
}

.select.custom > input, .period > input, .price > input, .rooms > input {
    cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1079px) {
    .cottages-filter .option > input, .cottages-filter select, .cottages-filter .option ~ .button {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .cottages-filter-selected {
        padding-right: 300px;
        position: relative;
    }

    .cottages-filter-selected .option:last-of-type {
        margin-right: 8px;
    }

    .cottages-filter-selected .actions {
        position: absolute;
        right: 0;
        top: 0;
    }

    .cottages-filter .option ~ .button {
        padding: 0 8px;
    }

    .cottages-filter .modal, .cottages-filter .rooms .modal {
        width: 250px;
        z-index: 51;
    }

    .cottages-filter .modal-body {
        max-height: calc(100vh - 170px);
        border-bottom: 80px solid transparent;
        overflow-y: auto;
    }

    .cottages-filter .modal-body .actions {
        width: 100%;
        padding: 20px 40px;
        border-top: 1px solid #EDEDED;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .cottages-filter .modal-body .actions .button {
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .cottages-filter .modal {
        display: block !important;
    }
}

.cottage-form .option {
    clear: both;
}

.datepicker-range-notes .am.only,
.ui-datepicker .am.only,
.blue-theme .ui-datepicker .am.only {
    background: -webkit-linear-gradient(135deg, #DAE9F1 49%, #A5C7D7 49%, #A5C7D7 51%, #fff 51%);
    background: linear-gradient(135deg, #DAE9F1 49%, #A5C7D7 49%, #A5C7D7 51%, #fff 51%);
    border-left-color: #A5C7D7 !important;
    border-top-color: #A5C7D7 !important;
    border-right-color: #EDEDED;
    border-bottom-color: #EDEDED;
    -webkit-box-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #DAE9F1, 0 -1px 0 #DAE9F1;
    box-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #DAE9F1, 0 -1px 0 #DAE9F1;
}

.datepicker-range-notes .pm.only,
.ui-datepicker .pm.only,
.blue-theme .ui-datepicker .pm.only {
    background: -webkit-linear-gradient(45deg, #DAE9F1 49%, #A5C7D7 49%, #A5C7D7 51%, #fff 51%);
    background: linear-gradient(315deg, #DAE9F1 49%, #A5C7D7 49%, #A5C7D7 51%, #fff 51%);
    border-left-color: #EDEDED;
    border-top-color: #EDEDED;
    border-right-color: #A5C7D7 !important;
    border-bottom-color: #A5C7D7 !important;
    -webkit-box-shadow: 1px 0 0 #DAE9F1, 0 1px 0 #DAE9F1, -1px 0 0 #fff, 0 -1px 0 #fff;
    box-shadow: 1px 0 0 #DAE9F1, 0 1px 0 #DAE9F1, -1px 0 0 #fff, 0 -1px 0 #fff;
}

.ui-datepicker .disabled {
    pointer-events: none;
}

@media (max-width: 767px) {
    .datepicker-range-notes {
        height: auto;
    }
}

@media (max-width: 479px) {
    .ui-datepicker {
        max-height: 100%;
        overflow-y: auto;
    }
}

.sticky-thead thead[style*="fixed"] {
    background: #fff;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09);
}

.cottage-form .field-label.required[data-tooltip]:hover {
    z-index: 5;
}

.bedrooms-config .template {
    display: none;
}

.bedrooms-config .subsection {
    margin-top: 16px;
}

.bedrooms-config .option + .subsection, .bedrooms-config .subsection.template + .subsection {
    margin-top: 32px;
}

.order-params .steps-switcher :not(.disabled) [data-step-link]:not(.disabled):hover {
    padding-bottom: 4px;
    border-width: 8px;
    cursor: pointer;
}

.wide-scrollbar .mCSB_scrollTools, .wide-scrollbar .mCSB_scrollTools .mCSB_draggerRail, .wide-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.standard-scrollbar {
    overflow: auto;
}

.tooltip-dot {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
}

.messages .tooltip-dot {
    position: absolute;
    left: 20px;
    top: 30px;
}

@media (max-width: 767px) {
    .messages .tooltip-dot {
        left: auto;
        right: 20px;
    }

    .messages .tooltip-dot:after {
        left: auto;
        right: -4px;
    }
}

@media (min-width: 1100px) {
    .favorites .title:not(:last-child), .favorites .params:not(:last-child), .cottage-modal .title:not(:last-child), .cottage-modal .params:not(:last-child) {
        width: calc(100% - 30px);
    }
}

@media (min-width: 1000px ) and (max-width: 1099px) {
    .favorites .title:not(:last-child), .favorites .params:not(:last-child), .cottage-modal .title:not(:last-child), .cottage-modal .params:not(:last-child) {
        width: 100%;
    }

    .cottages.list .title {
        padding-right: 0;
    }
}