/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

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

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    display: inline-block;
    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-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

.leaflet-image-layer, .leaflet-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane, .leaflet-pane > canvas, .leaflet-pane > svg, .leaflet-tile, .leaflet-tile-container, .leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon, .leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer {
    max-width: none !important;
    max-height: none !important
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url("main.96449f5b5aad.css@v=1.css");
    display: inline-block;
    position: absolute
}

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-bottom, .leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
    will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile, .leaflet-zoom-anim .leaflet-tile {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control, .leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

.leaflet-image-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane > svg path, .leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive, .leaflet-marker-icon.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline: 0
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-container a.leaflet-active {
    outline: 2px solid orange
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: hsla(0, 0%, 100%, .5)
}

.leaflet-container {
    font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif
}

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
    border-radius: 4px
}

.leaflet-bar a, .leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000
}

.leaflet-bar a, .leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
    font: 700 18px Lucida Console, Monaco, monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    background: #fff;
    border-radius: 5px
}

.leaflet-control-layers-toggle {
    background-image: url("../images/layers.a6137456ed16.png");
    width: 36px;
    height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url("../images/layers-2x.4f0283c6ce28.png");
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle, .leaflet-control-layers .leaflet-control-layers-list {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url("../images/marker-icon.2273e3d8ad92.png")
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: hsla(0, 0%, 100%, .7);
    margin: 0
}

.leaflet-control-attribution, .leaflet-control-scale-line {
    padding: 0 5px;
    color: #333
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
    font-size: 11px
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    background: hsla(0, 0%, 100%, .5)
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {
    box-shadow: none
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0, 0, 0, .2);
    background-clip: padding-box
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4
}

.leaflet-popup-content p {
    margin: 18px 0
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: #fff;
    color: #333;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: 700;
    background: transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px
}

.leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-clickable {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before, .leaflet-tooltip-top:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}

.leaflet-routing-container, .leaflet-routing-error {
    width: 320px;
    background-color: #fff;
    padding-top: 4px;
    transition: all .2s ease;
    box-sizing: border-box
}

.leaflet-control-container .leaflet-routing-container-hide {
    width: 32px;
    height: 32px
}

.leaflet-routing-container h2 {
    font-size: 14px
}

.leaflet-routing-container h3 {
    font-size: 12px;
    font-weight: 400
}

.leaflet-routing-collapsible .leaflet-routing-geocoders {
    margin-top: 20px
}

.leaflet-routing-alt, .leaflet-routing-error, .leaflet-routing-geocoders {
    padding: 6px;
    margin-top: 2px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
    max-height: 320px;
    overflow-y: auto;
    transition: all .2s ease
}

.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt, .leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders {
    display: none
}

.leaflet-bar .leaflet-routing-alt:last-child {
    border-bottom: none
}

.leaflet-routing-alt-minimized {
    color: #888;
    max-height: 64px;
    overflow: hidden;
    cursor: pointer
}

.leaflet-routing-alt table {
    border-collapse: collapse
}

.leaflet-routing-alt tr:hover {
    background-color: #eee;
    cursor: pointer
}

.leaflet-routing-alt::-webkit-scrollbar {
    width: 8px
}

.leaflet-routing-alt::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #eee
}

.leaflet-routing-alt::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #888
}

.leaflet-routing-icon {
    background-image: url("../images/leaflet.routing.icons.142d1f83d497.png");
    -webkit-background-size: 240px 20px;
    background-size: 240px 20px;
    background-repeat: no-repeat;
    margin: 0;
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px
}

.leaflet-routing-icon-continue {
    background-position: 0 0
}

.leaflet-routing-icon-sharp-right {
    background-position: -20px 0
}

.leaflet-routing-icon-turn-right {
    background-position: -40px 0
}

.leaflet-routing-icon-bear-right {
    background-position: -60px 0
}

.leaflet-routing-icon-u-turn {
    background-position: -80px 0
}

.leaflet-routing-icon-sharp-left {
    background-position: -100px 0
}

.leaflet-routing-icon-turn-left {
    background-position: -120px 0
}

.leaflet-routing-icon-bear-left {
    background-position: -140px 0
}

.leaflet-routing-icon-depart {
    background-position: -160px 0
}

.leaflet-routing-icon-enter-roundabout {
    background-position: -180px 0
}

.leaflet-routing-icon-arrive {
    background-position: -200px 0
}

.leaflet-routing-icon-via {
    background-position: -220px 0
}

.leaflet-routing-geocoders div {
    padding: 4px 0
}

.leaflet-routing-geocoders input {
    width: 303px;
    width: calc(100% - 4px);
    line-height: 1.67;
    border: 1px solid #ccc
}

.leaflet-routing-geocoders button {
    font: 700 18px Lucida Console, Monaco, monospace;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    margin: 0;
    margin-right: 3px;
    float: right;
    cursor: pointer;
    transition: background-color .2s ease
}

.leaflet-routing-add-waypoint:after {
    content: "+"
}

.leaflet-routing-reverse-waypoints:after {
    font-weight: 400;
    content: "\21C5"
}

.leaflet-routing-geocoders button:hover {
    background-color: #eee
}

.leaflet-routing-geocoder, .leaflet-routing-geocoders input, .leaflet-routing-remove-waypoint {
    position: relative
}

.leaflet-routing-geocoder-result {
    font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif;
    position: absolute;
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease;
    z-index: 1000
}

.leaflet-routing-geocoder-result table {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    cursor: pointer
}

.leaflet-routing-geocoder-result-open {
    max-height: 800px
}

.leaflet-routing-geocoder-result tr:hover, .leaflet-routing-geocoder-selected {
    background-color: #eee
}

.leaflet-routing-geocoder-no-results {
    font-style: italic;
    color: #888
}

.leaflet-routing-remove-waypoint {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.leaflet-routing-remove-waypoint:after {
    position: absolute;
    display: block;
    width: 15px;
    height: 1px;
    z-index: 1;
    right: 1px;
    top: 4px;
    bottom: 0;
    margin: auto;
    padding: 2px;
    font-size: 18px;
    font-weight: 700;
    content: "\D7";
    text-align: center;
    cursor: pointer;
    color: #ccc;
    background: #fff;
    padding-bottom: 16px;
    margin-top: -16px;
    padding-right: 4px;
    line-height: 1
}

.leaflet-routing-remove-waypoint:hover {
    color: #000
}

.leaflet-routing-instruction-distance {
    width: 48px
}

.leaflet-routing-collapse-btn {
    position: absolute;
    top: 0;
    right: 6px;
    font-size: 24px;
    color: #ccc;
    font-weight: 700
}

.leaflet-routing-collapse-btn:after {
    content: "\D7"
}

.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
    position: relative;
    left: 4px;
    top: 4px;
    display: block;
    width: 26px;
    height: 23px;
    background-image: url("../images/routing-icon.29cd81d4b564.png")
}

.leaflet-routing-container-hide .leaflet-routing-collapse-btn:after {
    content: none
}

.leaflet-top .leaflet-routing-container.leaflet-routing-container-hide {
    margin-top: 10px !important
}

.leaflet-right .leaflet-routing-container.leaflet-routing-container-hide {
    margin-right: 10px !important
}

.leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide {
    margin-bottom: 10px !important
}

.leaflet-left .leaflet-routing-container.leaflet-routing-container-hide {
    margin-left: 10px !important
}

@media only screen and (max-width: 640px) {
    .leaflet-routing-container {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        height: 100%
    }
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 1px solid #ddd;
    border-radius: 0;
    background: #f8f8f8;
    position: relative;
    overflow: hidden
}

.selectric .label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    color: #444;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric .button, .selectric .label {
    display: block;
    line-height: 38px;
    height: 38px
}

.selectric .button {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    background-color: #f8f8f8;
    color: #bbb;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #bbb;
    border-bottom: none
}

.selectric-focus .selectric {
    border-color: #aaa
}

.selectric-hover .selectric {
    border-color: #c4c4c4
}

.selectric-hover .selectric .button {
    color: #a2a2a2
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-color: #c4c4c4
}

.selectric-open .selectric-items {
    display: block
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f8f8f8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items li, .selectric-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer
}

.selectric-items li.selected {
    background: #e0e0e0;
    color: #444
}

.selectric-items li.highlighted {
    background: #d0d0d0;
    color: #444
}

.selectric-items li:hover {
    background: #d5d5d5;
    color: #444
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default !important;
    background: none !important;
    color: #666 !important
}

.selectric-items .disabled, .selectric-items .selectric-group .selectric-group-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: 700;
    padding-left: 10px;
    cursor: default;
    background: none;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

/*! nouislider - 10.1.0 - 2017-07-28 17:11:18 */
.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
    transition: top .3s, right .3s, bottom .3s, left .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base, .noUi-handle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connect {
    background: #3fb8af;
    border-radius: 4px;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    -webkit-transition: background .45s;
    transition: background .45s
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled].noUi-handle, [disabled] .noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 120%
}

.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;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

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

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

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

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

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

.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%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.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: 12px
}

.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: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url("../images/mCSB_buttons.c8871117705f.png");
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: 50%
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(100%, hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
    background-image: -o-linear-gradient(left, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: -ms-linear-gradient(left, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(100%, hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
    background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: -ms-linear-gradient(top, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px hsla(0, 0%, 100%, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px hsla(0, 0%, 100%, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform .3s ease-out, opacity .3s ease-in;
    -moz-transition: -moz-transform .3s ease-out, opacity .3s ease-in;
    -o-transition: -o-transform .3s ease-out, opacity .3s ease-in;
    transition: transform .3s ease-out, opacity .3s ease-in
}

.leaflet-cluster-spider-leg {
    -webkit-transition: -webkit-stroke-dashoffset .3s ease-out, -webkit-stroke-opacity .3s ease-in;
    -moz-transition: -moz-stroke-dashoffset .3s ease-out, -moz-stroke-opacity .3s ease-in;
    -o-transition: -o-stroke-dashoffset .3s ease-out, -o-stroke-opacity .3s ease-in;
    transition: stroke-dashoffset .3s ease-out, stroke-opacity .3s ease-in
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg, .pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img, .pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url("../images/default-skin.e3f799c6dec9.png") 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio: 1.09375),(min-resolution: 1.1dppx),(min-resolution: 105dpi) {
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
        background-image: url("../images/default-skin.b257fa9c5ac8.svg")
    }

    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a, .pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url("../images/preloader.e34aafbb485a.gif") 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption, .pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

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

body {
    font-family: Museo, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    background-color: #fff;
    min-height: 100vh;
    min-width: 1400px
}

body.fixed {
    position: fixed
}

body.fixed, body.is-open {
    overflow: hidden
}

@media only screen and (max-width: 812px) {
    body {
        min-width: auto
    }
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

p, ul {
    margin-top: 0;
    margin-bottom: 0
}

ul {
    padding-left: 0
}

li {
    list-style: none
}

button, input, optgroup, select, textarea {
    font-family: Museo, sans-serif;
    outline: none
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    margin: 0
}

input {
    -moz-appearance: none;
    appearance: none
}

button, input {
    -webkit-appearance: none;
    border: none
}

button {
    border-radius: 0;
    background-color: transparent;
    padding: 0
}

textarea {
    resize: none;
    border: none
}

.main {
    position: relative;
    padding-top: 80px;
    width: 100%;
    min-width: 1400px;
    z-index: 2;
    -webkit-transition: opacity 1s ease .2s;
    transition: opacity 1s ease .2s
}

@media only screen and (max-width: 812px) {
    .main {
        padding-top: 54px;
        overflow: hidden;
        min-width: auto
    }
}

.container {
    width: 1400px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 812px) {
    .container {
        width: 100%;
        padding: 0 24px
    }
}

@media only screen and (max-width: 812px) {
    .container.mobile-fluid {
        padding: 0
    }
}

.title {
    font-size: 40px;
    font-weight: bold;
}

@media only screen and (max-width: 812px) {
    .title {
        font-size: 24px;
        line-height: 1.3
    }
}

.title.bold {
    font-weight: 500
}

.subtitle {
    font-size: 26px;
    font-weight: 100;
    line-height: 37px
}

@media only screen and (max-width: 812px) {
    .subtitle {
        font-size: 13px;
        line-height: 1.6
    }
}

.slick-list, .slick-track {
    height: 100%
}

.slick-slide {
    outline: none
}

.slick-nav {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.text {
    line-height: 28px
}

.text p {
    margin-bottom: 20px
}

.text p:last-child {
    margin-bottom: 0
}

.text a {
    color: #0d50a0
}

.preloader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.preloader > span {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    -webkit-transform: scale(1);
    transform: scale(1);
    will-change: transform, opacity;
    background-color: #feca30;
    border-radius: 100%
}

.loading .preloader, .reloading .preloader {
    opacity: 1;
    -webkit-transition: opacity .3s ease .1s;
    transition: opacity .3s ease .1s
}

.loading .preloader > span, .reloading .preloader > span {
    -webkit-animation: pulse-dots .9s infinite 0s;
    animation: pulse-dots .9s infinite 0s
}

.loading .preloader > span:nth-child(2), .reloading .preloader > span:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.loading .preloader > span:nth-child(3), .reloading .preloader > span:nth-child(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.ruble {
    font-family: Roboto-Medium, sans-serif
}

.button {
    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;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 40px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 0 16px
}

.button:active {
    -webkit-box-shadow: inset 0 4px 5px rgba(0, 0, 0, .2);
    box-shadow: inset 0 4px 5px rgba(0, 0, 0, .2)
}

.button.yellow-bg {
    border: 1px solid #feca30;
    background-color: #feca30
}

.button.yellow-bg:hover {
    background-color: #fff
}

.button.yellow {
    color: #3d3636;
    border: 1px solid #feca30;
    background: #fdc843;
}

@media only screen and (max-width: 812px) {
    .button.yellow {
        background: #feca30
    }
}

.button.yellow:hover {
    background-color: #feca30
}

.button.white {
    color: #000;
    border: 1px solid #feca30;
    background: #feca30;
}

.button.white:hover {
    color: #000;
    background-color: #fff
}

.button.black {
    color: #fff;
    background-color: #000
}

.button.black:hover {
    background-color: #fff;
    color: #000
}

.button.blue {
    color: #0d50a0;
    border: 1px solid #0d50a0
}

.button.blue:hover {
    color: #fff;
    background-color: #0d50a0
}

.button_filled.yellow {
    background-color: #feca30
}

.button_filled.yellow:hover {
    background-color: #fabb01
}

.button.plus {
    padding-left: 46px
}

.button.plus.yellow {
    background-color: #feca30
}

.button.plus:hover {
    background-color: #fabb01
}

.button.plus span:first-child {
    position: absolute;
    left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    height: 32px;
    width: 32px;
    background-color: #fff
}

.button.plus span:first-child:after, .button.plus span:first-child:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px;
    height: 2px;
    background-color: #feca30
}

.button.plus span:first-child:after {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg)
}

.button.minus > span:first-child:after {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.button_size_m {
    padding: 12px 25px
}

.button-default {
    display: block;
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
    outline: none
}

.btn {
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 40px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 12px 18px
}

.btn.tr-white {
    border: 1px solid #fff;
    color: #fff
}

.btn.tr-white:hover {
    border-color: #feca30;
    background-color: #feca30;
    color: #000
}

.btn.tr-white:active {
    -webkit-box-shadow: inset 0 4px 5px rgba(0, 0, 0, .2);
    box-shadow: inset 0 4px 5px rgba(0, 0, 0, .2)
}

.btn.tr-black {
    border: 1px solid #000;
    color: #000
}

.btn.tr-black:hover {
    border-color: #feca30;
    background-color: #feca30;
    color: #000
}

.btn.tr-black:active {
    -webkit-box-shadow: inset 0 4px 5px rgba(0, 0, 0, .2);
    box-shadow: inset 0 4px 5px rgba(0, 0, 0, .2)
}

.input {
    width: 100%;
    font-size: 14px;
    color: #000;
    padding: 15px 20px;
    outline: none;
    background-color: #efefef;
    border-radius: 40px
}

.checkbox {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 24px;
    height: 24px
}

.checkbox > input[type=checkbox] {
    visibility: hidden
}

.checkbox > input[type=checkbox]:checked + label:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.checkbox > label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    border-radius: 50%;
    cursor: pointer;
    background-color: #efefef
}

.checkbox > label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    background-color: #feca30;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    will-change: transform
}

.selectric-wrapper.selectric-open .selectric {
    border-radius: 24px 24px 0 0
}

.selectric-wrapper.selectric-open .selectric-items {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    border-radius: 0 0 24px 24px;
    -webkit-transition: opacity .3s ease, border-radius .3s ease;
    transition: opacity .3s ease, border-radius .3s ease
}

.selectric-wrapper.selectric-open .selectric-items li {
    opacity: 1
}

.selectric-wrapper.selectric-open .selectric-items li.disabled {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    opacity: .5
}

.group .selectric-wrapper.selectric-open .selectric-items li.disabled {
    display: none
}

.selectric-wrapper.selectric-open .selectric-arrow {
    -webkit-transform: translateY(-40%) rotate(-135deg);
    transform: translateY(-40%) rotate(-135deg)
}

.selectric-wrapper._disabled {
    cursor: not-allowed;
    pointer-events: none
}

.selectric-wrapper._disabled .selectric .label {
    color: #d6d6d6
}

.selectric-wrapper._disabled .selectric .selectric-arrow {
    border-color: #d6d6d6
}

.selectric {
    position: relative;
    background-color: #fff;
    padding: 6px 25px;
    border: 1px solid #ddd;
    border-radius: 24px;
    -webkit-transition: border-radius .3s ease;
    transition: border-radius .3s ease
}

.selectric-arrow {
    position: absolute;
    top: 50%;
    right: 22px;
    height: 10px;
    width: 10px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: translateY(-60%) rotate(45deg);
    transform: translateY(-60%) rotate(45deg);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.selectric .label {
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    padding-right: 20px;
    text-align: center;
}

@media only screen and (max-width: 812px) {
    .selectric .label {
        font-weight: 300;
        font-size: 14px
    }
}

.selectric-items {
    display: block;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .2s ease, border-radius .3s ease, -webkit-transform 0s ease .3s;
    transition: opacity .2s ease, border-radius .3s ease, -webkit-transform 0s ease .3s;
    transition: opacity .2s ease, border-radius .3s ease, transform 0s ease .3s;
    transition: opacity .2s ease, border-radius .3s ease, transform 0s ease .3s, -webkit-transform 0s ease .3s;
    background-color: #fff;
    border: 1px solid #efefef;
    outline: none;
    border-radius: 24px;
    overflow: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, .2);
    z-index: 1
}

.selectric-items .selectric-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #efefef
}

.selectric-items.selectric-group-label:before {
    content: none
}

.selectric-items .selectric-scroll > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.group .selectric-items .selectric-scroll > ul > li:first-child {
    display: none
}

.selectric-items li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-bottom: 1px solid #efefef;
    background-color: #fff;
    padding: 10px 25px;
    font-weight: 300;
    font-size: 14px;
    opacity: 0
}

.selectric-items li:last-child {
    border: none
}

.selectric-items li.selected {
    display: none;
    background-color: #efefef
}

@media only screen and (max-width: 812px) {
    .selectric-items li.selected:hover {
        background-color: #efefef
    }
}

.selectric-items li.highlighted {
    background-color: transparent
}

.selectric-items li:hover {
    background-color: #efefef
}

@media only screen and (max-width: 812px) {
    .selectric-items li:hover {
        background-color: transparent
    }
}

.multi .selectric-items li:first-child {
    display: none
}

.group .selectric-items li.selected, .multi .selectric-items li.selected {
    display: block
}

.selectric-above .selectric-items {
    top: 100%;
    bottom: auto
}

.range-slider {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 3px;
    background-color: #efefef
}

.range-slider .noUi-base:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 9px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.range-slider .noUi-handle {
    position: relative;
    border: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #000;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    left: -7px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    will-change: transform
}

@media only screen and (max-width: 812px) {
    .range-slider .noUi-handle {
        width: 22px;
        height: 22px;
        top: -10px;
        left: -11px
    }
}

.range-slider .noUi-handle:before {
    content: none
}

.range-slider .noUi-handle:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 26px;
    height: 26px;
    background-color: transparent
}

@media only screen and (max-width: 812px) {
    .range-slider .noUi-handle:after {
        width: 40px;
        height: 40px
    }
}

.range-slider .noUi-handle:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media only screen and (max-width: 812px) {
    .range-slider .noUi-handle:hover {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.range-slider .noUi-connect {
    background-color: #feca30;
    -webkit-box-shadow: none;
    box-shadow: none
}

.range-slider .noUi-tooltip {
    background-color: transparent;
    border-radius: 0;
    border: none
}

@media only screen and (max-width: 812px) {
    .range-slider .noUi-tooltip {
        font-size: 14px
    }
}

.slider-arrow {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 17px;
    height: 63px;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    will-change: transform
}

.slider-arrow.prev {
    left: 25px
}

.slider-arrow.prev:hover {
    -webkit-transform: translate(-8px, -50%);
    transform: translate(-8px, -50%)
}

@media only screen and (max-width: 812px) {
    .slider-arrow.prev:hover {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.slider-arrow.prev:active {
    -webkit-transform: translate(-8px, -50%) scale(1.2);
    transform: translate(-8px, -50%) scale(1.2)
}

@media only screen and (max-width: 812px) {
    .slider-arrow.prev:active {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1)
    }
}

.slider-arrow.next {
    right: 25px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.slider-arrow.next:hover {
    -webkit-transform: translate(8px, -50%) rotate(180deg);
    transform: translate(8px, -50%) rotate(180deg)
}

@media only screen and (max-width: 812px) {
    .slider-arrow.next:hover {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }
}

.slider-arrow.next:active {
    -webkit-transform: translate(8px, -50%) rotate(180deg) scale(1.2);
    transform: translate(8px, -50%) rotate(180deg) scale(1.2)
}

@media only screen and (max-width: 812px) {
    .slider-arrow.next:active {
        -webkit-transform: translateY(-50%) rotate(180deg) scale(1);
        transform: translateY(-50%) rotate(180deg) scale(1)
    }
}

.slider-arrow:after, .slider-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.slider-arrow:before {
    opacity: 1;
    background: url("../images/slider-arrow.663c1eb7886d.svg")
}

.slider-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.slider-arrow.white:before {
    opacity: 1;
    background: url("../images/slider-arrow-white.0847c23c9c4b.svg")
}

.slider-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none
}

.slick-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    list-style-type: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.slick-dots li {
    position: relative;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 50%;
    opacity: 1;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
}

@media only screen and (max-width: 812px) {
    .slick-dots li {
        width: 12px;
        height: 12px
    }
}

.slick-dots li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background-color: #feca30;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

@media only screen and (max-width: 812px) {
    .slick-dots li:after {
        background-color: #0d50a0
    }
}

.slick-dots li button {
    color: transparent
}

.slick-dots li.slick-active {
    border-color: #feca30
}

@media only screen and (max-width: 812px) {
    .slick-dots li.slick-active {
        border-color: #0d50a0
    }
}

.slick-dots li.slick-active:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.slick-lines {
    position: absolute;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    list-style-type: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.slick-lines li {
    position: relative;
    width: 46px;
    height: 1px;
    background-color: #efefef;
    opacity: 1;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer
}

.slick-lines li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0d50a0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.slick-lines li.slick-active:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.common-slider.white-btn .slick-dots li {
    border: 1px solid #fff
}

@media only screen and (max-width: 812px) {
    .common-slider.white-btn .slick-dots li {
        border: 1px solid #fff
    }
}

.common-slider.white-btn .slick-dots li:after {
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .common-slider.white-btn .slick-dots li:after {
        background-color: #fff
    }
}

.mCSB_scrollTools {
    opacity: 1
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 5px;
    border-radius: 0;
    background-color: #efefef
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    border-radius: 0;
    background-color: #0d50a0
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #0d50a0
}

.share-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    -webkit-transition: opacity .2s ease-out, -webkit-transform .3s ease;
    transition: opacity .2s ease-out, -webkit-transform .3s ease;
    transition: opacity .2s ease-out, transform .3s ease;
    transition: opacity .2s ease-out, transform .3s ease, -webkit-transform .3s ease;
    border-radius: 50%
}

.share-button__icon {
    width: 14px;
    height: 14px;
    fill: #fff;
    stroke: none
}

.share-button--twitter {
    background-color: #00aced
}

.share-button--twitter:hover {
    background-color: #0099d4
}

.share-button--facebook {
    background-color: #3b5998
}

.share-button--facebook:hover {
    background-color: #344e86
}

.share-button--vk {
    background-color: #45668e
}

.share-button--vk:hover {
    background-color: #3d5a7d
}

.share-button--ok {
    background-color: #f68221
}

.share-button--ok:hover {
    background-color: #f4740a
}

.share-button--pinterest {
    background-color: #cb2027
}

.share-button--pinterest:hover {
    background-color: #b51d23
}

.share-button--tumblr {
    background-color: #32506d
}

.share-button--tumblr:hover {
    background-color: #2a435c
}

.share-button--google {
    background-color: #dd4b39
}

.share-button--google:hover {
    background-color: #d73925
}

.share-button--linkedin {
    background-color: #007bb6
}

.share-button--linkedin:hover {
    background-color: #006a9d
}

.share-button--email {
    background-color: #777
}

.share-button--email:hover {
    background-color: #6a6a6a
}

.share-button--telegram {
    background-color: #54a9eb
}

.share-button--telegram:hover {
    background-color: #3d9ee8
}

.share-button--whatsapp {
    background-color: #25d366
}

.share-button--whatsapp:hover {
    background-color: #21bd5c
}

.pswp {
    opacity: 0
}

.pswp, .pswp.pswp--open .pswp__img--placeholder {
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp.pswp--open .pswp__img--placeholder {
    opacity: 1
}

.pswp__bg {
    background-color: rgba(0, 0, 0, .9)
}

.pswp__img {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%
}

.pswp__caption__center {
    font-size: 16px;
    text-align: center
}

.pswp img {
    -o-object-fit: contain;
    object-fit: contain
}

.social-icon {
    margin-right: 8px;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: transform .25s ease, opacity .25s ease;
    transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
    outline: none
}

.social-icon:hover {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    will-change: transform
}

.social-icon:active, .social-icon:focus {
    opacity: .7
}

.social-icon:last-of-type {
    margin-right: 0
}

.social-icon.vk {
    background-image: url("../images/ic-vk.855f1023eaad.svg")
}

.social-icon.odnoklassniki {
    background-color: #f38000;
    background-size: 60% auto;
    background-image: url("../images/ic-odno.ae690b4c5762.svg")
}

.social-icon.twitter {
    background-image: url("../images/ic-twitter.bfb3b141dbbf.svg")
}

.social-icon.youtube {
    background-image: url("../images/ic-youtube.0059e698fb11.svg")
}

.social-icon.telegram {
    background-image: url("../images/ic-telegram.c079dc6f3f02.png")
}

.social-icon.viber {
    background-image: url("../images/ic-viber.png")
}

.social-icon.facebook-em {
    background-image: url("../images/facebook-em.png")
}

.social-icon.facebook-ft {
    background-image: url("../images/facebook-ft.png");
    border-radius: unset!important;
}

.social-icon.instagram-ft {
    background-image: url("../images/instagram-ft.png");
    border-radius: unset!important;
}

.social-icon.twitter-ft {
    background-image: url("../images/twitter-ft.png");
    border-radius: unset!important;
}

.social-icon.tiktok-ft {
    background-image: url("../images/tiktok.svg");
    border-radius: unset!important;
}

.social-icon.youtube-ft {
    background-image: url("../images/youtube.svg");
    border-radius: unset!important;
    width: 32px;
    height: 32px;
}


.social-icon.odnoklassniki-ft {
    background-image: url("../images/odnoklassniki-ft.png");
    border-radius: unset!important;
}

.social-icon.rutube {
    background-image: url("../images/ic-rutube.574ed497c628.jpg")
}

.social-icon.whatsapp {
    background-color: #25d366;
    border-radius: 100%;
    background-image: url("../images/ic-whatsapp.16993711930d.svg")
}

@media only screen and (max-width: 812px) {
    .social-icon.whatsapp {
        display: block
    }
}

.timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: opacity .4s ease 1s;
    transition: opacity .4s ease 1s
}

@media only screen and (max-width: 812px) {
    .timer {
        width: 100%;
        max-width: 352px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.timer[data-status=disabled] {
    opacity: 0;
    pointer-events: none
}

.timer__item {
    margin-right: 20px
}

@media only screen and (max-width: 812px) {
    .timer__item {
        margin-top: 18px;
        margin-right: 3px;
        margin-left: 3px
    }
}

.timer__item:last-of-type {
    margin-right: 0
}

.timer__item-element {
    width: 34px;
    height: 42px;
    border-radius: 5px;
    margin-right: 3px;
    background-color: #feca30;
    text-align: center;
    line-height: 42px;
    font-size: 20px;
    font-weight: 700
}

.timer__item-element:last-of-type {
    margin-right: 0
}

.timer__item-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.timer__item-title {
    margin-top: 8px;
    color: #000;
    opacity: .4;
    font-size: 12px;
    font-weight: 300;
    text-align: center
}

.switcher {
    position: relative;
    width: 34px;
    height: 14px;
    cursor: pointer
}

.switcher > input[type=checkbox] {
    visibility: hidden
}

.switcher > input[type=checkbox]:checked + label {
    background-color: #c2c2c2
}

.switcher > input[type=checkbox]:checked + label:after {
    -webkit-transform: translate3d(18px, -50%, 0);
    transform: translate3d(18px, -50%, 0)
}

.switcher > label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 15px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    cursor: pointer;
    background-color: #525c66
}

.switcher > label:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 3px;
    width: 10px;
    height: 10px;
    background: #feca30;
    border-radius: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.favorite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.favorite:hover .favorite__icon:before {
    opacity: .2
}

.favorite:hover .favorite__icon.active:before {
    opacity: 1
}

.favorite.active .favorite__icon:after {
    opacity: 0
}

.favorite.active .favorite__icon:before {
    opacity: 1
}

.favorite.active .favorite__text > span:first-of-type {
    display: none
}

.favorite.active .favorite__text > span:last-of-type {
    display: block
}

.favorite__icon {
    position: relative;
    width: 17px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% auto
}

.favorite__icon:after, .favorite__icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.favorite__icon:after {
    background-image: url("../images/favorite-icon-empty.68f66a12fe91.svg");
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 0
}

.favorite__icon:before {
    background-image: url("../images/favorite-icon-filled.493a5ab8b5bb.svg");
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 1
}

.favorite__text {
    margin-left: 12px;
    font-size: 15px;
    font-weight: 500
}

@media only screen and (max-width: 812px) {
    .favorite__text > span {
        max-width: 104px
    }
}

.favorite__text > span:first-of-type {
    display: block
}

.favorite__text > span:last-of-type {
    display: none
}

.map-cluster {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 40px;
    background-color: #feca30;
    border: 2px solid #fff;
    font-size: 16px
}

.leaflet-routing-container {
    display: none
}

.leaflet-div-icon {
    background: none;
    border: none
}

.leaflet-touch .leaflet-bar {
    border: none
}

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in, .leaflet-touch .leaflet-bar a.leaflet-control-zoom-out {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background-color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15);
    color: transparent;
    -webkit-transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    border-radius: 30px
}

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in:before, .leaflet-touch .leaflet-bar a.leaflet-control-zoom-out:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 14px;
    opacity: .5;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in:hover, .leaflet-touch .leaflet-bar a.leaflet-control-zoom-out:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15)
}

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in:hover:before, .leaflet-touch .leaflet-bar a.leaflet-control-zoom-out:hover:before {
    opacity: 1
}

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in:active, .leaflet-touch .leaflet-bar a.leaflet-control-zoom-out:active {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 4px 4px 0 transparent;
    box-shadow: 0 4px 4px 0 transparent
}

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in {
    margin-bottom: 12px
}

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in:before {
    background: url("../images/plus-black-icon.b77de60b3756.svg") no-repeat 50%;
    background-size: contain
}

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-out:before {
    background: url("../images/minus-black-icon.7c47065a5427.svg") no-repeat 50%;
    background-size: contain
}

@font-face {
    font-family: Museo;
    src: url("../fonts/MuseoSansCyrl-100.d266e6030cfb.woff") format("woff");
    font-style: normal;
    font-weight: 100
}

@font-face {
    font-family: Museo;
    src: url("../fonts/MuseoSansCyrl-300.86eb2fcd05a0.woff") format("woff");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Museo;
    src: url("../fonts/MuseoSansCyrl-500.78e9f7932ffe.woff") format("woff");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: Museo;
    src: url("../fonts/MuseoSansCyrl-700.fc9ccc9e0c73.woff") format("woff");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Museo;
    src: url("../fonts/MuseoSansCyrl-900.8b130c254d11.woff") format("woff");
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-family: Unttld;
    src: url("../fonts/unttld-Basic.06a95a78464e.otf") format("opentype");
    font-style: normal
}

@font-face {
    font-family: Roboto-Medium;
    src: url("../fonts/Roboto-Medium.7350337b673e.woff") format("woff2"), url("../fonts/Roboto-Medium.7350337b673e.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.scale-line-reverse:after, .scale-line:after {
    content: "";
    display: block;
    height: 1px;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #000;
    width: 100%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94)
}

.scale-line-reverse:after, .scale-line-reverse:hover:after, .scale-line:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.scale-line-reverse:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@-webkit-keyframes pulse-dots {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    33% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    66% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse-dots {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    33% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    66% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes show-card {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes show-card {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    4% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    6% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    8% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    10% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    12% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    14% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    4% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    6% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    8% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    10% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    12% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    14% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes heart-float {
    0% {
        -webkit-transform: rotate(0deg) translateY(0);
        transform: rotate(0deg) translateY(0);
        opacity: .9
    }
    5% {
        -webkit-transform: rotate(-5deg) translateY(-15%);
        transform: rotate(-5deg) translateY(-15%);
        opacity: .8
    }
    10% {
        -webkit-transform: rotate(-10deg) translateY(-30%);
        transform: rotate(-10deg) translateY(-30%);
        opacity: .8
    }
    15% {
        -webkit-transform: rotate(-15deg) translateY(-45%);
        transform: rotate(-15deg) translateY(-45%);
        opacity: .8
    }
    20% {
        -webkit-transform: rotate(-10deg) translateY(-60%);
        transform: rotate(-10deg) translateY(-60%)
    }
    20% {
        -webkit-transform: rotate(-5deg) translateY(-75%);
        transform: rotate(-5deg) translateY(-75%);
        opacity: .7
    }
    25% {
        -webkit-transform: rotate(0deg) translateY(-90%);
        transform: rotate(0deg) translateY(-90%);
        opacity: .7
    }
    30% {
        -webkit-transform: rotate(5deg) translateY(-105%);
        transform: rotate(5deg) translateY(-105%);
        opacity: .6
    }
    35% {
        -webkit-transform: rotate(10deg) translateY(-130%);
        transform: rotate(10deg) translateY(-130%);
        opacity: .6
    }
    40% {
        -webkit-transform: rotate(15deg) translateY(-145%);
        transform: rotate(15deg) translateY(-145%);
        opacity: .6
    }
    45% {
        -webkit-transform: rotate(10deg) translateY(-160%);
        transform: rotate(10deg) translateY(-160%);
        opacity: .6
    }
    50% {
        -webkit-transform: rotate(5deg) translateY(-175%);
        transform: rotate(5deg) translateY(-175%);
        opacity: .6
    }
    55% {
        -webkit-transform: rotate(0deg) translateY(-190%);
        transform: rotate(0deg) translateY(-190%);
        opacity: .6
    }
    60% {
        -webkit-transform: rotate(-5deg) translateY(-205%);
        transform: rotate(-5deg) translateY(-205%);
        opacity: .6
    }
    65% {
        -webkit-transform: rotate(-10deg) translateY(-230%);
        transform: rotate(-10deg) translateY(-230%);
        opacity: .6
    }
    70% {
        -webkit-transform: rotate(-15deg) translateY(-245%);
        transform: rotate(-15deg) translateY(-245%);
        opacity: .5
    }
    75% {
        -webkit-transform: rotate(-10deg) translateY(-260%);
        transform: rotate(-10deg) translateY(-260%);
        opacity: .4
    }
    80% {
        -webkit-transform: rotate(-5deg) translateY(-275%);
        transform: rotate(-5deg) translateY(-275%);
        opacity: .3
    }
    85% {
        -webkit-transform: rotate(0deg) translateY(-290%);
        transform: rotate(0deg) translateY(-290%);
        opacity: .2
    }
    90% {
        -webkit-transform: rotate(0deg) translateY(-305%);
        transform: rotate(0deg) translateY(-305%);
        opacity: 0
    }
    to {
        -webkit-transform: rotate(0deg) translateY(0);
        transform: rotate(0deg) translateY(0);
        opacity: 0
    }
}

@keyframes heart-float {
    0% {
        -webkit-transform: rotate(0deg) translateY(0);
        transform: rotate(0deg) translateY(0);
        opacity: .9
    }
    5% {
        -webkit-transform: rotate(-5deg) translateY(-15%);
        transform: rotate(-5deg) translateY(-15%);
        opacity: .8
    }
    10% {
        -webkit-transform: rotate(-10deg) translateY(-30%);
        transform: rotate(-10deg) translateY(-30%);
        opacity: .8
    }
    15% {
        -webkit-transform: rotate(-15deg) translateY(-45%);
        transform: rotate(-15deg) translateY(-45%);
        opacity: .8
    }
    20% {
        -webkit-transform: rotate(-10deg) translateY(-60%);
        transform: rotate(-10deg) translateY(-60%)
    }
    20% {
        -webkit-transform: rotate(-5deg) translateY(-75%);
        transform: rotate(-5deg) translateY(-75%);
        opacity: .7
    }
    25% {
        -webkit-transform: rotate(0deg) translateY(-90%);
        transform: rotate(0deg) translateY(-90%);
        opacity: .7
    }
    30% {
        -webkit-transform: rotate(5deg) translateY(-105%);
        transform: rotate(5deg) translateY(-105%);
        opacity: .6
    }
    35% {
        -webkit-transform: rotate(10deg) translateY(-130%);
        transform: rotate(10deg) translateY(-130%);
        opacity: .6
    }
    40% {
        -webkit-transform: rotate(15deg) translateY(-145%);
        transform: rotate(15deg) translateY(-145%);
        opacity: .6
    }
    45% {
        -webkit-transform: rotate(10deg) translateY(-160%);
        transform: rotate(10deg) translateY(-160%);
        opacity: .6
    }
    50% {
        -webkit-transform: rotate(5deg) translateY(-175%);
        transform: rotate(5deg) translateY(-175%);
        opacity: .6
    }
    55% {
        -webkit-transform: rotate(0deg) translateY(-190%);
        transform: rotate(0deg) translateY(-190%);
        opacity: .6
    }
    60% {
        -webkit-transform: rotate(-5deg) translateY(-205%);
        transform: rotate(-5deg) translateY(-205%);
        opacity: .6
    }
    65% {
        -webkit-transform: rotate(-10deg) translateY(-230%);
        transform: rotate(-10deg) translateY(-230%);
        opacity: .6
    }
    70% {
        -webkit-transform: rotate(-15deg) translateY(-245%);
        transform: rotate(-15deg) translateY(-245%);
        opacity: .5
    }
    75% {
        -webkit-transform: rotate(-10deg) translateY(-260%);
        transform: rotate(-10deg) translateY(-260%);
        opacity: .4
    }
    80% {
        -webkit-transform: rotate(-5deg) translateY(-275%);
        transform: rotate(-5deg) translateY(-275%);
        opacity: .3
    }
    85% {
        -webkit-transform: rotate(0deg) translateY(-290%);
        transform: rotate(0deg) translateY(-290%);
        opacity: .2
    }
    90% {
        -webkit-transform: rotate(0deg) translateY(-305%);
        transform: rotate(0deg) translateY(-305%);
        opacity: 0
    }
    to {
        -webkit-transform: rotate(0deg) translateY(0);
        transform: rotate(0deg) translateY(0);
        opacity: 0
    }
}

.p-r {
    position: relative
}

.p-a {
    position: absolute
}

.p-f {
    position: fixed
}

.d-n {
    display: none
}

.d-i {
    display: inline
}

.d-ib {
    display: inline-block
}

.d-b {
    display: block
}

.d-t {
    display: table
}

.d-tc {
    display: table-cell
}

.d-f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.d-if {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.different-text span {
    display: none
}

.different-text span:first-of-type {
    display: block
}

@media only screen and (max-width: 812px) {
    .different-text span:first-of-type {
        display: none
    }
}

@media only screen and (max-width: 812px) {
    .different-text span:last-of-type {
        display: block
    }
}

.fd-r {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.fd-c, .fd-r {
    -webkit-box-direction: normal
}

.fd-c {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.fd-rr {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fd-cr, .fd-rr {
    -webkit-box-direction: reverse
}

.fd-cr {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.fw-w {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fw-now {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.fw-wr {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.jc-fs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.jc-fe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jc-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jc-sa {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ai-fs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ai-fe {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ai-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ai-b {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.ai-s {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.as-a {
    -ms-flex-item-align: auto;
    align-self: auto
}

.as-fs {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.as-fe {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.as-c {
    -ms-flex-item-align: center;
    align-self: center
}

.as-b {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.as-s {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.fg-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.fsh-1 {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.fsh-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mt-0 {
    margin-top: 0
}

.pt-0 {
    padding-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.pb-0 {
    padding-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.pl-0 {
    padding-left: 0
}

.mr-0 {
    margin-right: 0
}

.pr-0 {
    padding-right: 0
}

.mx-0 {
    margin: 0
}

.px-0 {
    padding: 0
}

.my-0 {
    margin: 0
}

.py-0 {
    padding: 0
}

.mt-8 {
    margin-top: 8px
}

.pt-8 {
    padding-top: 8px
}

.mb-8 {
    margin-bottom: 8px
}

.pb-8 {
    padding-bottom: 8px
}

.ml-8 {
    margin-left: 8px
}

.pl-8 {
    padding-left: 8px
}

.mr-8 {
    margin-right: 8px
}

.pr-8 {
    padding-right: 8px
}

.mx-8 {
    margin: 0 8px
}

.px-8 {
    padding: 0 8px
}

.my-8 {
    margin: 8px 0
}

.py-8 {
    padding: 0 8px
}

.mt-12 {
    margin-top: 12px
}

.pt-12 {
    padding-top: 12px
}

.mb-12 {
    margin-bottom: 12px
}

.pb-12 {
    padding-bottom: 12px
}

.ml-12 {
    margin-left: 12px
}

.pl-12 {
    padding-left: 12px
}

.mr-12 {
    margin-right: 12px
}

.pr-12 {
    padding-right: 12px
}

.mx-12 {
    margin: 0 12px
}

.px-12 {
    padding: 0 12px
}

.my-12 {
    margin: 12px 0
}

.py-12 {
    padding: 0 12px
}

.mt-16 {
    margin-top: 16px
}

.pt-16 {
    padding-top: 16px
}

.mb-16 {
    margin-bottom: 16px
}

.pb-16 {
    padding-bottom: 16px
}

.ml-16 {
    margin-left: 16px
}

.pl-16 {
    padding-left: 16px
}

.mr-16 {
    margin-right: 16px
}

.pr-16 {
    padding-right: 16px
}

.mx-16 {
    margin: 0 16px
}

.px-16 {
    padding: 0 16px
}

.my-16 {
    margin: 16px 0
}

.py-16 {
    padding: 0 16px
}

.mt-20 {
    margin-top: 20px
}

.pt-20 {
    padding-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.ml-20 {
    margin-left: 20px
}

.pl-20 {
    padding-left: 20px
}

.mr-20 {
    margin-right: 20px
}

.pr-20 {
    padding-right: 20px
}

.mx-20 {
    margin: 0 20px
}

.px-20 {
    padding: 0 20px
}

.my-20 {
    margin: 20px 0
}

.py-20 {
    padding: 0 20px
}

.mt-24 {
    margin-top: 24px
}

.pt-24 {
    padding-top: 24px
}

.mb-24 {
    margin-bottom: 24px
}

.pb-24 {
    padding-bottom: 24px
}

.ml-24 {
    margin-left: 24px
}

.pl-24 {
    padding-left: 24px
}

.mr-24 {
    margin-right: 24px
}

.pr-24 {
    padding-right: 24px
}

.mx-24 {
    margin: 0 24px
}

.px-24 {
    padding: 0 24px
}

.my-24 {
    margin: 24px 0
}

.py-24 {
    padding: 0 24px
}

.mt-32 {
    margin-top: 32px
}

.pt-32 {
    padding-top: 32px
}

.mb-32 {
    margin-bottom: 32px
}

.pb-32 {
    padding-bottom: 32px
}

.ml-32 {
    margin-left: 32px
}

.pl-32 {
    padding-left: 32px
}

.mr-32 {
    margin-right: 32px
}

.pr-32 {
    padding-right: 32px
}

.mx-32 {
    margin: 0 32px
}

.px-32 {
    padding: 0 32px
}

.my-32 {
    margin: 32px 0
}

.py-32 {
    padding: 0 32px
}

.mt-36 {
    margin-top: 36px
}

.pt-36 {
    padding-top: 36px
}

.mb-36 {
    margin-bottom: 36px
}

.pb-36 {
    padding-bottom: 36px
}

.ml-36 {
    margin-left: 36px
}

.pl-36 {
    padding-left: 36px
}

.mr-36 {
    margin-right: 36px
}

.pr-36 {
    padding-right: 36px
}

.mx-36 {
    margin: 0 36px
}

.px-36 {
    padding: 0 36px
}

.my-36 {
    margin: 36px 0
}

.py-36 {
    padding: 0 36px
}

.mt-40 {
    margin-top: 40px
}

.pt-40 {
    padding-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.ml-40 {
    margin-left: 40px
}

.pl-40 {
    padding-left: 40px
}

.mr-40 {
    margin-right: 40px
}

.pr-40 {
    padding-right: 40px
}

.mx-40 {
    margin: 0 40px
}

.px-40 {
    padding: 0 40px
}

.my-40 {
    margin: 40px 0
}

.py-40 {
    padding: 0 40px
}

.mt-48 {
    margin-top: 48px
}

.pt-48 {
    padding-top: 48px
}

.mb-48 {
    margin-bottom: 48px
}

.pb-48 {
    padding-bottom: 48px
}

.ml-48 {
    margin-left: 48px
}

.pl-48 {
    padding-left: 48px
}

.mr-48 {
    margin-right: 48px
}

.pr-48 {
    padding-right: 48px
}

.mx-48 {
    margin: 0 48px
}

.px-48 {
    padding: 0 48px
}

.my-48 {
    margin: 48px 0
}

.py-48 {
    padding: 0 48px
}

.mt-52 {
    margin-top: 52px
}

.pt-52 {
    padding-top: 52px
}

.mb-52 {
    margin-bottom: 52px
}

.pb-52 {
    padding-bottom: 52px
}

.ml-52 {
    margin-left: 52px
}

.pl-52 {
    padding-left: 52px
}

.mr-52 {
    margin-right: 52px
}

.pr-52 {
    padding-right: 52px
}

.mx-52 {
    margin: 0 52px
}

.px-52 {
    padding: 0 52px
}

.my-52 {
    margin: 52px 0
}

.py-52 {
    padding: 0 52px
}

.mt-64 {
    margin-top: 64px
}

.pt-64 {
    padding-top: 64px
}

.mb-64 {
    margin-bottom: 64px
}

.pb-64 {
    padding-bottom: 64px
}

.ml-64 {
    margin-left: 64px
}

.pl-64 {
    padding-left: 64px
}

.mr-64 {
    margin-right: 64px
}

.pr-64 {
    padding-right: 64px
}

.mx-64 {
    margin: 0 64px
}

.px-64 {
    padding: 0 64px
}

.my-64 {
    margin: 64px 0
}

.py-64 {
    padding: 0 64px
}

.mt-72 {
    margin-top: 72px
}

.pt-72 {
    padding-top: 72px
}

.mb-72 {
    margin-bottom: 72px
}

.pb-72 {
    padding-bottom: 72px
}

.ml-72 {
    margin-left: 72px
}

.pl-72 {
    padding-left: 72px
}

.mr-72 {
    margin-right: 72px
}

.pr-72 {
    padding-right: 72px
}

.mx-72 {
    margin: 0 72px
}

.px-72 {
    padding: 0 72px
}

.my-72 {
    margin: 72px 0
}

.py-72 {
    padding: 0 72px
}

.mt-80 {
    margin-top: 80px
}

.pt-80 {
    padding-top: 80px
}

.mb-80 {
    margin-bottom: 80px
}

.pb-80 {
    padding-bottom: 80px
}

.ml-80 {
    margin-left: 80px
}

.pl-80 {
    padding-left: 80px
}

.mr-80 {
    margin-right: 80px
}

.pr-80 {
    padding-right: 80px
}

.mx-80 {
    margin: 0 80px
}

.px-80 {
    padding: 0 80px
}

.my-80 {
    margin: 80px 0
}

.py-80 {
    padding: 0 80px
}

.mt-96 {
    margin-top: 96px
}

.pt-96 {
    padding-top: 96px
}

.mb-96 {
    margin-bottom: 96px
}

.pb-96 {
    padding-bottom: 96px
}

.ml-96 {
    margin-left: 96px
}

.pl-96 {
    padding-left: 96px
}

.mr-96 {
    margin-right: 96px
}

.pr-96 {
    padding-right: 96px
}

.mx-96 {
    margin: 0 96px
}

.px-96 {
    padding: 0 96px
}

.my-96 {
    margin: 96px 0
}

.py-96 {
    padding: 0 96px
}

.fw-100 {
    font-weight: 100
}

.fw-300 {
    font-weight: 300
}

.flat-info__action-link, .flat-info__complex-small-title, .flat-info__complex-value, .flat-info__params-title, .flat-info__params-value, .flat-info__rooms-text, .flat-info__tab, .flat-mortgage__main-title, .fw-500 {
    font-weight: 500
}

.flat-info__discount-text, .flat-info__price, .flat-info__reserve-btn, .fw-700 {
    font-weight: 700
}

.fw-900 {
    font-weight: 900
}

.c-white {
    color: #fff
}

.c-black {
    color: #000
}

.ta-c {
    text-align: center
}

.ta-s {
    text-align: start
}

.ta-e {
    text-align: end
}

.lh-8 {
    line-height: .8
}

.lh-1 {
    line-height: 1
}

.lh-12 {
    line-height: 1.2
}

.lh-13 {
    line-height: 1.3
}

.lh-14 {
    line-height: 1.4
}

.lh-15 {
    line-height: 1.5
}

.lh-16 {
    line-height: 1.6
}

.fs-8 {
    font-size: 8px
}

.fs-12 {
    font-size: 12px
}

.fs-16 {
    font-size: 16px
}

.fs-20 {
    font-size: 20px
}

.fs-24 {
    font-size: 24px
}

.fs-32 {
    font-size: 32px
}

.fs-36 {
    font-size: 36px
}

.fs-40 {
    font-size: 40px
}

.fs-48 {
    font-size: 48px
}

.fs-52 {
    font-size: 52px
}

.fs-80 {
    font-size: 80px
}

.fs-96 {
    font-size: 96px
}

.w-100 {
    width: 100%
}

.w-50 {
    width: 50%
}

.h-100 {
    height: 100%
}

.h-50 {
    height: 50%
}

.w-33 {
    width: 33.3333%
}

.error-404 {
    padding-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5
}

.error-404__title {
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    margin-bottom: 16px;
    color: rgba(0, 0, 0, .95)
}

@media only screen and (max-width: 812px) {
    .error-404__title {
        font-size: 24px;
        margin-bottom: 24px
    }
}

.error-404__subtitle {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #4e5457;
    text-align: center;
    margin-bottom: 32px
}

@media only screen and (max-width: 812px) {
    .error-404__subtitle {
        margin-bottom: 24px
    }
}

.error-404__flat-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error-404__flat-list .flat-card {
    opacity: 1
}

.error-404__button {
    width: 224px;
    margin-top: 32px;
    margin-bottom: 45px
}

.error-404__promo {
    width: 100%;
    height: 382px;
    background-color: #fff;
    border-bottom: 1px solid #efefef
}

@media only screen and (max-width: 812px) {
    .error-404__promo {
        height: auto;
        border-bottom: none
    }
}

.error-404__promo-title {
    font-size: 24px;
    line-height: 29px;
    color: rgba(0, 0, 0, .95);
    text-align: center;
    margin-top: 54px;
    margin-bottom: 49px
}

@media only screen and (max-width: 812px) {
    .error-404__promo-title {
        font-size: 20px
    }
}

.error-404__promo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 812px) {
    .error-404__promo-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.error-404__promo-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    width: 332px;
    height: 170px;
    padding: 20px 20px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f5f5;
    border-radius: 12px
}

.error-404__promo-item:not(:last-child) {
    margin-right: 16px
}

@media only screen and (max-width: 812px) {
    .error-404__promo-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 16px
    }
}

@media only screen and (max-width: 812px) {
    .error-404__promo-item:last-child {
        margin-bottom: 16px
    }
}

@media only screen and (max-width: 812px) {
    .error-404__promo-item {
        width: 100%
    }
}

.error-404__promo-item.\--instalment .error-404__promo-item-image {
    width: 142px;
    height: 170px
}

.error-404__promo-item.\--parking .error-404__promo-item-image {
    width: 142px;
    height: 120px
}

.error-404__promo-item.\--storages .error-404__promo-item-image {
    width: 203px;
    height: 156px;
    bottom: 0;
    top: auto
}

.error-404__promo-item.\--app .error-404__promo-item-image {
    width: 121px;
    height: 153px;
    right: 26px;
    bottom: 0;
    top: auto
}

.error-404__promo-item-title {
    max-width: 153px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #2f2f2f;
    margin-bottom: 14px
}

.error-404__promo-item-subtitle {
    max-width: 153px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #5d6366;
    opacity: .8
}

@media only screen and (max-width: 812px) {
    .error-404__promo-item-subtitle {
        font-size: 13px
    }
}

.error-404__promo-item-link {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 160%;
    color: #004792;
    margin-top: auto;
    cursor: pointer
}

.error-404__promo-item-link.scale-line-reverse:after, .error-404__promo-item-link.scale-line:after {
    position: absolute;
    background: #004792;
    bottom: 0
}

.error-404__promo-item-image {
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat
}

.error-404__subscribe {
    width: 100%;
    height: 136px;
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .error-404__subscribe {
        height: auto
    }
}

.error-404__subscribe-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 812px) {
    .error-404__subscribe-wrapper {
        width: calc(100% - 48px);
        height: 318px;
        padding: 32px 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
        box-shadow: 0 4px 16px rgba(0, 0, 0, .05)
    }
}

.error-404__subscribe-title {
    width: 645px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #2f2f2f;
    margin-left: 20px;
    margin-bottom: 30px
}

@media only screen and (max-width: 812px) {
    .error-404__subscribe-title {
        max-width: 284px;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 24px;
        margin-left: 0
    }

    .error-404__subscribe-title span {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        margin-top: 20px
    }
}

.error-404__subscribe-form {
    position: relative
}

.error-404__subscribe-form-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 512px;
    margin-right: 83px
}

@media only screen and (max-width: 812px) {
    .error-404__subscribe-form-main {
        margin-right: 0
    }
}

.error-404__subscribe-form-main.hidden {
    opacity: 0;
    pointer-events: none
}

.error-404__subscribe-form-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    max-width: 700px;
    font-size: 20px;
    opacity: 0;
    -webkit-transform: translate(-70%, -50%);
    transform: translate(-70%, -50%);
    -webkit-transition: opacity .2s ease, -webkit-transform 0s ease .2s;
    transition: opacity .2s ease, -webkit-transform 0s ease .2s;
    transition: opacity .2s ease, transform 0s ease .2s;
    transition: opacity .2s ease, transform 0s ease .2s, -webkit-transform 0s ease .2s;
    pointer-events: none;
    color: #219653
}

.error-404__subscribe-form-result:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    background-image: url("../images/ic-mark-green.c30a3a8c27dd.svg")
}

.error-404__subscribe-form-result.error.active, .error-404__subscribe-form-result.success.active {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.error-404__form-item.form__item {
    width: 272px;
    margin-right: 16px;
    margin-bottom: 0
}

.error-404__form-item.form__item .form__input {
    height: 44px;
    font-size: 14px;
    line-height: 17px;
    color: #aeaeae
}

@media only screen and (max-width: 812px) {
    .error-404__form-item.form__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }
}

.error-404__form-submit.form__submit {
    width: 224px
}

.error-404__form-submit.form__submit .form__submit-btn {
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 17px
}

@media only screen and (max-width: 812px) {
    .error-404__form-submit.form__submit {
        width: 100%
    }
}

.error-404__form-disclaimer.form__disclaimer {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    margin-top: 13px;
    color: rgba(0, 0, 0, .5)
}

@media only screen and (max-width: 812px) {
    .error-404__form-disclaimer.form__disclaimer {
        margin-top: 12px;
        text-align: center;
        margin-bottom: 24px
    }
}

.error-404 .contact-card {
    width: 100%
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 812px) {
    .breadcrumbs {
        display: none
    }
}

.breadcrumbs.white {
    color: #fff
}

.breadcrumbs.white .breadcrumbs__item:after {
    background-color: hsla(0, 0%, 100%, .2)
}

.breadcrumbs.blue {
    color: #0d50a0
}

.breadcrumbs.blue .breadcrumbs__item:last-child .breadcrumbs__link {
    color: #000
}

.breadcrumbs__item {
    position: relative;
    margin-right: 31px
}

.breadcrumbs__item:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 22px;
    background-color: rgba(0, 0, 0, .2);
    top: 8px;
    right: -28px;
    -webkit-transform: rotate(107deg);
    transform: rotate(107deg)
}

.breadcrumbs__item:last-child {
    margin-right: 0
}

.breadcrumbs__item:last-child:after {
    content: none
}

.breadcrumbs__item:last-child .breadcrumbs__link {
    opacity: .6;
    pointer-events: none;
    cursor: default
}

.breadcrumbs__link {
    display: block;
    position: relative;
    font-size: 14px;
    color: inherit
}

.breadcrumbs__link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.breadcrumbs__link:hover:after {
    opacity: 1
}

.page-head {
    position: relative;
    height: 354px;
    background-color: #0d50a0;
    background-image: linear-gradient(112.85deg, rgba(0, 74, 132, .5) -10.05%, transparent 38.33%)
}

@media only screen and (max-width: 812px) {
    .page-head {
        height: 220px;
        width: 100%;
        overflow: hidden
    }
}

@media only screen and (max-width: 812px) {
    .page-head.production-head {
        height: 250px
    }

    .page-head.production-head .subtitle, .page-head.production-head .title {
        width: 100%
    }
}

@media only screen and (max-width: 812px) {
    .page-head.vac-head {
        height: 250px
    }
}

@media only screen and (max-width: 812px) {
    .page-head.about-head .subtitle, .page-head.about-head .title, .page-head.vac-head .subtitle, .page-head.vac-head .title {
        width: 100%
    }
}

.page-head.awards-head .page-head__image {
    right: calc((100vw - 1400px) / 2)
}

@media only screen and (max-width: 812px) {
    .page-head.awards-head .page-head__image {
        right: 0;
        background-position: 0 100%;
        width: 250px;
        -webkit-transform: translateX(35%);
        transform: translateX(35%)
    }
}

.page-head.privilege-head {
    background-color: #000
}

@media only screen and (max-width: 812px) {
    .page-head.privilege-head .page-head__image {
        width: 56%;
        right: -20px;
        bottom: auto;
        top: 40px
    }
}

.page-head.promo-head {
    background-color: #feca30
}

.page-head.promo-head .page-head__bg {
    background-blend-mode: overlay;
    background: linear-gradient(112.85deg, #000 -20.05%, transparent 38.33%), #feca30
}

.page-head.promo-head .subtitle, .page-head.promo-head .title {
    color: #000
}

@media only screen and (max-width: 812px) {
    .page-head.promo-head .page-head__image {
        height: 100%;
        width: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.page-head.mortgage-head {
    background-color: #cedeeb
}

.page-head.mortgage-head .page-head__image {
    right: calc((100vw - 1400px) / 2)
}

@media only screen and (max-width: 812px) {
    .page-head.mortgage-head .page-head__image {
        right: 0;
        background-position: 0 100%;
        width: 250px;
        -webkit-transform: translateX(15%);
        transform: translateX(15%)
    }
}

.page-head.mortgage-head .page-head__bg {
    background-blend-mode: overlay;
    background: linear-gradient(112.85deg, #000 -20.05%, transparent 38.33%), #cedeeb
}

.page-head.mortgage-head .subtitle, .page-head.mortgage-head .title {
    color: #000
}

.page-head.press-detail-head, .page-head.press-detail-head .page-head__bg {
    background-color: #992024
}

.page-head.press-detail-head .page-head__image {
    right: calc((100vw - 1400px) / 2)
}

@media only screen and (max-width: 812px) {
    .page-head.press-detail-head .page-head__image {
        right: -13%
    }
}

@media only screen and (max-width: 812px) {
    .page-head.press-detail-head .title {
        width: 100%
    }
}

.page-head__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0d50a0;
    background-size: cover;
    background-position: 50%;
    background-blend-mode: multiply;
    opacity: .4;
    z-index: 1
}

.page-head__wrap {
    position: relative;
    padding-top: 50px;
    height: 100%;
    padding-left: 86px;
    z-index: 2;
    background-repeat: no-repeat
}

@media only screen and (max-width: 812px) {
    .page-head__wrap {
        padding-top: 40px;
        padding-left: 24px
    }
}

.page-head .title {
    margin-top: 50px;
    color: #fff
}

@media only screen and (max-width: 812px) {
    .page-head .title {
        margin-top: 0;
        width: 50%
    }
}

.page-head .subtitle {
    margin-top: 14px;
    color: #fff;
    width: 50%
}

@media only screen and (max-width: 812px) {
    .page-head .subtitle {
        opacity: .7;
        margin-bottom: 20px
    }
}

.page-head__link {
    position: absolute;
    right: 0;
    bottom: 106px;
    border-radius: 40px;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition: color .3s ease, border-color .3s ease;
    transition: color .3s ease, border-color .3s ease;
    padding: 12px 45px 12px 65px
}

@media only screen and (max-width: 812px) {
    .page-head__link {
        bottom: 34px;
        left: 24px;
        right: auto;
        font-size: 14px
    }
}

.page-head__link:after, .page-head__link:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-size: contain;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.page-head__link:before {
    background: url("../images/ic-link.e0e24b829a37.svg");
    opacity: 1;
    z-index: 1
}

.page-head__link:after {
    background: url("../images/ic-link-hover.45eae70abca8.svg");
    opacity: 0;
    z-index: 2
}

.page-head__link:hover {
    color: #feca30;
    border-color: #feca30
}

.page-head__link:hover:after {
    opacity: 1
}

.page-head__image {
    position: absolute;
    pointer-events: none;
    right: 0;
    bottom: 0;
    z-index: 1;
    max-width: 590px
}

@media only screen and (max-width: 812px) {
    .page-head__image {
        width: 50%
    }
}

.mapit-container, .mapit-wrapper {
    position: relative;
    display: block
}

.mapit-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mapit-wrapper:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.mapit-wrapper:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.mapit-content {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.mapit-image {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.mapit-controls {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mapit-controls > :first-child {
    margin-right: 12px
}

.mapit-controls.left_bottom {
    left: 16px;
    bottom: 16px
}

.mapit-controls.right_bottom {
    right: 16px;
    bottom: 16px
}

.mapit-controls.center_bottom {
    bottom: 16px
}

.mapit-controls.center_bottom, .mapit-controls.center_top {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mapit-controls.center_top {
    top: 16px
}

.mapit-controls.left_top {
    left: 16px;
    top: 16px
}

.mapit-controls.right_top {
    right: 16px;
    top: 16px
}

.mapit-controls.left_center {
    left: 16px
}

.mapit-controls.left_center, .mapit-controls.right_center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mapit-controls.right_center {
    right: 16px
}

.mapit-controls.left_center > :first-child, .mapit-controls.right_center > :first-child {
    margin-right: 0;
    margin-top: 12px
}

.mapit-controls__zoomin, .mapit-controls__zoomout {
    position: relative;
    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;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
    cursor: pointer
}

.mapit-controls__zoomin._disabled, .mapit-controls__zoomout._disabled {
    cursor: default
}

.mapit-controls__zoomin._disabled:after, .mapit-controls__zoomin._disabled:before, .mapit-controls__zoomout._disabled:after, .mapit-controls__zoomout._disabled:before {
    opacity: .4
}

.mapit-controls__zoomin:after, .mapit-controls__zoomout:after {
    content: "";
    position: relative;
    display: block;
    width: 12px;
    height: 2px;
    background-color: #666
}

.mapit-controls__zoomin:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    height: 12px;
    width: 2px;
    background-color: #666;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.communications {
    position: fixed;
    bottom: 95px;
    top: auto;
    left: auto;
    right: 20px;
    z-index: 200
}

@media only screen and (max-width: 812px) {
    .communications {
        bottom: 85px
    }
}

.communications__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 55px;
    height: 55px;
    background-color: #55a5dd;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .15s ease 0s;
    transition: all .15s ease 0s;
    cursor: pointer
}

.communications__button:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media only screen and (max-width: 812px) {
    .communications__button:hover {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.communications__button-icon {
    opacity: 0
}

.communications__button-icon.closed {
    opacity: 1
}

.communications__button-icon-item {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    top: 0;
    left: 0;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease
}

.communications__button-icon-item.active {
    opacity: 1;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease
}

.communications__button-close-icon {
    height: 22px;
    -webkit-transition: opacity .3s ease-out 0s;
    transition: opacity .3s ease-out 0s
}

.communications__button-close-icon.opened {
    opacity: 1;
    -webkit-animation: .3s ease-in 0s 1 normal both running opening;
    animation: .3s ease-in 0s 1 normal both running opening
}

.communications__button-close-icon.closed {
    opacity: 0;
    -webkit-animation: .3s ease-in 0s 1 normal both running closing;
    animation: .3s ease-in 0s 1 normal both running closing
}

.communications__container {
    top: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: -10px;
    width: auto;
    visibility: visible;
    position: absolute;
    z-index: 2;
    -webkit-box-sizing: unset;
    box-sizing: unset;
    padding: 10px;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.communications__container.opened {
    opacity: 1;
    pointer-events: all
}

.communications__container.opened .communications__item-wrapper {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.communications__container.opened .communications__item-wrapper:first-child {
    bottom: 20px
}

.communications__container.opened .communications__item-wrapper:nth-child(2) {
    bottom: 87px
}

.communications__container.opened .communications__item-wrapper:nth-child(3) {
    bottom: 154px
}

.communications__container.opened .communications__item-wrapper:nth-child(4) {
    bottom: 221px
}

.communications__container.opened .communications__item-wrapper:nth-child(5) {
    bottom: 288px
}

.communications__container.opened .communications__item-wrapper:nth-child(6) {
    bottom: 355px
}

.communications__container.opened .communications__item-wrapper:nth-child(7) {
    bottom: 422px
}

.communications__container.opened .communications__item-wrapper:nth-child(8) {
    bottom: 489px
}

.communications__container.opened .communications__item-wrapper:nth-child(9) {
    bottom: 556px
}

.communications__container.opened .communications__item-wrapper:nth-child(10) {
    bottom: 623px
}

.communications__container.opened .communications__item-wrapper:nth-child(11) {
    bottom: 690px
}

.communications__item-wrapper {
    position: absolute;
    bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.communications__item {
    width: 55px;
    height: 55px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .15s ease 0s;
    transition: all .15s ease 0s;
    cursor: pointer
}

.communications__item:last-child {
    margin-bottom: 10px
}

.communications__item--infinity {
    margin-bottom: 12px;
    background-color: #55a5dd;
    position: relative
}

.communications__item--infinity:before {
    background: url("../images/call-communications.2bd17264cdbe.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 25px 25px;
    color: #fff;
    content: "";
    height: 40px;
    left: 50%;
    top: 50%;
    width: 40px
}

.communications__item--infinity:hover ~ .communications__button-description {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.communications__item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.communications__item:hover ~ .communications__button-description {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

@media only screen and (max-width: 812px) {
    .communications__item:hover {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.communications__item--whatsapp {
    display: none;
    background-color: #55a5dd
}

@media only screen and (max-width: 812px) {
    .communications__item--whatsapp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.communications__button-description {
    display: block;
    position: absolute;
    top: 17px;
    right: 80px;
    font-size: 16px;
    padding: 4px 16px;
    border-radius: 15px;
    color: #fff;
    background-color: #55a5dd;
    white-space: nowrap;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@-webkit-keyframes opening {
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes opening {
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes closing {
    to {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

@keyframes closing {
    to {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(80deg);
        transform: rotateY(80deg)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(80deg);
        transform: rotateY(80deg)
    }
}

.fb-widget__container {
    position: relative;
    padding: 40px 12px 48px 24px;
    width: 553px;
    height: 200px;
    text-align: left;
    background: #f5f5f5;
    border-radius: 12px
}

@media only screen and (max-width: 812px) {
    .fb-widget__container {
        margin: 0 auto;
        padding: 25px 35px 0;
        width: calc(100vw - 44px);
        max-width: 330px;
        height: 429px;
        text-align: center
    }
}

@media only screen and (max-width: 812px) {
    .fb-widget__items-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.fb-widget__icon {
    width: 32px;
    height: 32px;
    background: url("../images/ic-facebook-2.8117fbcb218b.svg") 50% no-repeat
}

.fb-widget__title {
    margin-top: 17px;
    margin-bottom: 9px;
    color: #000;
    font-size: 18px;
    line-height: 22px
}

.fb-widget__subtitle {
    color: #050505;
    font-size: 14px;
    line-height: 17px
}

.fb-widget__inner {
    -webkit-transform: scale(.65);
    transform: scale(.65);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    z-index: 5
}

.fb-widget__frame {
    position: absolute;
    bottom: 0;
    right: -15px;
    width: 257px;
    height: 200px;
    background: url("../images/phone_mockup.74033595ca1d.svg") top no-repeat;
    background-size: cover
}

.fb-widget__frame:after {
    position: absolute;
    top: 100%;
    left: 0;
    content: "";
    background: #fff;
    width: 257px;
    height: 100px;
    z-index: 6
}

@media only screen and (max-width: 812px) {
    .fb-widget__frame {
        height: 289px;
        right: calc(50% - 129px)
    }
}

.fb-widget .fb_iframe_widget {
    position: absolute;
    left: 40px;
    top: 74px
}

.header {
    z-index: 10;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.header__banner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 40px;
    width: 100%;
    padding: 11px 0;
    font-size: 12px;
    font-weight: 400;
    background-color: #004792;
    border: 1px solid #3e73ac;
    text-align: center;
    color: #fff;
    z-index: 16
}

.header__banner > a {
    text-decoration: underline;
    cursor: pointer
}

.header__banner > span {
    position: absolute;
    top: calc(50% - 5px);
    right: 5%;
    height: 10px;
    width: 10px;
    background-image: url("../images/close-banner.6451333ad0c7.svg");
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .header__banner > span {
        display: none
    }
}

.header__banner.active {
    display: block
}

.header__top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 80px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    z-index: 16
}

.header__top.active {
    top: 40px
}

@media only screen and (max-width: 812px) {
    .header__top {
        height: 54px
    }
}

.header__top-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.header__top-wrap.opend {
    padding-left: 11.5px;
    padding-right: 28.5px
}

.header__left, .header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 812px) {
    .header__right {
        display: none
    }
}

.header__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    width: 200px;
    background-size: 200px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-right: 33px
}

@media only screen and (max-width: 812px) {
    .header__logo {
        display: none
    }
}

.header__ham {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 17px;
    height: 17px;
    cursor: pointer;
    margin-top: -4px;
    margin-right: 33px
}

@media only screen and (max-width: 812px) {
    .header__ham {
        margin-top: 0;
        margin-right: 0;
        width: 24px;
        height: 24px
    }
}

.header__ham:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px
}

.header__ham > span {
    top: 50%;
    display: block;
    height: 2px;
    background-color: #0d50a0
}

.header__ham > span, .header__ham > span:after, .header__ham > span:before {
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transition: background-color .3s ease, -webkit-transform .3s ease;
    transition: background-color .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, background-color .3s ease;
    transition: transform .3s ease, background-color .3s ease, -webkit-transform .3s ease
}

.header__ham > span:after, .header__ham > span:before {
    content: "";
    height: 100%;
    background: #0d50a0
}

.header__ham > span:before {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px)
}

.header__ham > span:after {
    -webkit-transform: translateY(9px);
    transform: translateY(9px)
}

.header__ham.active span {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .header__ham.active span {
        background-color: #0d50a0
    }
}

.header__ham.active span:before {
    background-color: #0d50a0;
    -webkit-transform: translateY(0) translateX(0) rotate(45deg) scaleX(1);
    transform: translateY(0) translateX(0) rotate(45deg) scaleX(1)
}

@media only screen and (max-width: 812px) {
    .header__ham.active span:before {
        background-color: #fff
    }
}

.header__ham.active span:after {
    background-color: #0d50a0;
    -webkit-transform: translateY(0) translateX(0) rotate(-45deg) scaleX(1);
    transform: translateY(0) translateX(0) rotate(-45deg) scaleX(1)
}

@media only screen and (max-width: 812px) {
    .header__ham.active span:after {
        background-color: #fff
    }
}

.header__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 130px;
    height: 100%
}

@media only screen and (max-width: 812px) {
    .header__category {
        display: none
    }
}

.header__category-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin-right: 32px;
    white-space: nowrap
}

.header__category-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #feca30;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    will-change: transform
}

.header__category-item:last-child {
    margin-right: 0
}

.header__category-item:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 28px;
}

@media only screen and (max-width: 812px) {
    .header__phone {
        display: none
    }
}

.header__phone-item {
    font-size: 17px;
    font-weight: 700;
    margin-right: 20px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    white-space: nowrap
}

.header__phone-item:last-child {
    margin-right: 0
}

.header__phone-item:hover {
    color: #0d50a0
}

.header__app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 242px;
    height: 60px
}

@media only screen and (max-width: 812px) {
    .header__app {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -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;
        padding-bottom: 8px;
        width: 100%;
        height: auto;
        background-color: #052142
    }
}

.header__app-title {
    display: none;
    padding: 15px 25px
}

@media only screen and (max-width: 812px) {
    .header__app-title {
        display: block
    }
}

.header__download {
    display: none;
    margin-right: 20px
}

@media only screen and (max-width: 812px) {
    .header__download {
        display: none
    }
}

.header__download-item {
    width: 100px;
    height: 35px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px
}

.header__download-item:last-child {
    margin-right: 0
}

.header__download-item.appstore {
    background-image: url("../images/dw-appstore.9dae3f7b8835.png")
}

.header__download-item.google {
    background-image: url("../images/dw-google.1e18518e3d69.png")
}

.header__download-item-mobile {
    width: 130px;
    height: 59px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px
}

.header__download-item-mobile:last-child {
    margin-right: 0
}

.header__download-item-mobile.appstore {
    background-image: url("../images/dw-appstore.9dae3f7b8835.png")
}

.header__download-item-mobile.google {
    background-image: url("../images/dw-google.1e18518e3d69.png")
}

.header__download-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__download-mobile-wrapper {
    display: none
}

.header__favorites {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 28px
}

@media only screen and (max-width: 812px) {
    .header__favorites {
        display: none
    }
}

.header__mobile-item.\--right {
    display: none
}

@media only screen and (max-width: 812px) {
    .header__mobile-item, .header__mobile-item.\--right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header__mobile-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        width: 80px;
        background-color: #fafafa;
        -webkit-transition: background-color .3s ease;
        transition: background-color .3s ease
    }

    .header__mobile-item.active {
        background-color: #0d50a0
    }
}

.header__mobile-phone {
    display: none;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("../images/ic-phone-blue.c97214b91505.svg");
    background-size: 100%
}

@media only screen and (max-width: 812px) {
    .header__mobile-phone {
        display: block
    }
}

.header__mobile-logo {
    display: none;
    width: 140px;
    height: inherit;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% auto
}

@media only screen and (max-width: 812px) {
    .header__mobile-logo {
        display: block
    }
}

.header__category-button.button {
    width: 168px;
    height: 41px;
    background-color: #feca30;
    border-radius: 0;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    margin-left: 25px
}

.header__category-button.button.burger {
    width: 162px;
    height: 44px;
    margin: 0
}
 
.header__category-button.button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #feca30;
    -webkit-transform: scaleX(.03);
    transform: scaleX(.03);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: 1
}

.header__category-button.button span {
    position: relative;
    font-size: 12px;
    color: #000;
    z-index: 6
}

.header__category-button.button:hover span {
    color: #fff
}

@media only screen and (max-width: 812px) {
    .header__category-button.button:hover span {
        color: #fff
    }
}

.header__category-button.button:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@media only screen and (max-width: 812px) {
    .header__category-button.button:hover:before {
        -webkit-transform: scaleX(.03);
        transform: scaleX(.03)
    }
}

@media only screen and (max-width: 812px) {
    .header__category-button.button {
        display: none
    }
}

.header-menu {
    background: -webkit-gradient(linear, right top, left top, color-stop(73%, #fff), color-stop(73%, #f5f5f5));
    background: linear-gradient(270deg, #fff 73%, #f5f5f5 0);
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    color: #fff;
    font-weight: 500;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .2s ease .1s;
    transition: -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s;
    transition: transform .2s ease .1s, -webkit-transform .2s ease .1s;
    z-index: 12;
    overflow: unset
}

.header-menu.padding {
    top: 120px
}

@media only screen and (max-width: 812px) {
    .header-menu.padding {
        top: 94px
    }
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-menu {
        background: -webkit-gradient(linear, right top, left top, color-stop(78%, #fff), color-stop(78%, #f5f5f5));
        background: linear-gradient(270deg, #fff 78%, #f5f5f5 0)
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-menu {
        background: -webkit-gradient(linear, right top, left top, color-stop(80%, #fff), color-stop(80%, #f5f5f5));
        background: linear-gradient(270deg, #fff 80%, #f5f5f5 0)
    }
}

@media only screen and (max-width: 812px) {
    .header-menu {
        top: 54px;
        height: 100%;
        background: #f5f5f5;
        padding-bottom: 0
    }
}

.header-menu:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: calc(70% + (100% - 817px) / 2);
    max-width: calc(810px + (100% - 742px) / 2);
    background-color: #fff;
    z-index: 1;
    pointer-events: none
}

@media only screen and (max-width: 812px) {
    .header-menu:after {
        content: none
    }
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-menu:after {
        max-width: calc(810px + (100% - 862px) / 2)
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-menu:after {
        max-width: calc(810px + (100% - 776px) / 2)
    }
}

.header-menu.active {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.header-menu.active.window-small {
    overflow: auto;
    height: 100%;
    z-index: 100
}

.header-menu.active .header-menu__wrap {
    opacity: 1;
    -webkit-transition: opacity .2s ease .3s;
    transition: opacity .2s ease .3s
}

@media only screen and (max-width: 812px) {
    .header-menu.active {
        height: 100%
    }
}

.header-menu__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 2
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-menu__wrap {
        width: 1240px;
        padding: 0
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-menu__wrap {
        width: auto
    }
}

@media only screen and (max-width: 812px) {
    .header-menu__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

.header-menu__shadow {
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .64);
    z-index: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-menu__shadow.active {
    opacity: 1;
    z-index: 10
}

.header-menu__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%
}

@media only screen and (max-width: 812px) {
    .header-menu__grid {
        display: block;
        height: calc(100vh - 190px);
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 0 20px
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-menu__grid {
        width: 100%
    }
}

.header-menu__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 16px;
    width: 242px
}

@media only screen and (max-width: 812px) {
    .header-menu__col._mobile {
        display: none
    }
}

@media only screen and (min-width: 1400px) {
    .header-menu__col._desktop {
        display: none
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-menu__col._desktop {
        display: none
    }
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-menu__col._desktop {
        display: none
    }
}

@media only screen and (max-width: 812px) {
    .header-menu__col {
        width: 100%;
        margin-right: 0
    }
}

.header-menu__col:first-child {
    padding-left: 40px
}

@media only screen and (max-width: 812px) {
    .header-menu__col:first-child {
        padding-left: 0
    }
}

.header-menu__col:first-child .header-menu__link--title {
    color: #fff
}

.header-menu__col:last-of-type {
    margin-right: 0
}

.header-menu__col--big {
    width: 500px;
    margin-right: 102px
}

@media only screen and (max-width: 812px) {
    .header-menu__col--big {
        width: 100%;
        margin-right: 0
    }
}

.header-menu__col._commercial {
    display: none
}

.header-menu__col._commercial .header-menu__link {
    padding: 0;
    margin: 0 80px
}

.header-menu__col._commercial .header-menu__link:after {
    content: none
}

@media only screen and (max-width: 812px) {
    .header-menu__col._commercial {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width: 812px) {
    .header-menu__col:last-child {
        margin-bottom: 0
    }
}

.header-menu__subcol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 60%;
    margin-bottom: 12px
}

@media only screen and (max-width: 812px) {
    .header-menu__subcol {
        width: 100%;
        margin-bottom: 0
    }
}

.header-menu__subcol:nth-of-type(2n) {
    width: 40%
}

@media only screen and (max-width: 812px) {
    .header-menu__subcol:nth-of-type(2n) {
        width: 100%
    }
}

.header-menu__subcol--big {
    width: 100%;
    margin-right: 0
}

.header-menu__subcol--big .header-menu__link {
    width: 40%
}

@media only screen and (max-width: 812px) {
    .header-menu__subcol--big .header-menu__link {
        width: 100%
    }
}

.header-menu__subcol--big .header-menu__link:nth-of-type(2n) {
    width: 60%
}

@media only screen and (max-width: 812px) {
    .header-menu__subcol--big .header-menu__link:nth-of-type(2n) {
        width: 100%
    }
}

.header-menu__subcol--big .header-menu__link--subtitle {
    width: 100%
}

.header-menu__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media only screen and (max-width: 812px) {
    .header-menu__links {
        display: block;
        height: 0;
        overflow: hidden;
        -webkit-transition: height .3s ease;
        transition: height .3s ease
    }

    .header-menu__links .header-menu__links {
        height: auto
    }
}

.header-menu__links ~ .header-menu__link--title {
    margin-top: 24px;
    margin-bottom: 28px
}

@media only screen and (max-width: 812px) {
    .header-menu__links ~ .header-menu__link--title {
        margin: 0 80px
    }
}

.header-menu__link {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media only screen and (max-width: 812px) {
    .header-menu__link {
        padding: 12px 80px;
        margin-bottom: 0;
        color: hsla(0, 0%, 100%, .8);
        font-size: 15px;
        font-weight: 300;
        line-height: normal
    }
}

@media only screen and (max-width: 812px) and (max-width: 812px) {
    .header-menu__link:last-child {
        display: block
    }
}

.header-menu__link.mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .header-menu__link.mobile {
        display: block
    }
}

.header-menu__link--title {
    margin-top: 40px;
    margin-bottom: 36px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #feca30
}

@media only screen and (max-width: 812px) {
    .header-menu__link--title {
        position: relative;
        padding: 0;
        margin: 0 80px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: 18px;
        color: #fff;
        text-transform: none;
        font-weight: 300;
        line-height: 25px
    }

    .header-menu__link--title:after {
        content: "";
        position: absolute;
        right: -20px;
        top: 60%;
        height: 5px;
        width: 5px;
        border-bottom: 2px solid hsla(0, 0%, 100%, .5);
        border-left: 2px solid hsla(0, 0%, 100%, .5);
        -webkit-transform: translateY(-100%) rotate(-45deg);
        transform: translateY(-100%) rotate(-45deg);
        -webkit-transition: border-color .3s ease, -webkit-transform .3s ease;
        transition: border-color .3s ease, -webkit-transform .3s ease;
        transition: transform .3s ease, border-color .3s ease;
        transition: transform .3s ease, border-color .3s ease, -webkit-transform .3s ease
    }

    .header-menu__link--title.active:after {
        border-color: #fff;
        -webkit-transform: translateY(-50%) rotate(-225deg);
        transform: translateY(-50%) rotate(-225deg)
    }
}

.header-menu__link--title._favorite {
    color: #feca30;
    margin-bottom: 0
}

@media only screen and (max-width: 812px) {
    .header-menu__link--title._favorite:after {
        content: "";
        position: absolute;
        top: 50%;
        left: -40px;
        width: 20px;
        height: 28px;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        background-image: url("../images/favorite-icon-empty-yellow.9850481df302.svg");
        border: 0;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
}

@media only screen and (max-width: 812px) {
    .header-menu__link--title._favorite.active:after {
        background-image: url("../images/favorite-icon-filled-yellow.18686d92d5b7.svg")
    }
}

.header-menu__link_mobile-only-link {
    display: none
}

.header-menu__link_mobile-only-link:after {
    content: none
}

@media only screen and (max-width: 812px) {
    .header-menu__link_mobile-only-link {
        display: block
    }
}

.header-menu__link--subtitle {
    width: 100%;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #feca30
}

@media only screen and (max-width: 812px) {
    .header-menu__link--subtitle span {
        background-color: #0d50a0;
        padding: 0 10px;
        position: relative;
        z-index: 4
    }
}

@media only screen and (max-width: 812px) {
    .header-menu__link--subtitle {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: hsla(0, 0%, 100%, .45);
        position: relative;
        background-color: #0d50a0;
        margin: 0 70px;
        padding: 14px 0
    }

    .header-menu__link--subtitle:after {
        content: "";
        position: absolute;
        width: 100vw;
        height: 1px;
        top: 50%;
        left: -70px;
        background-color: hsla(0, 0%, 100%, .25);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 3
    }
}

.header-menu__link:hover {
    color: #f7db88
}

@media only screen and (max-width: 812px) {
    .header-menu__link:hover {
        color: #fff
    }
}

.header-menu__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 38px;
    right: 20px;
    width: 242px;
    height: 60px;
    font-size: 14px;
    background-color: #0d50a0;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media only screen and (max-width: 812px) {
    .header-menu__button {
        position: relative;
        color: #000;
        right: 0;
        bottom: 8px;
        width: 100%
    }

    .header-menu__button:after {
        content: "";
        position: absolute;
        top: -50%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#0a3d7a), to(transparent));
        background-image: linear-gradient(0deg, #0a3d7a, transparent)
    }
}

.header-menu__button span {
    z-index: 6
}

.header-menu__button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #feca30;
    -webkit-transform: scaleX(.03);
    transform: scaleX(.03);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: 1
}

@media only screen and (max-width: 812px) {
    .header-menu__button:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        z-index: 5
    }
}

.header-menu__button:hover {
    color: #000
}

.header-menu__button:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.header-menu__fake-white {
    position: absolute;
    top: 0;
    left: 0;
    background: red;
    width: 100%;
    height: 50px
}

.header-fav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer
}

.header-fav.active .header-fav__icon:after {
    opacity: 1
}

.header-fav.active .header-fav__icon > span {
    opacity: 1;
    -webkit-transition: opacity .2s ease .2s;
    transition: opacity .2s ease .2s
}

.header-fav:hover .header-fav__text:after {
    opacity: 1
}

.header-fav__icon {
    position: relative;
    height: 24px;
    width: 16px;
    margin-right: 8px;
    font-size: 8px;
    color: #fff
}

.header-fav__icon:after, .header-fav__icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.header-fav__icon:before {
    background-image: url("../images/favorite-icon-empty.68f66a12fe91.svg")
}

.header-fav__icon:after {
    background-image: url("../images/favorite-icon-filled.493a5ab8b5bb.svg");
    opacity: 0
}

.header-fav__icon > span {
    position: absolute;
    top: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 11px;
    color: #fff;
    z-index: 2;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.header-fav__text:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 20px);
    height: 1px;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

._modal-opened .header {
    opacity: 0
}

@media only screen and (max-width: 812px) {
    .__jivoMobileButton {
        display: none !important;
        bottom: 85px !important;
        right: 10px !important
    }
}

#jcont, #jvlabelWrap {
    right: 110px !important
}

@media only screen and (max-width: 812px) {
    #jcont, #jvlabelWrap {
        right: 0 !important
    }
}

#jvlabelWrap {
    display: none !important
}

#jcont {
    bottom: 0 !important
}

.footer {
    position: relative;
    background-color: #efefef;
    overflow: hidden;
    z-index: 1
}

.footer__app {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 26px;
    margin-top: 20px;
    background-color: #f5f5f5
}

@media only screen and (max-width: 812px) {
    .footer__app {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.footer__app-title {
    font-size: 13px;
    margin-bottom: 5px
}

.footer__download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__download-item {
    width: 153px;
    height: 58px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px
}

.footer__download-item:last-child {
    margin-right: 0
}

.footer__download-item.appstore {
    background-image: url("../images/dw-appstore.9dae3f7b8835.png")
}

.footer__download-item.google {
    background-image: url("../images/dw-google.1e18518e3d69.png")
}

.footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 262px;
    height: 6px;
    background-color: #0d50a0
}

.footer__menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 0;
    z-index: 2
}

@media only screen and (max-width: 812px) {
    .footer__menu {
        padding-top: 22px;
        padding-bottom: 8px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.footer__menu-col {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 260px;
    margin-right: 30px
}

@media only screen and (max-width: 812px) {
    .footer__menu-col {
        width: 100%;
        margin-right: 0
    }
}

.footer__menu-col.small {
    width: 160px;
    margin-right: 30px
}

@media only screen and (max-width: 812px) {
    .footer__menu-col.small {
        width: 100%;
        margin-right: 0
    }
}

.footer__menu-group {
    position: relative;
    padding-left: 20px
}

.footer__menu-group:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: calc(100% - 20px);
    width: 1px;
    background-color: #dbdbdb
}

.footer__menu-link {
    display: block;
    font-size: 14px;
    line-height: 27px;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

@media only screen and (max-width: 812px) {
    .footer__menu-link {
        display: none
    }
}

.footer__menu-link:hover {
    color: #feca30
}

.footer__menu-link.big {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px
}

@media only screen and (max-width: 812px) {
    .footer__menu-link.big {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        padding: 7px 0;
        font-size: 17px
    }
}

.footer__bottom {
    position: relative;
    background-color: #fff;
    height: 64px;
    z-index: 2
}

@media only screen and (max-width: 812px) {
    .footer__bottom {
        height: auto
    }
}

.footer__bottom-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media only screen and (max-width: 812px) {
    .footer__bottom-wrap {
        padding-top: 26px;
        padding-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.footer__menu-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 40px
}

@media only screen and (max-width: 812px) {
    .footer__menu-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-bottom: 0;
        width: 100%;
        max-width: 300px
    }
}

.footer__logo {
    width: 91px;
    height: 28px;
    background: url("../images/logo-footer.7de46d62e69e.png") 50% no-repeat;
    background-size: contain;
    margin-right: 38px
}

.footer__copy {
    color: #636363;
    font-size: 10px;
    line-height: 12px;
    width: 559px;
    margin-right: 86px
}

@media only screen and (max-width: 812px) {
    .footer__copy {
        margin-top: 14px;
        margin-bottom: 24px;
        width: 100%;
        max-width: 320px
    }
}

.footer__policy {
    margin-right: 26px;
    color: #0d50a0
}

@media only screen and (max-width: 812px) {
    .footer__policy {
        display: none
    }
}

.footer__ida {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 68px;
    height: 20px
}

@media only screen and (max-width: 812px) {
    .footer__ida {
        position: relative;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: auto;
        left: auto
    }
}

.footer__ida-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.footer__ida-link:hover + svg .footer-ida__main {
    fill: #0d50a0
}

.footer__ida-link:hover + svg .footer-ida__letter {
    -webkit-animation: ida 1.5s linear infinite;
    animation: ida 1.5s linear infinite
}

.footer__ida-link:hover + svg .footer-ida__letter:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.footer__ida-link:hover + svg .footer-ida__letter:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.footer__ida-link:hover + svg .footer-ida__letter:nth-child(4) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.footer__ida-link:hover + svg .footer-ida__letter:nth-child(5) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.footer__ida-link:hover + svg .footer-ida__letter:nth-child(6) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.footer__ida-link:hover + svg .footer-ida__letter:nth-child(7) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.footer__ida-link:hover + svg .footer-ida__letter:nth-child(8) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.footer__ida-link:hover + svg .footer-ida__letter:nth-child(9) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.footer__ida-link:hover + svg .footer-ida__letter:nth-child(10) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.footer-ida {
    fill: #b7b7b7
}

.footer-ida__main {
    -webkit-transition: fill 1s ease;
    transition: fill 1s ease
}

.footer-contacts {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px
}

.footer-contacts__phone {
    font-size: 18px;
    color: #0d50a0;
    margin-bottom: 3px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.footer-contacts__phone:hover {
    color: #feca30
}

.footer-contacts__text {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 12px
}

@media only screen and (max-width: 812px) {
    .footer-contacts__text.address {
        max-width: 383px;
        margin-top: 12px;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 812px) {
    .footer-contacts__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 812px) {
    .footer-contacts__item {
        margin-right: 28px
    }

    .footer-contacts__item:last-of-type {
        margin-right: 0
    }
}

.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 36px
}

@-webkit-keyframes ida {
    0% {
        fill: #efefef
    }
    25% {
        fill: #0d50a0
    }
    50% {
        fill: #efefef
    }
    75% {
        fill: #efefef
    }
    to {
        fill: #efefef
    }
}

@keyframes ida {
    0% {
        fill: #efefef
    }
    25% {
        fill: #0d50a0
    }
    50% {
        fill: #efefef
    }
    75% {
        fill: #efefef
    }
    to {
        fill: #efefef
    }
}

.index-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 80px
}

@media only screen and (max-width: 812px) {
    .index-nav {
        position: relative;
        height: auto;
        min-height: 63px
    }
}

.index-nav__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 80px;
    padding: 8px 24px 0;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .4s ease;
    transition: -webkit-box-shadow .4s ease;
    transition: box-shadow .4s ease;
    transition: box-shadow .4s ease, -webkit-box-shadow .4s ease
}

@media only screen and (max-width: 812px) {
    .index-nav__wrapper {
        height: auto
    }
}

.index-nav__wrapper.fixed {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05)
}

@media only screen and (max-width: 812px) {
    .index-nav__wrapper.fixed {
        top: 54px
    }
}

.index-nav__wrapper.active {
    top: 120px
}

@media only screen and (max-width: 812px) {
    .index-nav__wrapper.active {
        top: 94px
    }
}

.index-nav__slider-line {
    -webkit-transition: width .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: width .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, width .5s ease-in-out;
    transition: transform .5s ease-in-out, width .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.index-nav__menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media only screen and (max-width: 812px) {
    .index-nav__menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-top: 7px
    }
}

.index-nav__menu:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 812px) {
    .index-nav__menu:after {
        display: none
    }
}

.index-nav__menu-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    margin-right: 59px;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

@media only screen and (max-width: 812px) {
    .index-nav__menu-link {
        padding: 10px 0;
        margin-right: 16px;
        margin-bottom: 15px;
        font-size: 12px
    }
}

@media only screen and (max-width: 812px) {
    .index-nav__menu-link:after {
        right: -16px
    }
}

.index-nav__menu-link:last-child {
    margin-right: 0
}

.index-nav__menu-btn {
    height: 42px
}

.index-nav__menu-btn.\--mob {
    display: none
}

@media only screen and (max-width: 812px) {
    .index-nav__menu-btn {
        display: none
    }

    .index-nav__menu-btn.\--mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.index-nav__slider-line {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background-color: #0d50a0
}

@media only screen and (max-width: 812px) {
    .index-nav__slider-line {
        display: none
    }
}

.index-nav.\--index {
    display: none
}

@media only screen and (max-width: 812px) {
    .index-nav.\--index {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 812px) {
    .index-nav.\--index .index-nav__menu-btn {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 98px;
        bottom: 140px;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
        z-index: 5;
        background-color: #feca30;
        white-space: nowrap;
        height: 50px;
        width: 190px;
        font-family: Museo, sans-serif;
        font-weight: unset
    }
}

@media (max-width: 320px) {
    .index-nav.\--index .index-nav__menu-btn {
        left: 90px
    }
}

@media only screen and (max-width: 812px) {
    .index-filter {
        padding-top: 24px
    }
}

.index-filter__wrapper {
    padding-left: 86px;
    padding-right: 86px
}

@media only screen and (max-width: 812px) {
    .index-filter__wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.index-filter__title {
    position: relative;
    text-align: center;
    margin-bottom: 40px
}

.index-filter__title h2 {
    font-weight: bold;
    font-size: 49px;
    line-height: 62px;
    color: #000
}

@media only screen and (max-width: 812px) {
    .index-filter__title h2 {
        font-size: 32px;
        line-height: 42px
    }
}

.index-filter__title.\--mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .index-filter__title {
        display: none
    }

    .index-filter__title.\--mobile {
        display: block;
        width: 100%;
        margin: 0 0 24px;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 0
    }
}

.index-filter__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 812px) {
    .index-filter__main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.index-filter__filter {
    width: 375px
}

.index-filter__filter .realty-filter__reset {
    font-size: 16px;
    font-weight: 400;
    color: #333
}

.index-filter__filter .realty-filter__reset:after, .index-filter__filter .realty-filter__reset:before {
    top: 50%
}

@media only screen and (max-width: 812px) {
    .index-filter__filter {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .index-filter__filter .realty-filter {
        max-height: none
    }

    .index-filter__filter .realty-filter__reset {
        margin-top: 28px;
        margin-bottom: 0
    }
}

.index-filter__filter .realty-filter__buttons {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.index-filter__filter .realty-filter__buttons.\--locations {
    padding-bottom: 26px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__buttons.\--locations {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: auto;
        padding-bottom: 24px;
        padding-left: 24px;
        padding-right: 24px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto
    }
}

.index-filter__filter .realty-filter__buttons.\--rooms {
    padding-bottom: 0
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__buttons.\--rooms {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.index-filter__filter .realty-filter__buttons-option.text-btn {
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    padding: 10px 18px;
    color: #333;
    background-color: hsla(0, 0%, 95%, .8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.index-filter__filter .realty-filter__buttons-option.text-btn:not(:last-child) {
    margin-right: 16px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__buttons-option.text-btn:not(:last-child) {
        margin-right: auto
    }
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__buttons-option.text-btn {
        font-size: 14px;
        line-height: 17px;
        height: 40px;
        min-height: 40px;
        white-space: nowrap
    }
}

.index-filter__filter .realty-filter__buttons-option.text-btn:hover {
    background-color: #f7db88
}

.index-filter__filter .realty-filter__buttons-option.text-btn.active {
    background-color: #feca30
}

.index-filter__filter .realty-filter__buttons-option.text-btn.disabled {
    display: none
}

.index-filter__filter .realty-filter__buttons-option.rounded {
    font-weight: 500;
    font-size: 23px;
    line-height: 30px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(51, 51, 51, .2)
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__buttons-option.rounded {
        width: 40px;
        height: 40px;
        margin-right: 0;
        font-size: 18px;
        line-height: 132%
    }
}

.index-filter__filter .realty-filter__buttons-option.rounded:hover {
    background-color: #f7db88;
    border: 1px solid #f7db88
}

.index-filter__filter .realty-filter__buttons-option.rounded.active {
    background-color: #feca30;
    border: 1px solid #feca30
}

.index-filter__filter .realty-filter__wrapper {
    width: 100%;
    padding: 48px 55px 34px 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dad8d9;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__wrapper {
        width: calc(100% - 48px);
        padding: 40px 16px 32px;
        margin: 0 auto;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }
}

.index-filter__filter .realty-filter__row {
    margin-bottom: 48px
}

.index-filter__filter .realty-filter__row:nth-child(2) {
    margin-bottom: 44px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__row:nth-child(2) {
        margin-bottom: 0
    }
}

.index-filter__filter .realty-filter__row:nth-child(3) {
    margin-bottom: 34px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__row:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 0
    }
}

.index-filter__filter .realty-filter__row.\--add {
    margin-bottom: 33px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__row.\--add {
        margin-bottom: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .index-filter__filter .realty-filter__row.\--add .realty-filter__item.micro {
        width: 50%;
        margin-bottom: 26px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__row.action {
        margin-top: 0;
        padding-top: 0
    }
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__row {
        padding: 0;
        margin-bottom: 0
    }
}

.index-filter__filter .realty-filter__row .realty-filter__item:nth-child(2n) {
    width: 232px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__row .realty-filter__item:nth-child(2n) {
        width: 100%
    }
}

.index-filter__filter .realty-filter__row .realty-filter__item:nth-child(odd) {
    width: 297px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__row .realty-filter__item:nth-child(odd) {
        width: 100%
    }
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__row {
        margin-bottom: 0
    }
}

.index-filter__filter .realty-filter__item {
    margin-right: 46px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__item {
        margin-right: 0;
        margin-bottom: 36px
    }
}

.index-filter__filter .realty-filter__label {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 120%;
    color: #333
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__label {
        text-align: left;
        margin-bottom: 6px
    }
}

.index-filter__filter .realty-filter__select {
    width: 297px;
    height: 48px
}

.index-filter__filter .realty-filter__select .selectric {
    border: 1px solid rgba(51, 51, 51, .2);
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__select .selectric {
        height: 50px
    }

    .index-filter__filter .realty-filter__select .selectric .label {
        font-weight: 500
    }
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__select {
        width: 100%;
        height: 50px;
        margin: 0 auto
    }
}

.index-filter__filter .realty-filter__select.last {
    width: 232px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__select.last {
        width: 100%
    }
}

.index-filter__filter .realty-filter__slider {
    width: 100%;
    padding-top: 22px
}

.index-filter__filter .realty-filter__slider .realty-filter__slider-values input {
    margin-right: -15px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__slider .realty-filter__slider-values input {
        margin-right: 0
    }
}

.index-filter__filter .realty-filter__slider.\--floor, .index-filter__filter .realty-filter__slider.\--square {
    width: 211px;
    margin-left: 5px;
    margin-right: auto
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__slider.\--floor, .index-filter__filter .realty-filter__slider.\--square {
        width: 100%;
        margin-left: 0
    }

    .index-filter__filter .realty-filter__slider.\--floor .realty-filter__slider-line, .index-filter__filter .realty-filter__slider.\--square .realty-filter__slider-line {
        width: calc(100% - 18px)
    }

    .index-filter__filter .realty-filter__slider.\--floor .realty-filter__slider-values input, .index-filter__filter .realty-filter__slider.\--square .realty-filter__slider-values input {
        padding-left: 56px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.index-filter__filter .realty-filter__slider.\--price {
    width: 273px;
    margin-left: 5px;
    margin-right: auto
}

.index-filter__filter .realty-filter__slider.\--price .noUi-horizontal .noUi-handle.noUi-handle-upper {
    left: -3px
}

.index-filter__filter .realty-filter__slider.\--price .realty-filter__slider-values input {
    width: 100px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__slider.\--price {
        width: 100%;
        margin-left: 0
    }

    .index-filter__filter .realty-filter__slider.\--price .realty-filter__slider-line {
        width: calc(100% - 18px)
    }

    .index-filter__filter .realty-filter__slider.\--price .realty-filter__slider-values input {
        width: 115px;
        padding-left: 31px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .index-filter__filter .realty-filter__slider.\--price .realty-filter__slider-mob-text.\--left {
        left: 10px
    }

    .index-filter__filter .realty-filter__slider.\--price .realty-filter__slider-mob-text.\--right {
        right: 87px
    }
}

.index-filter__filter .realty-filter__slider .realty-filter__slider-line {
    height: 4px
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__slider .realty-filter__slider-values {
        margin-top: 19px
    }
}

.index-filter__filter .realty-filter__slider .realty-filter__slider-values input {
    font-weight: 500;
    font-size: 18px;
    line-height: 132%;
    color: #333;
    border: none
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__slider .realty-filter__slider-values input {
        width: 105px;
        height: 30px;
        border: 1px solid #d6d6d6;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 4px;
        font-weight: 300;
        font-size: 14px
    }
}

.index-filter__filter .realty-filter__slider .realty-filter__slider-values input:nth-child(2n) {
    text-align: right
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__slider .realty-filter__slider-values input:nth-child(2n) {
        text-align: left
    }
}

.index-filter__filter .realty-filter__slider .realty-filter__slider-values input:nth-child(odd) {
    text-align: left
}

.index-filter__filter .realty-filter__slider .noUi-base {
    background-color: #d6d6d6
}

.index-filter__filter .realty-filter__slider .noUi-connect {
    background-color: #feca30
}

.index-filter__filter .realty-filter__slider .noUi-horizontal .noUi-handle {
    width: 23px;
    height: 23px;
    top: -10px;
    left: -3px;
    background-color: #fff;
    border: 1px solid rgba(51, 51, 51, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.index-filter__filter .realty-filter__slider .noUi-horizontal .noUi-handle.noUi-handle-upper {
    left: -6px
}

.index-filter__filter .realty-filter__slider .noUi-horizontal .noUi-handle.noUi-active {
    background-color: #feca30;
    border: 1px solid #feca30
}

.index-filter__filter .realty-filter__slider-mob-text {
    display: none
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__slider-mob-text {
        display: block;
        position: absolute;
        top: 51px;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 130%;
        color: #333
    }

    .index-filter__filter .realty-filter__slider-mob-text.\--left {
        left: 35px
    }

    .index-filter__filter .realty-filter__slider-mob-text.\--right {
        right: 55px
    }
}

.index-filter__filter .realty-filter__submit {
    width: 297px;
    height: 50px;
    margin-right: 46px;
    color: #333
}

@media only screen and (max-width: 812px) {
    .index-filter__filter .realty-filter__submit {
        width: 100%;
        margin: 0 auto;
        font-size: 16px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.index-filter__buttons-option {
    padding: 10px 20px;
    color: #0d50a0;
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px;
    border-radius: 40px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    font-weight: 300
}

.index-filter__buttons-option span {
    display: block;
    max-width: 130px
}

.index-filter__buttons-option:first-of-type {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.index-filter__buttons-option.big, .index-filter__buttons-option.medium {
    font-weight: 500;
    background-color: #efefef;
    height: 50px
}

.index-filter__buttons-option.big:last-of-type, .index-filter__buttons-option.medium:last-of-type {
    margin-right: 0
}

.index-filter__buttons-option.big {
    padding: 14px 25px;
    margin-right: 9px;
    font-size: 18px
}

.index-filter__buttons-option.medium {
    margin-right: 13px;
    padding: 14px 20px;
    font-size: 15px;
    text-align: left
}

.index-filter__buttons-option.medium.image {
    padding: 8px 20px 8px 79px
}

.index-filter__buttons-option.image {
    position: relative;
    background-color: #f0f0f0;
    color: #000;
    margin-bottom: 20px
}

.index-filter__buttons-option.image:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 22px;
    width: 43px;
    height: 65px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    background-image: url("../images/test-complex-image.671fd2c4a5a9.png")
}

.index-filter__buttons-option.active {
    background-color: #feca30;
    color: #000
}

.index-filter__buttons-option.active.image:after {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.index-filter__buttons-option.active:hover {
    background-color: #feca30
}

.index-filter__buttons-option:hover {
    background-color: #f7db88;
    color: #000
}

.index-filter__buttons-option.disabled {
    opacity: .5;
    pointer-events: none
}

.index-filter__slider {
    position: relative;
    width: 855px;
    height: 532px;
    margin-top: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden
}

@media only screen and (max-width: 812px) {
    .index-filter__slider {
        width: 100%;
        margin-bottom: 40px;
        height: 342px;
        margin-top: 25px
    }
}

.index-filter__slider .slick-dots {
    left: 36px;
    bottom: 20px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (max-width: 812px) {
    .index-filter__slider .slick-dots {
        display: none
    }
}

.index-filter__slider .slick-dots li {
    width: 8px;
    height: 8px;
    margin-left: 4px;
    margin-right: 4px;
    background-color: transparent;
    border: 1px solid #fff
}

.index-filter__slider .slick-dots li:first-child {
    margin-left: 0
}

.index-filter__slider .slick-dots li:last-child {
    margin-right: 0
}

.index-filter__slider .slick-dots li.slick-active {
    border-color: #feca30
}

.index-filter__slider .slick-dots li button {
    height: 100%;
    cursor: pointer
}

.index-filter__slider.\--commercial {
    width: 598px;
    height: 557px;
    margin-top: 0;
    border-radius: 0
}

@media only screen and (max-width: 812px) {
    .index-filter__slider.\--commercial {
        display: none
    }
}

.index-filter__slider.\--commercial .index-filter__slide {
    height: 557px
}

.index-filter__slider.\--commercial .index-filter__slide:before {
    display: none
}

.index-filter__slider.\--commercial .index-filter__slide-title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 26px 40px;
    font-size: 22px;
    font-weight: 300;
    color: #000;
    background-color: #feca30
}

.index-filter__slider.\--commercial .index-filter__slide-title:after {
    content: "";
    position: absolute;
    top: 0;
    right: -25px;
    width: 0;
    height: 0;
    border-top: 77px solid #feca30;
    border-right: 26px solid transparent
}

.index-filter__slider.\--commercial .slick-dots {
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.index-filter__slide {
    position: relative;
    height: inherit;
    background-position: 50%;
    background-size: cover
}

.index-filter__slide:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(59.79% 59.79% at 25.43% 90.48%, rgba(0, 0, 0, .5) 0, transparent 100%);
    z-index: 2
}

@media only screen and (max-width: 812px) {
    .index-filter__slide {
        height: 342px
    }
}

.index-filter__slide-wrapper {
    position: absolute;
    left: 36px;
    bottom: 115px;
    z-index: 3
}

@media only screen and (max-width: 812px) {
    .index-filter__slide-wrapper {
        left: 16px;
        bottom: 9px
    }
}

.index-filter__slide-title {
    font-size: 28px;
    line-height: 144%;
    color: #fff
}

@media only screen and (max-width: 812px) {
    .index-filter__slide-title {
        font-size: 20px
    }
}

.index-filter__slide-subtitle {
    font-size: 18px;
    line-height: 144%;
    color: #fff
}

@media only screen and (max-width: 812px) {
    .index-filter__slide-subtitle {
        font-size: 14px
    }
}

.index-filter__slider-arrows {
    position: absolute;
    display: none;
    width: 92px;
    height: 40px;
    right: 16px;
    bottom: 16px;
    z-index: 3
}

@media only screen and (max-width: 812px) {
    .index-filter__slider-arrows {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.index-filter__slider-arrow {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 3
}

.index-filter__slider-arrow:before {
    position: absolute;
    content: "";
    width: 9px;
    height: 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("../images/button-arrow.8907680dbd83.svg");
    background-repeat: no-repeat;
    background-size: cover
}

.index-filter__slider-arrow.prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.index-filter__links {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 41px;
    padding-bottom: 77px
}

@media only screen and (max-width: 812px) {
    .index-filter__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 24px
    }
}

.index-filter__links-item {
    position: relative;
    width: 646px;
    padding: 45px 36px;
    border: 1px solid #dad8d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px
}

@media only screen and (max-width: 812px) {
    .index-filter__links-item {
        width: 100%;
        padding: 47px 16px 39px
    }

    .index-filter__links-item:first-child {
        margin-bottom: 16px
    }
}

.index-filter__links-item.\--parking {
    margin-right: 10px;
}

@media only screen and (max-width: 812px) {
    .index-filter__links-item.\--parking {
        margin-right: 0
    }
}

.index-filter__links-item.\--storages {
    margin-left: 10px;
}

@media only screen and (max-width: 812px) {
    .index-filter__links-item.\--storages {
        margin-left: 0
    }
}

.index-filter__links-item:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 2
}



.index-filter__links-item-title {
    position: relative;
    font-size: 26px;
    font-weight: bold;
    line-height: 144%;
    color: #333;
    margin-bottom: 12px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    z-index: 3
}

@media only screen and (max-width: 812px) {
    .index-filter__links-item-title {
        font-size: 20px;
        line-height: 144%
    }
}

.index-filter__links-item-subtitle {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 144%;
    color: rgba(51, 51, 51, .6);
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    z-index: 3
}

@media only screen and (max-width: 812px) {
    .index-filter__links-item-subtitle {
        font-size: 16px;
        line-height: 144%;
        color: #333;
        opacity: .8
    }
}

.index-filter__links-item-btn {
    position: absolute;
    width: 46px;
    height: 46px;
    top: 50%;
    right: 36px;
    background-color: #feca30;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 3
}

.index-filter__links-item-btn:before {
    position: absolute;
    content: "";
    width: 9px;
    height: 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("../images/button-arrow.8907680dbd83.svg");
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width: 812px) {
    .index-filter__links-item-btn {
        width: 40px;
        height: 40px;
        background-color: #0d50a0;
        right: 16px
    }

    .index-filter__links-item-btn:before {
        background-image: url("../images/button-arrow-white.1f03340f43ed.svg")
    }
}

.contact-card {
    position: relative;
    font-weight: 500;
    border-top: 1px solid #efefef;
    z-index: 2
}

@media only screen and (max-width: 812px) {
    .contact-card {
        padding-top: 34px;
        padding-bottom: 34px
    }
}

.contact-card.white {
    background-color: #fff
}

.contact-card__body {
    margin: 0 auto;
    width: 100%;
    max-width: 1220px;
    min-height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 812px) {
    .contact-card__body {
        display: block;
        padding-bottom: 0;
        padding-left: 24px;
        padding-right: 24px
    }
}

.contact-card__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 90px
}

@media only screen and (max-width: 812px) {
    .contact-card__contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: 0;
        margin-bottom: 40px
    }
}

.contact-card__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 26px;
    color: #000;
    text-decoration: none
}

@media only screen and (max-width: 812px) {
    .contact-card__phone {
        position: relative;
        font-size: 22px
    }
}

.contact-card__phone:hover .contact-card__phone-number {
    color: #feca30
}

.contact-card__phone-icon {
    margin-right: 20px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 2px solid #feca30;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto;
    background-image: url("../images/ic-mobile-blue-orange.a821354d04b2.svg")
}

@media only screen and (max-width: 812px) {
    .contact-card__phone-icon {
        position: absolute;
        top: 0;
        left: 0
    }
}

.contact-card__phone-number {
    position: relative;
    margin-right: 35px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media only screen and (max-width: 812px) {
    .contact-card__phone-number {
        margin-right: 0;
        padding-left: 70px
    }
}

.contact-card__callback {
    color: #0d50a0;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .contact-card__callback {
        padding-left: 70px;
        margin-top: 18px
    }
}

.contact-card__callback:after {
    margin-top: -2px;
    background-color: #0d50a0
}

.contact-card__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}


.contact-card__share_mobile
{
    display: none;
}


.contact-card__share_mobile .contact-card__share-icons
{
    float: left;
}

.contact-card__share_mobile .contact-card__share-text
{
    float: left;
    padding-left: 20px;
    position: relative;
    top: 7px;
}

@media only screen and (max-width: 812px)
{
    .contact-card__share {
        display: none;
    }


    .contact-card__share_mobile
    {
        display: block;
    }

}

.contact-card__share-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-card__share-text {
    margin-right: 11px;
    font-size: 14px;
    color: #0d50a0;
    font-weight: 500;
}

.pop-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
    -webkit-transition: opacity .2s ease .1s, -webkit-transform 0s ease .5s;
    transition: opacity .2s ease .1s, -webkit-transform 0s ease .5s;
    transition: opacity .2s ease .1s, transform 0s ease .5s;
    transition: opacity .2s ease .1s, transform 0s ease .5s, -webkit-transform 0s ease .5s;
    z-index: 99
}

.pop-up.active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
    -webkit-transition: opacity .2s ease, -webkit-transform 0s ease;
    transition: opacity .2s ease, -webkit-transform 0s ease;
    transition: opacity .2s ease, transform 0s ease;
    transition: opacity .2s ease, transform 0s ease, -webkit-transform 0s ease
}

.pop-up__form {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none
}

@media only screen and (max-width: 812px) {
    .pop-up__form {
        top: 0;
        left: 0;
        height: 100%;
        -webkit-transform: none;
        transform: none
    }
}

.pop-up__form.active {
    z-index: 2;
    pointer-events: all
}

.pop-up__form.active .form {
    -webkit-animation: formAppearing .5s ease .2s forwards;
    animation: formAppearing .5s ease .2s forwards
}

.pop-up__form .form {
    -webkit-animation: formDisappearing .3s ease forwards;
    animation: formDisappearing .3s ease forwards
}

@media only screen and (max-width: 812px) {
    .pop-up__form .form {
        width: 100%;
        height: 100%
    }
}

@-webkit-keyframes formAppearing {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes formAppearing {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes formDisappearing {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes formDisappearing {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.form {
    position: relative;
    opacity: 0;
    overflow: hidden;
    width: 600px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media only screen and (max-width: 812px) {
    .form {
        width: calc(100vw - 30px)
    }
}

.form.success .form-success {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity .3s ease, -webkit-transform 0s;
    transition: opacity .3s ease, -webkit-transform 0s;
    transition: opacity .3s ease, transform 0s;
    transition: opacity .3s ease, transform 0s, -webkit-transform 0s;
    z-index: 3
}

.form.success .form-success__icon {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.form.success .form-success__text > div:first-child {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .2s ease .1s, -webkit-transform .3s ease .1s;
    transition: opacity .2s ease .1s, -webkit-transform .3s ease .1s;
    transition: transform .3s ease .1s, opacity .2s ease .1s;
    transition: transform .3s ease .1s, opacity .2s ease .1s, -webkit-transform .3s ease .1s
}

.form.success .form-success__text > div:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .2s ease .2s, -webkit-transform .3s ease .2s;
    transition: opacity .2s ease .2s, -webkit-transform .3s ease .2s;
    transition: transform .3s ease .2s, opacity .2s ease .2s;
    transition: transform .3s ease .2s, opacity .2s ease .2s, -webkit-transform .3s ease .2s
}

.form.error .form-error {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity .3s ease, -webkit-transform 0s;
    transition: opacity .3s ease, -webkit-transform 0s;
    transition: opacity .3s ease, transform 0s;
    transition: opacity .3s ease, transform 0s, -webkit-transform 0s;
    z-index: 3
}

.form.error .form-error__icon {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.form.error .form-error__text > div:first-child {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .2s ease .1s, -webkit-transform .3s ease .1s;
    transition: opacity .2s ease .1s, -webkit-transform .3s ease .1s;
    transition: transform .3s ease .1s, opacity .2s ease .1s;
    transition: transform .3s ease .1s, opacity .2s ease .1s, -webkit-transform .3s ease .1s
}

.form__wrap {
    position: relative;
    background-color: #fff;
    border-radius: 0;
    height: 100%;
    padding: 50px 30px
}

@media only screen and (max-width: 812px) {
    .form__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100vw
    }
}

.form__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 2;
    cursor: pointer
}

.form__close:after, .form__close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 1px;
    width: 25px;
    background-color: #000;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    will-change: transform
}

.form__close:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.form__close:after, .form__close:hover:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.form__close:hover:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.form__head {
    position: relative;
    margin-bottom: 36px
}

.form__title {
    font-size: 46px;
    text-align: center;
    color: #0d50a0
}

@media only screen and (max-width: 812px) {
    .form__title {
        font-size: 24px
    }
}

.form__sub {
    font-size: 14px;
    text-align: center;
    margin-top: 20px
}

.form__fields {
    padding: 0 60px;
    margin-bottom: 40px
}

@media only screen and (max-width: 812px) {
    .form__fields {
        padding: 0
    }
}

.form__item {
    width: 100%;
    margin-bottom: 20px
}

.form__item:last-child {
    margin-bottom: 0
}

.form__item.sms._error .form__input {
    border: 1px solid #a40000
}

.form__label {
    display: block;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 18px;
    font-weight: 500;
    text-align: left
}

.form__input {
    font-weight: 500;
    letter-spacing: .05em;
    font-size: 16px;
    color: #0d50a0
}

.form__input:focus::-webkit-input-placeholder {
    opacity: 0
}

.form__input:focus:-ms-input-placeholder, .form__input:focus::-ms-input-placeholder {
    opacity: 0
}

.form__input:focus::placeholder {
    opacity: 0
}

.form__input.error {
    -webkit-box-shadow: inset 0 0 10px rgba(230, 23, 54, .5);
    box-shadow: inset 0 0 10px rgba(230, 23, 54, .5)
}

.form__input.sms {
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 30px;
    height: 40px;
    width: 65px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 812px) {
    .form__input.sms {
        width: calc(25% - 12px)
    }
}

.form__sms-input-group {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form__personal, .form__sms-input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form__personal {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 60px;
    margin-bottom: 30px
}

@media only screen and (max-width: 812px) {
    .form__personal {
        padding: 0
    }
}

.form__personal .checkbox {
    margin-right: 15px
}

.form__disclaimer {
    font-size: 14px
}

.form__disclaimer-link {
    color: #0d50a0;
    -webkit-transition: color .4s ease;
    transition: color .4s ease
}

.form__disclaimer-link:hover {
    color: #feca30
}

.form__submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form__submit-btn {
    height: 42px
}

.form__submit-btn.disabled {
    pointer-events: none;
    opacity: .5
}

.form-success {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: opacity .3s ease, -webkit-transform 0s .3s;
    transition: opacity .3s ease, -webkit-transform 0s .3s;
    transition: opacity .3s ease, transform 0s .3s;
    transition: opacity .3s ease, transform 0s .3s, -webkit-transform 0s .3s;
    z-index: -1;
    padding: 50px
}

@media only screen and (max-width: 812px) {
    .form-success {
        padding: 32px 22px
    }
}

.form-success__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 30px;
    height: 56px;
    width: 56px;
    background: url("../images/form-submit-success.d027b366167d.svg") 50% no-repeat;
    background-size: contain;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: -webkit-transform 0s ease .3s;
    transition: -webkit-transform 0s ease .3s;
    transition: transform 0s ease .3s;
    transition: transform 0s ease .3s, -webkit-transform 0s ease .3s
}

@media only screen and (max-width: 812px) {
    .form-success__icon {
        margin-bottom: 24px;
        height: 40px;
        width: 40px
    }
}

.form-success__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #505050
}

.form-success__text > div:first-child {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 14px
}

.form-success__text > div:first-child, .form-success__text > div:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    -webkit-transition: opacity 0s ease .3s, -webkit-transform 0s ease .3s;
    transition: opacity 0s ease .3s, -webkit-transform 0s ease .3s;
    transition: transform 0s ease .3s, opacity 0s ease .3s;
    transition: transform 0s ease .3s, opacity 0s ease .3s, -webkit-transform 0s ease .3s
}

.form-success__text > div:nth-child(2) {
    margin: 0 auto 62px;
    max-width: 370px;
    font-size: 20px;
    line-height: 24px;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .form-success__text > div:nth-child(2) {
        margin-bottom: 32px;
        max-width: 315px;
        font-size: 14px;
        line-height: 140%
    }
}

.form-error {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: opacity .3s ease, -webkit-transform 0s .3s;
    transition: opacity .3s ease, -webkit-transform 0s .3s;
    transition: opacity .3s ease, transform 0s .3s;
    transition: opacity .3s ease, transform 0s .3s, -webkit-transform 0s .3s;
    z-index: -1;
    padding: 50px
}

.form-error__icon {
    height: 110px;
    width: 110px;
    background: url("../images/ic-sad-smile.b4f45a3943c8.svg") no-repeat 50%;
    background-size: contain;
    margin-bottom: 2rem;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: -webkit-transform 0s ease .3s;
    transition: -webkit-transform 0s ease .3s;
    transition: transform 0s ease .3s;
    transition: transform 0s ease .3s, -webkit-transform 0s ease .3s
}

.form-error__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #e61736
}

.form-error__text > div:first-child {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    -webkit-transition: opacity 0s ease .3s, -webkit-transform 0s ease .3s;
    transition: opacity 0s ease .3s, -webkit-transform 0s ease .3s;
    transition: transform 0s ease .3s, opacity 0s ease .3s;
    transition: transform 0s ease .3s, opacity 0s ease .3s, -webkit-transform 0s ease .3s;
    font-size: 26px;
    margin-bottom: 20px
}

.rating-form {
    width: 600px;
    padding: 50px 30px;
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .rating-form {
        width: calc(100vw - 30px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.rating-form .form__fields {
    margin-top: 24px
}

.rating-form__start-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 32px
}

.rating-form__textarea {
    height: 120px
}

.rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rating.has-rating .rating__star > svg, .rating:hover .rating__star > svg {
    fill: #feca30
}

.rating__star {
    height: 40px;
    width: 40px;
    padding: 0 6px;
    color: transparent;
    cursor: pointer
}

.rating__star.active ~ .rating__star > svg, .rating__star:hover ~ .rating__star > svg, .rating__star > svg {
    fill: rgba(254, 202, 48, 0)
}

.rating__star > svg {
    width: 100%;
    height: 100%;
    -webkit-transition: fill .3s ease, stroke .3s ease;
    transition: fill .3s ease, stroke .3s ease
}

.rating-reminder {
    position: fixed;
    bottom: 90px;
    left: 40px;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 89;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    cursor: pointer;
    -webkit-animation: rotate 5s linear infinite;
    animation: rotate 5s linear infinite
}

.rating-reminder:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    height: 40px;
    width: 40px;
    background: url("../images/like.6af41ee7739e.svg") no-repeat 50%;
    background-size: contain
}

.rating-reminder.active {
    opacity: 1
}

.seo-block {
    padding-top: 32px;
    margin-bottom: 80px
}

@media only screen and (max-width: 812px) {
    .seo-block {
        margin-bottom: 40px
    }
}

.seo-block .title {
    text-align: center
}

.seo-block__text {
    margin-top: 32px;
    padding: 0 100px
}

.seo-block__text:first-child {
    margin-top: 0
}

@media only screen and (max-width: 812px) {
    .seo-block__text {
        padding: 0
    }
}

.header-burger-menu {
    padding: 0
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-burger-menu {
        width: 1240px
    }
}

.header-burger-menu__wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 3;
    height: 100%
}

.header-burger-menu__left {
    width: 17%
}

@media only screen and (max-width: 812px) {
    .header-burger-menu__left {
        display: none
    }
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-burger-menu__left {
        width: 20%
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-burger-menu__left {
        width: 20%
    }
}

.header-burger-menu__right {
    width: 80%;
    background: #fff
}

@media only screen and (max-width: 812px) {
    .header-burger-menu__right {
        display: none
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-burger-menu__right {
        width: 80%
    }
}

.header-burger-menu__left-points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px;
    color: #000
}

.header-burger-menu__title-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #666;
    margin-bottom: 16px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-burger-menu__title-sub:hover {
    color: #2e2e2e
}

.header-burger-menu__title-sub:last-child {
    margin-bottom: 20px
}

.header-burger-menu__complex-slider, .header-burger-menu__left-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-burger-menu__complex-slider {
    width: 711px;
    height: 415px;
    border-radius: 12px;
    padding: 27px 21px 34px 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 27px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-burger-menu__complex-slider {
        background-size: cover;
        width: 610px;
        height: 415px
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-burger-menu__complex-slider {
        background-size: cover;
        width: 637px;
        height: 415px
    }
}

.header-burger-menu__complex-slider:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header-burger-menu__complex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-burger-menu__right-points {
    margin-left: 45px;
    width: 326px
}

.header-burger-menu__point-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 210px;
    margin-left: 45px
}

.header-burger-menu__point-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 300px;
    height: 1px;
    background: #d4d4d4
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-burger-menu__point-container:after {
        width: 250px
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-burger-menu__point-container:after {
        width: 300px
    }
}

.header-burger-menu__head-name {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 144%;
    color: #fff
}

.header-burger-menu__head-class {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 144%;
    color: #fff
}

.header-burger-menu__complex-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1
}

.header-burger-menu__complex-cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 144%;
    color: #000;
    margin-bottom: 25px
}

.header-burger-menu__complex-cost.size-cost {
    font-size: 40px;
    margin-bottom: 0
}

.header-burger-menu__metro-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

.header-burger-menu__metro-circle {
    width: 21px;
    height: 21px;
    border-radius: 21px;
    margin-right: 7px;
    background-repeat: no-repeat;
    background-size: contain
}

.header-burger-menu__metro-name {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 144%;
    color: #fff
}

.header-burger-menu__metro-dot {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
    margin: 0 11px
}

.header-burger-menu__navigation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-burger-menu__navigation-button {
    width: 162px;
    height: 44px;
    background: #fff
}

.header-burger-menu__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 45px;
    margin-bottom: 30px
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-burger-menu__footer {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.header-burger-menu__footer-subscription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 34%;
    height: 148px;
    margin-top: 22px
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-burger-menu__footer-subscription {
        width: 35%
    }
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-burger-menu__footer-subscription {
        width: 39%
    }
}

.header-burger-menu__subscription-title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin-bottom: 12px
}

.header-burger-menu__subscription-sub {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #666;
    margin-bottom: 12px
}

.header-burger-menu__subscription-input {
    width: 256px;
    height: 44px;
    background: #f5f5f5;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    color: #aeaeae
}

.header-burger-menu__subscription-input:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-burger-menu__subscription-policy {
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 160%;
    color: #666;
    width: 300px
}

.header-burger-menu__footer-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 712px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-burger-menu__footer-offer {
        width: 72%
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-burger-menu__footer-offer {
        width: 636px
    }
}

.header-burger-menu__offer-card {
    width: 344px;
    height: 170px;
    background: #f5f5f5;
    border-radius: 12px;
    padding-top: 22px;
    padding-left: 17px;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-burger-menu__offer-card {
        width: 294px
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-burger-menu__offer-card {
        width: 310px
    }
}

.header-burger-menu__title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

.header-burger-menu__title-wrapper.mobile-menu {
    display: none
}

.header-burger-menu__sub-wrapper {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

.header-burger-menu__sub-wrapper.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-burger-menu__title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin-bottom: 20px;
    cursor: pointer;
    display: block;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-burger-menu__title:hover {
    color: #004792
}

@media only screen and (max-width: 812px) {
    .header-burger-menu__title:hover {
        color: #000
    }
}

.header-burger-menu__title.open.arrow-menu:after {
    content: "";
    background-image: url("../images/menu-arrow-open.f1c7b39df335.svg")
}

.header-burger-menu__title.arrow-menu:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    margin-left: 12px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-image: url("../images/arrow-menu-close.3ef379a4f910.svg");
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.header-burger-menu__swiper-container {
    width: 712px;
    margin: 0
}

@media only screen and (min-width: 812px) and (max-width: 1280px) {
    .header-burger-menu__swiper-container {
        width: 610px;
        height: 415px;
        margin-bottom: 27px
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .header-burger-menu__swiper-container {
        width: 637px;
        height: 415px;
        margin-bottom: 27px
    }
}

.header-burger-menu__swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-burger-menu__complex-description {
    z-index: 1
}

.header-burger-menu__arrow-wrapper {
    position: absolute;
    width: 88px;
    right: 20px;
    height: 44px;
    bottom: 57px
}

.header-burger-menu__arrow-right {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #fff;
    outline: none;
    right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-burger-menu__arrow-right:hover {
    background: #0d50a0
}

.header-burger-menu__arrow-right:hover.swiper-button-next:after {
    background-image: url("../images/left-arrow-menu-white.97cd2ef2ca7c.svg")
}

.header-burger-menu__arrow-right.swiper-button-next:after {
    content: "";
    width: 8px;
    height: 14px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-manu-right.00a4446b1107.svg");
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-burger-menu__arrow-left {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #fff;
    outline: none;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-burger-menu__arrow-left:hover {
    background: #0d50a0
}

.header-burger-menu__arrow-left:hover.swiper-button-prev:after {
    background-image: url("../images/right-arrow-white-menu.f81e3b41f0f6.svg")
}

.header-burger-menu__arrow-left.swiper-button-prev:after {
    content: "";
    width: 8px;
    height: 14px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../images/arrow-manu-left.3c20ec9e2675.svg");
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-burger-menu__offer-title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin-bottom: 12px
}

.header-burger-menu__offer-sub {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #5d6366;
    margin-bottom: 25px;
    width: 155px
}

.header-burger-menu__offer-link {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 160%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #004792;
    position: absolute
}

.header-burger-menu__offer-link.scale-line-reverse:after, .header-burger-menu__offer-link.scale-line:after {
    position: absolute;
    background: #004792;
    bottom: 0
}

.header-burger-menu__offer-image {
    position: absolute;
    width: 151px;
    height: 100%;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain
}

.header-burger-menu__mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .header-burger-menu__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.header-burger-menu__mobile-favorite {
    margin-top: 36px;
    margin-bottom: 12px
}

.header-burger-menu__mobile-favorite .header-fav {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000
}

@media only screen and (max-width: 812px) {
    .header-burger-menu__mobile-favorite .header-fav__text:after {
        display: none
    }
}

.header-burger-menu__mobile-favorite .header-fav__icon {
    height: 18px;
    width: 11px
}

.header-burger-menu__mobile-favorite .header-fav__icon:before {
    opacity: 0
}

.header-burger-menu__mobile-favorite .header-fav__icon:after {
    opacity: 1
}

.header-burger-menu__mobile-col {
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #000;
    margin-bottom: 34px
}

@media only screen and (max-width: 812px) {
    .header-burger-menu__mobile-col {
        margin: 0;
        overflow: hidden
    }
}

.header-burger-menu__title-mobile {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin-bottom: 34px
}

.header-burger-menu__children-sub {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c7c7c9;
    position: relative;
    margin-right: 16px;
    white-space: nowrap
}

.header-burger-menu__mobile {
    width: 100%
}

.header-burger-menu__second-sub {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    margin-bottom: 22px
}

.header-burger-menu__second-sub:last-child {
    margin-bottom: 0
}

.header-burger-menu__children-complex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px;
    width: 110%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-burger-menu__children-line {
    width: 400px;
    height: 1px;
    background: #c7c7c9
}

.header-burger-menu__title-mobile-head {
    margin-top: 22px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-burger-menu__title-mobile-head.open.title-arrow:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-burger-menu__title-mobile-head.title-arrow {
    position: relative
}

.header-burger-menu__title-mobile-head.title-arrow:after {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    right: 0;
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("../images/mobile-arrow-header-menu.83b11d5c4f79.svg")
}


.header-burger-menu__title-mobile-head:hover {
    color: #004792
}

@media only screen and (max-width: 812px) {
    .header-burger-menu__title-mobile-head:hover {
        color: #000
    }
}

.header-burger-menu__download-app {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 56px;
    border: 1px solid #d6d6d9;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #000
}

@media only screen and (max-width: 812px) {
    .header-burger-menu__download-app {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.header-burger-menu__mobile-button {
    display: none
}

@media only screen and (max-width: 812px) {
    .header-burger-menu__mobile-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 4
    }

    .header-burger-menu__mobile-button .header__category-button {
        z-index: 1
    }

    .header-burger-menu__mobile-button:after {
        content: "";
        bottom: 40px;
        width: 100%;
        height: 57px;
        background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(25.11%, #f5f5f5));
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #f5f5f5 25.11%);
        position: absolute;
        z-index: 0
    }
}

.header-burger-menu__mobile-button .header__category-button:before {
    width: 50%
}

.header-burger-menu__mobile-button .header__category-button.button {
    width: 100%;
    margin-left: 0;
    height: 56px;
    margin-bottom: 16px;
    font-weight: 400;
    text-align: center;
    color: #fff
}

.header-burger-menu__mobile-button .header__category-button.button, .header-burger-menu__title-desk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-burger-menu__title-desk {
    font-weight: 700;
    color: #000
}

.header-burger-menu__title-desk:hover {
    color: #004792
}

.header-burger-menu__promo-slide {
    background: #f5f5f5;
    border-radius: 12px;
    width: 712px;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 21px 54px 16px 58px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-burger-menu__promo-image {
    width: 314px;
    height: 133px;
    background-repeat: no-repeat;
    background-size: cover
}

.header-burger-menu__promo-title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    margin-bottom: 13px;
    width: 217px
}

.header-burger-menu__subscription-sucsess-link {
    position: relative;
    color: #000
}

.header-burger-menu__subscription-sucsess-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #000;
    width: 100%
}

.header-burger-menu__subscription-sucsess-link:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.header-burger-menu__promo-sub {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #5d6366;
    opacity: .8;
    width: 230px
}

.header-burger-menu__subscription-send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 300px
}

.header-burger-menu__subscription-validation-message {
    opacity: 0;
    color: #e61736;
    margin: 5px 0;
    font-size: 10px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.header-burger-menu__subscription-item._invalid .header-burger-menu__subscription-input {
    color: #e61736;
    border: 1px solid #e61736;
    border-width: 1px 0 1px 1px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-burger-menu__subscription-item._invalid .header-burger-menu__subscription-validation-message {
    opacity: 1
}

.header-burger-menu__subscription-button {
    width: 44px;
    height: 44px;
    background-image: url("../images/accept-send-form.6bd7598703f2.svg");
    cursor: pointer
}

.header-burger-menu__subscription-text {
    width: 303px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #666;
    opacity: .8
}

.header-burger-menu__subscription-mail {
    color: #0d50a0
}

.header-burger-menu__subscription-wrapper {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-burger-menu__subscription-wrapper._hide {
    opacity: 0;
    display: none
}

.header-burger-menu__subscription-sucsess {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    pointer-events: none
}

.header-burger-menu__subscription-sucsess._active {
    opacity: 1
}

.header-burger-menu__subscription-error {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    pointer-events: none
}

.header-burger-menu__subscription-error._active {
    opacity: 1
}

.header-burger-menu__mobile-wrapper {
    display: none
}

@media only screen and (max-width: 812px) {
    .header-burger-menu__mobile-wrapper {
        padding: 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.header-burger-menu__swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 54px
}

.header-burger-menu__promo-next.swiper-button-next:after {
    content: "";
    width: 11px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/arrow-swiper-right-big.819e297e40b4.svg")
}

.header-burger-menu__promo-prev.swiper-button-prev:after {
    content: "";
    width: 11px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/arrow-swiper-left-big.50a5c8f00331.svg")
}

.swiper-pagination-bullet {
    background: transparent;
    width: 8px;
    height: 8px;
    border: 1px solid #c4c4c4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #feca30;
    border: transparent
}

.advantages {
    height: auto;
    padding: 0
}

.advantages__wrapper {
    padding: 80px 86px 86px
}

@media only screen and (max-width: 812px) {
    .advantages__wrapper {
        padding: 0 24px;
        padding-top: 40px;
        margin: auto
    }
}

.advantages__title {
    font-style: normal;
    font-weight: 300;
    font-size: 52px;
    line-height: 62px;
    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;
    color: #000;
    margin-bottom: 12px
}

@media only screen and (max-width: 812px) {
    .advantages__title {
        font-size: 32px;
        line-height: 130%;
        margin-bottom: 16px;
        text-align: center
    }
}

.advantages__subtitle {
    text-align: center;
    font-style: normal;
    font-weight: 300;
    font-size: 26px;
    line-height: 120%;
    color: #333;
    opacity: .8;
    margin-bottom: 40px
}

@media only screen and (max-width: 812px) {
    .advantages__subtitle {
        font-weight: 300;
        font-size: 18px;
        line-height: 120%;
        color: #333;
        opacity: .8;
        margin-bottom: 32px
    }
}

.advantages__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 36px
}

.advantages__card:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 812px) {
    .advantages__card, .advantages__card:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.advantages__card-mini {
    width: 32%;
    height: 470px;
    padding: 44px 37px 50px 36px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #dad8d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 812px) {
    .advantages__card-mini {
        width: auto;
        padding: 0;
        border: transparent;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        height: auto
    }
}

.advantages__card-long {
    width: 66%;
    height: 470px;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px
}

@media only screen and (max-width: 812px) {
    .advantages__card-long {
        width: auto;
        height: 446px
    }
}

.advantages__number {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #0d50a0
}

@media only screen and (max-width: 812px) {
    .advantages__number {
        font-weight: 500;
        font-size: 32px;
        line-height: 38px;
        color: #333;
        margin-bottom: 20px
    }
}

.advantages__title-card {
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 144%;
    margin-bottom: 10px
}

@media only screen and (max-width: 812px) {
    .advantages__title-card {
        font-weight: 400;
        font-size: 24px;
        line-height: 134%;
        color: #333;
        margin-bottom: 24px
    }
}

.advantages__text-long {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    color: #fff;
    position: absolute;
    z-index: 334555;
    bottom: 60px;
    left: 36px
}

@media only screen and (max-width: 812px) {
    .advantages__text-long {
        left: 24px;
        bottom: 20px;
        width: 151px;
        font-size: 24px
    }
}

.advantages__image {
    background-image: url("../images/image-card.4697285b9e7b.png");
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.advantages__image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(36.95%, rgba(0, 25, 41, 0)), color-stop(60.32%, rgba(0, 25, 41, .064)), color-stop(89.73%, rgba(0, 25, 41, .4)));
    background: linear-gradient(180deg, rgba(0, 25, 41, 0) 36.95%, rgba(0, 25, 41, .064) 60.32%, rgba(0, 25, 41, .4) 89.73%)
}

.advantages__swiper-container {
    width: 100%;
    height: 100%
}

.advantages__button-next {
    width: 40px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 50%;
    z-index: 1;
    border-radius: 100%;
    right: 28px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    outline: none
}

.advantages__button-next:hover {
    background: #0d50a0
}

@media only screen and (max-width: 812px) {
    .advantages__button-next:hover {
        background: #fff
    }
}

.advantages__button-next:hover:after {
    background-image: url("../images/arrow-next-advantages.59f4b066f4f0.svg")
}

@media only screen and (max-width: 812px) {
    .advantages__button-next:hover:after {
        background-image: url("../images/advantages-arrow-next.4934f7397173.svg")
    }
}

.advantages__button-next:active {
    outline: none
}

.advantages__button-next.swiper-button-disabled {
    pointer-events: none;
    opacity: .3
}

@media only screen and (max-width: 812px) {
    .advantages__button-next {
        right: 24px;
        bottom: 35px;
        top: auto
    }
}

.advantages__button-next:after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 8px;
    height: 13px;
    background-image: url("../images/advantages-arrow-next.4934f7397173.svg");
    background-repeat: no-repeat;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.advantages__button-next:after, .advantages__button-prev {
    top: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.advantages__button-prev {
    width: 40px;
    height: 40px;
    background: #fff;
    position: absolute;
    z-index: 1;
    border-radius: 100%;
    left: 28px;
    cursor: pointer;
    outline: none
}

.advantages__button-prev:hover {
    background: #0d50a0
}

@media only screen and (max-width: 812px) {
    .advantages__button-prev:hover {
        background: #fff
    }
}

.advantages__button-prev:hover:after {
    background-image: url("../images/arrow-back-advantages.00eedcdec21a.svg")
}

@media only screen and (max-width: 812px) {
    .advantages__button-prev:hover:after {
        background-image: url("../images/advantages-arrow-prev.9cbf3a6a15ff.svg")
    }
}

.advantages__button-prev:active {
    outline: none
}

@media only screen and (max-width: 812px) {
    .advantages__button-prev {
        bottom: 35px;
        right: 76px;
        top: auto;
        left: auto
    }
}

.advantages__button-prev.swiper-button-disabled {
    opacity: .3;
    pointer-events: none
}

.advantages__button-prev:after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 8px;
    height: 13px;
    background-image: url("../images/advantages-arrow-prev.9cbf3a6a15ff.svg");
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width: 812px) {
    .advantages__swiper-pagination {
        display: none
    }
}

.advantages__swiper-pagination.swiper-pagination-bullets {
    display: none;
    width: auto;
    position: absolute;
    bottom: 28px;
    left: 50%;
    z-index: 1
}

.advantages__swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    border: 1px solid #fff;
    opacity: 1
}

.advantages__swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: transparent
}

.office-card {
    padding: 32px 20px 32px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
    will-change: max-height;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
    cursor: pointer;
    max-height: 172px
}

.office-card.\--com {
    max-height: 125px
}

@media only screen and (max-width: 812px) {
    .office-card {
        padding: 50px 24px 70px;
        max-height: none;
        height: 260px
    }

    .office-card.\--com {
        max-height: none;
        height: 210px
    }
}

.office-card.open {
    max-height: 450px
}

.office-card.open .office-card__actions, .office-card.open .office-card__project, .office-card.open .office-card__time {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: opacity .2s ease .2s;
    transition: opacity .2s ease .2s
}

.office-card__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: 50%;
    margin-right: 16px
}

@media only screen and (max-width: 812px) {
    .office-card__logo {
        display: none;
        width: 40px;
        height: 40px
    }
}

.office-card__logo-mobile {
    display: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: 50%;
    margin-right: 16px
}

@media only screen and (max-width: 812px) {
    .office-card__logo-mobile {
        display: block
    }
}

.office-card__title {
    font-size: 20px
}

@media only screen and (max-width: 812px) {
    .office-card__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.office-card__address {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
    height: 40px
}

.office-card__phones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 22px;
    font-weight: 500
}

@media only screen and (max-width: 812px) {
    .office-card__phones {
        font-size: 15px
    }
}

.office-card__phone {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #0d50a0;
    margin-right: 18px
}

.office-card__phone:last-child {
    margin-right: 0
}

.office-card__time {
    font-size: 12px;
    margin-top: 18px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media only screen and (max-width: 812px) {
    .office-card__time {
        display: none
    }
}

.office-card__time-title {
    color: #696969;
    font-size: 14px;
    margin-bottom: 18px
}

.office-card__time-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px
}

.office-card__time-item:last-child {
    margin-bottom: 0
}

.office-card__time-val {
    margin-left: 3px
}

.office-card__actions {
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media only screen and (max-width: 812px) {
    .office-card__actions {
        display: none
    }
}

.office-card__actions.active .office-card__button {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.office-card__actions.active .office-card__route-form {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.office-card__button {
    width: 204px;
    margin-top: 25px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.office-card__button, .office-card__route-form {
    height: 42px;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.office-card__route-form {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0
}

.office-card__project {
    height: 42px;
    width: 204px;
    margin-top: 20px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media only screen and (max-width: 812px) {
    .office-card__project {
        display: none
    }
}

.route-form__location {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 12px;
    height: 16px;
    width: 16px
}

.route-form__location.searching .route-form__location-search:after {
    -webkit-animation: search-pulse 1.8s ease infinite;
    animation: search-pulse 1.8s ease infinite
}

.route-form__location.success .route-form__location-result {
    background: url("../images/location-green.147b63be631b.svg") no-repeat 50%;
    opacity: 1
}

.route-form__location.error .route-form__location-result {
    background: url("../images/location-red.a3a266cc9372.svg") no-repeat 50%;
    opacity: 1
}

.route-form__location-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.route-form__location-search:after, .route-form__location-search:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: contain;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.route-form__location-search:before {
    background: url("../images/location.3a735f24d7af.svg") no-repeat 50%
}

.route-form__location-search:after {
    background: url("../images/location-blue.61ca7ef67c1e.svg") no-repeat 50%;
    opacity: 0
}

.route-form__location-result {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

.route-form__input {
    height: 100%;
    padding: 15px 45px 15px 40px
}

.route-form__submit {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 32px;
    width: 32px;
    border-radius: 100%;
    background: #0d50a0 url("../images/ic-chevron-white.cb88a26965de.svg") no-repeat 50%;
    background-size: 15px 15px;
    cursor: pointer
}

.route-form__submit:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    height: 10px;
    width: 10px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@-webkit-keyframes search-pulse {
    0% {
        opacity: 0
    }
    35% {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes search-pulse {
    0% {
        opacity: 0
    }
    35% {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

.comp-d-infra {
    position: relative;
    height: 700px
}

@media only screen and (max-width: 812px) {
    .comp-d-infra {
        height: auto;
        padding-top: 45px
    }
}

.comp-d-infra__wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 812px) {
    .comp-d-infra__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

.comp-d-infra__map {
    position: relative;
    width: 50%;
    z-index: 1
}

@media only screen and (max-width: 812px) {
    .comp-d-infra__map {
        width: 100%;
        height: 320px
    }
}

.comp-d-infra__map-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1
}

.comp-d-infra__map .leaflet-control-container {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.comp-d-infra__route {
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 250px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.comp-d-infra__route.active .comp-d-infra__route-btn {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.comp-d-infra__route-btn, .comp-d-infra__route.active .comp-d-infra__route-form {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.comp-d-infra__route-btn {
    height: 42px;
    -webkit-transition: all .3s ease, -webkit-transform .3s ease;
    transition: all .3s ease, -webkit-transform .3s ease;
    transition: all .3s ease, transform .3s ease;
    transition: all .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.comp-d-infra__route-btn.yellow-bg:hover {
    background-color: #ffe599;
    border-color: #ffe599
}

.comp-d-infra__route-form {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 42px;
    width: 100%;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.comp-d-infra__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    padding: 152px 87px 100px;
    background-color: #efefef
}

@media only screen and (max-width: 812px) {
    .comp-d-infra__info {
        width: 100%;
        padding: 0
    }
}

.comp-d-infra__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-bottom: 30px
}

@media only screen and (max-width: 812px) {
    .comp-d-infra__tabs {
        position: absolute;
        top: 0;
        left: 50%;
        padding: 0 24px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.comp-d-infra__tabs-item {
    position: relative;
    margin-right: 58px;
    font-size: 32px;
    font-weight: 500;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .comp-d-infra__tabs-item {
        font-size: 18px;
        font-weight: 300;
        margin-right: 38px
    }
}

.comp-d-infra__tabs-item:last-child {
    margin-right: 0
}

.comp-d-infra__tabs-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    height: 4px;
    background-color: #feca30;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    will-change: opacity;
    pointer-events: none
}

@media only screen and (max-width: 812px) {
    .comp-d-infra__tabs-item:after {
        height: 1px;
        bottom: -24px;
        background-color: #32373f
    }
}

.comp-d-infra__tabs-item.active:after, .comp-d-infra__tabs-item:hover:after {
    opacity: 1
}

.comp-d-infra__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    margin-top: 57px
}

@media only screen and (max-width: 812px) {
    .comp-d-infra__content {
        margin-top: 32px;
        padding: 0 24px 38px
    }
}

.comp-d-infra__content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.comp-d-infra__content-wrap.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 2
}

@media only screen and (max-width: 812px) {
    .comp-d-infra__content-wrap.active {
        position: relative
    }
}

.comp-d-infra__text {
    line-height: 24px;
    color: #525c66
}

@media only screen and (max-width: 812px) {
    .comp-d-infra__text {
        font-size: 14px
    }
}

.comp-d-infra__text p {
    margin-bottom: 24px
}

.comp-d-infra__text p:last-child {
    margin-bottom: 0
}

.infra-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.infra-legend__btn {
    position: relative;
    padding: 12px 16px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    background-color: #fff;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px
}

@media only screen and (max-width: 812px) {
    .infra-legend__btn {
        font-size: 14px
    }
}

.infra-legend__btn:hover {
    background-color: #f7db88
}

.infra-legend__btn:hover span {
    background-color: #fff
}

.infra-legend__btn.ic {
    padding-left: 48px
}

.infra-legend__btn.active {
    background-color: #feca30
}

.infra-legend__btn.active span {
    background-color: #fff
}

.infra-legend__btn:first-child {
    padding-left: 16px
}

.infra-legend__btn span {
    position: absolute;
    top: 50%;
    left: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 32px;
    width: 32px;
    border-radius: 100%;
    background-color: #efefef;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.infra-legend__under-construction-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.infra-legend__under-construction-icon, .infra-pin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infra-pin {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.infra-pin:hover .infra-pin__title {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.infra-pin:hover .infra-pin__title span {
    -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .4s;
    transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .4s;
    opacity: 1
}

.infra-pin__icon {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    z-index: 2;
    border-radius: 20px;
    background-color: #0d50a0;
    background-size: 16px;
    background-position: 50%;
    background-repeat: no-repeat
}

.infra-pin__icon._parking:after {
    content: "P";
    color: #feca30;
    position: absolute;
    top: 50%;
    left: 52%;
    font-size: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.infra-pin__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 10px;
    height: 100%;
    padding-left: 30px;
    padding-right: 20px;
    background-color: #fff;
    font-size: 13px;
    white-space: nowrap;
    border-radius: 20px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: transform .4s cubic-bezier(.25, .46, .45, .94), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 1
}

.infra-pin__title span {
    -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
    opacity: 0
}

.infra-pin__metro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.infra-pin__metro:hover .infra-pin__metro-title {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.infra-pin__metro:hover .infra-pin__metro-title span {
    -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .4s;
    transition: opacity .2s cubic-bezier(.25, .46, .45, .94) .4s;
    opacity: 1
}

.infra-pin__metro-icon {
    background-color: #0d50a0;
    background-size: 10px;
    background-position: 50%;
    background-repeat: no-repeat
}

.infra-pin__metro-exit-icon, .infra-pin__metro-icon {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 17px;
    height: 17px;
    z-index: 2;
    border-radius: 6px
}

.infra-pin__metro-exit-icon {
    margin-left: 3px;
    text-align: center;
    color: #f2c94c;
    font-size: 10px;
    line-height: 18px;
    font-weight: bolder;
    background-color: #4b4d54
}

.infra-pin__metro-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 25px;
    padding-left: 20px;
    padding-right: 10px;
    height: 100%;
    background-color: #fff;
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap;
    border-radius: 20px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: transform .4s cubic-bezier(.25, .46, .45, .94), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 1
}

.infra-pin__metro-title span {
    -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
    opacity: 0
}

.office-list {
    width: 100%;
    overflow: hidden
}

.office-list__main {
    position: relative
}

.office-list__main:after, .office-list__main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.office-list__main:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .7)), to(hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))
}

.office-list__main:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e8e3e1), to(hsla(17, 13%, 90%, 0)));
    background-image: linear-gradient(0deg, #e8e3e1, hsla(17, 13%, 90%, 0))
}

.office-list__main.open:after, .office-list__main.open:before {
    opacity: 0;
    pointer-events: none
}

.office-list__main.open .office-list__breadcrumbs {
    -webkit-transform: translate3d(-50%, -40px, 0);
    transform: translate3d(-50%, -40px, 0);
    opacity: 0
}

.office-list__main.open .office-list__title .title {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    opacity: 0
}

.office-list__main.open .office-list__title .subtitle {
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
    opacity: 0
}

.office-list__main.open .office-list__map {
    max-height: calc(100vh - 80px - 40px);
    -webkit-transition: max-height .4s ease;
    transition: max-height .4s ease
}

@media only screen and (max-width: 812px) {
    .office-list__main.open .office-list__map {
        max-height: calc(100vh - 80px - 110px)
    }
}

.office-list__main.open .office-list__aside {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s ease .4s;
    transition: -webkit-transform .3s ease .4s;
    transition: transform .3s ease .4s;
    transition: transform .3s ease .4s, -webkit-transform .3s ease .4s
}

@media only screen and (max-width: 812px) {
    .office-list__main.open .office-list__aside {
        -webkit-transition: max-height .3s ease .1s, opacity .2s ease .3s;
        transition: max-height .3s ease .1s, opacity .2s ease .3s;
        max-height: 300px;
        opacity: 1
    }
}

.office-list__breadcrumbs {
    top: 90px;
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease
}

.office-list__breadcrumbs, .office-list__title {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    z-index: 3
}

.office-list__title {
    top: 115px
}

.office-list__title .title {
    text-align: center
}

.office-list__title .subtitle, .office-list__title .title {
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease
}

.office-list__title .subtitle {
    margin-top: 12px;
    font-weight: 300;
    color: #0d50a0
}

@media only screen and (max-width: 812px) {
    .office-list__title .subtitle {
        display: none
    }
}

.office-list__map {
    position: relative;
    max-height: 350px;
    overflow: hidden;
    -webkit-transition: max-height .4s ease .2s;
    transition: max-height .4s ease .2s;
    will-change: max-height;
    z-index: 1
}

@media only screen and (max-width: 812px) {
    .office-list__map {
        max-height: 240px;
        -webkit-transition: max-height .4s ease;
        transition: max-height .4s ease
    }
}

.office-list__map-wrap {
    height: calc(100vh - 80px - 40px);
    width: 100%
}

.office-list__print {
    position: absolute;
    bottom: 60px;
    left: 60px;
    height: 42px;
    z-index: 10;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.office-list__print.active {
    opacity: 1
}

.office-list__aside {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(100vh - 80px - 40px);
    width: 484px;
    background-color: #fff;
    z-index: 3;
    overflow: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    will-change: transform
}

@media only screen and (max-width: 812px) {
    .office-list__aside {
        position: relative;
        height: auto;
        width: 100%;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        background-color: #f5f7fa;
        -webkit-transition: max-height .2s ease, opacity .2s ease;
        transition: max-height .2s ease, opacity .2s ease
    }

    .office-list__aside .slick-dots {
        bottom: 30px
    }

    .office-list__aside.\--com .slick-dots > li {
        margin-left: 5px;
        margin-right: 5px
    }
}

.office-list__aside:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 74px;
    width: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .07)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .07), transparent);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: none
}

@media only screen and (max-width: 812px) {
    .office-list__aside:after {
        content: none
    }
}

.office-list__aside .mCSB_inside > .mCSB_container {
    margin-right: 10px
}

.office-list__button {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 204px;
    height: 44px;
    z-index: 5;
    padding-left: 48px
}

@media only screen and (max-width: 812px) {
    .office-list__button {
        font-size: 14px
    }
}

.office-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 45px;
    padding-top: 20px;
    padding-bottom: 54px;
    padding-left: 86px
}

@media only screen and (max-width: 812px) {
    .office-list__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 24px;
        padding-right: 24px
    }
}

.office-list__central {
    width: 370px
}

@media only screen and (max-width: 812px) {
    .office-list__central {
        width: 100%
    }
}

.office-list__central .office-card__title {
    font-size: 27px;
    font-weight: bold;
}

@media only screen and (max-width: 812px) {
    .office-list__central .office-card__title {
        font-size: 24px
    }
}

.office-list__central .office-card__address {
    margin-top: 22px;
    font-size: 16px;
    line-height: 26px;
    height: auto;
    width: 100%;
    max-width: 440px
}

@media only screen and (max-width: 812px) {
    .office-list__central .office-card__address {
        font-size: 14px
    }
}

.office-list__central .office-card__phones {
    margin-top: 30px
}

@media only screen and (max-width: 812px) {
    .office-list__central .office-card__phones {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.office-list__central .office-card__phone {
    font-size: 22px;
    margin-right: 52px
}

@media only screen and (max-width: 812px) {
    .office-list__central .office-card__phone {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.office-list__central .office-card__phone:last-child {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .office-list__central .office-card__phone:last-child {
        margin-bottom: 0
    }
}

.office-list__attention {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    line-height: 15px;
    margin-top: 36px;
    width: 100%;
    max-width: 420px
}

@media only screen and (max-width: 812px) {
    .office-list__attention {
        margin-top: 26px
    }
}

.office-list__attention:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 34px;
    width: 38px;
    margin-right: 15px;
    background: url("../images/ic-attention.96315f7a85a2.svg") 50% no-repeat;
    background-size: contain
}

.office-list__others {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 812px) {
    .office-list__others {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 40px
    }
}

.office-list__others-item {
    margin-left: 175px
}

@media only screen and (max-width: 812px) {
    .office-list__others-item {
        margin-right: 0;
        margin-bottom: 60px
    }
}

.office-list__others-item:last-child {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .office-list__others-item:last-child {
        margin-bottom: 0
    }
}

.office-list__others .office-card__title {
    font-size: 23px;
    font-weight: bold;
}

@media only screen and (max-width: 812px) {
    .office-list__others .office-card__title {
        font-size: 22px
    }
}

.office-list__others .office-card__phone {
    font-size: 22px;
    margin-top: 18px
}

.office-list__others .office-card__time {
    margin-top: 23px;
    font-size: 13px;
    opacity: 1;
    pointer-events: all
}

.office-list__others .office-card__time-item {
    margin-bottom: 8px
}

.office-list__marker {
    position: relative;
    height: 40px;
    width: 40px;
    padding: 5px;
    background-color: transparent;
}

.office-list__marker:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff
}

.office-list__marker > a, .office-list__marker > div {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.mortgage-filter__row {
    width: 100%;
    margin: 50px auto 57px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 812px) {
    .mortgage-filter__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width: 812px) {
    .mortgage-filter__row:last-of-type {
        margin-bottom: 0;
        margin-top: 0
    }
}

.mortgage-filter__label {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 50px
}

@media only screen and (max-width: 812px) {
    .mortgage-filter__label {
        font-size: 16px;
        font-weight: 300
    }
}

.mortgage-filter__label span {
    display: none
}

.mortgage-filter__label span:first-of-type {
    display: block
}

@media only screen and (max-width: 812px) {
    .mortgage-filter__label span:first-of-type {
        display: none
    }
}

@media only screen and (max-width: 812px) {
    .mortgage-filter__label span:last-of-type {
        display: block
    }
}

@media only screen and (max-width: 812px) {
    .mortgage-filter .realty-filter__select {
        width: 233px;
        margin: 0 auto
    }
}

.mortgage-filter .realty-filter__label {
    text-align: center
}

.mortgage-card {
    position: relative;
    z-index: 10;
    max-height: 128px;
    margin-bottom: 14px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    border-radius: 5px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .3s ease, max-height .3s ease-in-out, margin .3s ease-in-out, -webkit-transform .3s ease, -webkit-box-shadow .2s ease;
    transition: opacity .3s ease, max-height .3s ease-in-out, margin .3s ease-in-out, -webkit-transform .3s ease, -webkit-box-shadow .2s ease;
    transition: opacity .3s ease, transform .3s ease, max-height .3s ease-in-out, margin .3s ease-in-out, box-shadow .2s ease;
    transition: opacity .3s ease, transform .3s ease, max-height .3s ease-in-out, margin .3s ease-in-out, box-shadow .2s ease, -webkit-transform .3s ease, -webkit-box-shadow .2s ease;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .mortgage-card {
        max-height: none;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        background-color: #f5f7fa
    }
}

.mortgage-card:hover {
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05)
}

.mortgage-card._hidden {
    max-height: 0;
    margin: 0;
    opacity: 0 !important
}

.mortgage-card._many {
    margin-bottom: 30px;
    -webkit-transition: margin-bottom .2s ease;
    transition: margin-bottom .2s ease
}

.mortgage-card._many:after, .mortgage-card._many:before {
    content: "";
    position: absolute;
    display: block;
    height: 128px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    -webkit-transition: top .2s ease, opacity .3s ease;
    transition: top .2s ease, opacity .3s ease
}

.mortgage-card._many:before {
    top: 8px;
    left: 1%;
    z-index: 5;
    width: 98%
}

@media only screen and (max-width: 812px) {
    .mortgage-card._many:before {
        height: 100%
    }
}

.mortgage-card._many:after {
    top: 16px;
    left: 2%;
    z-index: 2;
    width: 96%
}

@media only screen and (max-width: 812px) {
    .mortgage-card._many:after {
        height: 100%
    }
}

.mortgage-card._many:hover {
    margin-bottom: 70px
}

@media only screen and (max-width: 812px) {
    .mortgage-card._many:hover {
        margin-bottom: 30px
    }
}

.mortgage-card._many:hover:before {
    top: 18px
}

@media only screen and (max-width: 812px) {
    .mortgage-card._many:hover:before {
        top: 8px
    }
}

.mortgage-card._many:hover:after {
    top: 36px
}

@media only screen and (max-width: 812px) {
    .mortgage-card._many:hover:after {
        top: 16px
    }
}

.mortgage-card._many._active {
    margin-bottom: 14px
}

.mortgage-card._many._active:after, .mortgage-card._many._active:before {
    top: 500px;
    opacity: 0
}

.mortgage-card._many._active:hover {
    margin-bottom: 14px
}

.mortgage-card._many._active:hover:after, .mortgage-card._many._active:hover:before {
    opacity: 0
}

.mortgage-card._many._active .mortgage-card__body {
    pointer-events: visible
}

.mortgage-card__collapse {
    height: 0;
    margin: 0;
    opacity: 0;
    color: #0d50a0;
    font-size: 16px;
    line-height: 23px;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.mortgage-card__collapse._active {
    position: relative;
    z-index: 11;
    opacity: 1;
    height: auto;
    margin: 32px auto
}

.mortgage-card__count {
    position: absolute;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #0d50a0;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
    overflow: hidden;
    pointer-events: visible
}

@media only screen and (max-width: 812px) {
    .mortgage-card__count {
        right: 29px;
        top: 40px
    }
}

.mortgage-card__count._active span {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px);
    pointer-events: none
}

.mortgage-card__count._active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: visible
}

.mortgage-card__count:before {
    content: "-";
    position: absolute;
    display: block;
    -webkit-transform: translateY(32px);
    transform: translateY(32px);
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
    pointer-events: none
}

.mortgage-card__many {
    position: absolute;
    top: 8px;
    z-index: 5;
    display: block;
    width: 98%;
    margin-left: 1%;
    height: 114px;
    padding: 20px 37px 20px 27px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05)
}

@media only screen and (max-width: 812px) {
    .mortgage-card__many {
        padding: 0
    }
}

.mortgage-card.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.mortgage-card__body {
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 37px 20px 27px;
    min-height: 114px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    pointer-events: none
}

@media only screen and (max-width: 812px) {
    .mortgage-card__body {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto;
        padding: 40px 29px 40px 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.mortgage-card__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 179px;
    height: 88px;
    margin-left: 92px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media only screen and (max-width: 812px) {
    .mortgage-card__logo {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 4px;
        margin-left: 0;
        height: 57px;
        background-position: 0
    }
}

.mortgage-card__program-title {
    width: 144px;
    font-size: 14px;
    opacity: .7;
    line-height: 1.5;
    font-weight: 500
}

@media only screen and (max-width: 812px) {
    .mortgage-card__program-title {
        display: none
    }
}

@media only screen and (max-width: 812px) {
    .mortgage-card__item {
        width: 45%;
        margin-top: 22px
    }

    .mortgage-card__item:nth-of-type(odd) {
        margin-right: 10%
    }
}

.mortgage-card__item-title {
    margin-bottom: 13px;
    font-weight: 500;
    font-size: 12px;
    opacity: .7
}

@media only screen and (max-width: 812px) {
    .mortgage-card__item-title {
        margin-bottom: 9px
    }
}

.mortgage-card__item-value {
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.mortgage-card__item-value._term {
    width: 120px
}

@media only screen and (max-width: 812px) {
    .mortgage-card__item-value._term {
        width: auto
    }
}

.mortgage-card__item-value._desc, .mortgage-card__item-value._objects {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.mortgage-card__item-value.price {
    color: #219653
}

@media only screen and (max-width: 812px) {
    .mortgage-card._many .mortgage-card__item:nth-of-type(2n) {
        margin-right: 10%
    }

    .mortgage-card._many .mortgage-card__item:nth-of-type(odd) {
        margin-right: 0
    }
}

.mortgage-card-info__overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    opacity: 0;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: opacity .2s ease, -webkit-transform 0s ease;
    transition: opacity .2s ease, -webkit-transform 0s ease;
    transition: opacity .2s ease, transform 0s ease;
    transition: opacity .2s ease, transform 0s ease, -webkit-transform 0s ease;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mortgage-card-info__overlay._active {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mortgage-card-info__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 444px;
    padding: 20px 26px;
    border-radius: 6px;
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__content {
        width: 90%;
        max-height: 90%;
        padding: 20px 23px;
        overflow: scroll
    }
}

.mortgage-card-info__close {
    position: absolute;
    top: 20px;
    right: 23px;
    width: 14px;
    height: 14px;
    background-image: url("../images/grey-close.b4858642f749.svg");
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
    cursor: pointer
}

.mortgage-card-info__close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mortgage-card-info__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90px;
    width: 100%;
    padding: 24px 22px 0;
    border-bottom: 2px solid #f0f0f0
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__header {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 24px 0 0
    }
}

.mortgage-card-info__logo {
    min-width: 179px;
    height: 100%;
    margin-right: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__logo {
        min-width: 100px;
        width: 100px;
        margin-right: 0
    }
}

.mortgage-card-info__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700
}

.mortgage-card-info__subtitle {
    display: block;
    font-size: 10px;
    line-height: 14px;
    color: rgba(0, 0, 0, .6)
}

.mortgage-card-info__fields {
    padding: 0 22px;
    margin: 17px 0 30px
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__fields {
        padding: 0
    }
}

.mortgage-card-info__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 20px
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__field {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.mortgage-card-info__field:first-child {
    margin-top: 0
}

.mortgage-card-info__field-name {
    width: 140px;
    margin-right: 64px;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__field-name {
        margin-right: 0
    }
}

.mortgage-card-info__field-value {
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    white-space: nowrap
}

.mortgage-card-info__desc {
    padding: 0 22px
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__desc {
        padding: 0
    }
}

.mortgage-card-info__desc-title {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__desc-title {
        text-align: left
    }
}

.mortgage-card-info__desc-text {
    margin-top: 16px;
    font-size: 12px;
    font-weight: 300;
    line-height: 19px;
    color: rgba(0, 0, 0, .7)
}

.mortgage-card-info__objects {
    margin-top: 8px
}

.mortgage-card-info__objects .mCS-info-card.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #f2c94c;
    width: 4px;
    border-radius: 4px
}

.mortgage-card-info__objects .mCS-info-card.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e3e3e3;
    width: 2px;
    border-radius: 2px
}

.mortgage-card-info__objects-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 360px;
    height: 0;
    opacity: 0;
    margin-top: 24px;
    overflow-y: auto;
    -webkit-transition: opacity .4s ease-in-out, height .4s ease;
    transition: opacity .4s ease-in-out, height .4s ease
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__objects-items {
        width: 100%
    }
}

.mortgage-card-info__objects-items._active {
    opacity: 1;
    height: 260px
}

.mortgage-card-info__objects-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    margin-bottom: 15px
}

.mortgage-card-info__objects-item img {
    position: relative;
    z-index: 5;
    margin-left: 10px;
    margin-right: 12px
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__objects-item img {
        width: 31px
    }
}

.mortgage-card-info__objects-item span {
    position: relative;
    z-index: 5
}

.mortgage-card-info__objects-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #f2c94c;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease
}

.mortgage-card-info__objects-item:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.mortgage-card-info__objects-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__objects-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.mortgage-card-info__objects-title span {
    color: #0d50a0;
    font-size: 12px;
    line-height: 17px;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media only screen and (max-width: 812px) {
    .mortgage-card-info__objects-title span {
        margin-top: 10px
    }
}

.mortgage-card-info__objects-title span:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background-image: url("../images/ic-arrow-blue.3154983f8273.svg");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease
}

.mortgage-card-info__objects-title._active span:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.mortgage-card-info__callback {
    height: 43px;
    margin: 28px auto
}

.mortgage-card-info__callback button {
    width: 240px;
    margin: 0;
    white-space: nowrap
}

.mortgage {
    background-color: #fafafa
}

.mortgage__wrap {
    padding: 54px 86px 42px
}

@media only screen and (max-width: 812px) {
    .mortgage__wrap {
        padding: 30px 24px 24px
    }
}

.mortgage__title {
    display: none;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 20px;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .mortgage__title {
        display: block
    }
}

.mortgage__subtitle {
    font-size: 42px;
    font-weight: 300;
    margin-bottom: 56px;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .mortgage__subtitle {
        max-width: 400px;
        margin: 0 auto 35px;
        text-align: center;
        color: #0d50a0;
        font-size: 18px
    }
}

@media only screen and (max-width: 812px) and (max-width: 812px) {
    .mortgage__list .slick-list {
        width: calc(100% + 24px + 24px);
        margin-left: -24px;
        margin-right: -24px
    }
}

.mortgage__list-empty {
    text-align: center;
    font-size: 20px;
    color: rgba(0, 0, 0, .5)
}

.mortgage__list .slick-next {
    right: 16%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.mortgage__list .slick-next, .mortgage__list .slick-prev {
    position: absolute;
    bottom: 20px;
    width: 22px;
    height: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mortgage__list .slick-prev {
    left: 16%;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

.mortgage__list .dots li {
    display: none
}

.mortgage__list .dots li.slick-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mortgage__list .dots li .number {
    font-size: 24px;
    font-weight: 500
}

.mortgage__list .dots li .text {
    font-size: 14px;
    font-weight: 200
}

.mortgage__callback-link {
    margin-top: 30px;
    padding: 15px 40px
}

@media only screen and (max-width: 812px) {
    .mortgage__callback-link {
        margin-top: 23px;
        margin-bottom: 27px;
        font-size: 14px
    }
}

.mortgage__callback-btn {
    margin: 55px auto 0;
    padding: 11px 40px
}

@media only screen and (max-width: 812px) {
    .mortgage__callback-btn {
        margin: 30px auto 0;
        padding: 14px 34px;
        font-size: 14px
    }
}

.mortgage__callback-btn span {
    display: none
}

.mortgage__callback-btn span:first-of-type {
    display: block
}

@media only screen and (max-width: 812px) {
    .mortgage__callback-btn span:first-of-type {
        display: none
    }
}

@media only screen and (max-width: 812px) {
    .mortgage__callback-btn span:last-of-type {
        display: block
    }
}

.mortgage .realty-filter__slider {
    width: 330px
}

@media only screen and (max-width: 812px) {
    .mortgage .realty-filter__slider {
        width: 100%
    }
}

.mortgage .range-slider {
    background-color: #feca30
}

.mortgage__aside {
    padding: 0;
    color: #636363;
    font-size: 12px;
    line-height: 15px;
}

@media only screen and (max-width: 812px) {
    .footer-contacts {
        margin-top: 30px;
    }
}

.promo-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 250px;
    background-color: #fff;
    border-radius: 6px 0 0 6px;
    -webkit-transition: -webkit-box-shadow .3s ease, -webkit-transform .3s ease;
    transition: -webkit-box-shadow .3s ease, -webkit-transform .3s ease;
    transition: box-shadow .3s ease, transform .3s ease;
    transition: box-shadow .3s ease, transform .3s ease, -webkit-box-shadow .3s ease, -webkit-transform .3s ease
}

@media only screen and (max-width: 812px) {
    .promo-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        width: 100%;
        height: auto
    }
}

.promo-card:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-box-shadow: 0 10px 12px -4px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 12px -4px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 812px) {
    .promo-card:hover {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.promo-card.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border-radius: 0 6px 6px 0
}

@media only screen and (max-width: 812px) {
    .promo-card.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.promo-card--big {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 517px;
    border-radius: 6px 6px 0 0
}

@media only screen and (max-width: 812px) {
    .promo-card--big {
        height: auto
    }
}

.promo-card--big .promo-card__image {
    width: 100%;
    height: 370px
}

@media only screen and (max-width: 812px) {
    .promo-card--big .promo-card__image {
        height: 200px
    }
}

.promo-card--big .promo-card__content {
    width: 100%
}

.promo-card--big .promo-card__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.promo-card__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    width: 400px;
    background-color: #feca30;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 6px
}

@media only screen and (max-width: 812px) {
    .promo-card__image {
        width: 100%;
        height: 200px
    }
}

.promo-card__content {
    padding: 25px 35px
}

.promo-card__title {
    max-width: 360px;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    color: #000
}

.promo-card__text {
    font-size: 13px;
    font-weight: 300;
    color: #000;
    line-height: 1.9
}

.promo-card__timer {
    display: none;
    position: absolute;
    left: 35px;
    bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 812px) {
    .promo-card__timer {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 10px;
        background-color: #efefef;
        width: 100%
    }
}

.promo-card__timer-title {
    max-width: 112px;
    font-size: 13px;
    margin-right: 38px;
    line-height: 1.7
}

@media only screen and (max-width: 812px) {
    .promo-card__timer-title {
        display: none
    }
}

.promo-list {
    padding-top: 50px;
    padding-bottom: 42px;
    background-color: #efefef
}

@media only screen and (max-width: 812px) {
    .promo-list {
        padding-top: 24px;
        padding-bottom: 27px
    }
}

.promo-list__row {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.promo-list__row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.promo-list__row.reverse .promo-list__block:first-child {
    margin-right: 0
}

.promo-list__row.reverse .promo-list__block:nth-child(2) {
    margin-right: 20px
}

.promo-list__block {
    width: 600px
}

@media only screen and (max-width: 812px) {
    .promo-list__block {
        width: 100%
    }
}

.promo-list__block:nth-child(2n-1) {
    margin-right: 20px
}

@media only screen and (max-width: 812px) {
    .promo-list__block:nth-child(2n-1) {
        margin-right: 0
    }
}

.promo-list__block.wide {
    width: 740px
}

@media only screen and (max-width: 812px) {
    .promo-list__block.wide {
        width: 100%
    }
}

.promo-list .promo-card {
    margin-bottom: 18px
}

.promo-list__button {
    margin: 22px auto 0;
    padding: 0 60px;
    height: 44px
}

@media only screen and (max-width: 812px) {
    .promo-list__button {
        font-size: 14px
    }
}

.new-inner {
    position: relative;
    overflow: hidden;
    padding-bottom: 54px;
    margin-top: 20px
}

@media only screen and (max-width: 812px) {
    .new-inner {
        padding-bottom: 20px
    }
}

.new-inner h1 {
    width: 100%;
    font-size: 50px;
    font-weight: 500
}

@media only screen and (max-width: 812px) {
    .new-inner h1 {
        font-size: 24px;
        text-align: center
    }
}

.new-inner h2 {
    width: 100%;
    font-size: 44px;
    font-weight: 500;
    line-height: 1.2
}

@media only screen and (max-width: 812px) {
    .new-inner h2 {
        font-size: 24px;
        text-align: center
    }
}

.new-inner h3 {
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.7;
    margin-top: 10px
}

@media only screen and (max-width: 812px) {
    .new-inner h3 {
        font-size: 16px
    }
}

.new-inner h4 {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    margin-top: 30px
}

@media only screen and (max-width: 812px) {
    .new-inner h4 {
        display: none;
        font-size: 14px;
        text-align: center
    }
}

.new-inner .btn {
    margin-top: 30px;
    display: inline-block
}

.new-inner__breadcrumbs {
    position: absolute;
    left: 50%;
    top: 50px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5
}

.inner-intro {
    position: relative;
    height: calc(100vh - 80px);
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden
}

.inner-intro__title {
    width: 100%;
    font-size: 50px;
    font-weight: 500
}

@media only screen and (max-width: 812px) {
    .inner-intro__title {
        font-size: 40px
    }
}

.inner-intro__title.c-white {
    color: #fff
}

@media only screen and (max-width: 812px) {
    .inner-intro {
        min-height: 280px;
        height: auto
    }
}

.inner-intro:after {
    content: "";
    top: 0;
    z-index: 2
}

.inner-intro:after, .inner-intro__image {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.inner-intro__image {
    bottom: 0;
    background-size: cover
}

.inner-intro__image.back {
    z-index: 1;
    background-position: top
}

.inner-intro__image.front {
    z-index: 2;
    background-position: bottom
}

.inner-intro__wrap {
    position: relative;
    padding-top: 80px;
    z-index: 3;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .inner-intro__wrap {
        padding-top: 40px
    }
}

.inner-intro__subtitle {
    text-align: center;
    max-width: 700px;
    margin: 0 auto
}

@media only screen and (max-width: 812px) {
    .inner-intro__subtitle {
        margin-bottom: 10px
    }
}

.inner-about {
    padding-top: 60px;
    padding-bottom: 60px;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .8s ease, -webkit-transform .8s ease;
    transition: opacity .8s ease, -webkit-transform .8s ease;
    transition: opacity .8s ease, transform .8s ease;
    transition: opacity .8s ease, transform .8s ease, -webkit-transform .8s ease;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    position: relative
}

@media only screen and (max-width: 812px) {
    .inner-about {
        padding-top: 0;
        padding-bottom: 0
    }

    .inner-about h4 {
        display: block
    }
}

.inner-about__btn-mob.btn {
    display: none
}

@media only screen and (max-width: 812px) {
    .inner-about__btn-mob.btn {
        display: inline-block;
        margin: 0 auto;
        margin-top: 30px
    }
}

@media only screen and (max-width: 812px) {
    .inner-about__btn-desktop.btn {
        display: none
    }
}

.inner-about.n-emerge {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0
}

.inner-about__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 156px
}

@media only screen and (max-width: 812px) {
    .inner-about__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 24px;
        margin-bottom: 24px
    }
}

.inner-about__wrap.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 812px) {
    .inner-about__wrap.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.inner-about__info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 420px
}

@media only screen and (max-width: 812px) {
    .inner-about__info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-bottom: 24px
    }
}

.inner-about__info-text {
    position: relative;
    color: rgba(0, 0, 0, .6)
}

.inner-about__video-wrapper {
    position: relative
}

.inner-about__video {
    position: relative;
    width: 590px;
    height: 410px;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@media only screen and (max-width: 812px) {
    .inner-about__video {
        height: 280px;
        width: 100%;
        background-position: 0
    }
}

.inner-about__video._hidden {
    opacity: 0
}

.inner-about__video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.inner-about__video video {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.inner-image {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-transition: opacity .8s ease, -webkit-transform .8s ease;
    transition: opacity .8s ease, -webkit-transform .8s ease;
    transition: opacity .8s ease, transform .8s ease;
    transition: opacity .8s ease, transform .8s ease, -webkit-transform .8s ease;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    overflow: hidden
}

.inner-image__shield.center {
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inner-image__shield.left {
    text-align: left
}

.inner-image__shield.right {
    text-align: right
}

.inner-image__3d-container, .inner-image__3d-container-rect {
    display: none;
    position: absolute;
    z-index: 4
}

.inner-image__3d-container-rect {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 812px) {
    .inner-image {
        padding-top: 0;
        padding-bottom: 0
    }

    .inner-image h3 {
        display: none
    }
}

.inner-image__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 720px
}

@media only screen and (max-width: 812px) {
    .inner-image__wrap {
        height: 440px;
        margin-bottom: 24px
    }
}

.inner-image.n-emerge {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0
}

.inner-image.flex-start .inner-image__wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.inner-image.flex-start .inner-image__shield.pseudo {
    display: none
}

.inner-image.flex-start .inner-image__shield.n-emerge .btn, .inner-image.flex-start .inner-image__shield.n-emerge .inner-image__text, .inner-image.flex-start .inner-image__shield.n-emerge .inner-image__title {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px)
}

.inner-image.flex-start.with-shield .inner-image__shield {
    position: absolute;
    top: 50%;
    left: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fafafa;
    color: #000
}

.inner-image.flex-start.with-shield .inner-image__shield .btn, .inner-image.flex-start.with-shield .inner-image__shield .inner-image__text, .inner-image.flex-start.with-shield .inner-image__shield .inner-image__title {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.inner-image.flex-start.with-shield .inner-image__shield.n-emerge {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.inner-image.flex-start.with-shield .inner-image__shield.pseudo {
    background-color: transparent;
    color: #fff
}

.inner-image.flex-start.with-shield .inner-image__shield.pseudo .inner-image__label, .inner-image.flex-start.with-shield .inner-image__shield.pseudo .inner-image__text {
    opacity: 0
}

.inner-image.center .inner-image__wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inner-image.center .inner-image__shield.pseudo {
    display: none
}

.inner-image.center .inner-image__shield.n-emerge .btn, .inner-image.center .inner-image__shield.n-emerge .inner-image__text, .inner-image.center .inner-image__shield.n-emerge .inner-image__title {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px)
}

.inner-image.center.with-shield .inner-image__shield {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fafafa;
    color: #000
}

.inner-image.center.with-shield .inner-image__shield .btn, .inner-image.center.with-shield .inner-image__shield .inner-image__text, .inner-image.center.with-shield .inner-image__shield .inner-image__title {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.inner-image.center.with-shield .inner-image__shield.n-emerge {
    opacity: 0;
    -webkit-transform: translate(-50%, 100px);
    transform: translate(-50%, 100px)
}

.inner-image.center.with-shield .inner-image__shield.pseudo {
    background-color: transparent;
    color: #fff
}

.inner-image.center.with-shield .inner-image__shield.pseudo .inner-image__label, .inner-image.center.with-shield .inner-image__shield.pseudo .inner-image__text {
    opacity: 0
}

.inner-image.flex-end .inner-image__wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.inner-image.flex-end .inner-image__shield.pseudo {
    display: none
}

.inner-image.flex-end .inner-image__shield.n-emerge .btn, .inner-image.flex-end .inner-image__shield.n-emerge .inner-image__text, .inner-image.flex-end .inner-image__shield.n-emerge .inner-image__title {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px)
}

.inner-image.flex-end.with-shield .inner-image__shield {
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fafafa;
    color: #000
}

.inner-image.flex-end.with-shield .inner-image__shield .btn, .inner-image.flex-end.with-shield .inner-image__shield .inner-image__text, .inner-image.flex-end.with-shield .inner-image__shield .inner-image__title {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.inner-image.flex-end.with-shield .inner-image__shield.n-emerge {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.inner-image.flex-end.with-shield .inner-image__shield.pseudo {
    display: block;
    background-color: transparent;
    color: #fff
}

.inner-image.flex-end.with-shield .inner-image__shield.pseudo .inner-image__label, .inner-image.flex-end.with-shield .inner-image__shield.pseudo .inner-image__text {
    opacity: 0
}

.inner-image__image {
    background-size: cover;
    background-position: 50%;
    z-index: 1;
    overflow: hidden
}

.inner-image__image, .inner-image__image:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.inner-image__image:after {
    content: ""
}

.inner-image__image video {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 110%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.inner-image__shield {
    padding: 50px 70px 70px;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
    z-index: 2;
    color: #fff;
    max-width: 50%
}

@media only screen and (max-width: 812px) {
    .inner-image__shield {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 24px;
        width: calc(100% - 48px);
        height: calc(100% - 48px);
        max-width: 100%
    }
}

.inner-image__label {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 24px
}

.inner-image__title {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s ease, -webkit-transform .8s ease;
    transition: opacity .8s ease, -webkit-transform .8s ease;
    transition: opacity .8s ease, transform .8s ease;
    transition: opacity .8s ease, transform .8s ease, -webkit-transform .8s ease;
    font-size: 39px;
    font-weight: 300;
    line-height: 1.2;
    text-shadow: 2px 4px 2px black, 0px 0px 2px #000;
}

@media only screen and (max-width: 812px) {
    .inner-image__title {
        font-size: 20px;
        text-align: center
    }
}

.inner-image__text {
    max-width: 540px;
    -webkit-transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s;
    transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s;
    transition: opacity .8s ease .4s, transform .8s ease .4s;
    transition: opacity .8s ease .4s, transform .8s ease .4s, -webkit-transform .8s ease .4s
}

.inner-image .btn, .inner-image__text {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.inner-image .btn {
    -webkit-transition: border-color .3s ease, background-color .3s ease, color .3s ease, opacity .8s ease .8s, -webkit-box-shadow .3s ease, -webkit-transform .8s ease .8s;
    transition: border-color .3s ease, background-color .3s ease, color .3s ease, opacity .8s ease .8s, -webkit-box-shadow .3s ease, -webkit-transform .8s ease .8s;
    transition: border-color .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease, opacity .8s ease .8s, transform .8s ease .8s;
    transition: border-color .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease, opacity .8s ease .8s, transform .8s ease .8s, -webkit-box-shadow .3s ease, -webkit-transform .8s ease .8s
}

.inner-text {
    padding-top: 60px;
    text-align: center
}

.inner-text._padding-bottom {
    padding: 60px 0 30px
}

@media only screen and (max-width: 812px) {
    .inner-text._padding-bottom {
        padding: 24px 0 12px
    }
}

@media only screen and (max-width: 812px) {
    .inner-text {
        padding-top: 24px
    }
}

.inner-text h2 {
    margin-bottom: 0
}

.inner-text h4 {
    max-width: 800px;
    margin: 30px auto 0
}

@media only screen and (max-width: 812px) {
    .inner-text h4 {
        display: block
    }
}

.inner-advantage {
    padding-top: 60px;
    padding-bottom: 60px
}

@media only screen and (max-width: 812px) {
    .inner-advantage {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.inner-advantage__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 0
}

@media only screen and (max-width: 812px) {
    .inner-advantage__wrap .inner-advantage {
        margin-bottom: 32px
    }

    .inner-advantage__wrap .inner-advantage:last-child {
        margin-bottom: 0
    }
}

.inner-advantage__btn-container, .inner-advantage__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inner-advantage__btn-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 100px
}

.inner-advantage__btn {
    height: 42px
}

.inner-advantage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 840px;
    height: 420px;
    margin: 0 auto
}

@media only screen and (max-width: 812px) {
    .inner-advantage {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        height: auto;
        padding: 0 24px
    }
}

.inner-advantage.n-emerge .inner-advantage__info {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0)
}

.inner-advantage.n-emerge .inner-advantage__image {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0)
}

.inner-advantage.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 812px) {
    .inner-advantage.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.inner-advantage.reverse .inner-advantage__image {
    right: auto;
    left: 0
}

.inner-advantage.reverse.n-emerge .inner-advantage__info {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0)
}

.inner-advantage.reverse.n-emerge .inner-advantage__image {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0)
}

.inner-advantage.round .inner-advantage__image-wrap {
    border-radius: 50%
}

.inner-advantage__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 50%;
    padding: 0 60px;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .8s ease .3s, -webkit-transform .8s ease .3s;
    transition: opacity .8s ease .3s, -webkit-transform .8s ease .3s;
    transition: opacity .8s ease .3s, transform .8s ease .3s;
    transition: opacity .8s ease .3s, transform .8s ease .3s, -webkit-transform .8s ease .3s
}

@media only screen and (max-width: 812px) {
    .inner-advantage__info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 0;
        margin-bottom: 24px
    }
}

.inner-advantage__label {
    font-size: 18px;
    font-weight: 300;
    opacity: .6
}

@media only screen and (max-width: 812px) {
    .inner-advantage__label {
        font-size: 16px
    }
}

.inner-advantage__title {
    width: 100%;
    margin-top: 10px;
    font-size: 40px
}

@media only screen and (max-width: 812px) {
    .inner-advantage__title {
        font-size: 24px;
        text-align: center
    }
}

.inner-advantage__image {
    position: relative;
    width: 50%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .8s ease .3s, -webkit-transform .8s ease .3s;
    transition: opacity .8s ease .3s, -webkit-transform .8s ease .3s;
    transition: opacity .8s ease .3s, transform .8s ease .3s;
    transition: opacity .8s ease .3s, transform .8s ease .3s, -webkit-transform .8s ease .3s
}

@media only screen and (max-width: 812px) {
    .inner-advantage__image {
        width: 100%;
        padding-bottom: 100%
    }
}

.inner-advantage__image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover;
    overflow: hidden
}

.inner-advantage__image-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.inner-advantage__image-wrap video {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.inner-halfs {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (max-width: 812px) {
    .inner-halfs {
        padding-top: 0;
        padding-bottom: 0
    }
}

.inner-halfs__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inner-halfs__item {
    position: relative;
    height: 720px;
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
    margin-bottom: 40px;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s ease, -webkit-transform .8s ease;
    transition: opacity .8s ease, -webkit-transform .8s ease;
    transition: opacity .8s ease, transform .8s ease;
    transition: opacity .8s ease, transform .8s ease, -webkit-transform .8s ease
}

@media only screen and (max-width: 812px) {
    .inner-halfs__item {
        height: 440px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px
    }

    .inner-halfs__item:last-child {
        margin-bottom: 0
    }
}

.inner-halfs__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.inner-halfs__item:nth-child(2n) {
    margin-right: 0
}

.inner-halfs__item:nth-last-child(-n+2) {
    margin-bottom: 0
}

@media only screen and (max-width: 812px) {
    .inner-halfs__item:nth-last-child(-n+2) {
        margin-bottom: 24px
    }
}

.inner-halfs__item.n-emerge {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px)
}

.inner-halfs__item.n-emerge:nth-child(2n) {
    -webkit-transform: translateX(60px);
    transform: translateX(60px)
}

.inner-halfs__item-wrap {
    position: relative;
    height: 100%;
    padding: 60px;
    text-align: center;
    color: #fff;
    z-index: 2
}

@media only screen and (max-width: 812px) {
    .inner-halfs__item-wrap {
        padding: 40px 24px
    }
}

.inner-halfs__item-wrap .half-text {
    font-size: 18px
}

@media only screen and (max-width: 812px) {
    .inner-halfs__item-wrap .half-text {
        font-size: 14px
    }
}

.inner-halfs__item-title {
    font-size: 44px;
    font-weight: 500;
    line-height: 1.2
}

@media only screen and (max-width: 812px) {
    .inner-halfs__item-title {
        font-size: 24px;
        text-align: center
    }
}

.inner-halfs__image {
    background-size: cover;
    background-position: 50%;
    z-index: 1;
    overflow: hidden
}

.inner-halfs__image, .inner-halfs__image:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.inner-halfs__image:after {
    content: "";
    background-color: rgba(0, 0, 0, .2)
}

.inner-halfs__image video {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.inner-halfs__btn {
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.inner-slider {
    padding-bottom: 40px
}

@media only screen and (max-width: 812px) {
    .inner-slider {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

@media only screen and (max-width: 812px) {
    .inner-slider.intro {
        background-size: cover;
        background-repeat: no-repeat
    }
}

@media only screen and (max-width: 812px) {
    .inner-slider.intro .slider-arrow {
        display: block
    }
}

.inner-slider__video {
    width: 100%;
    background-color: #000
}

@media only screen and (max-width: 812px) {
    .inner-slider__video {
        height: 100%;
        width: auto
    }
}

.inner-slider__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

.inner-slider__filter-wrap {
    width: 180px
}

.inner-slider__filter-wrap .selectric-items {
    height: 200px
}

.inner-slider__filter select {
    opacity: 0
}

.inner-slider__slider {
    position: relative;
    overflow: hidden;
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease;
    z-index: 3
}

@media only screen and (max-width: 812px) {
    .inner-slider__slider {
        display: none
    }
}

.inner-slider__slider.loading {
    opacity: 0;
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.inner-slider__slider-wrap {
    position: relative;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    height: 100%;
    z-index: 2
}

.inner-slider__slider.mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .inner-slider__slider.mobile {
        display: block
    }
}

.inner-slider__slider .slick-dots {
    bottom: 60px
}

@media only screen and (max-width: 812px) {
    .inner-slider__slider .slick-dots {
        display: none;
        bottom: 24px
    }
}

.inner-slider__slider .slick-dots li {
    border: 1px solid #fff;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
}

.inner-slider__slider .slick-dots li.slick-active {
    border-color: transparent
}

@media only screen and (max-width: 812px) {
    .inner-slider__slider.\--news {
        display: block;
        margin-top: 20px
    }

    .inner-slider__slider.\--news .inner-slider__slide {
        width: 288px
    }
}

.inner-slider__slide {
    position: relative;
    height: 700px;
    width: 1200px;
    margin: 0 40px;
    background-position: 50%;
    background-size: cover;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .inner-slider__slide {
        height: 400px;
        margin: 0 24px;
        background-size: cover;
        background-repeat: no-repeat
    }
}

.inner-slider__slide.intro {
    height: calc(100vh - 80px);
    width: 100vw;
    margin: 0
}

@media only screen and (max-width: 812px) {
    .inner-slider__slide.intro {
        height: 440px
    }
}

.inner-others {
    display: none
}

.inner-others__title {
    display: block;
    text-align: center;
    margin-top: 40px;
    font-size: 44px;
    font-weight: 500;
    line-height: 1.2
}

@media only screen and (max-width: 812px) {
    .inner-others__title {
        font-size: 24px;
        text-align: center
    }
}

.inner-others .inner-halfs__item {
    background-color: rgba(0, 0, 0, .5)
}

.inner-complex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

@media only screen and (max-width: 812px) {
    .inner-complex {
        margin-top: 10px
    }
}

.inner-complex__name {
    font-size: 50px;
    font-weight: 500
}

@media only screen and (max-width: 812px) {
    .inner-complex__name {
        font-size: 26px;
        text-align: center
    }
}

.inner-complex__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

@media only screen and (max-width: 812px) {
    .inner-complex__back {
        margin-top: 20px;
        background: #feca30;
        border-radius: 40px;
        padding-left: 8px;
        height: 50px;
        width: 235px;
        margin-bottom: 35px
    }
}

.inner-complex__back-text {
    font-size: 20px;
    position: relative;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media only screen and (max-width: 812px) {
    .inner-complex__back-text {
        font-size: 14px
    }
}

.inner-complex__back-text:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.inner-complex__back .flat-info__back {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 14px;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    will-change: transform
}

@media only screen and (max-width: 812px) {
    .inner-complex__back .flat-info__back {
        background-color: #fff
    }
}

.inner-complex__back .flat-info__back:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 16px;
    width: 10px;
    height: 10px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media only screen and (max-width: 812px) {
    .inner-complex__back .flat-info__back:after {
        border-left: 2px solid #feca30;
        border-bottom: 2px solid #feca30
    }
}

.inner-complex__back:active {
    -webkit-box-shadow: inset 0 4px 5px rgba(0, 0, 0, .2);
    box-shadow: inset 0 4px 5px rgba(0, 0, 0, .2)
}

.inner-complex__back:hover .inner-complex__back-text:after {
    opacity: 1
}

@media only screen and (max-width: 812px) {
    .inner-complex__back:hover .inner-complex__back-text:after {
        opacity: 0
    }
}

.inner-complex__back:hover .flat-info__back {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

@media only screen and (max-width: 812px) {
    .inner-complex__back:hover .flat-info__back {
        -webkit-transform: none;
        transform: none
    }
}

.inner-complex__back:hover .flat-info__back:after {
    -webkit-transform: rotate(45deg) scale(1.1);
    transform: rotate(45deg) scale(1.1)
}

.comp-d-progress__slide-text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 14px
}

.new-inner.wg h4 {
    font-size: 18px
}

@media only screen and (max-width: 812px) {
    .new-inner.wg h4 {
        display: block;
        font-size: 14px;
        margin-top: 15px
    }
}

.new-inner.wg .inner-advantage__title {
    font-size: 18px;
    font-weight: 300
}

.new-inner.wg .inner-advantage__label {
    font-size: 40px;
    opacity: 1
}

.new-inner.wg .comp-d-videos {
    margin-top: 76px
}

.snow-wrapper {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media only screen and (max-width: 812px) {
    .snow-wrapper {
        display: block;
        top: auto;
        bottom: 0;
        height: 224px;
        opacity: 1
    }
}

.snow {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    z-index: 5
}

.snow:first-child {
    opacity: .5999;
    -webkit-transform: translate(56.9241vw, -10px) scale(.775);
    transform: translate(56.9241vw, -10px) scale(.775);
    -webkit-animation: fall-1 13s -8s linear infinite;
    animation: fall-1 13s -8s linear infinite
}

@-webkit-keyframes fall-1 {
    53.746% {
        -webkit-transform: translate(51.4248vw, 53.746vh) scale(.775);
        transform: translate(51.4248vw, 53.746vh) scale(.775)
    }
    to {
        -webkit-transform: translate(54.17445vw, 100vh) scale(.775);
        transform: translate(54.17445vw, 100vh) scale(.775)
    }
}

@keyframes fall-1 {
    53.746% {
        -webkit-transform: translate(51.4248vw, 53.746vh) scale(.775);
        transform: translate(51.4248vw, 53.746vh) scale(.775)
    }
    to {
        -webkit-transform: translate(54.17445vw, 100vh) scale(.775);
        transform: translate(54.17445vw, 100vh) scale(.775)
    }
}

.snow:nth-child(2) {
    opacity: .1941;
    -webkit-transform: translate(.9418vw, -10px) scale(.5902);
    transform: translate(.9418vw, -10px) scale(.5902);
    -webkit-animation: fall-2 11s -16s linear infinite;
    animation: fall-2 11s -16s linear infinite
}

@-webkit-keyframes fall-2 {
    30.76% {
        -webkit-transform: translate(10.4335vw, 30.76vh) scale(.5902);
        transform: translate(10.4335vw, 30.76vh) scale(.5902)
    }
    to {
        -webkit-transform: translate(5.68765vw, 100vh) scale(.5902);
        transform: translate(5.68765vw, 100vh) scale(.5902)
    }
}

@keyframes fall-2 {
    30.76% {
        -webkit-transform: translate(10.4335vw, 30.76vh) scale(.5902);
        transform: translate(10.4335vw, 30.76vh) scale(.5902)
    }
    to {
        -webkit-transform: translate(5.68765vw, 100vh) scale(.5902);
        transform: translate(5.68765vw, 100vh) scale(.5902)
    }
}

.snow:nth-child(3) {
    opacity: .0243;
    -webkit-transform: translate(87.8166vw, -10px) scale(.2151);
    transform: translate(87.8166vw, -10px) scale(.2151);
    -webkit-animation: fall-3 26s -10s linear infinite;
    animation: fall-3 26s -10s linear infinite
}

@-webkit-keyframes fall-3 {
    39.429% {
        -webkit-transform: translate(97.0554vw, 39.429vh) scale(.2151);
        transform: translate(97.0554vw, 39.429vh) scale(.2151)
    }
    to {
        -webkit-transform: translate(92.436vw, 100vh) scale(.2151);
        transform: translate(92.436vw, 100vh) scale(.2151)
    }
}

@keyframes fall-3 {
    39.429% {
        -webkit-transform: translate(97.0554vw, 39.429vh) scale(.2151);
        transform: translate(97.0554vw, 39.429vh) scale(.2151)
    }
    to {
        -webkit-transform: translate(92.436vw, 100vh) scale(.2151);
        transform: translate(92.436vw, 100vh) scale(.2151)
    }
}

.snow:nth-child(4) {
    opacity: .9635;
    -webkit-transform: translate(86.5877vw, -10px) scale(.5215);
    transform: translate(86.5877vw, -10px) scale(.5215);
    -webkit-animation: fall-4 27s -14s linear infinite;
    animation: fall-4 27s -14s linear infinite
}

@-webkit-keyframes fall-4 {
    34.846% {
        -webkit-transform: translate(91.759vw, 34.846vh) scale(.5215);
        transform: translate(91.759vw, 34.846vh) scale(.5215)
    }
    to {
        -webkit-transform: translate(89.17335vw, 100vh) scale(.5215);
        transform: translate(89.17335vw, 100vh) scale(.5215)
    }
}

@keyframes fall-4 {
    34.846% {
        -webkit-transform: translate(91.759vw, 34.846vh) scale(.5215);
        transform: translate(91.759vw, 34.846vh) scale(.5215)
    }
    to {
        -webkit-transform: translate(89.17335vw, 100vh) scale(.5215);
        transform: translate(89.17335vw, 100vh) scale(.5215)
    }
}

.snow:nth-child(5) {
    opacity: .6536;
    -webkit-transform: translate(33.9314vw, -10px) scale(.6867);
    transform: translate(33.9314vw, -10px) scale(.6867);
    -webkit-animation: fall-5 25s -25s linear infinite;
    animation: fall-5 25s -25s linear infinite
}

@-webkit-keyframes fall-5 {
    71.14% {
        -webkit-transform: translate(25.7038vw, 71.14vh) scale(.6867);
        transform: translate(25.7038vw, 71.14vh) scale(.6867)
    }
    to {
        -webkit-transform: translate(29.8176vw, 100vh) scale(.6867);
        transform: translate(29.8176vw, 100vh) scale(.6867)
    }
}

@keyframes fall-5 {
    71.14% {
        -webkit-transform: translate(25.7038vw, 71.14vh) scale(.6867);
        transform: translate(25.7038vw, 71.14vh) scale(.6867)
    }
    to {
        -webkit-transform: translate(29.8176vw, 100vh) scale(.6867);
        transform: translate(29.8176vw, 100vh) scale(.6867)
    }
}

.snow:nth-child(6) {
    opacity: .0263;
    -webkit-transform: translate(30.3005vw, -10px) scale(.1847);
    transform: translate(30.3005vw, -10px) scale(.1847);
    -webkit-animation: fall-6 17s -20s linear infinite;
    animation: fall-6 17s -20s linear infinite
}

@-webkit-keyframes fall-6 {
    30.29% {
        -webkit-transform: translate(25.9469vw, 30.29vh) scale(.1847);
        transform: translate(25.9469vw, 30.29vh) scale(.1847)
    }
    to {
        -webkit-transform: translate(28.1237vw, 100vh) scale(.1847);
        transform: translate(28.1237vw, 100vh) scale(.1847)
    }
}

@keyframes fall-6 {
    30.29% {
        -webkit-transform: translate(25.9469vw, 30.29vh) scale(.1847);
        transform: translate(25.9469vw, 30.29vh) scale(.1847)
    }
    to {
        -webkit-transform: translate(28.1237vw, 100vh) scale(.1847);
        transform: translate(28.1237vw, 100vh) scale(.1847)
    }
}

.snow:nth-child(7) {
    opacity: .3137;
    -webkit-transform: translate(40.6324vw, -10px) scale(.9448);
    transform: translate(40.6324vw, -10px) scale(.9448);
    -webkit-animation: fall-7 19s -21s linear infinite;
    animation: fall-7 19s -21s linear infinite
}

@-webkit-keyframes fall-7 {
    74.864% {
        -webkit-transform: translate(46.7209vw, 74.864vh) scale(.9448);
        transform: translate(46.7209vw, 74.864vh) scale(.9448)
    }
    to {
        -webkit-transform: translate(43.67665vw, 100vh) scale(.9448);
        transform: translate(43.67665vw, 100vh) scale(.9448)
    }
}

@keyframes fall-7 {
    74.864% {
        -webkit-transform: translate(46.7209vw, 74.864vh) scale(.9448);
        transform: translate(46.7209vw, 74.864vh) scale(.9448)
    }
    to {
        -webkit-transform: translate(43.67665vw, 100vh) scale(.9448);
        transform: translate(43.67665vw, 100vh) scale(.9448)
    }
}

.snow:nth-child(8) {
    opacity: .0339;
    -webkit-transform: translate(83.6546vw, -10px) scale(.4688);
    transform: translate(83.6546vw, -10px) scale(.4688);
    -webkit-animation: fall-8 22s -17s linear infinite;
    animation: fall-8 22s -17s linear infinite
}

@-webkit-keyframes fall-8 {
    49.164% {
        -webkit-transform: translate(88.3179vw, 49.164vh) scale(.4688);
        transform: translate(88.3179vw, 49.164vh) scale(.4688)
    }
    to {
        -webkit-transform: translate(85.98625vw, 100vh) scale(.4688);
        transform: translate(85.98625vw, 100vh) scale(.4688)
    }
}

@keyframes fall-8 {
    49.164% {
        -webkit-transform: translate(88.3179vw, 49.164vh) scale(.4688);
        transform: translate(88.3179vw, 49.164vh) scale(.4688)
    }
    to {
        -webkit-transform: translate(85.98625vw, 100vh) scale(.4688);
        transform: translate(85.98625vw, 100vh) scale(.4688)
    }
}

.snow:nth-child(9) {
    opacity: .8295;
    -webkit-transform: translate(60.3338vw, -10px) scale(.1066);
    transform: translate(60.3338vw, -10px) scale(.1066);
    -webkit-animation: fall-9 15s -17s linear infinite;
    animation: fall-9 15s -17s linear infinite
}

@-webkit-keyframes fall-9 {
    66.967% {
        -webkit-transform: translate(62.7942vw, 66.967vh) scale(.1066);
        transform: translate(62.7942vw, 66.967vh) scale(.1066)
    }
    to {
        -webkit-transform: translate(61.564vw, 100vh) scale(.1066);
        transform: translate(61.564vw, 100vh) scale(.1066)
    }
}

@keyframes fall-9 {
    66.967% {
        -webkit-transform: translate(62.7942vw, 66.967vh) scale(.1066);
        transform: translate(62.7942vw, 66.967vh) scale(.1066)
    }
    to {
        -webkit-transform: translate(61.564vw, 100vh) scale(.1066);
        transform: translate(61.564vw, 100vh) scale(.1066)
    }
}

.snow:nth-child(10) {
    opacity: .0574;
    -webkit-transform: translate(47.5394vw, -10px) scale(.7828);
    transform: translate(47.5394vw, -10px) scale(.7828);
    -webkit-animation: fall-10 10s -8s linear infinite;
    animation: fall-10 10s -8s linear infinite
}

@-webkit-keyframes fall-10 {
    79.968% {
        -webkit-transform: translate(45.9759vw, 79.968vh) scale(.7828);
        transform: translate(45.9759vw, 79.968vh) scale(.7828)
    }
    to {
        -webkit-transform: translate(46.75765vw, 100vh) scale(.7828);
        transform: translate(46.75765vw, 100vh) scale(.7828)
    }
}

@keyframes fall-10 {
    79.968% {
        -webkit-transform: translate(45.9759vw, 79.968vh) scale(.7828);
        transform: translate(45.9759vw, 79.968vh) scale(.7828)
    }
    to {
        -webkit-transform: translate(46.75765vw, 100vh) scale(.7828);
        transform: translate(46.75765vw, 100vh) scale(.7828)
    }
}

.snow:nth-child(11) {
    opacity: .0306;
    -webkit-transform: translate(12.9082vw, -10px) scale(.6193);
    transform: translate(12.9082vw, -10px) scale(.6193);
    -webkit-animation: fall-11 23s -12s linear infinite;
    animation: fall-11 23s -12s linear infinite
}

@-webkit-keyframes fall-11 {
    53.001% {
        -webkit-transform: translate(22.7565vw, 53.001vh) scale(.6193);
        transform: translate(22.7565vw, 53.001vh) scale(.6193)
    }
    to {
        -webkit-transform: translate(17.83235vw, 100vh) scale(.6193);
        transform: translate(17.83235vw, 100vh) scale(.6193)
    }
}

@keyframes fall-11 {
    53.001% {
        -webkit-transform: translate(22.7565vw, 53.001vh) scale(.6193);
        transform: translate(22.7565vw, 53.001vh) scale(.6193)
    }
    to {
        -webkit-transform: translate(17.83235vw, 100vh) scale(.6193);
        transform: translate(17.83235vw, 100vh) scale(.6193)
    }
}

.snow:nth-child(12) {
    opacity: .7242;
    -webkit-transform: translate(70.7709vw, -10px) scale(.9088);
    transform: translate(70.7709vw, -10px) scale(.9088);
    -webkit-animation: fall-12 20s -2s linear infinite;
    animation: fall-12 20s -2s linear infinite
}

@-webkit-keyframes fall-12 {
    34.284% {
        -webkit-transform: translate(76.6932vw, 34.284vh) scale(.9088);
        transform: translate(76.6932vw, 34.284vh) scale(.9088)
    }
    to {
        -webkit-transform: translate(73.73205vw, 100vh) scale(.9088);
        transform: translate(73.73205vw, 100vh) scale(.9088)
    }
}

@keyframes fall-12 {
    34.284% {
        -webkit-transform: translate(76.6932vw, 34.284vh) scale(.9088);
        transform: translate(76.6932vw, 34.284vh) scale(.9088)
    }
    to {
        -webkit-transform: translate(73.73205vw, 100vh) scale(.9088);
        transform: translate(73.73205vw, 100vh) scale(.9088)
    }
}

.snow:nth-child(13) {
    opacity: .3264;
    -webkit-transform: translate(5.9088vw, -10px) scale(.5834);
    transform: translate(5.9088vw, -10px) scale(.5834);
    -webkit-animation: fall-13 25s -19s linear infinite;
    animation: fall-13 25s -19s linear infinite
}

@-webkit-keyframes fall-13 {
    77.642% {
        -webkit-transform: translate(2.063vw, 77.642vh) scale(.5834);
        transform: translate(2.063vw, 77.642vh) scale(.5834)
    }
    to {
        -webkit-transform: translate(3.9859vw, 100vh) scale(.5834);
        transform: translate(3.9859vw, 100vh) scale(.5834)
    }
}

@keyframes fall-13 {
    77.642% {
        -webkit-transform: translate(2.063vw, 77.642vh) scale(.5834);
        transform: translate(2.063vw, 77.642vh) scale(.5834)
    }
    to {
        -webkit-transform: translate(3.9859vw, 100vh) scale(.5834);
        transform: translate(3.9859vw, 100vh) scale(.5834)
    }
}

.snow:nth-child(14) {
    opacity: .9142;
    -webkit-transform: translate(81.3481vw, -10px) scale(.8491);
    transform: translate(81.3481vw, -10px) scale(.8491);
    -webkit-animation: fall-14 29s -15s linear infinite;
    animation: fall-14 29s -15s linear infinite
}

@-webkit-keyframes fall-14 {
    37.003% {
        -webkit-transform: translate(85.1652vw, 37.003vh) scale(.8491);
        transform: translate(85.1652vw, 37.003vh) scale(.8491)
    }
    to {
        -webkit-transform: translate(83.25665vw, 100vh) scale(.8491);
        transform: translate(83.25665vw, 100vh) scale(.8491)
    }
}

@keyframes fall-14 {
    37.003% {
        -webkit-transform: translate(85.1652vw, 37.003vh) scale(.8491);
        transform: translate(85.1652vw, 37.003vh) scale(.8491)
    }
    to {
        -webkit-transform: translate(83.25665vw, 100vh) scale(.8491);
        transform: translate(83.25665vw, 100vh) scale(.8491)
    }
}

.snow:nth-child(15) {
    opacity: .6195;
    -webkit-transform: translate(17.1605vw, -10px) scale(.6403);
    transform: translate(17.1605vw, -10px) scale(.6403);
    -webkit-animation: fall-15 25s -23s linear infinite;
    animation: fall-15 25s -23s linear infinite
}

@-webkit-keyframes fall-15 {
    73.752% {
        -webkit-transform: translate(24.7901vw, 73.752vh) scale(.6403);
        transform: translate(24.7901vw, 73.752vh) scale(.6403)
    }
    to {
        -webkit-transform: translate(20.9753vw, 100vh) scale(.6403);
        transform: translate(20.9753vw, 100vh) scale(.6403)
    }
}

@keyframes fall-15 {
    73.752% {
        -webkit-transform: translate(24.7901vw, 73.752vh) scale(.6403);
        transform: translate(24.7901vw, 73.752vh) scale(.6403)
    }
    to {
        -webkit-transform: translate(20.9753vw, 100vh) scale(.6403);
        transform: translate(20.9753vw, 100vh) scale(.6403)
    }
}

.snow:nth-child(16) {
    opacity: .5998;
    -webkit-transform: translate(13.8127vw, -10px) scale(.073);
    transform: translate(13.8127vw, -10px) scale(.073);
    -webkit-animation: fall-16 24s -1s linear infinite;
    animation: fall-16 24s -1s linear infinite
}

@-webkit-keyframes fall-16 {
    49.914% {
        -webkit-transform: translate(11.8523vw, 49.914vh) scale(.073);
        transform: translate(11.8523vw, 49.914vh) scale(.073)
    }
    to {
        -webkit-transform: translate(12.8325vw, 100vh) scale(.073);
        transform: translate(12.8325vw, 100vh) scale(.073)
    }
}

@keyframes fall-16 {
    49.914% {
        -webkit-transform: translate(11.8523vw, 49.914vh) scale(.073);
        transform: translate(11.8523vw, 49.914vh) scale(.073)
    }
    to {
        -webkit-transform: translate(12.8325vw, 100vh) scale(.073);
        transform: translate(12.8325vw, 100vh) scale(.073)
    }
}

.snow:nth-child(17) {
    opacity: .7277;
    -webkit-transform: translate(96.5915vw, -10px) scale(.5978);
    transform: translate(96.5915vw, -10px) scale(.5978);
    -webkit-animation: fall-17 17s -4s linear infinite;
    animation: fall-17 17s -4s linear infinite
}

@-webkit-keyframes fall-17 {
    69.141% {
        -webkit-transform: translate(105.5264vw, 69.141vh) scale(.5978);
        transform: translate(105.5264vw, 69.141vh) scale(.5978)
    }
    to {
        -webkit-transform: translate(101.05895vw, 100vh) scale(.5978);
        transform: translate(101.05895vw, 100vh) scale(.5978)
    }
}

@keyframes fall-17 {
    69.141% {
        -webkit-transform: translate(105.5264vw, 69.141vh) scale(.5978);
        transform: translate(105.5264vw, 69.141vh) scale(.5978)
    }
    to {
        -webkit-transform: translate(101.05895vw, 100vh) scale(.5978);
        transform: translate(101.05895vw, 100vh) scale(.5978)
    }
}

.snow:nth-child(18) {
    opacity: .1036;
    -webkit-transform: translate(17.1272vw, -10px) scale(.5346);
    transform: translate(17.1272vw, -10px) scale(.5346);
    -webkit-animation: fall-18 18s -3s linear infinite;
    animation: fall-18 18s -3s linear infinite
}

@-webkit-keyframes fall-18 {
    37.715% {
        -webkit-transform: translate(11.2069vw, 37.715vh) scale(.5346);
        transform: translate(11.2069vw, 37.715vh) scale(.5346)
    }
    to {
        -webkit-transform: translate(14.16705vw, 100vh) scale(.5346);
        transform: translate(14.16705vw, 100vh) scale(.5346)
    }
}

@keyframes fall-18 {
    37.715% {
        -webkit-transform: translate(11.2069vw, 37.715vh) scale(.5346);
        transform: translate(11.2069vw, 37.715vh) scale(.5346)
    }
    to {
        -webkit-transform: translate(14.16705vw, 100vh) scale(.5346);
        transform: translate(14.16705vw, 100vh) scale(.5346)
    }
}

.snow:nth-child(19) {
    opacity: .435;
    -webkit-transform: translate(95.0738vw, -10px) scale(.4869);
    transform: translate(95.0738vw, -10px) scale(.4869);
    -webkit-animation: fall-19 18s -23s linear infinite;
    animation: fall-19 18s -23s linear infinite
}

@-webkit-keyframes fall-19 {
    52.82% {
        -webkit-transform: translate(93.5635vw, 52.82vh) scale(.4869);
        transform: translate(93.5635vw, 52.82vh) scale(.4869)
    }
    to {
        -webkit-transform: translate(94.31865vw, 100vh) scale(.4869);
        transform: translate(94.31865vw, 100vh) scale(.4869)
    }
}

@keyframes fall-19 {
    52.82% {
        -webkit-transform: translate(93.5635vw, 52.82vh) scale(.4869);
        transform: translate(93.5635vw, 52.82vh) scale(.4869)
    }
    to {
        -webkit-transform: translate(94.31865vw, 100vh) scale(.4869);
        transform: translate(94.31865vw, 100vh) scale(.4869)
    }
}

.snow:nth-child(20) {
    opacity: .9755;
    -webkit-transform: translate(3.3607vw, -10px) scale(.2772);
    transform: translate(3.3607vw, -10px) scale(.2772);
    -webkit-animation: fall-20 16s -3s linear infinite;
    animation: fall-20 16s -3s linear infinite
}

@-webkit-keyframes fall-20 {
    60.024% {
        -webkit-transform: translate(9.001vw, 60.024vh) scale(.2772);
        transform: translate(9.001vw, 60.024vh) scale(.2772)
    }
    to {
        -webkit-transform: translate(6.18085vw, 100vh) scale(.2772);
        transform: translate(6.18085vw, 100vh) scale(.2772)
    }
}

@keyframes fall-20 {
    60.024% {
        -webkit-transform: translate(9.001vw, 60.024vh) scale(.2772);
        transform: translate(9.001vw, 60.024vh) scale(.2772)
    }
    to {
        -webkit-transform: translate(6.18085vw, 100vh) scale(.2772);
        transform: translate(6.18085vw, 100vh) scale(.2772)
    }
}

.snow:nth-child(21) {
    opacity: .0422;
    -webkit-transform: translate(49.3159vw, -10px) scale(.1448);
    transform: translate(49.3159vw, -10px) scale(.1448);
    -webkit-animation: fall-21 25s -26s linear infinite;
    animation: fall-21 25s -26s linear infinite
}

@-webkit-keyframes fall-21 {
    65.875% {
        -webkit-transform: translate(50.5946vw, 65.875vh) scale(.1448);
        transform: translate(50.5946vw, 65.875vh) scale(.1448)
    }
    to {
        -webkit-transform: translate(49.95525vw, 100vh) scale(.1448);
        transform: translate(49.95525vw, 100vh) scale(.1448)
    }
}

@keyframes fall-21 {
    65.875% {
        -webkit-transform: translate(50.5946vw, 65.875vh) scale(.1448);
        transform: translate(50.5946vw, 65.875vh) scale(.1448)
    }
    to {
        -webkit-transform: translate(49.95525vw, 100vh) scale(.1448);
        transform: translate(49.95525vw, 100vh) scale(.1448)
    }
}

.snow:nth-child(22) {
    opacity: .7913;
    -webkit-transform: translate(92.2015vw, -10px) scale(.8375);
    transform: translate(92.2015vw, -10px) scale(.8375);
    -webkit-animation: fall-22 11s -21s linear infinite;
    animation: fall-22 11s -21s linear infinite
}

@-webkit-keyframes fall-22 {
    78.307% {
        -webkit-transform: translate(87.8859vw, 78.307vh) scale(.8375);
        transform: translate(87.8859vw, 78.307vh) scale(.8375)
    }
    to {
        -webkit-transform: translate(90.0437vw, 100vh) scale(.8375);
        transform: translate(90.0437vw, 100vh) scale(.8375)
    }
}

@keyframes fall-22 {
    78.307% {
        -webkit-transform: translate(87.8859vw, 78.307vh) scale(.8375);
        transform: translate(87.8859vw, 78.307vh) scale(.8375)
    }
    to {
        -webkit-transform: translate(90.0437vw, 100vh) scale(.8375);
        transform: translate(90.0437vw, 100vh) scale(.8375)
    }
}

.snow:nth-child(23) {
    opacity: .7027;
    -webkit-transform: translate(92.3492vw, -10px) scale(.0214);
    transform: translate(92.3492vw, -10px) scale(.0214);
    -webkit-animation: fall-23 29s -8s linear infinite;
    animation: fall-23 29s -8s linear infinite
}

@-webkit-keyframes fall-23 {
    55.171% {
        -webkit-transform: translate(85.8116vw, 55.171vh) scale(.0214);
        transform: translate(85.8116vw, 55.171vh) scale(.0214)
    }
    to {
        -webkit-transform: translate(89.0804vw, 100vh) scale(.0214);
        transform: translate(89.0804vw, 100vh) scale(.0214)
    }
}

@keyframes fall-23 {
    55.171% {
        -webkit-transform: translate(85.8116vw, 55.171vh) scale(.0214);
        transform: translate(85.8116vw, 55.171vh) scale(.0214)
    }
    to {
        -webkit-transform: translate(89.0804vw, 100vh) scale(.0214);
        transform: translate(89.0804vw, 100vh) scale(.0214)
    }
}

.snow:nth-child(24) {
    opacity: .2106;
    -webkit-transform: translate(49.051vw, -10px) scale(.7265);
    transform: translate(49.051vw, -10px) scale(.7265);
    -webkit-animation: fall-24 13s -19s linear infinite;
    animation: fall-24 13s -19s linear infinite
}

@-webkit-keyframes fall-24 {
    66.458% {
        -webkit-transform: translate(40.266vw, 66.458vh) scale(.7265);
        transform: translate(40.266vw, 66.458vh) scale(.7265)
    }
    to {
        -webkit-transform: translate(44.6585vw, 100vh) scale(.7265);
        transform: translate(44.6585vw, 100vh) scale(.7265)
    }
}

@keyframes fall-24 {
    66.458% {
        -webkit-transform: translate(40.266vw, 66.458vh) scale(.7265);
        transform: translate(40.266vw, 66.458vh) scale(.7265)
    }
    to {
        -webkit-transform: translate(44.6585vw, 100vh) scale(.7265);
        transform: translate(44.6585vw, 100vh) scale(.7265)
    }
}

.snow:nth-child(25) {
    opacity: .7379;
    -webkit-transform: translate(19.6565vw, -10px) scale(.8494);
    transform: translate(19.6565vw, -10px) scale(.8494);
    -webkit-animation: fall-25 18s -4s linear infinite;
    animation: fall-25 18s -4s linear infinite
}

@-webkit-keyframes fall-25 {
    38.732% {
        -webkit-transform: translate(18.3471vw, 38.732vh) scale(.8494);
        transform: translate(18.3471vw, 38.732vh) scale(.8494)
    }
    to {
        -webkit-transform: translate(19.0018vw, 100vh) scale(.8494);
        transform: translate(19.0018vw, 100vh) scale(.8494)
    }
}

@keyframes fall-25 {
    38.732% {
        -webkit-transform: translate(18.3471vw, 38.732vh) scale(.8494);
        transform: translate(18.3471vw, 38.732vh) scale(.8494)
    }
    to {
        -webkit-transform: translate(19.0018vw, 100vh) scale(.8494);
        transform: translate(19.0018vw, 100vh) scale(.8494)
    }
}

.snow:nth-child(26) {
    opacity: .8305;
    -webkit-transform: translate(74.772vw, -10px) scale(.6574);
    transform: translate(74.772vw, -10px) scale(.6574);
    -webkit-animation: fall-26 21s -12s linear infinite;
    animation: fall-26 21s -12s linear infinite
}

@-webkit-keyframes fall-26 {
    44.614% {
        -webkit-transform: translate(66.1673vw, 44.614vh) scale(.6574);
        transform: translate(66.1673vw, 44.614vh) scale(.6574)
    }
    to {
        -webkit-transform: translate(70.46965vw, 100vh) scale(.6574);
        transform: translate(70.46965vw, 100vh) scale(.6574)
    }
}

@keyframes fall-26 {
    44.614% {
        -webkit-transform: translate(66.1673vw, 44.614vh) scale(.6574);
        transform: translate(66.1673vw, 44.614vh) scale(.6574)
    }
    to {
        -webkit-transform: translate(70.46965vw, 100vh) scale(.6574);
        transform: translate(70.46965vw, 100vh) scale(.6574)
    }
}

.snow:nth-child(27) {
    opacity: .8282;
    -webkit-transform: translate(12.1545vw, -10px) scale(.6088);
    transform: translate(12.1545vw, -10px) scale(.6088);
    -webkit-animation: fall-27 27s -23s linear infinite;
    animation: fall-27 27s -23s linear infinite
}

@-webkit-keyframes fall-27 {
    66.59% {
        -webkit-transform: translate(9.6811vw, 66.59vh) scale(.6088);
        transform: translate(9.6811vw, 66.59vh) scale(.6088)
    }
    to {
        -webkit-transform: translate(10.9178vw, 100vh) scale(.6088);
        transform: translate(10.9178vw, 100vh) scale(.6088)
    }
}

@keyframes fall-27 {
    66.59% {
        -webkit-transform: translate(9.6811vw, 66.59vh) scale(.6088);
        transform: translate(9.6811vw, 66.59vh) scale(.6088)
    }
    to {
        -webkit-transform: translate(10.9178vw, 100vh) scale(.6088);
        transform: translate(10.9178vw, 100vh) scale(.6088)
    }
}

.snow:nth-child(28) {
    opacity: .4384;
    -webkit-transform: translate(25.9082vw, -10px) scale(.089);
    transform: translate(25.9082vw, -10px) scale(.089);
    -webkit-animation: fall-28 27s -21s linear infinite;
    animation: fall-28 27s -21s linear infinite
}

@-webkit-keyframes fall-28 {
    33.765% {
        -webkit-transform: translate(34.8842vw, 33.765vh) scale(.089);
        transform: translate(34.8842vw, 33.765vh) scale(.089)
    }
    to {
        -webkit-transform: translate(30.3962vw, 100vh) scale(.089);
        transform: translate(30.3962vw, 100vh) scale(.089)
    }
}

@keyframes fall-28 {
    33.765% {
        -webkit-transform: translate(34.8842vw, 33.765vh) scale(.089);
        transform: translate(34.8842vw, 33.765vh) scale(.089)
    }
    to {
        -webkit-transform: translate(30.3962vw, 100vh) scale(.089);
        transform: translate(30.3962vw, 100vh) scale(.089)
    }
}

.snow:nth-child(29) {
    opacity: .6091;
    -webkit-transform: translate(95.4839vw, -10px) scale(.4639);
    transform: translate(95.4839vw, -10px) scale(.4639);
    -webkit-animation: fall-29 23s -2s linear infinite;
    animation: fall-29 23s -2s linear infinite
}

@-webkit-keyframes fall-29 {
    60.167% {
        -webkit-transform: translate(102.1708vw, 60.167vh) scale(.4639);
        transform: translate(102.1708vw, 60.167vh) scale(.4639)
    }
    to {
        -webkit-transform: translate(98.82735vw, 100vh) scale(.4639);
        transform: translate(98.82735vw, 100vh) scale(.4639)
    }
}

@keyframes fall-29 {
    60.167% {
        -webkit-transform: translate(102.1708vw, 60.167vh) scale(.4639);
        transform: translate(102.1708vw, 60.167vh) scale(.4639)
    }
    to {
        -webkit-transform: translate(98.82735vw, 100vh) scale(.4639);
        transform: translate(98.82735vw, 100vh) scale(.4639)
    }
}

.snow:nth-child(30) {
    opacity: .8616;
    -webkit-transform: translate(23.2053vw, -10px) scale(.8742);
    transform: translate(23.2053vw, -10px) scale(.8742);
    -webkit-animation: fall-30 10s -11s linear infinite;
    animation: fall-30 10s -11s linear infinite
}

@-webkit-keyframes fall-30 {
    59.855% {
        -webkit-transform: translate(18.0977vw, 59.855vh) scale(.8742);
        transform: translate(18.0977vw, 59.855vh) scale(.8742)
    }
    to {
        -webkit-transform: translate(20.6515vw, 100vh) scale(.8742);
        transform: translate(20.6515vw, 100vh) scale(.8742)
    }
}

@keyframes fall-30 {
    59.855% {
        -webkit-transform: translate(18.0977vw, 59.855vh) scale(.8742);
        transform: translate(18.0977vw, 59.855vh) scale(.8742)
    }
    to {
        -webkit-transform: translate(20.6515vw, 100vh) scale(.8742);
        transform: translate(20.6515vw, 100vh) scale(.8742)
    }
}

.snow:nth-child(31) {
    opacity: .6175;
    -webkit-transform: translate(81.6871vw, -10px) scale(.8446);
    transform: translate(81.6871vw, -10px) scale(.8446);
    -webkit-animation: fall-31 18s -14s linear infinite;
    animation: fall-31 18s -14s linear infinite
}

@-webkit-keyframes fall-31 {
    67.564% {
        -webkit-transform: translate(78.3186vw, 67.564vh) scale(.8446);
        transform: translate(78.3186vw, 67.564vh) scale(.8446)
    }
    to {
        -webkit-transform: translate(80.00285vw, 100vh) scale(.8446);
        transform: translate(80.00285vw, 100vh) scale(.8446)
    }
}

@keyframes fall-31 {
    67.564% {
        -webkit-transform: translate(78.3186vw, 67.564vh) scale(.8446);
        transform: translate(78.3186vw, 67.564vh) scale(.8446)
    }
    to {
        -webkit-transform: translate(80.00285vw, 100vh) scale(.8446);
        transform: translate(80.00285vw, 100vh) scale(.8446)
    }
}

.snow:nth-child(32) {
    opacity: .9362;
    -webkit-transform: translate(14.4031vw, -10px) scale(.1777);
    transform: translate(14.4031vw, -10px) scale(.1777);
    -webkit-animation: fall-32 27s -13s linear infinite;
    animation: fall-32 27s -13s linear infinite
}

@-webkit-keyframes fall-32 {
    70.435% {
        -webkit-transform: translate(17.5042vw, 70.435vh) scale(.1777);
        transform: translate(17.5042vw, 70.435vh) scale(.1777)
    }
    to {
        -webkit-transform: translate(15.95365vw, 100vh) scale(.1777);
        transform: translate(15.95365vw, 100vh) scale(.1777)
    }
}

@keyframes fall-32 {
    70.435% {
        -webkit-transform: translate(17.5042vw, 70.435vh) scale(.1777);
        transform: translate(17.5042vw, 70.435vh) scale(.1777)
    }
    to {
        -webkit-transform: translate(15.95365vw, 100vh) scale(.1777);
        transform: translate(15.95365vw, 100vh) scale(.1777)
    }
}

.snow:nth-child(33) {
    opacity: .6125;
    -webkit-transform: translate(59.6832vw, -10px) scale(.194);
    transform: translate(59.6832vw, -10px) scale(.194);
    -webkit-animation: fall-33 15s -5s linear infinite;
    animation: fall-33 15s -5s linear infinite
}

@-webkit-keyframes fall-33 {
    52.595% {
        -webkit-transform: translate(58.5897vw, 52.595vh) scale(.194);
        transform: translate(58.5897vw, 52.595vh) scale(.194)
    }
    to {
        -webkit-transform: translate(59.13645vw, 100vh) scale(.194);
        transform: translate(59.13645vw, 100vh) scale(.194)
    }
}

@keyframes fall-33 {
    52.595% {
        -webkit-transform: translate(58.5897vw, 52.595vh) scale(.194);
        transform: translate(58.5897vw, 52.595vh) scale(.194)
    }
    to {
        -webkit-transform: translate(59.13645vw, 100vh) scale(.194);
        transform: translate(59.13645vw, 100vh) scale(.194)
    }
}

.snow:nth-child(34) {
    opacity: .1553;
    -webkit-transform: translate(80.1068vw, -10px) scale(.596);
    transform: translate(80.1068vw, -10px) scale(.596);
    -webkit-animation: fall-34 19s -25s linear infinite;
    animation: fall-34 19s -25s linear infinite
}

@-webkit-keyframes fall-34 {
    43.065% {
        -webkit-transform: translate(83.349vw, 43.065vh) scale(.596);
        transform: translate(83.349vw, 43.065vh) scale(.596)
    }
    to {
        -webkit-transform: translate(81.7279vw, 100vh) scale(.596);
        transform: translate(81.7279vw, 100vh) scale(.596)
    }
}

@keyframes fall-34 {
    43.065% {
        -webkit-transform: translate(83.349vw, 43.065vh) scale(.596);
        transform: translate(83.349vw, 43.065vh) scale(.596)
    }
    to {
        -webkit-transform: translate(81.7279vw, 100vh) scale(.596);
        transform: translate(81.7279vw, 100vh) scale(.596)
    }
}

.snow:nth-child(35) {
    opacity: .6044;
    -webkit-transform: translate(84.1433vw, -10px) scale(.2141);
    transform: translate(84.1433vw, -10px) scale(.2141);
    -webkit-animation: fall-35 10s -30s linear infinite;
    animation: fall-35 10s -30s linear infinite
}

@-webkit-keyframes fall-35 {
    33.68% {
        -webkit-transform: translate(82.0968vw, 33.68vh) scale(.2141);
        transform: translate(82.0968vw, 33.68vh) scale(.2141)
    }
    to {
        -webkit-transform: translate(83.12005vw, 100vh) scale(.2141);
        transform: translate(83.12005vw, 100vh) scale(.2141)
    }
}

@keyframes fall-35 {
    33.68% {
        -webkit-transform: translate(82.0968vw, 33.68vh) scale(.2141);
        transform: translate(82.0968vw, 33.68vh) scale(.2141)
    }
    to {
        -webkit-transform: translate(83.12005vw, 100vh) scale(.2141);
        transform: translate(83.12005vw, 100vh) scale(.2141)
    }
}

.snow:nth-child(36) {
    opacity: .2955;
    -webkit-transform: translate(50.7462vw, -10px) scale(.6104);
    transform: translate(50.7462vw, -10px) scale(.6104);
    -webkit-animation: fall-36 16s -27s linear infinite;
    animation: fall-36 16s -27s linear infinite
}

@-webkit-keyframes fall-36 {
    41.036% {
        -webkit-transform: translate(56.5101vw, 41.036vh) scale(.6104);
        transform: translate(56.5101vw, 41.036vh) scale(.6104)
    }
    to {
        -webkit-transform: translate(53.62815vw, 100vh) scale(.6104);
        transform: translate(53.62815vw, 100vh) scale(.6104)
    }
}

@keyframes fall-36 {
    41.036% {
        -webkit-transform: translate(56.5101vw, 41.036vh) scale(.6104);
        transform: translate(56.5101vw, 41.036vh) scale(.6104)
    }
    to {
        -webkit-transform: translate(53.62815vw, 100vh) scale(.6104);
        transform: translate(53.62815vw, 100vh) scale(.6104)
    }
}

.snow:nth-child(37) {
    opacity: .4237;
    -webkit-transform: translate(29.1102vw, -10px) scale(.9202);
    transform: translate(29.1102vw, -10px) scale(.9202);
    -webkit-animation: fall-37 22s -19s linear infinite;
    animation: fall-37 22s -19s linear infinite
}

@-webkit-keyframes fall-37 {
    53.168% {
        -webkit-transform: translate(24.1494vw, 53.168vh) scale(.9202);
        transform: translate(24.1494vw, 53.168vh) scale(.9202)
    }
    to {
        -webkit-transform: translate(26.6298vw, 100vh) scale(.9202);
        transform: translate(26.6298vw, 100vh) scale(.9202)
    }
}

@keyframes fall-37 {
    53.168% {
        -webkit-transform: translate(24.1494vw, 53.168vh) scale(.9202);
        transform: translate(24.1494vw, 53.168vh) scale(.9202)
    }
    to {
        -webkit-transform: translate(26.6298vw, 100vh) scale(.9202);
        transform: translate(26.6298vw, 100vh) scale(.9202)
    }
}

.snow:nth-child(38) {
    opacity: .1397;
    -webkit-transform: translate(90.4673vw, -10px) scale(.4952);
    transform: translate(90.4673vw, -10px) scale(.4952);
    -webkit-animation: fall-38 17s -22s linear infinite;
    animation: fall-38 17s -22s linear infinite
}

@-webkit-keyframes fall-38 {
    64.311% {
        -webkit-transform: translate(90.0173vw, 64.311vh) scale(.4952);
        transform: translate(90.0173vw, 64.311vh) scale(.4952)
    }
    to {
        -webkit-transform: translate(90.2423vw, 100vh) scale(.4952);
        transform: translate(90.2423vw, 100vh) scale(.4952)
    }
}

@keyframes fall-38 {
    64.311% {
        -webkit-transform: translate(90.0173vw, 64.311vh) scale(.4952);
        transform: translate(90.0173vw, 64.311vh) scale(.4952)
    }
    to {
        -webkit-transform: translate(90.2423vw, 100vh) scale(.4952);
        transform: translate(90.2423vw, 100vh) scale(.4952)
    }
}

.snow:nth-child(39) {
    opacity: .5717;
    -webkit-transform: translate(64.844vw, -10px) scale(.2797);
    transform: translate(64.844vw, -10px) scale(.2797);
    -webkit-animation: fall-39 27s -21s linear infinite;
    animation: fall-39 27s -21s linear infinite
}

@-webkit-keyframes fall-39 {
    76.108% {
        -webkit-transform: translate(70.6246vw, 76.108vh) scale(.2797);
        transform: translate(70.6246vw, 76.108vh) scale(.2797)
    }
    to {
        -webkit-transform: translate(67.7343vw, 100vh) scale(.2797);
        transform: translate(67.7343vw, 100vh) scale(.2797)
    }
}

@keyframes fall-39 {
    76.108% {
        -webkit-transform: translate(70.6246vw, 76.108vh) scale(.2797);
        transform: translate(70.6246vw, 76.108vh) scale(.2797)
    }
    to {
        -webkit-transform: translate(67.7343vw, 100vh) scale(.2797);
        transform: translate(67.7343vw, 100vh) scale(.2797)
    }
}

.snow:nth-child(40) {
    opacity: .4279;
    -webkit-transform: translate(10.2754vw, -10px) scale(.9341);
    transform: translate(10.2754vw, -10px) scale(.9341);
    -webkit-animation: fall-40 30s -6s linear infinite;
    animation: fall-40 30s -6s linear infinite
}

@-webkit-keyframes fall-40 {
    33.065% {
        -webkit-transform: translate(4.1336vw, 33.065vh) scale(.9341);
        transform: translate(4.1336vw, 33.065vh) scale(.9341)
    }
    to {
        -webkit-transform: translate(7.2045vw, 100vh) scale(.9341);
        transform: translate(7.2045vw, 100vh) scale(.9341)
    }
}

@keyframes fall-40 {
    33.065% {
        -webkit-transform: translate(4.1336vw, 33.065vh) scale(.9341);
        transform: translate(4.1336vw, 33.065vh) scale(.9341)
    }
    to {
        -webkit-transform: translate(7.2045vw, 100vh) scale(.9341);
        transform: translate(7.2045vw, 100vh) scale(.9341)
    }
}

.snow:nth-child(41) {
    opacity: .2158;
    -webkit-transform: translate(46.8553vw, -10px) scale(.2718);
    transform: translate(46.8553vw, -10px) scale(.2718);
    -webkit-animation: fall-41 13s -10s linear infinite;
    animation: fall-41 13s -10s linear infinite
}

@-webkit-keyframes fall-41 {
    74.808% {
        -webkit-transform: translate(39.4081vw, 74.808vh) scale(.2718);
        transform: translate(39.4081vw, 74.808vh) scale(.2718)
    }
    to {
        -webkit-transform: translate(43.1317vw, 100vh) scale(.2718);
        transform: translate(43.1317vw, 100vh) scale(.2718)
    }
}

@keyframes fall-41 {
    74.808% {
        -webkit-transform: translate(39.4081vw, 74.808vh) scale(.2718);
        transform: translate(39.4081vw, 74.808vh) scale(.2718)
    }
    to {
        -webkit-transform: translate(43.1317vw, 100vh) scale(.2718);
        transform: translate(43.1317vw, 100vh) scale(.2718)
    }
}

.snow:nth-child(42) {
    opacity: .4621;
    -webkit-transform: translate(33.2677vw, -10px) scale(.1714);
    transform: translate(33.2677vw, -10px) scale(.1714);
    -webkit-animation: fall-42 22s -5s linear infinite;
    animation: fall-42 22s -5s linear infinite
}

@-webkit-keyframes fall-42 {
    52.903% {
        -webkit-transform: translate(26.1217vw, 52.903vh) scale(.1714);
        transform: translate(26.1217vw, 52.903vh) scale(.1714)
    }
    to {
        -webkit-transform: translate(29.6947vw, 100vh) scale(.1714);
        transform: translate(29.6947vw, 100vh) scale(.1714)
    }
}

@keyframes fall-42 {
    52.903% {
        -webkit-transform: translate(26.1217vw, 52.903vh) scale(.1714);
        transform: translate(26.1217vw, 52.903vh) scale(.1714)
    }
    to {
        -webkit-transform: translate(29.6947vw, 100vh) scale(.1714);
        transform: translate(29.6947vw, 100vh) scale(.1714)
    }
}

.snow:nth-child(43) {
    opacity: .3505;
    -webkit-transform: translate(46.2047vw, -10px) scale(.8289);
    transform: translate(46.2047vw, -10px) scale(.8289);
    -webkit-animation: fall-43 24s -29s linear infinite;
    animation: fall-43 24s -29s linear infinite
}

@-webkit-keyframes fall-43 {
    45.427% {
        -webkit-transform: translate(54.675vw, 45.427vh) scale(.8289);
        transform: translate(54.675vw, 45.427vh) scale(.8289)
    }
    to {
        -webkit-transform: translate(50.43985vw, 100vh) scale(.8289);
        transform: translate(50.43985vw, 100vh) scale(.8289)
    }
}

@keyframes fall-43 {
    45.427% {
        -webkit-transform: translate(54.675vw, 45.427vh) scale(.8289);
        transform: translate(54.675vw, 45.427vh) scale(.8289)
    }
    to {
        -webkit-transform: translate(50.43985vw, 100vh) scale(.8289);
        transform: translate(50.43985vw, 100vh) scale(.8289)
    }
}

.snow:nth-child(44) {
    opacity: .5265;
    -webkit-transform: translate(66.6529vw, -10px) scale(.6031);
    transform: translate(66.6529vw, -10px) scale(.6031);
    -webkit-animation: fall-44 28s -24s linear infinite;
    animation: fall-44 28s -24s linear infinite
}

@-webkit-keyframes fall-44 {
    60.417% {
        -webkit-transform: translate(59.9286vw, 60.417vh) scale(.6031);
        transform: translate(59.9286vw, 60.417vh) scale(.6031)
    }
    to {
        -webkit-transform: translate(63.29075vw, 100vh) scale(.6031);
        transform: translate(63.29075vw, 100vh) scale(.6031)
    }
}

@keyframes fall-44 {
    60.417% {
        -webkit-transform: translate(59.9286vw, 60.417vh) scale(.6031);
        transform: translate(59.9286vw, 60.417vh) scale(.6031)
    }
    to {
        -webkit-transform: translate(63.29075vw, 100vh) scale(.6031);
        transform: translate(63.29075vw, 100vh) scale(.6031)
    }
}

.snow:nth-child(45) {
    opacity: .0168;
    -webkit-transform: translate(49.4664vw, -10px) scale(.7091);
    transform: translate(49.4664vw, -10px) scale(.7091);
    -webkit-animation: fall-45 21s -28s linear infinite;
    animation: fall-45 21s -28s linear infinite
}

@-webkit-keyframes fall-45 {
    33.984% {
        -webkit-transform: translate(55.4677vw, 33.984vh) scale(.7091);
        transform: translate(55.4677vw, 33.984vh) scale(.7091)
    }
    to {
        -webkit-transform: translate(52.46705vw, 100vh) scale(.7091);
        transform: translate(52.46705vw, 100vh) scale(.7091)
    }
}

@keyframes fall-45 {
    33.984% {
        -webkit-transform: translate(55.4677vw, 33.984vh) scale(.7091);
        transform: translate(55.4677vw, 33.984vh) scale(.7091)
    }
    to {
        -webkit-transform: translate(52.46705vw, 100vh) scale(.7091);
        transform: translate(52.46705vw, 100vh) scale(.7091)
    }
}

.snow:nth-child(46) {
    opacity: .6861;
    -webkit-transform: translate(30.3708vw, -10px) scale(.114);
    transform: translate(30.3708vw, -10px) scale(.114);
    -webkit-animation: fall-46 20s -21s linear infinite;
    animation: fall-46 20s -21s linear infinite
}

@-webkit-keyframes fall-46 {
    76.781% {
        -webkit-transform: translate(21.5284vw, 76.781vh) scale(.114);
        transform: translate(21.5284vw, 76.781vh) scale(.114)
    }
    to {
        -webkit-transform: translate(25.9496vw, 100vh) scale(.114);
        transform: translate(25.9496vw, 100vh) scale(.114)
    }
}

@keyframes fall-46 {
    76.781% {
        -webkit-transform: translate(21.5284vw, 76.781vh) scale(.114);
        transform: translate(21.5284vw, 76.781vh) scale(.114)
    }
    to {
        -webkit-transform: translate(25.9496vw, 100vh) scale(.114);
        transform: translate(25.9496vw, 100vh) scale(.114)
    }
}

.snow:nth-child(47) {
    opacity: .7666;
    -webkit-transform: translate(37.1878vw, -10px) scale(.6499);
    transform: translate(37.1878vw, -10px) scale(.6499);
    -webkit-animation: fall-47 30s -26s linear infinite;
    animation: fall-47 30s -26s linear infinite
}

@-webkit-keyframes fall-47 {
    76.687% {
        -webkit-transform: translate(35.9746vw, 76.687vh) scale(.6499);
        transform: translate(35.9746vw, 76.687vh) scale(.6499)
    }
    to {
        -webkit-transform: translate(36.5812vw, 100vh) scale(.6499);
        transform: translate(36.5812vw, 100vh) scale(.6499)
    }
}

@keyframes fall-47 {
    76.687% {
        -webkit-transform: translate(35.9746vw, 76.687vh) scale(.6499);
        transform: translate(35.9746vw, 76.687vh) scale(.6499)
    }
    to {
        -webkit-transform: translate(36.5812vw, 100vh) scale(.6499);
        transform: translate(36.5812vw, 100vh) scale(.6499)
    }
}

.snow:nth-child(48) {
    opacity: .1062;
    -webkit-transform: translate(15.0591vw, -10px) scale(.1125);
    transform: translate(15.0591vw, -10px) scale(.1125);
    -webkit-animation: fall-48 10s -7s linear infinite;
    animation: fall-48 10s -7s linear infinite
}

@-webkit-keyframes fall-48 {
    47.98% {
        -webkit-transform: translate(12.4539vw, 47.98vh) scale(.1125);
        transform: translate(12.4539vw, 47.98vh) scale(.1125)
    }
    to {
        -webkit-transform: translate(13.7565vw, 100vh) scale(.1125);
        transform: translate(13.7565vw, 100vh) scale(.1125)
    }
}

@keyframes fall-48 {
    47.98% {
        -webkit-transform: translate(12.4539vw, 47.98vh) scale(.1125);
        transform: translate(12.4539vw, 47.98vh) scale(.1125)
    }
    to {
        -webkit-transform: translate(13.7565vw, 100vh) scale(.1125);
        transform: translate(13.7565vw, 100vh) scale(.1125)
    }
}

.snow:nth-child(49) {
    opacity: .2979;
    -webkit-transform: translate(66.9543vw, -10px) scale(.5643);
    transform: translate(66.9543vw, -10px) scale(.5643);
    -webkit-animation: fall-49 10s -20s linear infinite;
    animation: fall-49 10s -20s linear infinite
}

@-webkit-keyframes fall-49 {
    79.752% {
        -webkit-transform: translate(59.3156vw, 79.752vh) scale(.5643);
        transform: translate(59.3156vw, 79.752vh) scale(.5643)
    }
    to {
        -webkit-transform: translate(63.13495vw, 100vh) scale(.5643);
        transform: translate(63.13495vw, 100vh) scale(.5643)
    }
}

@keyframes fall-49 {
    79.752% {
        -webkit-transform: translate(59.3156vw, 79.752vh) scale(.5643);
        transform: translate(59.3156vw, 79.752vh) scale(.5643)
    }
    to {
        -webkit-transform: translate(63.13495vw, 100vh) scale(.5643);
        transform: translate(63.13495vw, 100vh) scale(.5643)
    }
}

.snow:nth-child(50) {
    opacity: .5726;
    -webkit-transform: translate(72.621vw, -10px) scale(.7092);
    transform: translate(72.621vw, -10px) scale(.7092);
    -webkit-animation: fall-50 19s -12s linear infinite;
    animation: fall-50 19s -12s linear infinite
}

@-webkit-keyframes fall-50 {
    78.579% {
        -webkit-transform: translate(64.434vw, 78.579vh) scale(.7092);
        transform: translate(64.434vw, 78.579vh) scale(.7092)
    }
    to {
        -webkit-transform: translate(68.5275vw, 100vh) scale(.7092);
        transform: translate(68.5275vw, 100vh) scale(.7092)
    }
}

@keyframes fall-50 {
    78.579% {
        -webkit-transform: translate(64.434vw, 78.579vh) scale(.7092);
        transform: translate(64.434vw, 78.579vh) scale(.7092)
    }
    to {
        -webkit-transform: translate(68.5275vw, 100vh) scale(.7092);
        transform: translate(68.5275vw, 100vh) scale(.7092)
    }
}

.snow:nth-child(51) {
    opacity: .8077;
    -webkit-transform: translate(39.6282vw, -10px) scale(.9387);
    transform: translate(39.6282vw, -10px) scale(.9387);
    -webkit-animation: fall-51 25s -27s linear infinite;
    animation: fall-51 25s -27s linear infinite
}

@-webkit-keyframes fall-51 {
    62.766% {
        -webkit-transform: translate(45.9649vw, 62.766vh) scale(.9387);
        transform: translate(45.9649vw, 62.766vh) scale(.9387)
    }
    to {
        -webkit-transform: translate(42.79655vw, 100vh) scale(.9387);
        transform: translate(42.79655vw, 100vh) scale(.9387)
    }
}

@keyframes fall-51 {
    62.766% {
        -webkit-transform: translate(45.9649vw, 62.766vh) scale(.9387);
        transform: translate(45.9649vw, 62.766vh) scale(.9387)
    }
    to {
        -webkit-transform: translate(42.79655vw, 100vh) scale(.9387);
        transform: translate(42.79655vw, 100vh) scale(.9387)
    }
}

.snow:nth-child(52) {
    opacity: .0994;
    -webkit-transform: translate(63.8816vw, -10px) scale(.2035);
    transform: translate(63.8816vw, -10px) scale(.2035);
    -webkit-animation: fall-52 11s -13s linear infinite;
    animation: fall-52 11s -13s linear infinite
}

@-webkit-keyframes fall-52 {
    65.104% {
        -webkit-transform: translate(60.7375vw, 65.104vh) scale(.2035);
        transform: translate(60.7375vw, 65.104vh) scale(.2035)
    }
    to {
        -webkit-transform: translate(62.30955vw, 100vh) scale(.2035);
        transform: translate(62.30955vw, 100vh) scale(.2035)
    }
}

@keyframes fall-52 {
    65.104% {
        -webkit-transform: translate(60.7375vw, 65.104vh) scale(.2035);
        transform: translate(60.7375vw, 65.104vh) scale(.2035)
    }
    to {
        -webkit-transform: translate(62.30955vw, 100vh) scale(.2035);
        transform: translate(62.30955vw, 100vh) scale(.2035)
    }
}

.snow:nth-child(53) {
    opacity: .0423;
    -webkit-transform: translate(65.1591vw, -10px) scale(.6379);
    transform: translate(65.1591vw, -10px) scale(.6379);
    -webkit-animation: fall-53 10s -14s linear infinite;
    animation: fall-53 10s -14s linear infinite
}

@-webkit-keyframes fall-53 {
    67.78% {
        -webkit-transform: translate(67.3234vw, 67.78vh) scale(.6379);
        transform: translate(67.3234vw, 67.78vh) scale(.6379)
    }
    to {
        -webkit-transform: translate(66.24125vw, 100vh) scale(.6379);
        transform: translate(66.24125vw, 100vh) scale(.6379)
    }
}

@keyframes fall-53 {
    67.78% {
        -webkit-transform: translate(67.3234vw, 67.78vh) scale(.6379);
        transform: translate(67.3234vw, 67.78vh) scale(.6379)
    }
    to {
        -webkit-transform: translate(66.24125vw, 100vh) scale(.6379);
        transform: translate(66.24125vw, 100vh) scale(.6379)
    }
}

.snow:nth-child(54) {
    opacity: .5294;
    -webkit-transform: translate(21.5245vw, -10px) scale(.5143);
    transform: translate(21.5245vw, -10px) scale(.5143);
    -webkit-animation: fall-54 27s -11s linear infinite;
    animation: fall-54 27s -11s linear infinite
}

@-webkit-keyframes fall-54 {
    45.869% {
        -webkit-transform: translate(19.6672vw, 45.869vh) scale(.5143);
        transform: translate(19.6672vw, 45.869vh) scale(.5143)
    }
    to {
        -webkit-transform: translate(20.59585vw, 100vh) scale(.5143);
        transform: translate(20.59585vw, 100vh) scale(.5143)
    }
}

@keyframes fall-54 {
    45.869% {
        -webkit-transform: translate(19.6672vw, 45.869vh) scale(.5143);
        transform: translate(19.6672vw, 45.869vh) scale(.5143)
    }
    to {
        -webkit-transform: translate(20.59585vw, 100vh) scale(.5143);
        transform: translate(20.59585vw, 100vh) scale(.5143)
    }
}

.snow:nth-child(55) {
    opacity: .312;
    -webkit-transform: translate(40.0263vw, -10px) scale(.9138);
    transform: translate(40.0263vw, -10px) scale(.9138);
    -webkit-animation: fall-55 20s -4s linear infinite;
    animation: fall-55 20s -4s linear infinite
}

@-webkit-keyframes fall-55 {
    48.745% {
        -webkit-transform: translate(40.3598vw, 48.745vh) scale(.9138);
        transform: translate(40.3598vw, 48.745vh) scale(.9138)
    }
    to {
        -webkit-transform: translate(40.19305vw, 100vh) scale(.9138);
        transform: translate(40.19305vw, 100vh) scale(.9138)
    }
}

@keyframes fall-55 {
    48.745% {
        -webkit-transform: translate(40.3598vw, 48.745vh) scale(.9138);
        transform: translate(40.3598vw, 48.745vh) scale(.9138)
    }
    to {
        -webkit-transform: translate(40.19305vw, 100vh) scale(.9138);
        transform: translate(40.19305vw, 100vh) scale(.9138)
    }
}

.snow:nth-child(56) {
    opacity: .4736;
    -webkit-transform: translate(12.4544vw, -10px) scale(.7299);
    transform: translate(12.4544vw, -10px) scale(.7299);
    -webkit-animation: fall-56 28s -26s linear infinite;
    animation: fall-56 28s -26s linear infinite
}

@-webkit-keyframes fall-56 {
    42.358% {
        -webkit-transform: translate(13.0891vw, 42.358vh) scale(.7299);
        transform: translate(13.0891vw, 42.358vh) scale(.7299)
    }
    to {
        -webkit-transform: translate(12.77175vw, 100vh) scale(.7299);
        transform: translate(12.77175vw, 100vh) scale(.7299)
    }
}

@keyframes fall-56 {
    42.358% {
        -webkit-transform: translate(13.0891vw, 42.358vh) scale(.7299);
        transform: translate(13.0891vw, 42.358vh) scale(.7299)
    }
    to {
        -webkit-transform: translate(12.77175vw, 100vh) scale(.7299);
        transform: translate(12.77175vw, 100vh) scale(.7299)
    }
}

.snow:nth-child(57) {
    opacity: .8493;
    -webkit-transform: translate(5.4708vw, -10px) scale(.9022);
    transform: translate(5.4708vw, -10px) scale(.9022);
    -webkit-animation: fall-57 20s -4s linear infinite;
    animation: fall-57 20s -4s linear infinite
}

@-webkit-keyframes fall-57 {
    40.606% {
        -webkit-transform: translate(3.9479vw, 40.606vh) scale(.9022);
        transform: translate(3.9479vw, 40.606vh) scale(.9022)
    }
    to {
        -webkit-transform: translate(4.70935vw, 100vh) scale(.9022);
        transform: translate(4.70935vw, 100vh) scale(.9022)
    }
}

@keyframes fall-57 {
    40.606% {
        -webkit-transform: translate(3.9479vw, 40.606vh) scale(.9022);
        transform: translate(3.9479vw, 40.606vh) scale(.9022)
    }
    to {
        -webkit-transform: translate(4.70935vw, 100vh) scale(.9022);
        transform: translate(4.70935vw, 100vh) scale(.9022)
    }
}

.snow:nth-child(58) {
    opacity: .8257;
    -webkit-transform: translate(36.4651vw, -10px) scale(.8241);
    transform: translate(36.4651vw, -10px) scale(.8241);
    -webkit-animation: fall-58 15s -30s linear infinite;
    animation: fall-58 15s -30s linear infinite
}

@-webkit-keyframes fall-58 {
    71.404% {
        -webkit-transform: translate(27.7221vw, 71.404vh) scale(.8241);
        transform: translate(27.7221vw, 71.404vh) scale(.8241)
    }
    to {
        -webkit-transform: translate(32.0936vw, 100vh) scale(.8241);
        transform: translate(32.0936vw, 100vh) scale(.8241)
    }
}

@keyframes fall-58 {
    71.404% {
        -webkit-transform: translate(27.7221vw, 71.404vh) scale(.8241);
        transform: translate(27.7221vw, 71.404vh) scale(.8241)
    }
    to {
        -webkit-transform: translate(32.0936vw, 100vh) scale(.8241);
        transform: translate(32.0936vw, 100vh) scale(.8241)
    }
}

.snow:nth-child(59) {
    opacity: .019;
    -webkit-transform: translate(18.0923vw, -10px) scale(.9969);
    transform: translate(18.0923vw, -10px) scale(.9969);
    -webkit-animation: fall-59 26s -30s linear infinite;
    animation: fall-59 26s -30s linear infinite
}

@-webkit-keyframes fall-59 {
    59.469% {
        -webkit-transform: translate(17.6301vw, 59.469vh) scale(.9969);
        transform: translate(17.6301vw, 59.469vh) scale(.9969)
    }
    to {
        -webkit-transform: translate(17.8612vw, 100vh) scale(.9969);
        transform: translate(17.8612vw, 100vh) scale(.9969)
    }
}

@keyframes fall-59 {
    59.469% {
        -webkit-transform: translate(17.6301vw, 59.469vh) scale(.9969);
        transform: translate(17.6301vw, 59.469vh) scale(.9969)
    }
    to {
        -webkit-transform: translate(17.8612vw, 100vh) scale(.9969);
        transform: translate(17.8612vw, 100vh) scale(.9969)
    }
}

.snow:nth-child(60) {
    opacity: .163;
    -webkit-transform: translate(8.9565vw, -10px) scale(.5222);
    transform: translate(8.9565vw, -10px) scale(.5222);
    -webkit-animation: fall-60 10s -8s linear infinite;
    animation: fall-60 10s -8s linear infinite
}

@-webkit-keyframes fall-60 {
    66.584% {
        -webkit-transform: translate(13.1779vw, 66.584vh) scale(.5222);
        transform: translate(13.1779vw, 66.584vh) scale(.5222)
    }
    to {
        -webkit-transform: translate(11.0672vw, 100vh) scale(.5222);
        transform: translate(11.0672vw, 100vh) scale(.5222)
    }
}

@keyframes fall-60 {
    66.584% {
        -webkit-transform: translate(13.1779vw, 66.584vh) scale(.5222);
        transform: translate(13.1779vw, 66.584vh) scale(.5222)
    }
    to {
        -webkit-transform: translate(11.0672vw, 100vh) scale(.5222);
        transform: translate(11.0672vw, 100vh) scale(.5222)
    }
}

.snow:nth-child(61) {
    opacity: .4527;
    -webkit-transform: translate(98.9761vw, -10px) scale(.8956);
    transform: translate(98.9761vw, -10px) scale(.8956);
    -webkit-animation: fall-61 22s -16s linear infinite;
    animation: fall-61 22s -16s linear infinite
}

@-webkit-keyframes fall-61 {
    76.72% {
        -webkit-transform: translate(102.6636vw, 76.72vh) scale(.8956);
        transform: translate(102.6636vw, 76.72vh) scale(.8956)
    }
    to {
        -webkit-transform: translate(100.81985vw, 100vh) scale(.8956);
        transform: translate(100.81985vw, 100vh) scale(.8956)
    }
}

@keyframes fall-61 {
    76.72% {
        -webkit-transform: translate(102.6636vw, 76.72vh) scale(.8956);
        transform: translate(102.6636vw, 76.72vh) scale(.8956)
    }
    to {
        -webkit-transform: translate(100.81985vw, 100vh) scale(.8956);
        transform: translate(100.81985vw, 100vh) scale(.8956)
    }
}

.snow:nth-child(62) {
    opacity: .0627;
    -webkit-transform: translate(8.9047vw, -10px) scale(.2864);
    transform: translate(8.9047vw, -10px) scale(.2864);
    -webkit-animation: fall-62 25s -21s linear infinite;
    animation: fall-62 25s -21s linear infinite
}

@-webkit-keyframes fall-62 {
    39.121% {
        -webkit-transform: translate(3.9352vw, 39.121vh) scale(.2864);
        transform: translate(3.9352vw, 39.121vh) scale(.2864)
    }
    to {
        -webkit-transform: translate(6.41995vw, 100vh) scale(.2864);
        transform: translate(6.41995vw, 100vh) scale(.2864)
    }
}

@keyframes fall-62 {
    39.121% {
        -webkit-transform: translate(3.9352vw, 39.121vh) scale(.2864);
        transform: translate(3.9352vw, 39.121vh) scale(.2864)
    }
    to {
        -webkit-transform: translate(6.41995vw, 100vh) scale(.2864);
        transform: translate(6.41995vw, 100vh) scale(.2864)
    }
}

.snow:nth-child(63) {
    opacity: .3152;
    -webkit-transform: translate(3.7227vw, -10px) scale(.0019);
    transform: translate(3.7227vw, -10px) scale(.0019);
    -webkit-animation: fall-63 24s -28s linear infinite;
    animation: fall-63 24s -28s linear infinite
}

@-webkit-keyframes fall-63 {
    39.46% {
        -webkit-transform: translate(5.021vw, 39.46vh) scale(.0019);
        transform: translate(5.021vw, 39.46vh) scale(.0019)
    }
    to {
        -webkit-transform: translate(4.37185vw, 100vh) scale(.0019);
        transform: translate(4.37185vw, 100vh) scale(.0019)
    }
}

@keyframes fall-63 {
    39.46% {
        -webkit-transform: translate(5.021vw, 39.46vh) scale(.0019);
        transform: translate(5.021vw, 39.46vh) scale(.0019)
    }
    to {
        -webkit-transform: translate(4.37185vw, 100vh) scale(.0019);
        transform: translate(4.37185vw, 100vh) scale(.0019)
    }
}

.snow:nth-child(64) {
    opacity: .2471;
    -webkit-transform: translate(4.6642vw, -10px) scale(.8955);
    transform: translate(4.6642vw, -10px) scale(.8955);
    -webkit-animation: fall-64 25s -27s linear infinite;
    animation: fall-64 25s -27s linear infinite
}

@-webkit-keyframes fall-64 {
    77.344% {
        -webkit-transform: translate(12.9984vw, 77.344vh) scale(.8955);
        transform: translate(12.9984vw, 77.344vh) scale(.8955)
    }
    to {
        -webkit-transform: translate(8.8313vw, 100vh) scale(.8955);
        transform: translate(8.8313vw, 100vh) scale(.8955)
    }
}

@keyframes fall-64 {
    77.344% {
        -webkit-transform: translate(12.9984vw, 77.344vh) scale(.8955);
        transform: translate(12.9984vw, 77.344vh) scale(.8955)
    }
    to {
        -webkit-transform: translate(8.8313vw, 100vh) scale(.8955);
        transform: translate(8.8313vw, 100vh) scale(.8955)
    }
}

.snow:nth-child(65) {
    opacity: .9325;
    -webkit-transform: translate(6.5vw, -10px) scale(.4287);
    transform: translate(6.5vw, -10px) scale(.4287);
    -webkit-animation: fall-65 26s -3s linear infinite;
    animation: fall-65 26s -3s linear infinite
}

@-webkit-keyframes fall-65 {
    62.334% {
        -webkit-transform: translate(11.1658vw, 62.334vh) scale(.4287);
        transform: translate(11.1658vw, 62.334vh) scale(.4287)
    }
    to {
        -webkit-transform: translate(8.8329vw, 100vh) scale(.4287);
        transform: translate(8.8329vw, 100vh) scale(.4287)
    }
}

@keyframes fall-65 {
    62.334% {
        -webkit-transform: translate(11.1658vw, 62.334vh) scale(.4287);
        transform: translate(11.1658vw, 62.334vh) scale(.4287)
    }
    to {
        -webkit-transform: translate(8.8329vw, 100vh) scale(.4287);
        transform: translate(8.8329vw, 100vh) scale(.4287)
    }
}

.snow:nth-child(66) {
    opacity: .7879;
    -webkit-transform: translate(9.7022vw, -10px) scale(.1806);
    transform: translate(9.7022vw, -10px) scale(.1806);
    -webkit-animation: fall-66 28s -28s linear infinite;
    animation: fall-66 28s -28s linear infinite
}

@-webkit-keyframes fall-66 {
    68.878% {
        -webkit-transform: translate(.2764vw, 68.878vh) scale(.1806);
        transform: translate(.2764vw, 68.878vh) scale(.1806)
    }
    to {
        -webkit-transform: translate(4.9893vw, 100vh) scale(.1806);
        transform: translate(4.9893vw, 100vh) scale(.1806)
    }
}

@keyframes fall-66 {
    68.878% {
        -webkit-transform: translate(.2764vw, 68.878vh) scale(.1806);
        transform: translate(.2764vw, 68.878vh) scale(.1806)
    }
    to {
        -webkit-transform: translate(4.9893vw, 100vh) scale(.1806);
        transform: translate(4.9893vw, 100vh) scale(.1806)
    }
}

.snow:nth-child(67) {
    opacity: .567;
    -webkit-transform: translate(7.9052vw, -10px) scale(.702);
    transform: translate(7.9052vw, -10px) scale(.702);
    -webkit-animation: fall-67 23s -24s linear infinite;
    animation: fall-67 23s -24s linear infinite
}

@-webkit-keyframes fall-67 {
    77.827% {
        -webkit-transform: translate(2.7597vw, 77.827vh) scale(.702);
        transform: translate(2.7597vw, 77.827vh) scale(.702)
    }
    to {
        -webkit-transform: translate(5.33245vw, 100vh) scale(.702);
        transform: translate(5.33245vw, 100vh) scale(.702)
    }
}

@keyframes fall-67 {
    77.827% {
        -webkit-transform: translate(2.7597vw, 77.827vh) scale(.702);
        transform: translate(2.7597vw, 77.827vh) scale(.702)
    }
    to {
        -webkit-transform: translate(5.33245vw, 100vh) scale(.702);
        transform: translate(5.33245vw, 100vh) scale(.702)
    }
}

.snow:nth-child(68) {
    opacity: .8691;
    -webkit-transform: translate(79.9452vw, -10px) scale(.7069);
    transform: translate(79.9452vw, -10px) scale(.7069);
    -webkit-animation: fall-68 21s -1s linear infinite;
    animation: fall-68 21s -1s linear infinite
}

@-webkit-keyframes fall-68 {
    58.888% {
        -webkit-transform: translate(84.0572vw, 58.888vh) scale(.7069);
        transform: translate(84.0572vw, 58.888vh) scale(.7069)
    }
    to {
        -webkit-transform: translate(82.0012vw, 100vh) scale(.7069);
        transform: translate(82.0012vw, 100vh) scale(.7069)
    }
}

@keyframes fall-68 {
    58.888% {
        -webkit-transform: translate(84.0572vw, 58.888vh) scale(.7069);
        transform: translate(84.0572vw, 58.888vh) scale(.7069)
    }
    to {
        -webkit-transform: translate(82.0012vw, 100vh) scale(.7069);
        transform: translate(82.0012vw, 100vh) scale(.7069)
    }
}

.snow:nth-child(69) {
    opacity: .3414;
    -webkit-transform: translate(.4018vw, -10px) scale(.7665);
    transform: translate(.4018vw, -10px) scale(.7665);
    -webkit-animation: fall-69 22s -6s linear infinite;
    animation: fall-69 22s -6s linear infinite
}

@-webkit-keyframes fall-69 {
    47.931% {
        -webkit-transform: translate(-.1299vw, 47.931vh) scale(.7665);
        transform: translate(-.1299vw, 47.931vh) scale(.7665)
    }
    to {
        -webkit-transform: translate(.13595vw, 100vh) scale(.7665);
        transform: translate(.13595vw, 100vh) scale(.7665)
    }
}

@keyframes fall-69 {
    47.931% {
        -webkit-transform: translate(-.1299vw, 47.931vh) scale(.7665);
        transform: translate(-.1299vw, 47.931vh) scale(.7665)
    }
    to {
        -webkit-transform: translate(.13595vw, 100vh) scale(.7665);
        transform: translate(.13595vw, 100vh) scale(.7665)
    }
}

.snow:nth-child(70) {
    opacity: .6192;
    -webkit-transform: translate(68.2872vw, -10px) scale(.1392);
    transform: translate(68.2872vw, -10px) scale(.1392);
    -webkit-animation: fall-70 30s -19s linear infinite;
    animation: fall-70 30s -19s linear infinite
}

@-webkit-keyframes fall-70 {
    77.367% {
        -webkit-transform: translate(70.6207vw, 77.367vh) scale(.1392);
        transform: translate(70.6207vw, 77.367vh) scale(.1392)
    }
    to {
        -webkit-transform: translate(69.45395vw, 100vh) scale(.1392);
        transform: translate(69.45395vw, 100vh) scale(.1392)
    }
}

@keyframes fall-70 {
    77.367% {
        -webkit-transform: translate(70.6207vw, 77.367vh) scale(.1392);
        transform: translate(70.6207vw, 77.367vh) scale(.1392)
    }
    to {
        -webkit-transform: translate(69.45395vw, 100vh) scale(.1392);
        transform: translate(69.45395vw, 100vh) scale(.1392)
    }
}

.snow:nth-child(71) {
    opacity: .0028;
    -webkit-transform: translate(23.0661vw, -10px) scale(.7407);
    transform: translate(23.0661vw, -10px) scale(.7407);
    -webkit-animation: fall-71 17s -4s linear infinite;
    animation: fall-71 17s -4s linear infinite
}

@-webkit-keyframes fall-71 {
    48.16% {
        -webkit-transform: translate(16.2486vw, 48.16vh) scale(.7407);
        transform: translate(16.2486vw, 48.16vh) scale(.7407)
    }
    to {
        -webkit-transform: translate(19.65735vw, 100vh) scale(.7407);
        transform: translate(19.65735vw, 100vh) scale(.7407)
    }
}

@keyframes fall-71 {
    48.16% {
        -webkit-transform: translate(16.2486vw, 48.16vh) scale(.7407);
        transform: translate(16.2486vw, 48.16vh) scale(.7407)
    }
    to {
        -webkit-transform: translate(19.65735vw, 100vh) scale(.7407);
        transform: translate(19.65735vw, 100vh) scale(.7407)
    }
}

.snow:nth-child(72) {
    opacity: .1555;
    -webkit-transform: translate(68.6109vw, -10px) scale(.4427);
    transform: translate(68.6109vw, -10px) scale(.4427);
    -webkit-animation: fall-72 23s -13s linear infinite;
    animation: fall-72 23s -13s linear infinite
}

@-webkit-keyframes fall-72 {
    30.243% {
        -webkit-transform: translate(71.744vw, 30.243vh) scale(.4427);
        transform: translate(71.744vw, 30.243vh) scale(.4427)
    }
    to {
        -webkit-transform: translate(70.17745vw, 100vh) scale(.4427);
        transform: translate(70.17745vw, 100vh) scale(.4427)
    }
}

@keyframes fall-72 {
    30.243% {
        -webkit-transform: translate(71.744vw, 30.243vh) scale(.4427);
        transform: translate(71.744vw, 30.243vh) scale(.4427)
    }
    to {
        -webkit-transform: translate(70.17745vw, 100vh) scale(.4427);
        transform: translate(70.17745vw, 100vh) scale(.4427)
    }
}

.snow:nth-child(73) {
    opacity: .4564;
    -webkit-transform: translate(47.648vw, -10px) scale(.6729);
    transform: translate(47.648vw, -10px) scale(.6729);
    -webkit-animation: fall-73 27s -15s linear infinite;
    animation: fall-73 27s -15s linear infinite
}

@-webkit-keyframes fall-73 {
    67.758% {
        -webkit-transform: translate(41.375vw, 67.758vh) scale(.6729);
        transform: translate(41.375vw, 67.758vh) scale(.6729)
    }
    to {
        -webkit-transform: translate(44.5115vw, 100vh) scale(.6729);
        transform: translate(44.5115vw, 100vh) scale(.6729)
    }
}

@keyframes fall-73 {
    67.758% {
        -webkit-transform: translate(41.375vw, 67.758vh) scale(.6729);
        transform: translate(41.375vw, 67.758vh) scale(.6729)
    }
    to {
        -webkit-transform: translate(44.5115vw, 100vh) scale(.6729);
        transform: translate(44.5115vw, 100vh) scale(.6729)
    }
}

.snow:nth-child(74) {
    opacity: .8021;
    -webkit-transform: translate(80.6564vw, -10px) scale(.6198);
    transform: translate(80.6564vw, -10px) scale(.6198);
    -webkit-animation: fall-74 28s -5s linear infinite;
    animation: fall-74 28s -5s linear infinite
}

@-webkit-keyframes fall-74 {
    37.11% {
        -webkit-transform: translate(89.4303vw, 37.11vh) scale(.6198);
        transform: translate(89.4303vw, 37.11vh) scale(.6198)
    }
    to {
        -webkit-transform: translate(85.04335vw, 100vh) scale(.6198);
        transform: translate(85.04335vw, 100vh) scale(.6198)
    }
}

@keyframes fall-74 {
    37.11% {
        -webkit-transform: translate(89.4303vw, 37.11vh) scale(.6198);
        transform: translate(89.4303vw, 37.11vh) scale(.6198)
    }
    to {
        -webkit-transform: translate(85.04335vw, 100vh) scale(.6198);
        transform: translate(85.04335vw, 100vh) scale(.6198)
    }
}

.snow:nth-child(75) {
    opacity: .0164;
    -webkit-transform: translate(83.0653vw, -10px) scale(.2622);
    transform: translate(83.0653vw, -10px) scale(.2622);
    -webkit-animation: fall-75 14s -15s linear infinite;
    animation: fall-75 14s -15s linear infinite
}

@-webkit-keyframes fall-75 {
    59.638% {
        -webkit-transform: translate(87.752vw, 59.638vh) scale(.2622);
        transform: translate(87.752vw, 59.638vh) scale(.2622)
    }
    to {
        -webkit-transform: translate(85.40865vw, 100vh) scale(.2622);
        transform: translate(85.40865vw, 100vh) scale(.2622)
    }
}

@keyframes fall-75 {
    59.638% {
        -webkit-transform: translate(87.752vw, 59.638vh) scale(.2622);
        transform: translate(87.752vw, 59.638vh) scale(.2622)
    }
    to {
        -webkit-transform: translate(85.40865vw, 100vh) scale(.2622);
        transform: translate(85.40865vw, 100vh) scale(.2622)
    }
}

.snow:nth-child(76) {
    opacity: .9128;
    -webkit-transform: translate(42.3905vw, -10px) scale(.1267);
    transform: translate(42.3905vw, -10px) scale(.1267);
    -webkit-animation: fall-76 19s -23s linear infinite;
    animation: fall-76 19s -23s linear infinite
}

@-webkit-keyframes fall-76 {
    51.835% {
        -webkit-transform: translate(45.515vw, 51.835vh) scale(.1267);
        transform: translate(45.515vw, 51.835vh) scale(.1267)
    }
    to {
        -webkit-transform: translate(43.95275vw, 100vh) scale(.1267);
        transform: translate(43.95275vw, 100vh) scale(.1267)
    }
}

@keyframes fall-76 {
    51.835% {
        -webkit-transform: translate(45.515vw, 51.835vh) scale(.1267);
        transform: translate(45.515vw, 51.835vh) scale(.1267)
    }
    to {
        -webkit-transform: translate(43.95275vw, 100vh) scale(.1267);
        transform: translate(43.95275vw, 100vh) scale(.1267)
    }
}

.snow:nth-child(77) {
    opacity: .6856;
    -webkit-transform: translate(64.8523vw, -10px) scale(.8624);
    transform: translate(64.8523vw, -10px) scale(.8624);
    -webkit-animation: fall-77 29s -15s linear infinite;
    animation: fall-77 29s -15s linear infinite
}

@-webkit-keyframes fall-77 {
    32.307% {
        -webkit-transform: translate(63.6228vw, 32.307vh) scale(.8624);
        transform: translate(63.6228vw, 32.307vh) scale(.8624)
    }
    to {
        -webkit-transform: translate(64.23755vw, 100vh) scale(.8624);
        transform: translate(64.23755vw, 100vh) scale(.8624)
    }
}

@keyframes fall-77 {
    32.307% {
        -webkit-transform: translate(63.6228vw, 32.307vh) scale(.8624);
        transform: translate(63.6228vw, 32.307vh) scale(.8624)
    }
    to {
        -webkit-transform: translate(64.23755vw, 100vh) scale(.8624);
        transform: translate(64.23755vw, 100vh) scale(.8624)
    }
}

.snow:nth-child(78) {
    opacity: .8821;
    -webkit-transform: translate(89.8698vw, -10px) scale(.4557);
    transform: translate(89.8698vw, -10px) scale(.4557);
    -webkit-animation: fall-78 12s -19s linear infinite;
    animation: fall-78 12s -19s linear infinite
}

@-webkit-keyframes fall-78 {
    45.096% {
        -webkit-transform: translate(85.0854vw, 45.096vh) scale(.4557);
        transform: translate(85.0854vw, 45.096vh) scale(.4557)
    }
    to {
        -webkit-transform: translate(87.4776vw, 100vh) scale(.4557);
        transform: translate(87.4776vw, 100vh) scale(.4557)
    }
}

@keyframes fall-78 {
    45.096% {
        -webkit-transform: translate(85.0854vw, 45.096vh) scale(.4557);
        transform: translate(85.0854vw, 45.096vh) scale(.4557)
    }
    to {
        -webkit-transform: translate(87.4776vw, 100vh) scale(.4557);
        transform: translate(87.4776vw, 100vh) scale(.4557)
    }
}

.snow:nth-child(79) {
    opacity: .6517;
    -webkit-transform: translate(66.4198vw, -10px) scale(.8163);
    transform: translate(66.4198vw, -10px) scale(.8163);
    -webkit-animation: fall-79 29s -6s linear infinite;
    animation: fall-79 29s -6s linear infinite
}

@-webkit-keyframes fall-79 {
    35.45% {
        -webkit-transform: translate(75.0472vw, 35.45vh) scale(.8163);
        transform: translate(75.0472vw, 35.45vh) scale(.8163)
    }
    to {
        -webkit-transform: translate(70.7335vw, 100vh) scale(.8163);
        transform: translate(70.7335vw, 100vh) scale(.8163)
    }
}

@keyframes fall-79 {
    35.45% {
        -webkit-transform: translate(75.0472vw, 35.45vh) scale(.8163);
        transform: translate(75.0472vw, 35.45vh) scale(.8163)
    }
    to {
        -webkit-transform: translate(70.7335vw, 100vh) scale(.8163);
        transform: translate(70.7335vw, 100vh) scale(.8163)
    }
}

.snow:nth-child(80) {
    opacity: .6641;
    -webkit-transform: translate(7.2646vw, -10px) scale(.1544);
    transform: translate(7.2646vw, -10px) scale(.1544);
    -webkit-animation: fall-80 22s -16s linear infinite;
    animation: fall-80 22s -16s linear infinite
}

@-webkit-keyframes fall-80 {
    70.741% {
        -webkit-transform: translate(-2.0128vw, 70.741vh) scale(.1544);
        transform: translate(-2.0128vw, 70.741vh) scale(.1544)
    }
    to {
        -webkit-transform: translate(2.6259vw, 100vh) scale(.1544);
        transform: translate(2.6259vw, 100vh) scale(.1544)
    }
}

@keyframes fall-80 {
    70.741% {
        -webkit-transform: translate(-2.0128vw, 70.741vh) scale(.1544);
        transform: translate(-2.0128vw, 70.741vh) scale(.1544)
    }
    to {
        -webkit-transform: translate(2.6259vw, 100vh) scale(.1544);
        transform: translate(2.6259vw, 100vh) scale(.1544)
    }
}

.snow:nth-child(81) {
    opacity: .3831;
    -webkit-transform: translate(27.2682vw, -10px) scale(.2021);
    transform: translate(27.2682vw, -10px) scale(.2021);
    -webkit-animation: fall-81 12s -25s linear infinite;
    animation: fall-81 12s -25s linear infinite
}

@-webkit-keyframes fall-81 {
    52.455% {
        -webkit-transform: translate(23.2204vw, 52.455vh) scale(.2021);
        transform: translate(23.2204vw, 52.455vh) scale(.2021)
    }
    to {
        -webkit-transform: translate(25.2443vw, 100vh) scale(.2021);
        transform: translate(25.2443vw, 100vh) scale(.2021)
    }
}

@keyframes fall-81 {
    52.455% {
        -webkit-transform: translate(23.2204vw, 52.455vh) scale(.2021);
        transform: translate(23.2204vw, 52.455vh) scale(.2021)
    }
    to {
        -webkit-transform: translate(25.2443vw, 100vh) scale(.2021);
        transform: translate(25.2443vw, 100vh) scale(.2021)
    }
}

.snow:nth-child(82) {
    opacity: .9978;
    -webkit-transform: translate(19.4026vw, -10px) scale(.7555);
    transform: translate(19.4026vw, -10px) scale(.7555);
    -webkit-animation: fall-82 11s -3s linear infinite;
    animation: fall-82 11s -3s linear infinite
}

@-webkit-keyframes fall-82 {
    53.964% {
        -webkit-transform: translate(28.1035vw, 53.964vh) scale(.7555);
        transform: translate(28.1035vw, 53.964vh) scale(.7555)
    }
    to {
        -webkit-transform: translate(23.75305vw, 100vh) scale(.7555);
        transform: translate(23.75305vw, 100vh) scale(.7555)
    }
}

@keyframes fall-82 {
    53.964% {
        -webkit-transform: translate(28.1035vw, 53.964vh) scale(.7555);
        transform: translate(28.1035vw, 53.964vh) scale(.7555)
    }
    to {
        -webkit-transform: translate(23.75305vw, 100vh) scale(.7555);
        transform: translate(23.75305vw, 100vh) scale(.7555)
    }
}

.snow:nth-child(83) {
    opacity: .864;
    -webkit-transform: translate(53.4258vw, -10px) scale(.758);
    transform: translate(53.4258vw, -10px) scale(.758);
    -webkit-animation: fall-83 29s -7s linear infinite;
    animation: fall-83 29s -7s linear infinite
}

@-webkit-keyframes fall-83 {
    71.004% {
        -webkit-transform: translate(60.1883vw, 71.004vh) scale(.758);
        transform: translate(60.1883vw, 71.004vh) scale(.758)
    }
    to {
        -webkit-transform: translate(56.80705vw, 100vh) scale(.758);
        transform: translate(56.80705vw, 100vh) scale(.758)
    }
}

@keyframes fall-83 {
    71.004% {
        -webkit-transform: translate(60.1883vw, 71.004vh) scale(.758);
        transform: translate(60.1883vw, 71.004vh) scale(.758)
    }
    to {
        -webkit-transform: translate(56.80705vw, 100vh) scale(.758);
        transform: translate(56.80705vw, 100vh) scale(.758)
    }
}

.snow:nth-child(84) {
    opacity: .861;
    -webkit-transform: translate(25.63vw, -10px) scale(.4398);
    transform: translate(25.63vw, -10px) scale(.4398);
    -webkit-animation: fall-84 30s -4s linear infinite;
    animation: fall-84 30s -4s linear infinite
}

@-webkit-keyframes fall-84 {
    44.213% {
        -webkit-transform: translate(35.4111vw, 44.213vh) scale(.4398);
        transform: translate(35.4111vw, 44.213vh) scale(.4398)
    }
    to {
        -webkit-transform: translate(30.52055vw, 100vh) scale(.4398);
        transform: translate(30.52055vw, 100vh) scale(.4398)
    }
}

@keyframes fall-84 {
    44.213% {
        -webkit-transform: translate(35.4111vw, 44.213vh) scale(.4398);
        transform: translate(35.4111vw, 44.213vh) scale(.4398)
    }
    to {
        -webkit-transform: translate(30.52055vw, 100vh) scale(.4398);
        transform: translate(30.52055vw, 100vh) scale(.4398)
    }
}

.snow:nth-child(85) {
    opacity: .7409;
    -webkit-transform: translate(4.8015vw, -10px) scale(.4357);
    transform: translate(4.8015vw, -10px) scale(.4357);
    -webkit-animation: fall-85 16s -6s linear infinite;
    animation: fall-85 16s -6s linear infinite
}

@-webkit-keyframes fall-85 {
    59.119% {
        -webkit-transform: translate(4.8892vw, 59.119vh) scale(.4357);
        transform: translate(4.8892vw, 59.119vh) scale(.4357)
    }
    to {
        -webkit-transform: translate(4.84535vw, 100vh) scale(.4357);
        transform: translate(4.84535vw, 100vh) scale(.4357)
    }
}

@keyframes fall-85 {
    59.119% {
        -webkit-transform: translate(4.8892vw, 59.119vh) scale(.4357);
        transform: translate(4.8892vw, 59.119vh) scale(.4357)
    }
    to {
        -webkit-transform: translate(4.84535vw, 100vh) scale(.4357);
        transform: translate(4.84535vw, 100vh) scale(.4357)
    }
}

.snow:nth-child(86) {
    opacity: .702;
    -webkit-transform: translate(61.3227vw, -10px) scale(.4702);
    transform: translate(61.3227vw, -10px) scale(.4702);
    -webkit-animation: fall-86 22s -27s linear infinite;
    animation: fall-86 22s -27s linear infinite
}

@-webkit-keyframes fall-86 {
    45.997% {
        -webkit-transform: translate(59.7924vw, 45.997vh) scale(.4702);
        transform: translate(59.7924vw, 45.997vh) scale(.4702)
    }
    to {
        -webkit-transform: translate(60.55755vw, 100vh) scale(.4702);
        transform: translate(60.55755vw, 100vh) scale(.4702)
    }
}

@keyframes fall-86 {
    45.997% {
        -webkit-transform: translate(59.7924vw, 45.997vh) scale(.4702);
        transform: translate(59.7924vw, 45.997vh) scale(.4702)
    }
    to {
        -webkit-transform: translate(60.55755vw, 100vh) scale(.4702);
        transform: translate(60.55755vw, 100vh) scale(.4702)
    }
}

.snow:nth-child(87) {
    opacity: .9778;
    -webkit-transform: translate(63.0971vw, -10px) scale(.7555);
    transform: translate(63.0971vw, -10px) scale(.7555);
    -webkit-animation: fall-87 28s -21s linear infinite;
    animation: fall-87 28s -21s linear infinite
}

@-webkit-keyframes fall-87 {
    40.23% {
        -webkit-transform: translate(56.3733vw, 40.23vh) scale(.7555);
        transform: translate(56.3733vw, 40.23vh) scale(.7555)
    }
    to {
        -webkit-transform: translate(59.7352vw, 100vh) scale(.7555);
        transform: translate(59.7352vw, 100vh) scale(.7555)
    }
}

@keyframes fall-87 {
    40.23% {
        -webkit-transform: translate(56.3733vw, 40.23vh) scale(.7555);
        transform: translate(56.3733vw, 40.23vh) scale(.7555)
    }
    to {
        -webkit-transform: translate(59.7352vw, 100vh) scale(.7555);
        transform: translate(59.7352vw, 100vh) scale(.7555)
    }
}

.snow:nth-child(88) {
    opacity: .5672;
    -webkit-transform: translate(52.195vw, -10px) scale(.3832);
    transform: translate(52.195vw, -10px) scale(.3832);
    -webkit-animation: fall-88 25s -9s linear infinite;
    animation: fall-88 25s -9s linear infinite
}

@-webkit-keyframes fall-88 {
    52.216% {
        -webkit-transform: translate(47.1735vw, 52.216vh) scale(.3832);
        transform: translate(47.1735vw, 52.216vh) scale(.3832)
    }
    to {
        -webkit-transform: translate(49.68425vw, 100vh) scale(.3832);
        transform: translate(49.68425vw, 100vh) scale(.3832)
    }
}

@keyframes fall-88 {
    52.216% {
        -webkit-transform: translate(47.1735vw, 52.216vh) scale(.3832);
        transform: translate(47.1735vw, 52.216vh) scale(.3832)
    }
    to {
        -webkit-transform: translate(49.68425vw, 100vh) scale(.3832);
        transform: translate(49.68425vw, 100vh) scale(.3832)
    }
}

.snow:nth-child(89) {
    opacity: .9871;
    -webkit-transform: translate(58.5264vw, -10px) scale(.5582);
    transform: translate(58.5264vw, -10px) scale(.5582);
    -webkit-animation: fall-89 27s -23s linear infinite;
    animation: fall-89 27s -23s linear infinite
}

@-webkit-keyframes fall-89 {
    30.435% {
        -webkit-transform: translate(52.1532vw, 30.435vh) scale(.5582);
        transform: translate(52.1532vw, 30.435vh) scale(.5582)
    }
    to {
        -webkit-transform: translate(55.3398vw, 100vh) scale(.5582);
        transform: translate(55.3398vw, 100vh) scale(.5582)
    }
}

@keyframes fall-89 {
    30.435% {
        -webkit-transform: translate(52.1532vw, 30.435vh) scale(.5582);
        transform: translate(52.1532vw, 30.435vh) scale(.5582)
    }
    to {
        -webkit-transform: translate(55.3398vw, 100vh) scale(.5582);
        transform: translate(55.3398vw, 100vh) scale(.5582)
    }
}

.snow:nth-child(90) {
    opacity: .829;
    -webkit-transform: translate(71.0712vw, -10px) scale(.7766);
    transform: translate(71.0712vw, -10px) scale(.7766);
    -webkit-animation: fall-90 17s -13s linear infinite;
    animation: fall-90 17s -13s linear infinite
}

@-webkit-keyframes fall-90 {
    41.425% {
        -webkit-transform: translate(78.8428vw, 41.425vh) scale(.7766);
        transform: translate(78.8428vw, 41.425vh) scale(.7766)
    }
    to {
        -webkit-transform: translate(74.957vw, 100vh) scale(.7766);
        transform: translate(74.957vw, 100vh) scale(.7766)
    }
}

@keyframes fall-90 {
    41.425% {
        -webkit-transform: translate(78.8428vw, 41.425vh) scale(.7766);
        transform: translate(78.8428vw, 41.425vh) scale(.7766)
    }
    to {
        -webkit-transform: translate(74.957vw, 100vh) scale(.7766);
        transform: translate(74.957vw, 100vh) scale(.7766)
    }
}

.snow:nth-child(91) {
    opacity: .8314;
    -webkit-transform: translate(51.7095vw, -10px) scale(.0934);
    transform: translate(51.7095vw, -10px) scale(.0934);
    -webkit-animation: fall-91 21s -28s linear infinite;
    animation: fall-91 21s -28s linear infinite
}

@-webkit-keyframes fall-91 {
    56.527% {
        -webkit-transform: translate(54.1099vw, 56.527vh) scale(.0934);
        transform: translate(54.1099vw, 56.527vh) scale(.0934)
    }
    to {
        -webkit-transform: translate(52.9097vw, 100vh) scale(.0934);
        transform: translate(52.9097vw, 100vh) scale(.0934)
    }
}

@keyframes fall-91 {
    56.527% {
        -webkit-transform: translate(54.1099vw, 56.527vh) scale(.0934);
        transform: translate(54.1099vw, 56.527vh) scale(.0934)
    }
    to {
        -webkit-transform: translate(52.9097vw, 100vh) scale(.0934);
        transform: translate(52.9097vw, 100vh) scale(.0934)
    }
}

.snow:nth-child(92) {
    opacity: .5493;
    -webkit-transform: translate(74.1966vw, -10px) scale(.2509);
    transform: translate(74.1966vw, -10px) scale(.2509);
    -webkit-animation: fall-92 11s -27s linear infinite;
    animation: fall-92 11s -27s linear infinite
}

@-webkit-keyframes fall-92 {
    39.871% {
        -webkit-transform: translate(66.3433vw, 39.871vh) scale(.2509);
        transform: translate(66.3433vw, 39.871vh) scale(.2509)
    }
    to {
        -webkit-transform: translate(70.26995vw, 100vh) scale(.2509);
        transform: translate(70.26995vw, 100vh) scale(.2509)
    }
}

@keyframes fall-92 {
    39.871% {
        -webkit-transform: translate(66.3433vw, 39.871vh) scale(.2509);
        transform: translate(66.3433vw, 39.871vh) scale(.2509)
    }
    to {
        -webkit-transform: translate(70.26995vw, 100vh) scale(.2509);
        transform: translate(70.26995vw, 100vh) scale(.2509)
    }
}

.snow:nth-child(93) {
    opacity: .5524;
    -webkit-transform: translate(24.1526vw, -10px) scale(.7478);
    transform: translate(24.1526vw, -10px) scale(.7478);
    -webkit-animation: fall-93 10s -20s linear infinite;
    animation: fall-93 10s -20s linear infinite
}

@-webkit-keyframes fall-93 {
    60.997% {
        -webkit-transform: translate(31.1983vw, 60.997vh) scale(.7478);
        transform: translate(31.1983vw, 60.997vh) scale(.7478)
    }
    to {
        -webkit-transform: translate(27.67545vw, 100vh) scale(.7478);
        transform: translate(27.67545vw, 100vh) scale(.7478)
    }
}

@keyframes fall-93 {
    60.997% {
        -webkit-transform: translate(31.1983vw, 60.997vh) scale(.7478);
        transform: translate(31.1983vw, 60.997vh) scale(.7478)
    }
    to {
        -webkit-transform: translate(27.67545vw, 100vh) scale(.7478);
        transform: translate(27.67545vw, 100vh) scale(.7478)
    }
}

.snow:nth-child(94) {
    opacity: .5105;
    -webkit-transform: translate(99.301vw, -10px) scale(.8483);
    transform: translate(99.301vw, -10px) scale(.8483);
    -webkit-animation: fall-94 25s -5s linear infinite;
    animation: fall-94 25s -5s linear infinite
}

@-webkit-keyframes fall-94 {
    38.348% {
        -webkit-transform: translate(98.4953vw, 38.348vh) scale(.8483);
        transform: translate(98.4953vw, 38.348vh) scale(.8483)
    }
    to {
        -webkit-transform: translate(98.89815vw, 100vh) scale(.8483);
        transform: translate(98.89815vw, 100vh) scale(.8483)
    }
}

@keyframes fall-94 {
    38.348% {
        -webkit-transform: translate(98.4953vw, 38.348vh) scale(.8483);
        transform: translate(98.4953vw, 38.348vh) scale(.8483)
    }
    to {
        -webkit-transform: translate(98.89815vw, 100vh) scale(.8483);
        transform: translate(98.89815vw, 100vh) scale(.8483)
    }
}

.snow:nth-child(95) {
    opacity: .802;
    -webkit-transform: translate(20.0613vw, -10px) scale(.8405);
    transform: translate(20.0613vw, -10px) scale(.8405);
    -webkit-animation: fall-95 13s -23s linear infinite;
    animation: fall-95 13s -23s linear infinite
}

@-webkit-keyframes fall-95 {
    46.149% {
        -webkit-transform: translate(12.3888vw, 46.149vh) scale(.8405);
        transform: translate(12.3888vw, 46.149vh) scale(.8405)
    }
    to {
        -webkit-transform: translate(16.22505vw, 100vh) scale(.8405);
        transform: translate(16.22505vw, 100vh) scale(.8405)
    }
}

@keyframes fall-95 {
    46.149% {
        -webkit-transform: translate(12.3888vw, 46.149vh) scale(.8405);
        transform: translate(12.3888vw, 46.149vh) scale(.8405)
    }
    to {
        -webkit-transform: translate(16.22505vw, 100vh) scale(.8405);
        transform: translate(16.22505vw, 100vh) scale(.8405)
    }
}

.snow:nth-child(96) {
    opacity: .4008;
    -webkit-transform: translate(65.7456vw, -10px) scale(.7971);
    transform: translate(65.7456vw, -10px) scale(.7971);
    -webkit-animation: fall-96 23s -12s linear infinite;
    animation: fall-96 23s -12s linear infinite
}

@-webkit-keyframes fall-96 {
    37.175% {
        -webkit-transform: translate(67.5445vw, 37.175vh) scale(.7971);
        transform: translate(67.5445vw, 37.175vh) scale(.7971)
    }
    to {
        -webkit-transform: translate(66.64505vw, 100vh) scale(.7971);
        transform: translate(66.64505vw, 100vh) scale(.7971)
    }
}

@keyframes fall-96 {
    37.175% {
        -webkit-transform: translate(67.5445vw, 37.175vh) scale(.7971);
        transform: translate(67.5445vw, 37.175vh) scale(.7971)
    }
    to {
        -webkit-transform: translate(66.64505vw, 100vh) scale(.7971);
        transform: translate(66.64505vw, 100vh) scale(.7971)
    }
}

.snow:nth-child(97) {
    opacity: .1645;
    -webkit-transform: translate(92.7919vw, -10px) scale(.0746);
    transform: translate(92.7919vw, -10px) scale(.0746);
    -webkit-animation: fall-97 17s -13s linear infinite;
    animation: fall-97 17s -13s linear infinite
}

@-webkit-keyframes fall-97 {
    57.832% {
        -webkit-transform: translate(93.551vw, 57.832vh) scale(.0746);
        transform: translate(93.551vw, 57.832vh) scale(.0746)
    }
    to {
        -webkit-transform: translate(93.17145vw, 100vh) scale(.0746);
        transform: translate(93.17145vw, 100vh) scale(.0746)
    }
}

@keyframes fall-97 {
    57.832% {
        -webkit-transform: translate(93.551vw, 57.832vh) scale(.0746);
        transform: translate(93.551vw, 57.832vh) scale(.0746)
    }
    to {
        -webkit-transform: translate(93.17145vw, 100vh) scale(.0746);
        transform: translate(93.17145vw, 100vh) scale(.0746)
    }
}

.snow:nth-child(98) {
    opacity: .545;
    -webkit-transform: translate(78.2072vw, -10px) scale(.8897);
    transform: translate(78.2072vw, -10px) scale(.8897);
    -webkit-animation: fall-98 27s -2s linear infinite;
    animation: fall-98 27s -2s linear infinite
}

@-webkit-keyframes fall-98 {
    47.801% {
        -webkit-transform: translate(74.2804vw, 47.801vh) scale(.8897);
        transform: translate(74.2804vw, 47.801vh) scale(.8897)
    }
    to {
        -webkit-transform: translate(76.2438vw, 100vh) scale(.8897);
        transform: translate(76.2438vw, 100vh) scale(.8897)
    }
}

@keyframes fall-98 {
    47.801% {
        -webkit-transform: translate(74.2804vw, 47.801vh) scale(.8897);
        transform: translate(74.2804vw, 47.801vh) scale(.8897)
    }
    to {
        -webkit-transform: translate(76.2438vw, 100vh) scale(.8897);
        transform: translate(76.2438vw, 100vh) scale(.8897)
    }
}

.snow:nth-child(99) {
    opacity: .6332;
    -webkit-transform: translate(53.3479vw, -10px) scale(.5466);
    transform: translate(53.3479vw, -10px) scale(.5466);
    -webkit-animation: fall-99 18s -17s linear infinite;
    animation: fall-99 18s -17s linear infinite
}

@-webkit-keyframes fall-99 {
    71.223% {
        -webkit-transform: translate(61.9597vw, 71.223vh) scale(.5466);
        transform: translate(61.9597vw, 71.223vh) scale(.5466)
    }
    to {
        -webkit-transform: translate(57.6538vw, 100vh) scale(.5466);
        transform: translate(57.6538vw, 100vh) scale(.5466)
    }
}

@keyframes fall-99 {
    71.223% {
        -webkit-transform: translate(61.9597vw, 71.223vh) scale(.5466);
        transform: translate(61.9597vw, 71.223vh) scale(.5466)
    }
    to {
        -webkit-transform: translate(57.6538vw, 100vh) scale(.5466);
        transform: translate(57.6538vw, 100vh) scale(.5466)
    }
}

.snow:nth-child(100) {
    opacity: .3464;
    -webkit-transform: translate(77.1916vw, -10px) scale(.2819);
    transform: translate(77.1916vw, -10px) scale(.2819);
    -webkit-animation: fall-100 16s -4s linear infinite;
    animation: fall-100 16s -4s linear infinite
}

@-webkit-keyframes fall-100 {
    36.41% {
        -webkit-transform: translate(69.2687vw, 36.41vh) scale(.2819);
        transform: translate(69.2687vw, 36.41vh) scale(.2819)
    }
    to {
        -webkit-transform: translate(73.23015vw, 100vh) scale(.2819);
        transform: translate(73.23015vw, 100vh) scale(.2819)
    }
}

@keyframes fall-100 {
    36.41% {
        -webkit-transform: translate(69.2687vw, 36.41vh) scale(.2819);
        transform: translate(69.2687vw, 36.41vh) scale(.2819)
    }
    to {
        -webkit-transform: translate(73.23015vw, 100vh) scale(.2819);
        transform: translate(73.23015vw, 100vh) scale(.2819)
    }
}

.snow:nth-child(101) {
    opacity: .6782;
    -webkit-transform: translate(28.615vw, -10px) scale(.0963);
    transform: translate(28.615vw, -10px) scale(.0963);
    -webkit-animation: fall-101 23s -4s linear infinite;
    animation: fall-101 23s -4s linear infinite
}

@-webkit-keyframes fall-101 {
    54.312% {
        -webkit-transform: translate(33.9219vw, 54.312vh) scale(.0963);
        transform: translate(33.9219vw, 54.312vh) scale(.0963)
    }
    to {
        -webkit-transform: translate(31.26845vw, 100vh) scale(.0963);
        transform: translate(31.26845vw, 100vh) scale(.0963)
    }
}

@keyframes fall-101 {
    54.312% {
        -webkit-transform: translate(33.9219vw, 54.312vh) scale(.0963);
        transform: translate(33.9219vw, 54.312vh) scale(.0963)
    }
    to {
        -webkit-transform: translate(31.26845vw, 100vh) scale(.0963);
        transform: translate(31.26845vw, 100vh) scale(.0963)
    }
}

.snow:nth-child(102) {
    opacity: .6698;
    -webkit-transform: translate(93.2856vw, -10px) scale(.2993);
    transform: translate(93.2856vw, -10px) scale(.2993);
    -webkit-animation: fall-102 18s -16s linear infinite;
    animation: fall-102 18s -16s linear infinite
}

@-webkit-keyframes fall-102 {
    33.267% {
        -webkit-transform: translate(95.0641vw, 33.267vh) scale(.2993);
        transform: translate(95.0641vw, 33.267vh) scale(.2993)
    }
    to {
        -webkit-transform: translate(94.17485vw, 100vh) scale(.2993);
        transform: translate(94.17485vw, 100vh) scale(.2993)
    }
}

@keyframes fall-102 {
    33.267% {
        -webkit-transform: translate(95.0641vw, 33.267vh) scale(.2993);
        transform: translate(95.0641vw, 33.267vh) scale(.2993)
    }
    to {
        -webkit-transform: translate(94.17485vw, 100vh) scale(.2993);
        transform: translate(94.17485vw, 100vh) scale(.2993)
    }
}

.snow:nth-child(103) {
    opacity: .7425;
    -webkit-transform: translate(5.7918vw, -10px) scale(.0693);
    transform: translate(5.7918vw, -10px) scale(.0693);
    -webkit-animation: fall-103 21s -9s linear infinite;
    animation: fall-103 21s -9s linear infinite
}

@-webkit-keyframes fall-103 {
    73.866% {
        -webkit-transform: translate(7.3586vw, 73.866vh) scale(.0693);
        transform: translate(7.3586vw, 73.866vh) scale(.0693)
    }
    to {
        -webkit-transform: translate(6.5752vw, 100vh) scale(.0693);
        transform: translate(6.5752vw, 100vh) scale(.0693)
    }
}

@keyframes fall-103 {
    73.866% {
        -webkit-transform: translate(7.3586vw, 73.866vh) scale(.0693);
        transform: translate(7.3586vw, 73.866vh) scale(.0693)
    }
    to {
        -webkit-transform: translate(6.5752vw, 100vh) scale(.0693);
        transform: translate(6.5752vw, 100vh) scale(.0693)
    }
}

.snow:nth-child(104) {
    opacity: .1917;
    -webkit-transform: translate(45.3723vw, -10px) scale(.4082);
    transform: translate(45.3723vw, -10px) scale(.4082);
    -webkit-animation: fall-104 17s -10s linear infinite;
    animation: fall-104 17s -10s linear infinite
}

@-webkit-keyframes fall-104 {
    44.086% {
        -webkit-transform: translate(40.1906vw, 44.086vh) scale(.4082);
        transform: translate(40.1906vw, 44.086vh) scale(.4082)
    }
    to {
        -webkit-transform: translate(42.78145vw, 100vh) scale(.4082);
        transform: translate(42.78145vw, 100vh) scale(.4082)
    }
}

@keyframes fall-104 {
    44.086% {
        -webkit-transform: translate(40.1906vw, 44.086vh) scale(.4082);
        transform: translate(40.1906vw, 44.086vh) scale(.4082)
    }
    to {
        -webkit-transform: translate(42.78145vw, 100vh) scale(.4082);
        transform: translate(42.78145vw, 100vh) scale(.4082)
    }
}

.snow:nth-child(105) {
    opacity: .3809;
    -webkit-transform: translate(88.5442vw, -10px) scale(.1773);
    transform: translate(88.5442vw, -10px) scale(.1773);
    -webkit-animation: fall-105 13s -2s linear infinite;
    animation: fall-105 13s -2s linear infinite
}

@-webkit-keyframes fall-105 {
    77.035% {
        -webkit-transform: translate(94.1247vw, 77.035vh) scale(.1773);
        transform: translate(94.1247vw, 77.035vh) scale(.1773)
    }
    to {
        -webkit-transform: translate(91.33445vw, 100vh) scale(.1773);
        transform: translate(91.33445vw, 100vh) scale(.1773)
    }
}

@keyframes fall-105 {
    77.035% {
        -webkit-transform: translate(94.1247vw, 77.035vh) scale(.1773);
        transform: translate(94.1247vw, 77.035vh) scale(.1773)
    }
    to {
        -webkit-transform: translate(91.33445vw, 100vh) scale(.1773);
        transform: translate(91.33445vw, 100vh) scale(.1773)
    }
}

.snow:nth-child(106) {
    opacity: .9862;
    -webkit-transform: translate(80.7323vw, -10px) scale(.8235);
    transform: translate(80.7323vw, -10px) scale(.8235);
    -webkit-animation: fall-106 30s -28s linear infinite;
    animation: fall-106 30s -28s linear infinite
}

@-webkit-keyframes fall-106 {
    54.395% {
        -webkit-transform: translate(71.374vw, 54.395vh) scale(.8235);
        transform: translate(71.374vw, 54.395vh) scale(.8235)
    }
    to {
        -webkit-transform: translate(76.05315vw, 100vh) scale(.8235);
        transform: translate(76.05315vw, 100vh) scale(.8235)
    }
}

@keyframes fall-106 {
    54.395% {
        -webkit-transform: translate(71.374vw, 54.395vh) scale(.8235);
        transform: translate(71.374vw, 54.395vh) scale(.8235)
    }
    to {
        -webkit-transform: translate(76.05315vw, 100vh) scale(.8235);
        transform: translate(76.05315vw, 100vh) scale(.8235)
    }
}

.snow:nth-child(107) {
    opacity: .3492;
    -webkit-transform: translate(44.5614vw, -10px) scale(.25);
    transform: translate(44.5614vw, -10px) scale(.25);
    -webkit-animation: fall-107 16s -6s linear infinite;
    animation: fall-107 16s -6s linear infinite
}

@-webkit-keyframes fall-107 {
    66.752% {
        -webkit-transform: translate(45.1062vw, 66.752vh) scale(.25);
        transform: translate(45.1062vw, 66.752vh) scale(.25)
    }
    to {
        -webkit-transform: translate(44.8338vw, 100vh) scale(.25);
        transform: translate(44.8338vw, 100vh) scale(.25)
    }
}

@keyframes fall-107 {
    66.752% {
        -webkit-transform: translate(45.1062vw, 66.752vh) scale(.25);
        transform: translate(45.1062vw, 66.752vh) scale(.25)
    }
    to {
        -webkit-transform: translate(44.8338vw, 100vh) scale(.25);
        transform: translate(44.8338vw, 100vh) scale(.25)
    }
}

.snow:nth-child(108) {
    opacity: .2543;
    -webkit-transform: translate(32.6707vw, -10px) scale(.9727);
    transform: translate(32.6707vw, -10px) scale(.9727);
    -webkit-animation: fall-108 21s -12s linear infinite;
    animation: fall-108 21s -12s linear infinite
}

@-webkit-keyframes fall-108 {
    39.252% {
        -webkit-transform: translate(35.3848vw, 39.252vh) scale(.9727);
        transform: translate(35.3848vw, 39.252vh) scale(.9727)
    }
    to {
        -webkit-transform: translate(34.02775vw, 100vh) scale(.9727);
        transform: translate(34.02775vw, 100vh) scale(.9727)
    }
}

@keyframes fall-108 {
    39.252% {
        -webkit-transform: translate(35.3848vw, 39.252vh) scale(.9727);
        transform: translate(35.3848vw, 39.252vh) scale(.9727)
    }
    to {
        -webkit-transform: translate(34.02775vw, 100vh) scale(.9727);
        transform: translate(34.02775vw, 100vh) scale(.9727)
    }
}

.snow:nth-child(109) {
    opacity: .9421;
    -webkit-transform: translate(68.3867vw, -10px) scale(.7115);
    transform: translate(68.3867vw, -10px) scale(.7115);
    -webkit-animation: fall-109 10s -23s linear infinite;
    animation: fall-109 10s -23s linear infinite
}

@-webkit-keyframes fall-109 {
    49.183% {
        -webkit-transform: translate(62.2895vw, 49.183vh) scale(.7115);
        transform: translate(62.2895vw, 49.183vh) scale(.7115)
    }
    to {
        -webkit-transform: translate(65.3381vw, 100vh) scale(.7115);
        transform: translate(65.3381vw, 100vh) scale(.7115)
    }
}

@keyframes fall-109 {
    49.183% {
        -webkit-transform: translate(62.2895vw, 49.183vh) scale(.7115);
        transform: translate(62.2895vw, 49.183vh) scale(.7115)
    }
    to {
        -webkit-transform: translate(65.3381vw, 100vh) scale(.7115);
        transform: translate(65.3381vw, 100vh) scale(.7115)
    }
}

.snow:nth-child(110) {
    opacity: .6215;
    -webkit-transform: translate(43.2502vw, -10px) scale(.6442);
    transform: translate(43.2502vw, -10px) scale(.6442);
    -webkit-animation: fall-110 17s -14s linear infinite;
    animation: fall-110 17s -14s linear infinite
}

@-webkit-keyframes fall-110 {
    63.684% {
        -webkit-transform: translate(40.2789vw, 63.684vh) scale(.6442);
        transform: translate(40.2789vw, 63.684vh) scale(.6442)
    }
    to {
        -webkit-transform: translate(41.76455vw, 100vh) scale(.6442);
        transform: translate(41.76455vw, 100vh) scale(.6442)
    }
}

@keyframes fall-110 {
    63.684% {
        -webkit-transform: translate(40.2789vw, 63.684vh) scale(.6442);
        transform: translate(40.2789vw, 63.684vh) scale(.6442)
    }
    to {
        -webkit-transform: translate(41.76455vw, 100vh) scale(.6442);
        transform: translate(41.76455vw, 100vh) scale(.6442)
    }
}

@media only screen and (max-width: 812px) {
    .snow:first-child {
        opacity: .8212;
        -webkit-transform: translate(21.8763vw, -10px) scale(.4681);
        transform: translate(21.8763vw, -10px) scale(.4681);
        -webkit-animation: fall-1 25s -19s linear infinite;
        animation: fall-1 25s -19s linear infinite
    }

    @-webkit-keyframes fall-1 {
        66.895% {
            -webkit-transform: translate(30.9509vw, 66.895vh) scale(.4681);
            transform: translate(30.9509vw, 66.895vh) scale(.4681)
        }
        to {
            -webkit-transform: translate(26.4136vw, 100vh) scale(.4681);
            transform: translate(26.4136vw, 100vh) scale(.4681)
        }
    }@keyframes fall-1 {
         66.895% {
             -webkit-transform: translate(30.9509vw, 66.895vh) scale(.4681);
             transform: translate(30.9509vw, 66.895vh) scale(.4681)
         }
         to {
             -webkit-transform: translate(26.4136vw, 100vh) scale(.4681);
             transform: translate(26.4136vw, 100vh) scale(.4681)
         }
     }.snow:nth-child(2) {
          opacity: .4313;
          -webkit-transform: translate(94.7523vw, -10px) scale(.1288);
          transform: translate(94.7523vw, -10px) scale(.1288);
          -webkit-animation: fall-2 21s -14s linear infinite;
          animation: fall-2 21s -14s linear infinite
      }

    @-webkit-keyframes fall-2 {
        67.518% {
            -webkit-transform: translate(89.9884vw, 67.518vh) scale(.1288);
            transform: translate(89.9884vw, 67.518vh) scale(.1288)
        }
        to {
            -webkit-transform: translate(92.37035vw, 100vh) scale(.1288);
            transform: translate(92.37035vw, 100vh) scale(.1288)
        }
    }@keyframes fall-2 {
         67.518% {
             -webkit-transform: translate(89.9884vw, 67.518vh) scale(.1288);
             transform: translate(89.9884vw, 67.518vh) scale(.1288)
         }
         to {
             -webkit-transform: translate(92.37035vw, 100vh) scale(.1288);
             transform: translate(92.37035vw, 100vh) scale(.1288)
         }
     }.snow:nth-child(3) {
          opacity: .2784;
          -webkit-transform: translate(75.4382vw, -10px) scale(.863);
          transform: translate(75.4382vw, -10px) scale(.863);
          -webkit-animation: fall-3 13s -4s linear infinite;
          animation: fall-3 13s -4s linear infinite
      }

    @-webkit-keyframes fall-3 {
        70.111% {
            -webkit-transform: translate(80.8578vw, 70.111vh) scale(.863);
            transform: translate(80.8578vw, 70.111vh) scale(.863)
        }
        to {
            -webkit-transform: translate(78.148vw, 100vh) scale(.863);
            transform: translate(78.148vw, 100vh) scale(.863)
        }
    }@keyframes fall-3 {
         70.111% {
             -webkit-transform: translate(80.8578vw, 70.111vh) scale(.863);
             transform: translate(80.8578vw, 70.111vh) scale(.863)
         }
         to {
             -webkit-transform: translate(78.148vw, 100vh) scale(.863);
             transform: translate(78.148vw, 100vh) scale(.863)
         }
     }.snow:nth-child(4) {
          opacity: .8412;
          -webkit-transform: translate(96.5671vw, -10px) scale(.3558);
          transform: translate(96.5671vw, -10px) scale(.3558);
          -webkit-animation: fall-4 24s -24s linear infinite;
          animation: fall-4 24s -24s linear infinite
      }

    @-webkit-keyframes fall-4 {
        62.647% {
            -webkit-transform: translate(99.2501vw, 62.647vh) scale(.3558);
            transform: translate(99.2501vw, 62.647vh) scale(.3558)
        }
        to {
            -webkit-transform: translate(97.9086vw, 100vh) scale(.3558);
            transform: translate(97.9086vw, 100vh) scale(.3558)
        }
    }@keyframes fall-4 {
         62.647% {
             -webkit-transform: translate(99.2501vw, 62.647vh) scale(.3558);
             transform: translate(99.2501vw, 62.647vh) scale(.3558)
         }
         to {
             -webkit-transform: translate(97.9086vw, 100vh) scale(.3558);
             transform: translate(97.9086vw, 100vh) scale(.3558)
         }
     }.snow:nth-child(5) {
          opacity: .6073;
          -webkit-transform: translate(18.5072vw, -10px) scale(.4956);
          transform: translate(18.5072vw, -10px) scale(.4956);
          -webkit-animation: fall-5 18s -19s linear infinite;
          animation: fall-5 18s -19s linear infinite
      }

    @-webkit-keyframes fall-5 {
        59.614% {
            -webkit-transform: translate(21.3895vw, 59.614vh) scale(.4956);
            transform: translate(21.3895vw, 59.614vh) scale(.4956)
        }
        to {
            -webkit-transform: translate(19.94835vw, 100vh) scale(.4956);
            transform: translate(19.94835vw, 100vh) scale(.4956)
        }
    }@keyframes fall-5 {
         59.614% {
             -webkit-transform: translate(21.3895vw, 59.614vh) scale(.4956);
             transform: translate(21.3895vw, 59.614vh) scale(.4956)
         }
         to {
             -webkit-transform: translate(19.94835vw, 100vh) scale(.4956);
             transform: translate(19.94835vw, 100vh) scale(.4956)
         }
     }.snow:nth-child(6) {
          opacity: .0617;
          -webkit-transform: translate(9.562vw, -10px) scale(.5799);
          transform: translate(9.562vw, -10px) scale(.5799);
          -webkit-animation: fall-6 19s -23s linear infinite;
          animation: fall-6 19s -23s linear infinite
      }

    @-webkit-keyframes fall-6 {
        63.468% {
            -webkit-transform: translate(4.1299vw, 63.468vh) scale(.5799);
            transform: translate(4.1299vw, 63.468vh) scale(.5799)
        }
        to {
            -webkit-transform: translate(6.84595vw, 100vh) scale(.5799);
            transform: translate(6.84595vw, 100vh) scale(.5799)
        }
    }@keyframes fall-6 {
         63.468% {
             -webkit-transform: translate(4.1299vw, 63.468vh) scale(.5799);
             transform: translate(4.1299vw, 63.468vh) scale(.5799)
         }
         to {
             -webkit-transform: translate(6.84595vw, 100vh) scale(.5799);
             transform: translate(6.84595vw, 100vh) scale(.5799)
         }
     }.snow:nth-child(7) {
          opacity: .9402;
          -webkit-transform: translate(82.5124vw, -10px) scale(.7859);
          transform: translate(82.5124vw, -10px) scale(.7859);
          -webkit-animation: fall-7 17s -6s linear infinite;
          animation: fall-7 17s -6s linear infinite
      }

    @-webkit-keyframes fall-7 {
        39.495% {
            -webkit-transform: translate(86.2506vw, 39.495vh) scale(.7859);
            transform: translate(86.2506vw, 39.495vh) scale(.7859)
        }
        to {
            -webkit-transform: translate(84.3815vw, 100vh) scale(.7859);
            transform: translate(84.3815vw, 100vh) scale(.7859)
        }
    }@keyframes fall-7 {
         39.495% {
             -webkit-transform: translate(86.2506vw, 39.495vh) scale(.7859);
             transform: translate(86.2506vw, 39.495vh) scale(.7859)
         }
         to {
             -webkit-transform: translate(84.3815vw, 100vh) scale(.7859);
             transform: translate(84.3815vw, 100vh) scale(.7859)
         }
     }.snow:nth-child(8) {
          opacity: .571;
          -webkit-transform: translate(15.7948vw, -10px) scale(.3226);
          transform: translate(15.7948vw, -10px) scale(.3226);
          -webkit-animation: fall-8 20s -7s linear infinite;
          animation: fall-8 20s -7s linear infinite
      }

    @-webkit-keyframes fall-8 {
        50.806% {
            -webkit-transform: translate(17.6746vw, 50.806vh) scale(.3226);
            transform: translate(17.6746vw, 50.806vh) scale(.3226)
        }
        to {
            -webkit-transform: translate(16.7347vw, 100vh) scale(.3226);
            transform: translate(16.7347vw, 100vh) scale(.3226)
        }
    }@keyframes fall-8 {
         50.806% {
             -webkit-transform: translate(17.6746vw, 50.806vh) scale(.3226);
             transform: translate(17.6746vw, 50.806vh) scale(.3226)
         }
         to {
             -webkit-transform: translate(16.7347vw, 100vh) scale(.3226);
             transform: translate(16.7347vw, 100vh) scale(.3226)
         }
     }.snow:nth-child(9) {
          opacity: .0632;
          -webkit-transform: translate(83.4193vw, -10px) scale(.6653);
          transform: translate(83.4193vw, -10px) scale(.6653);
          -webkit-animation: fall-9 19s -19s linear infinite;
          animation: fall-9 19s -19s linear infinite
      }

    @-webkit-keyframes fall-9 {
        60.276% {
            -webkit-transform: translate(85.95vw, 60.276vh) scale(.6653);
            transform: translate(85.95vw, 60.276vh) scale(.6653)
        }
        to {
            -webkit-transform: translate(84.68465vw, 100vh) scale(.6653);
            transform: translate(84.68465vw, 100vh) scale(.6653)
        }
    }@keyframes fall-9 {
         60.276% {
             -webkit-transform: translate(85.95vw, 60.276vh) scale(.6653);
             transform: translate(85.95vw, 60.276vh) scale(.6653)
         }
         to {
             -webkit-transform: translate(84.68465vw, 100vh) scale(.6653);
             transform: translate(84.68465vw, 100vh) scale(.6653)
         }
     }.snow:nth-child(10) {
          opacity: .7912;
          -webkit-transform: translate(68.9891vw, -10px) scale(.4704);
          transform: translate(68.9891vw, -10px) scale(.4704);
          -webkit-animation: fall-10 17s -18s linear infinite;
          animation: fall-10 17s -18s linear infinite
      }

    @-webkit-keyframes fall-10 {
        38.989% {
            -webkit-transform: translate(63.2695vw, 38.989vh) scale(.4704);
            transform: translate(63.2695vw, 38.989vh) scale(.4704)
        }
        to {
            -webkit-transform: translate(66.1293vw, 100vh) scale(.4704);
            transform: translate(66.1293vw, 100vh) scale(.4704)
        }
    }@keyframes fall-10 {
         38.989% {
             -webkit-transform: translate(63.2695vw, 38.989vh) scale(.4704);
             transform: translate(63.2695vw, 38.989vh) scale(.4704)
         }
         to {
             -webkit-transform: translate(66.1293vw, 100vh) scale(.4704);
             transform: translate(66.1293vw, 100vh) scale(.4704)
         }
     }.snow:nth-child(11) {
          opacity: .0744;
          -webkit-transform: translate(84.6574vw, -10px) scale(.6055);
          transform: translate(84.6574vw, -10px) scale(.6055);
          -webkit-animation: fall-11 17s -11s linear infinite;
          animation: fall-11 17s -11s linear infinite
      }

    @-webkit-keyframes fall-11 {
        64.831% {
            -webkit-transform: translate(89.3746vw, 64.831vh) scale(.6055);
            transform: translate(89.3746vw, 64.831vh) scale(.6055)
        }
        to {
            -webkit-transform: translate(87.016vw, 100vh) scale(.6055);
            transform: translate(87.016vw, 100vh) scale(.6055)
        }
    }@keyframes fall-11 {
         64.831% {
             -webkit-transform: translate(89.3746vw, 64.831vh) scale(.6055);
             transform: translate(89.3746vw, 64.831vh) scale(.6055)
         }
         to {
             -webkit-transform: translate(87.016vw, 100vh) scale(.6055);
             transform: translate(87.016vw, 100vh) scale(.6055)
         }
     }.snow:nth-child(12) {
          opacity: .903;
          -webkit-transform: translate(72.5426vw, -10px) scale(.8116);
          transform: translate(72.5426vw, -10px) scale(.8116);
          -webkit-animation: fall-12 20s -2s linear infinite;
          animation: fall-12 20s -2s linear infinite
      }

    @-webkit-keyframes fall-12 {
        53.926% {
            -webkit-transform: translate(69.5226vw, 53.926vh) scale(.8116);
            transform: translate(69.5226vw, 53.926vh) scale(.8116)
        }
        to {
            -webkit-transform: translate(71.0326vw, 100vh) scale(.8116);
            transform: translate(71.0326vw, 100vh) scale(.8116)
        }
    }@keyframes fall-12 {
         53.926% {
             -webkit-transform: translate(69.5226vw, 53.926vh) scale(.8116);
             transform: translate(69.5226vw, 53.926vh) scale(.8116)
         }
         to {
             -webkit-transform: translate(71.0326vw, 100vh) scale(.8116);
             transform: translate(71.0326vw, 100vh) scale(.8116)
         }
     }.snow:nth-child(13) {
          opacity: .4458;
          -webkit-transform: translate(48.1357vw, -10px) scale(.042);
          transform: translate(48.1357vw, -10px) scale(.042);
          -webkit-animation: fall-13 29s -24s linear infinite;
          animation: fall-13 29s -24s linear infinite
      }

    @-webkit-keyframes fall-13 {
        33.829% {
            -webkit-transform: translate(53.3077vw, 33.829vh) scale(.042);
            transform: translate(53.3077vw, 33.829vh) scale(.042)
        }
        to {
            -webkit-transform: translate(50.7217vw, 100vh) scale(.042);
            transform: translate(50.7217vw, 100vh) scale(.042)
        }
    }@keyframes fall-13 {
         33.829% {
             -webkit-transform: translate(53.3077vw, 33.829vh) scale(.042);
             transform: translate(53.3077vw, 33.829vh) scale(.042)
         }
         to {
             -webkit-transform: translate(50.7217vw, 100vh) scale(.042);
             transform: translate(50.7217vw, 100vh) scale(.042)
         }
     }.snow:nth-child(14) {
          opacity: .8121;
          -webkit-transform: translate(18.7308vw, -10px) scale(.449);
          transform: translate(18.7308vw, -10px) scale(.449);
          -webkit-animation: fall-14 27s -30s linear infinite;
          animation: fall-14 27s -30s linear infinite
      }

    @-webkit-keyframes fall-14 {
        65.18% {
            -webkit-transform: translate(11.1431vw, 65.18vh) scale(.449);
            transform: translate(11.1431vw, 65.18vh) scale(.449)
        }
        to {
            -webkit-transform: translate(14.93695vw, 100vh) scale(.449);
            transform: translate(14.93695vw, 100vh) scale(.449)
        }
    }@keyframes fall-14 {
         65.18% {
             -webkit-transform: translate(11.1431vw, 65.18vh) scale(.449);
             transform: translate(11.1431vw, 65.18vh) scale(.449)
         }
         to {
             -webkit-transform: translate(14.93695vw, 100vh) scale(.449);
             transform: translate(14.93695vw, 100vh) scale(.449)
         }
     }.snow:nth-child(15) {
          opacity: .5877;
          -webkit-transform: translate(70.8643vw, -10px) scale(.7658);
          transform: translate(70.8643vw, -10px) scale(.7658);
          -webkit-animation: fall-15 11s -25s linear infinite;
          animation: fall-15 11s -25s linear infinite
      }

    @-webkit-keyframes fall-15 {
        66.699% {
            -webkit-transform: translate(72.8899vw, 66.699vh) scale(.7658);
            transform: translate(72.8899vw, 66.699vh) scale(.7658)
        }
        to {
            -webkit-transform: translate(71.8771vw, 100vh) scale(.7658);
            transform: translate(71.8771vw, 100vh) scale(.7658)
        }
    }@keyframes fall-15 {
         66.699% {
             -webkit-transform: translate(72.8899vw, 66.699vh) scale(.7658);
             transform: translate(72.8899vw, 66.699vh) scale(.7658)
         }
         to {
             -webkit-transform: translate(71.8771vw, 100vh) scale(.7658);
             transform: translate(71.8771vw, 100vh) scale(.7658)
         }
     }.snow:nth-child(16) {
          opacity: .4513;
          -webkit-transform: translate(56.8966vw, -10px) scale(.7153);
          transform: translate(56.8966vw, -10px) scale(.7153);
          -webkit-animation: fall-16 25s -9s linear infinite;
          animation: fall-16 25s -9s linear infinite
      }

    @-webkit-keyframes fall-16 {
        68.895% {
            -webkit-transform: translate(49.6389vw, 68.895vh) scale(.7153);
            transform: translate(49.6389vw, 68.895vh) scale(.7153)
        }
        to {
            -webkit-transform: translate(53.26775vw, 100vh) scale(.7153);
            transform: translate(53.26775vw, 100vh) scale(.7153)
        }
    }@keyframes fall-16 {
         68.895% {
             -webkit-transform: translate(49.6389vw, 68.895vh) scale(.7153);
             transform: translate(49.6389vw, 68.895vh) scale(.7153)
         }
         to {
             -webkit-transform: translate(53.26775vw, 100vh) scale(.7153);
             transform: translate(53.26775vw, 100vh) scale(.7153)
         }
     }.snow:nth-child(17) {
          opacity: .6569;
          -webkit-transform: translate(29.1445vw, -10px) scale(.0837);
          transform: translate(29.1445vw, -10px) scale(.0837);
          -webkit-animation: fall-17 16s -6s linear infinite;
          animation: fall-17 16s -6s linear infinite
      }

    @-webkit-keyframes fall-17 {
        52.141% {
            -webkit-transform: translate(30.4406vw, 52.141vh) scale(.0837);
            transform: translate(30.4406vw, 52.141vh) scale(.0837)
        }
        to {
            -webkit-transform: translate(29.79255vw, 100vh) scale(.0837);
            transform: translate(29.79255vw, 100vh) scale(.0837)
        }
    }@keyframes fall-17 {
         52.141% {
             -webkit-transform: translate(30.4406vw, 52.141vh) scale(.0837);
             transform: translate(30.4406vw, 52.141vh) scale(.0837)
         }
         to {
             -webkit-transform: translate(29.79255vw, 100vh) scale(.0837);
             transform: translate(29.79255vw, 100vh) scale(.0837)
         }
     }.snow:nth-child(18) {
          opacity: .7635;
          -webkit-transform: translate(45.5261vw, -10px) scale(.2714);
          transform: translate(45.5261vw, -10px) scale(.2714);
          -webkit-animation: fall-18 12s -10s linear infinite;
          animation: fall-18 12s -10s linear infinite
      }

    @-webkit-keyframes fall-18 {
        78.273% {
            -webkit-transform: translate(37.9738vw, 78.273vh) scale(.2714);
            transform: translate(37.9738vw, 78.273vh) scale(.2714)
        }
        to {
            -webkit-transform: translate(41.74995vw, 100vh) scale(.2714);
            transform: translate(41.74995vw, 100vh) scale(.2714)
        }
    }@keyframes fall-18 {
         78.273% {
             -webkit-transform: translate(37.9738vw, 78.273vh) scale(.2714);
             transform: translate(37.9738vw, 78.273vh) scale(.2714)
         }
         to {
             -webkit-transform: translate(41.74995vw, 100vh) scale(.2714);
             transform: translate(41.74995vw, 100vh) scale(.2714)
         }
     }.snow:nth-child(19) {
          opacity: .6233;
          -webkit-transform: translate(88.4889vw, -10px) scale(.9766);
          transform: translate(88.4889vw, -10px) scale(.9766);
          -webkit-animation: fall-19 21s -1s linear infinite;
          animation: fall-19 21s -1s linear infinite
      }

    @-webkit-keyframes fall-19 {
        76.242% {
            -webkit-transform: translate(96.2957vw, 76.242vh) scale(.9766);
            transform: translate(96.2957vw, 76.242vh) scale(.9766)
        }
        to {
            -webkit-transform: translate(92.3923vw, 100vh) scale(.9766);
            transform: translate(92.3923vw, 100vh) scale(.9766)
        }
    }@keyframes fall-19 {
         76.242% {
             -webkit-transform: translate(96.2957vw, 76.242vh) scale(.9766);
             transform: translate(96.2957vw, 76.242vh) scale(.9766)
         }
         to {
             -webkit-transform: translate(92.3923vw, 100vh) scale(.9766);
             transform: translate(92.3923vw, 100vh) scale(.9766)
         }
     }.snow:nth-child(20) {
          opacity: .3843;
          -webkit-transform: translate(85.0782vw, -10px) scale(.851);
          transform: translate(85.0782vw, -10px) scale(.851);
          -webkit-animation: fall-20 30s -8s linear infinite;
          animation: fall-20 30s -8s linear infinite
      }

    @-webkit-keyframes fall-20 {
        73.417% {
            -webkit-transform: translate(77.9277vw, 73.417vh) scale(.851);
            transform: translate(77.9277vw, 73.417vh) scale(.851)
        }
        to {
            -webkit-transform: translate(81.50295vw, 100vh) scale(.851);
            transform: translate(81.50295vw, 100vh) scale(.851)
        }
    }@keyframes fall-20 {
         73.417% {
             -webkit-transform: translate(77.9277vw, 73.417vh) scale(.851);
             transform: translate(77.9277vw, 73.417vh) scale(.851)
         }
         to {
             -webkit-transform: translate(81.50295vw, 100vh) scale(.851);
             transform: translate(81.50295vw, 100vh) scale(.851)
         }
     }.snow:nth-child(21) {
          opacity: .535;
          -webkit-transform: translate(5.5104vw, -10px) scale(.668);
          transform: translate(5.5104vw, -10px) scale(.668);
          -webkit-animation: fall-21 20s -3s linear infinite;
          animation: fall-21 20s -3s linear infinite
      }

    @-webkit-keyframes fall-21 {
        73.709% {
            -webkit-transform: translate(-.3901vw, 73.709vh) scale(.668);
            transform: translate(-.3901vw, 73.709vh) scale(.668)
        }
        to {
            -webkit-transform: translate(2.56015vw, 100vh) scale(.668);
            transform: translate(2.56015vw, 100vh) scale(.668)
        }
    }@keyframes fall-21 {
         73.709% {
             -webkit-transform: translate(-.3901vw, 73.709vh) scale(.668);
             transform: translate(-.3901vw, 73.709vh) scale(.668)
         }
         to {
             -webkit-transform: translate(2.56015vw, 100vh) scale(.668);
             transform: translate(2.56015vw, 100vh) scale(.668)
         }
     }.snow:nth-child(22) {
          opacity: .1799;
          -webkit-transform: translate(80.0553vw, -10px) scale(.5476);
          transform: translate(80.0553vw, -10px) scale(.5476);
          -webkit-animation: fall-22 25s -14s linear infinite;
          animation: fall-22 25s -14s linear infinite
      }

    @-webkit-keyframes fall-22 {
        76.127% {
            -webkit-transform: translate(75.2vw, 76.127vh) scale(.5476);
            transform: translate(75.2vw, 76.127vh) scale(.5476)
        }
        to {
            -webkit-transform: translate(77.62765vw, 100vh) scale(.5476);
            transform: translate(77.62765vw, 100vh) scale(.5476)
        }
    }@keyframes fall-22 {
         76.127% {
             -webkit-transform: translate(75.2vw, 76.127vh) scale(.5476);
             transform: translate(75.2vw, 76.127vh) scale(.5476)
         }
         to {
             -webkit-transform: translate(77.62765vw, 100vh) scale(.5476);
             transform: translate(77.62765vw, 100vh) scale(.5476)
         }
     }.snow:nth-child(23) {
          opacity: .3807;
          -webkit-transform: translate(.7332vw, -10px) scale(.1918);
          transform: translate(.7332vw, -10px) scale(.1918);
          -webkit-animation: fall-23 17s -2s linear infinite;
          animation: fall-23 17s -2s linear infinite
      }

    @-webkit-keyframes fall-23 {
        62.372% {
            -webkit-transform: translate(-2.7326vw, 62.372vh) scale(.1918);
            transform: translate(-2.7326vw, 62.372vh) scale(.1918)
        }
        to {
            -webkit-transform: translate(-.9997vw, 100vh) scale(.1918);
            transform: translate(-.9997vw, 100vh) scale(.1918)
        }
    }@keyframes fall-23 {
         62.372% {
             -webkit-transform: translate(-2.7326vw, 62.372vh) scale(.1918);
             transform: translate(-2.7326vw, 62.372vh) scale(.1918)
         }
         to {
             -webkit-transform: translate(-.9997vw, 100vh) scale(.1918);
             transform: translate(-.9997vw, 100vh) scale(.1918)
         }
     }.snow:nth-child(24) {
          opacity: .9174;
          -webkit-transform: translate(91.1508vw, -10px) scale(.9508);
          transform: translate(91.1508vw, -10px) scale(.9508);
          -webkit-animation: fall-24 19s -9s linear infinite;
          animation: fall-24 19s -9s linear infinite
      }

    @-webkit-keyframes fall-24 {
        76.652% {
            -webkit-transform: translate(92.3929vw, 76.652vh) scale(.9508);
            transform: translate(92.3929vw, 76.652vh) scale(.9508)
        }
        to {
            -webkit-transform: translate(91.77185vw, 100vh) scale(.9508);
            transform: translate(91.77185vw, 100vh) scale(.9508)
        }
    }@keyframes fall-24 {
         76.652% {
             -webkit-transform: translate(92.3929vw, 76.652vh) scale(.9508);
             transform: translate(92.3929vw, 76.652vh) scale(.9508)
         }
         to {
             -webkit-transform: translate(91.77185vw, 100vh) scale(.9508);
             transform: translate(91.77185vw, 100vh) scale(.9508)
         }
     }.snow:nth-child(25) {
          opacity: .7315;
          -webkit-transform: translate(39.6265vw, -10px) scale(.1541);
          transform: translate(39.6265vw, -10px) scale(.1541);
          -webkit-animation: fall-25 26s -1s linear infinite;
          animation: fall-25 26s -1s linear infinite
      }

    @-webkit-keyframes fall-25 {
        77.381% {
            -webkit-transform: translate(48.1491vw, 77.381vh) scale(.1541);
            transform: translate(48.1491vw, 77.381vh) scale(.1541)
        }
        to {
            -webkit-transform: translate(43.8878vw, 100vh) scale(.1541);
            transform: translate(43.8878vw, 100vh) scale(.1541)
        }
    }@keyframes fall-25 {
         77.381% {
             -webkit-transform: translate(48.1491vw, 77.381vh) scale(.1541);
             transform: translate(48.1491vw, 77.381vh) scale(.1541)
         }
         to {
             -webkit-transform: translate(43.8878vw, 100vh) scale(.1541);
             transform: translate(43.8878vw, 100vh) scale(.1541)
         }
     }.snow:nth-child(26) {
          opacity: .2648;
          -webkit-transform: translate(95.0958vw, -10px) scale(.1317);
          transform: translate(95.0958vw, -10px) scale(.1317);
          -webkit-animation: fall-26 14s -25s linear infinite;
          animation: fall-26 14s -25s linear infinite
      }

    @-webkit-keyframes fall-26 {
        46.511% {
            -webkit-transform: translate(95.4615vw, 46.511vh) scale(.1317);
            transform: translate(95.4615vw, 46.511vh) scale(.1317)
        }
        to {
            -webkit-transform: translate(95.27865vw, 100vh) scale(.1317);
            transform: translate(95.27865vw, 100vh) scale(.1317)
        }
    }@keyframes fall-26 {
         46.511% {
             -webkit-transform: translate(95.4615vw, 46.511vh) scale(.1317);
             transform: translate(95.4615vw, 46.511vh) scale(.1317)
         }
         to {
             -webkit-transform: translate(95.27865vw, 100vh) scale(.1317);
             transform: translate(95.27865vw, 100vh) scale(.1317)
         }
     }.snow:nth-child(27) {
          opacity: .9326;
          -webkit-transform: translate(25.3425vw, -10px) scale(.4111);
          transform: translate(25.3425vw, -10px) scale(.4111);
          -webkit-animation: fall-27 15s -3s linear infinite;
          animation: fall-27 15s -3s linear infinite
      }

    @-webkit-keyframes fall-27 {
        63.926% {
            -webkit-transform: translate(24.7381vw, 63.926vh) scale(.4111);
            transform: translate(24.7381vw, 63.926vh) scale(.4111)
        }
        to {
            -webkit-transform: translate(25.0403vw, 100vh) scale(.4111);
            transform: translate(25.0403vw, 100vh) scale(.4111)
        }
    }@keyframes fall-27 {
         63.926% {
             -webkit-transform: translate(24.7381vw, 63.926vh) scale(.4111);
             transform: translate(24.7381vw, 63.926vh) scale(.4111)
         }
         to {
             -webkit-transform: translate(25.0403vw, 100vh) scale(.4111);
             transform: translate(25.0403vw, 100vh) scale(.4111)
         }
     }.snow:nth-child(28) {
          opacity: .3429;
          -webkit-transform: translate(69.6914vw, -10px) scale(.0496);
          transform: translate(69.6914vw, -10px) scale(.0496);
          -webkit-animation: fall-28 19s -19s linear infinite;
          animation: fall-28 19s -19s linear infinite
      }

    @-webkit-keyframes fall-28 {
        49.493% {
            -webkit-transform: translate(70.4466vw, 49.493vh) scale(.0496);
            transform: translate(70.4466vw, 49.493vh) scale(.0496)
        }
        to {
            -webkit-transform: translate(70.069vw, 100vh) scale(.0496);
            transform: translate(70.069vw, 100vh) scale(.0496)
        }
    }@keyframes fall-28 {
         49.493% {
             -webkit-transform: translate(70.4466vw, 49.493vh) scale(.0496);
             transform: translate(70.4466vw, 49.493vh) scale(.0496)
         }
         to {
             -webkit-transform: translate(70.069vw, 100vh) scale(.0496);
             transform: translate(70.069vw, 100vh) scale(.0496)
         }
     }.snow:nth-child(29) {
          opacity: .0618;
          -webkit-transform: translate(45.1808vw, -10px) scale(.8401);
          transform: translate(45.1808vw, -10px) scale(.8401);
          -webkit-animation: fall-29 23s -26s linear infinite;
          animation: fall-29 23s -26s linear infinite
      }

    @-webkit-keyframes fall-29 {
        70.989% {
            -webkit-transform: translate(48.548vw, 70.989vh) scale(.8401);
            transform: translate(48.548vw, 70.989vh) scale(.8401)
        }
        to {
            -webkit-transform: translate(46.8644vw, 100vh) scale(.8401);
            transform: translate(46.8644vw, 100vh) scale(.8401)
        }
    }@keyframes fall-29 {
         70.989% {
             -webkit-transform: translate(48.548vw, 70.989vh) scale(.8401);
             transform: translate(48.548vw, 70.989vh) scale(.8401)
         }
         to {
             -webkit-transform: translate(46.8644vw, 100vh) scale(.8401);
             transform: translate(46.8644vw, 100vh) scale(.8401)
         }
     }.snow:nth-child(30) {
          opacity: .7836;
          -webkit-transform: translate(38.2074vw, -10px) scale(.0204);
          transform: translate(38.2074vw, -10px) scale(.0204);
          -webkit-animation: fall-30 11s -18s linear infinite;
          animation: fall-30 11s -18s linear infinite
      }

    @-webkit-keyframes fall-30 {
        40.484% {
            -webkit-transform: translate(43.1631vw, 40.484vh) scale(.0204);
            transform: translate(43.1631vw, 40.484vh) scale(.0204)
        }
        to {
            -webkit-transform: translate(40.68525vw, 100vh) scale(.0204);
            transform: translate(40.68525vw, 100vh) scale(.0204)
        }
    }@keyframes fall-30 {
         40.484% {
             -webkit-transform: translate(43.1631vw, 40.484vh) scale(.0204);
             transform: translate(43.1631vw, 40.484vh) scale(.0204)
         }
         to {
             -webkit-transform: translate(40.68525vw, 100vh) scale(.0204);
             transform: translate(40.68525vw, 100vh) scale(.0204)
         }
     }.snow:nth-child(31) {
          opacity: .2584;
          -webkit-transform: translate(53.2395vw, -10px) scale(.0451);
          transform: translate(53.2395vw, -10px) scale(.0451);
          -webkit-animation: fall-31 13s -23s linear infinite;
          animation: fall-31 13s -23s linear infinite
      }

    @-webkit-keyframes fall-31 {
        67.536% {
            -webkit-transform: translate(58.5878vw, 67.536vh) scale(.0451);
            transform: translate(58.5878vw, 67.536vh) scale(.0451)
        }
        to {
            -webkit-transform: translate(55.91365vw, 100vh) scale(.0451);
            transform: translate(55.91365vw, 100vh) scale(.0451)
        }
    }@keyframes fall-31 {
         67.536% {
             -webkit-transform: translate(58.5878vw, 67.536vh) scale(.0451);
             transform: translate(58.5878vw, 67.536vh) scale(.0451)
         }
         to {
             -webkit-transform: translate(55.91365vw, 100vh) scale(.0451);
             transform: translate(55.91365vw, 100vh) scale(.0451)
         }
     }.snow:nth-child(32) {
          opacity: .2997;
          -webkit-transform: translate(68.7768vw, -10px) scale(.2812);
          transform: translate(68.7768vw, -10px) scale(.2812);
          -webkit-animation: fall-32 14s -25s linear infinite;
          animation: fall-32 14s -25s linear infinite
      }

    @-webkit-keyframes fall-32 {
        56.301% {
            -webkit-transform: translate(70.246vw, 56.301vh) scale(.2812);
            transform: translate(70.246vw, 56.301vh) scale(.2812)
        }
        to {
            -webkit-transform: translate(69.5114vw, 100vh) scale(.2812);
            transform: translate(69.5114vw, 100vh) scale(.2812)
        }
    }@keyframes fall-32 {
         56.301% {
             -webkit-transform: translate(70.246vw, 56.301vh) scale(.2812);
             transform: translate(70.246vw, 56.301vh) scale(.2812)
         }
         to {
             -webkit-transform: translate(69.5114vw, 100vh) scale(.2812);
             transform: translate(69.5114vw, 100vh) scale(.2812)
         }
     }.snow:nth-child(33) {
          opacity: .0312;
          -webkit-transform: translate(75.3948vw, -10px) scale(.3207);
          transform: translate(75.3948vw, -10px) scale(.3207);
          -webkit-animation: fall-33 11s -14s linear infinite;
          animation: fall-33 11s -14s linear infinite
      }

    @-webkit-keyframes fall-33 {
        71.052% {
            -webkit-transform: translate(74.3633vw, 71.052vh) scale(.3207);
            transform: translate(74.3633vw, 71.052vh) scale(.3207)
        }
        to {
            -webkit-transform: translate(74.87905vw, 100vh) scale(.3207);
            transform: translate(74.87905vw, 100vh) scale(.3207)
        }
    }@keyframes fall-33 {
         71.052% {
             -webkit-transform: translate(74.3633vw, 71.052vh) scale(.3207);
             transform: translate(74.3633vw, 71.052vh) scale(.3207)
         }
         to {
             -webkit-transform: translate(74.87905vw, 100vh) scale(.3207);
             transform: translate(74.87905vw, 100vh) scale(.3207)
         }
     }.snow:nth-child(34) {
          opacity: .2999;
          -webkit-transform: translate(65.2366vw, -10px) scale(.6138);
          transform: translate(65.2366vw, -10px) scale(.6138);
          -webkit-animation: fall-34 18s -4s linear infinite;
          animation: fall-34 18s -4s linear infinite
      }

    @-webkit-keyframes fall-34 {
        78.213% {
            -webkit-transform: translate(64.5535vw, 78.213vh) scale(.6138);
            transform: translate(64.5535vw, 78.213vh) scale(.6138)
        }
        to {
            -webkit-transform: translate(64.89505vw, 100vh) scale(.6138);
            transform: translate(64.89505vw, 100vh) scale(.6138)
        }
    }@keyframes fall-34 {
         78.213% {
             -webkit-transform: translate(64.5535vw, 78.213vh) scale(.6138);
             transform: translate(64.5535vw, 78.213vh) scale(.6138)
         }
         to {
             -webkit-transform: translate(64.89505vw, 100vh) scale(.6138);
             transform: translate(64.89505vw, 100vh) scale(.6138)
         }
     }.snow:nth-child(35) {
          opacity: .743;
          -webkit-transform: translate(48.8962vw, -10px) scale(.1383);
          transform: translate(48.8962vw, -10px) scale(.1383);
          -webkit-animation: fall-35 18s -30s linear infinite;
          animation: fall-35 18s -30s linear infinite
      }

    @-webkit-keyframes fall-35 {
        75.426% {
            -webkit-transform: translate(43.8436vw, 75.426vh) scale(.1383);
            transform: translate(43.8436vw, 75.426vh) scale(.1383)
        }
        to {
            -webkit-transform: translate(46.3699vw, 100vh) scale(.1383);
            transform: translate(46.3699vw, 100vh) scale(.1383)
        }
    }@keyframes fall-35 {
         75.426% {
             -webkit-transform: translate(43.8436vw, 75.426vh) scale(.1383);
             transform: translate(43.8436vw, 75.426vh) scale(.1383)
         }
         to {
             -webkit-transform: translate(46.3699vw, 100vh) scale(.1383);
             transform: translate(46.3699vw, 100vh) scale(.1383)
         }
     }.snow:nth-child(36) {
          opacity: .9664;
          -webkit-transform: translate(80.7318vw, -10px) scale(.9106);
          transform: translate(80.7318vw, -10px) scale(.9106);
          -webkit-animation: fall-36 14s -3s linear infinite;
          animation: fall-36 14s -3s linear infinite
      }

    @-webkit-keyframes fall-36 {
        44.089% {
            -webkit-transform: translate(74.4107vw, 44.089vh) scale(.9106);
            transform: translate(74.4107vw, 44.089vh) scale(.9106)
        }
        to {
            -webkit-transform: translate(77.57125vw, 100vh) scale(.9106);
            transform: translate(77.57125vw, 100vh) scale(.9106)
        }
    }@keyframes fall-36 {
         44.089% {
             -webkit-transform: translate(74.4107vw, 44.089vh) scale(.9106);
             transform: translate(74.4107vw, 44.089vh) scale(.9106)
         }
         to {
             -webkit-transform: translate(77.57125vw, 100vh) scale(.9106);
             transform: translate(77.57125vw, 100vh) scale(.9106)
         }
     }.snow:nth-child(37) {
          opacity: .4015;
          -webkit-transform: translate(76.4119vw, -10px) scale(.0727);
          transform: translate(76.4119vw, -10px) scale(.0727);
          -webkit-animation: fall-37 18s -9s linear infinite;
          animation: fall-37 18s -9s linear infinite
      }

    @-webkit-keyframes fall-37 {
        44.585% {
            -webkit-transform: translate(79.2967vw, 44.585vh) scale(.0727);
            transform: translate(79.2967vw, 44.585vh) scale(.0727)
        }
        to {
            -webkit-transform: translate(77.8543vw, 100vh) scale(.0727);
            transform: translate(77.8543vw, 100vh) scale(.0727)
        }
    }@keyframes fall-37 {
         44.585% {
             -webkit-transform: translate(79.2967vw, 44.585vh) scale(.0727);
             transform: translate(79.2967vw, 44.585vh) scale(.0727)
         }
         to {
             -webkit-transform: translate(77.8543vw, 100vh) scale(.0727);
             transform: translate(77.8543vw, 100vh) scale(.0727)
         }
     }.snow:nth-child(38) {
          opacity: .5859;
          -webkit-transform: translate(10.552vw, -10px) scale(.5333);
          transform: translate(10.552vw, -10px) scale(.5333);
          -webkit-animation: fall-38 23s -13s linear infinite;
          animation: fall-38 23s -13s linear infinite
      }

    @-webkit-keyframes fall-38 {
        36.697% {
            -webkit-transform: translate(13.2061vw, 36.697vh) scale(.5333);
            transform: translate(13.2061vw, 36.697vh) scale(.5333)
        }
        to {
            -webkit-transform: translate(11.87905vw, 100vh) scale(.5333);
            transform: translate(11.87905vw, 100vh) scale(.5333)
        }
    }@keyframes fall-38 {
         36.697% {
             -webkit-transform: translate(13.2061vw, 36.697vh) scale(.5333);
             transform: translate(13.2061vw, 36.697vh) scale(.5333)
         }
         to {
             -webkit-transform: translate(11.87905vw, 100vh) scale(.5333);
             transform: translate(11.87905vw, 100vh) scale(.5333)
         }
     }.snow:nth-child(39) {
          opacity: .4493;
          -webkit-transform: translate(43.9048vw, -10px) scale(.39);
          transform: translate(43.9048vw, -10px) scale(.39);
          -webkit-animation: fall-39 21s -6s linear infinite;
          animation: fall-39 21s -6s linear infinite
      }

    @-webkit-keyframes fall-39 {
        60.44% {
            -webkit-transform: translate(47.5987vw, 60.44vh) scale(.39);
            transform: translate(47.5987vw, 60.44vh) scale(.39)
        }
        to {
            -webkit-transform: translate(45.75175vw, 100vh) scale(.39);
            transform: translate(45.75175vw, 100vh) scale(.39)
        }
    }@keyframes fall-39 {
         60.44% {
             -webkit-transform: translate(47.5987vw, 60.44vh) scale(.39);
             transform: translate(47.5987vw, 60.44vh) scale(.39)
         }
         to {
             -webkit-transform: translate(45.75175vw, 100vh) scale(.39);
             transform: translate(45.75175vw, 100vh) scale(.39)
         }
     }.snow:nth-child(40) {
          opacity: .6244;
          -webkit-transform: translate(81.7618vw, -10px) scale(.5395);
          transform: translate(81.7618vw, -10px) scale(.5395);
          -webkit-animation: fall-40 22s -10s linear infinite;
          animation: fall-40 22s -10s linear infinite
      }

    @-webkit-keyframes fall-40 {
        69.953% {
            -webkit-transform: translate(86.2447vw, 69.953vh) scale(.5395);
            transform: translate(86.2447vw, 69.953vh) scale(.5395)
        }
        to {
            -webkit-transform: translate(84.00325vw, 100vh) scale(.5395);
            transform: translate(84.00325vw, 100vh) scale(.5395)
        }
    }@keyframes fall-40 {
         69.953% {
             -webkit-transform: translate(86.2447vw, 69.953vh) scale(.5395);
             transform: translate(86.2447vw, 69.953vh) scale(.5395)
         }
         to {
             -webkit-transform: translate(84.00325vw, 100vh) scale(.5395);
             transform: translate(84.00325vw, 100vh) scale(.5395)
         }
     }.snow:nth-child(41) {
          opacity: .4087;
          -webkit-transform: translate(27.5469vw, -10px) scale(.7125);
          transform: translate(27.5469vw, -10px) scale(.7125);
          -webkit-animation: fall-41 17s -8s linear infinite;
          animation: fall-41 17s -8s linear infinite
      }

    @-webkit-keyframes fall-41 {
        32.151% {
            -webkit-transform: translate(24.548vw, 32.151vh) scale(.7125);
            transform: translate(24.548vw, 32.151vh) scale(.7125)
        }
        to {
            -webkit-transform: translate(26.04745vw, 100vh) scale(.7125);
            transform: translate(26.04745vw, 100vh) scale(.7125)
        }
    }@keyframes fall-41 {
         32.151% {
             -webkit-transform: translate(24.548vw, 32.151vh) scale(.7125);
             transform: translate(24.548vw, 32.151vh) scale(.7125)
         }
         to {
             -webkit-transform: translate(26.04745vw, 100vh) scale(.7125);
             transform: translate(26.04745vw, 100vh) scale(.7125)
         }
     }.snow:nth-child(42) {
          opacity: .5504;
          -webkit-transform: translate(31.59vw, -10px) scale(.2477);
          transform: translate(31.59vw, -10px) scale(.2477);
          -webkit-animation: fall-42 28s -15s linear infinite;
          animation: fall-42 28s -15s linear infinite
      }

    @-webkit-keyframes fall-42 {
        50.343% {
            -webkit-transform: translate(34.679vw, 50.343vh) scale(.2477);
            transform: translate(34.679vw, 50.343vh) scale(.2477)
        }
        to {
            -webkit-transform: translate(33.1345vw, 100vh) scale(.2477);
            transform: translate(33.1345vw, 100vh) scale(.2477)
        }
    }@keyframes fall-42 {
         50.343% {
             -webkit-transform: translate(34.679vw, 50.343vh) scale(.2477);
             transform: translate(34.679vw, 50.343vh) scale(.2477)
         }
         to {
             -webkit-transform: translate(33.1345vw, 100vh) scale(.2477);
             transform: translate(33.1345vw, 100vh) scale(.2477)
         }
     }.snow:nth-child(43) {
          opacity: .6884;
          -webkit-transform: translate(88.9013vw, -10px) scale(.7278);
          transform: translate(88.9013vw, -10px) scale(.7278);
          -webkit-animation: fall-43 17s -12s linear infinite;
          animation: fall-43 17s -12s linear infinite
      }

    @-webkit-keyframes fall-43 {
        50.124% {
            -webkit-transform: translate(87.058vw, 50.124vh) scale(.7278);
            transform: translate(87.058vw, 50.124vh) scale(.7278)
        }
        to {
            -webkit-transform: translate(87.97965vw, 100vh) scale(.7278);
            transform: translate(87.97965vw, 100vh) scale(.7278)
        }
    }@keyframes fall-43 {
         50.124% {
             -webkit-transform: translate(87.058vw, 50.124vh) scale(.7278);
             transform: translate(87.058vw, 50.124vh) scale(.7278)
         }
         to {
             -webkit-transform: translate(87.97965vw, 100vh) scale(.7278);
             transform: translate(87.97965vw, 100vh) scale(.7278)
         }
     }.snow:nth-child(44) {
          opacity: .4211;
          -webkit-transform: translate(30.2776vw, -10px) scale(.4342);
          transform: translate(30.2776vw, -10px) scale(.4342);
          -webkit-animation: fall-44 16s -13s linear infinite;
          animation: fall-44 16s -13s linear infinite
      }

    @-webkit-keyframes fall-44 {
        70.26% {
            -webkit-transform: translate(36.849vw, 70.26vh) scale(.4342);
            transform: translate(36.849vw, 70.26vh) scale(.4342)
        }
        to {
            -webkit-transform: translate(33.5633vw, 100vh) scale(.4342);
            transform: translate(33.5633vw, 100vh) scale(.4342)
        }
    }@keyframes fall-44 {
         70.26% {
             -webkit-transform: translate(36.849vw, 70.26vh) scale(.4342);
             transform: translate(36.849vw, 70.26vh) scale(.4342)
         }
         to {
             -webkit-transform: translate(33.5633vw, 100vh) scale(.4342);
             transform: translate(33.5633vw, 100vh) scale(.4342)
         }
     }.snow:nth-child(45) {
          opacity: .247;
          -webkit-transform: translate(12.9879vw, -10px) scale(.4689);
          transform: translate(12.9879vw, -10px) scale(.4689);
          -webkit-animation: fall-45 16s -23s linear infinite;
          animation: fall-45 16s -23s linear infinite
      }

    @-webkit-keyframes fall-45 {
        38.078% {
            -webkit-transform: translate(13.5214vw, 38.078vh) scale(.4689);
            transform: translate(13.5214vw, 38.078vh) scale(.4689)
        }
        to {
            -webkit-transform: translate(13.25465vw, 100vh) scale(.4689);
            transform: translate(13.25465vw, 100vh) scale(.4689)
        }
    }@keyframes fall-45 {
         38.078% {
             -webkit-transform: translate(13.5214vw, 38.078vh) scale(.4689);
             transform: translate(13.5214vw, 38.078vh) scale(.4689)
         }
         to {
             -webkit-transform: translate(13.25465vw, 100vh) scale(.4689);
             transform: translate(13.25465vw, 100vh) scale(.4689)
         }
     }.snow:nth-child(46) {
          opacity: .1726;
          -webkit-transform: translate(80.3461vw, -10px) scale(.7214);
          transform: translate(80.3461vw, -10px) scale(.7214);
          -webkit-animation: fall-46 30s -19s linear infinite;
          animation: fall-46 30s -19s linear infinite
      }

    @-webkit-keyframes fall-46 {
        50.499% {
            -webkit-transform: translate(89.5567vw, 50.499vh) scale(.7214);
            transform: translate(89.5567vw, 50.499vh) scale(.7214)
        }
        to {
            -webkit-transform: translate(84.9514vw, 100vh) scale(.7214);
            transform: translate(84.9514vw, 100vh) scale(.7214)
        }
    }@keyframes fall-46 {
         50.499% {
             -webkit-transform: translate(89.5567vw, 50.499vh) scale(.7214);
             transform: translate(89.5567vw, 50.499vh) scale(.7214)
         }
         to {
             -webkit-transform: translate(84.9514vw, 100vh) scale(.7214);
             transform: translate(84.9514vw, 100vh) scale(.7214)
         }
     }.snow:nth-child(47) {
          opacity: .216;
          -webkit-transform: translate(42.6758vw, -10px) scale(.9361);
          transform: translate(42.6758vw, -10px) scale(.9361);
          -webkit-animation: fall-47 16s -22s linear infinite;
          animation: fall-47 16s -22s linear infinite
      }

    @-webkit-keyframes fall-47 {
        74.017% {
            -webkit-transform: translate(41.1018vw, 74.017vh) scale(.9361);
            transform: translate(41.1018vw, 74.017vh) scale(.9361)
        }
        to {
            -webkit-transform: translate(41.8888vw, 100vh) scale(.9361);
            transform: translate(41.8888vw, 100vh) scale(.9361)
        }
    }@keyframes fall-47 {
         74.017% {
             -webkit-transform: translate(41.1018vw, 74.017vh) scale(.9361);
             transform: translate(41.1018vw, 74.017vh) scale(.9361)
         }
         to {
             -webkit-transform: translate(41.8888vw, 100vh) scale(.9361);
             transform: translate(41.8888vw, 100vh) scale(.9361)
         }
     }.snow:nth-child(48) {
          opacity: .0214;
          -webkit-transform: translate(97.8135vw, -10px) scale(.1968);
          transform: translate(97.8135vw, -10px) scale(.1968);
          -webkit-animation: fall-48 18s -13s linear infinite;
          animation: fall-48 18s -13s linear infinite
      }

    @-webkit-keyframes fall-48 {
        43.251% {
            -webkit-transform: translate(100.9489vw, 43.251vh) scale(.1968);
            transform: translate(100.9489vw, 43.251vh) scale(.1968)
        }
        to {
            -webkit-transform: translate(99.3812vw, 100vh) scale(.1968);
            transform: translate(99.3812vw, 100vh) scale(.1968)
        }
    }@keyframes fall-48 {
         43.251% {
             -webkit-transform: translate(100.9489vw, 43.251vh) scale(.1968);
             transform: translate(100.9489vw, 43.251vh) scale(.1968)
         }
         to {
             -webkit-transform: translate(99.3812vw, 100vh) scale(.1968);
             transform: translate(99.3812vw, 100vh) scale(.1968)
         }
     }.snow:nth-child(49) {
          opacity: .6555;
          -webkit-transform: translate(90.5285vw, -10px) scale(.8645);
          transform: translate(90.5285vw, -10px) scale(.8645);
          -webkit-animation: fall-49 21s -14s linear infinite;
          animation: fall-49 21s -14s linear infinite
      }

    @-webkit-keyframes fall-49 {
        79.615% {
            -webkit-transform: translate(94.2315vw, 79.615vh) scale(.8645);
            transform: translate(94.2315vw, 79.615vh) scale(.8645)
        }
        to {
            -webkit-transform: translate(92.38vw, 100vh) scale(.8645);
            transform: translate(92.38vw, 100vh) scale(.8645)
        }
    }@keyframes fall-49 {
         79.615% {
             -webkit-transform: translate(94.2315vw, 79.615vh) scale(.8645);
             transform: translate(94.2315vw, 79.615vh) scale(.8645)
         }
         to {
             -webkit-transform: translate(92.38vw, 100vh) scale(.8645);
             transform: translate(92.38vw, 100vh) scale(.8645)
         }
     }.snow:nth-child(50) {
          opacity: .0048;
          -webkit-transform: translate(29.5881vw, -10px) scale(.4478);
          transform: translate(29.5881vw, -10px) scale(.4478);
          -webkit-animation: fall-50 13s -21s linear infinite;
          animation: fall-50 13s -21s linear infinite
      }

    @-webkit-keyframes fall-50 {
        30.364% {
            -webkit-transform: translate(24.0695vw, 30.364vh) scale(.4478);
            transform: translate(24.0695vw, 30.364vh) scale(.4478)
        }
        to {
            -webkit-transform: translate(26.8288vw, 100vh) scale(.4478);
            transform: translate(26.8288vw, 100vh) scale(.4478)
        }
    }@keyframes fall-50 {
         30.364% {
             -webkit-transform: translate(24.0695vw, 30.364vh) scale(.4478);
             transform: translate(24.0695vw, 30.364vh) scale(.4478)
         }
         to {
             -webkit-transform: translate(26.8288vw, 100vh) scale(.4478);
             transform: translate(26.8288vw, 100vh) scale(.4478)
         }
     }
}

.subscription-form {
    margin: 0 auto;
    padding: 64px 0;
    font-weight: 300;
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .subscription-form {
        padding: 0 24px 40px;
        background-color: #fafafa
    }
}

.subscription-form__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 185px
}

@media only screen and (max-width: 812px) {
    .subscription-form__form {
        height: 427px
    }
}

.subscription-form__title {
    margin-bottom: 16px;
    font-size: 30px;
    line-height: 36px
}

@media only screen and (max-width: 812px) {
    .subscription-form__title {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 24px
    }
}

.subscription-form__subtitle {
    margin-bottom: 32px;
    font-size: 20px;
    line-height: 24px
}

@media only screen and (max-width: 812px) {
    .subscription-form__subtitle {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 140%
    }
}

.subscription-form__wrapper._hide {
    display: none
}

.subscription-form__subscribe {
    text-align: center
}

.subscription-form__subscribe .subscription-form__title {
    margin-bottom: 13px;
    font-weight: 400;
    font-size: 30px
}

@media only screen and (max-width: 812px) {
    .subscription-form__subscribe .subscription-form__title {
        margin-bottom: 16px;
        font-size: 26px;
        white-space: pre-line
    }
}

.subscription-form__subscribe .subscription-form__subtitle {
    font-size: 20px
}

@media only screen and (max-width: 812px) {
    .subscription-form__subscribe .subscription-form__subtitle {
        font-size: 14px;
        opacity: .7;
        white-space: pre-line
    }
}

.subscription-form__body {
    max-width: 815px;
    margin: 42px auto 0;
    width: 100%
}

@media only screen and (max-width: 812px) {
    .subscription-form__body {
        margin-top: 32px
    }
}

.subscription-form__items-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media only screen and (max-width: 812px) {
    .subscription-form__items-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.subscription-form__item {
    position: relative;
    margin-right: 40px;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media only screen and (max-width: 812px) {
    .subscription-form__item {
        width: 100%;
        max-width: 250px;
        margin-right: 0;
        margin-bottom: 15px
    }
}

.subscription-form__item:last-of-type {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .subscription-form__item:last-of-type {
        margin-bottom: 0;
        margin-top: 15px
    }
}

.subscription-form__item.hidden {
    display: none
}

.subscription-form__input {
    padding: 0 22px;
    width: 245px;
    height: 41px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .25);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .25);
    border-radius: 30px;
    border: none;
    outline: none;
    -webkit-transition: -webkit-box-shadow .25s ease;
    transition: -webkit-box-shadow .25s ease;
    transition: box-shadow .25s ease;
    transition: box-shadow .25s ease, -webkit-box-shadow .25s ease
}

@media only screen and (max-width: 812px) {
    .subscription-form__input {
        width: 100%
    }
}

.subscription-form__input:focus {
    -webkit-box-shadow: inset 0 1px 9px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 9px rgba(0, 0, 0, .2)
}

.subscription-form__input::-webkit-input-placeholder {
    font-weight: 300;
    color: #b5b5b5;
    font-size: 13px
}

.subscription-form__input:-ms-input-placeholder, .subscription-form__input::-ms-input-placeholder {
    font-weight: 300;
    color: #b5b5b5;
    font-size: 13px
}

.subscription-form__input::placeholder {
    font-weight: 300;
    color: #b5b5b5;
    font-size: 13px
}

.subscription-form__validation-message {
    position: absolute;
    left: 0;
    bottom: -20px;
    opacity: 0;
    margin: 4px 22px;
    font-size: 11px;
    color: #e61736
}

.subscription-form__item._invalid {
    margin-bottom: 15px
}

.subscription-form__item._invalid .subscription-form__input {
    border: 1px solid #e61736;
    -webkit-box-shadow: none;
    box-shadow: none
}

.subscription-form__item._invalid .subscription-form__validation-message {
    opacity: 1
}

.subscription-form__button {
    width: 245px;
    height: 41px;
    background-color: transparent
}

@media only screen and (max-width: 812px) {
    .subscription-form__button {
        width: 100%
    }
}

.subscription-form__policy {
    text-align: left;
    font-size: 11px;
    color: rgba(0, 0, 0, .5)
}

@media only screen and (max-width: 812px) {
    .subscription-form__policy {
        margin-top: 12px;
        text-align: center;
        white-space: pre-line
    }
}

.subscription-form__policy-link {
    position: relative;
    cursor: pointer;
    color: #0d50a0
}

.subscription-form__policy-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #0d50a0;
    width: 100%
}

.subscription-form__policy-link:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.subscription-form__message {
    display: none;
    max-width: 700px;
    font-size: 30px;
    opacity: 0
}

.subscription-form__message._active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.subscription-form__message-title, .subscription-form__message._active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subscription-form__message-title {
    margin-top: 5px;
    font-weight: 400;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .subscription-form__message-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        font-size: 26px
    }
}

.subscription-form__message-title:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

@media only screen and (max-width: 812px) {
    .subscription-form__message-title:before {
        margin-bottom: 24px
    }
}

.subscription-form__message-title.success:before {
    background-image: url("../images/form-submit-success.d027b366167d.svg")
}

.subscription-form__message-title.error:before {
    background-image: url("../images/form-submit-fail.addbb59d5557.svg")
}

.subscription-form__message-subtitle {
    margin-top: 32px;
    font-size: 20px;
    line-height: 24px;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .subscription-form__message-subtitle {
        font-size: 14px;
        margin-top: 24px
    }
}

.subscription-form__message-reset {
    margin-top: 32px;
    position: relative;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    color: #0d50a0
}

@media only screen and (max-width: 812px) {
    .subscription-form__message-reset {
        font-size: 14px;
        margin-top: 24px
    }
}

.subscription-form__message-reset:after {
    background-color: #0d50a0
}

@media only screen and (max-width: 812px) {
    .subscription-form._simple {
        padding: 0 24px;
        background-color: #fff
    }
}

@media only screen and (max-width: 812px) {
    .subscription-form._simple .subscription-form__form {
        margin: 32px auto 20px;
        padding: 32px 24px 40px;
        height: 100%;
        max-width: 328px;
        -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
        box-shadow: 0 4px 16px rgba(0, 0, 0, .05)
    }
}

@media only screen and (max-width: 812px) {
    .subscription-form._simple .subscription-form__title {
        white-space: normal
    }
}

@media only screen and (max-width: 812px) {
    .subscription-form._simple .subscription-form__body {
        margin-top: 0
    }
}

@media only screen and (max-width: 812px) {
    .subscription-form._simple .subscription-form__wrapper {
        width: 100%
    }
}

.subscription-form._simple .subscription-form__item {
    margin-right: 16px;
    margin-bottom: 12px
}

@media only screen and (max-width: 812px) {
    .subscription-form._simple .subscription-form__item {
        margin-right: 0;
        margin-bottom: 0;
        max-width: 287px
    }
}

.subscription-form._simple .subscription-form__item._invalid {
    margin-bottom: 20px;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media only screen and (max-width: 812px) {
    .subscription-form._simple .subscription-form__item._invalid {
        margin-bottom: 10px
    }
}

.subscription-form._simple .subscription-form__item._invalid .subscription-form__validation-message {
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.subscription-form._simple .subscription-form__items-group {
    margin-bottom: 0
}

.subscription-form._simple .subscription-form__input {
    width: 272px;
    color: #3d3636;
    font-size: 14px;
    line-height: 17px;
    background-color: #f5f5f5
}

@media only screen and (max-width: 812px) {
    .subscription-form._simple .subscription-form__input {
        width: 100%
    }
}

.subscription-form._simple .subscription-form__button {
    width: 224px;
    color: #3d3636;
    font-size: 14px;
    line-height: 17px;
    background-color: #fff;
    border: 1px solid #feca30
}

@media only screen and (max-width: 812px) {
    .subscription-form._simple .subscription-form__button {
        width: 100%;
        background-color: #feca30
    }
}

.subscription-form._simple .subscription-form__button:hover {
    background-color: #feca30;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media only screen and (max-width: 812px) {
    .subscription-form._simple .subscription-form__policy {
        margin: 12px auto 0;
        max-width: 287px;
        white-space: normal
    }
}

.footer-subscription {
    width: 300px;
    min-width: 300px;
    margin-left: 70px
}

@media only screen and (max-width: 812px) {
    .footer-subscription {
        margin: 5px 0;
        max-width: 300px;
        min-width: 100%;
        width: 100%
    }
}

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

.footer-subscription__wrapper._hide {
    opacity: 0;
    display: none
}

.footer-subscription__message, .footer-subscription__title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin-bottom: 12px
}

.footer-subscription__send {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer-subscription__item, .footer-subscription__send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.footer-subscription__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-subscription__item._invalid .footer-subscription__input {
    color: #e61736;
    border: 1px solid #e61736;
    border-width: 1px 0 1px 1px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.footer-subscription__item._invalid .footer-subscription__validation-message {
    opacity: 1
}

.footer-subscription__input {
    width: 100%;
    height: 44px;
    background: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px
}

.footer-subscription__input:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.footer-subscription__validation-message {
    opacity: 0;
    color: #e61736;
    margin: 5px 0;
    font-size: 10px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.footer-subscription__button {
    width: 44px;
    min-width: 44px;
    height: 44px;
    background-image: url("../images/accept-send-form.6bd7598703f2.svg");
    cursor: pointer
}

.footer-subscription__policy {
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    margin: 5px 0 10px;
    line-height: 160%;
    color: #666;
    width: 300px
}

.footer-subscription__policy-link {
    color: #000;
    position: relative
}

.footer-subscription__policy-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #000;
    width: 100%
}

.footer-subscription__policy-link:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.footer-subscription__mail {
    color: #0d50a0
}

.footer-subscription__message {
    display: none;
    opacity: 0
}

.footer-subscription__message-subtitle {
    margin-top: 12px;
    width: 264px;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: #666
}

.footer-subscription__message._active {
    display: block;
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.flats-history {
    display: none
}

.flats-history._visible {
    display: block
}

.flats-history__container {
    position: fixed;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 100;
    background-color: #004792
}

@media only screen and (max-width: 812px) {
    .flats-history__container {
        display: none
    }
}

.flats-history__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 40px;
    width: 1400px;
    height: 72px
}

@media only screen and (max-width: 812px) {
    .flats-history__wrapper {
        display: none
    }
}

.flats-history__info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flats-history__info-container > div:not(:last-child) {
    margin-right: 8px
}

.flats-history__info-title {
    margin-top: 2px;
    margin-right: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    white-space: nowrap;
    text-transform: uppercase
}

.flats-history__items-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.flats-history__info-item {
    margin-right: 8px;
    padding: 8px 16px;
    height: 30px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    background: #0d50a0;
    border-radius: 40px
}

.flats-history__info-item.button {
    color: #0d50a0;
    background: #fff
}

.flats-history__info-item.button:hover {
    color: #fff;
    background: #0d50a0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.flats-history__button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flats-history__button-group .button {
    position: relative;
    padding: 0;
    margin-right: 6px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff
}

.flats-history__button-group .button > svg {
    position: absolute
}

.flats-history__button-group .button.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.flats-history__button-group .button.swiper-button-disabled:hover svg {
    -webkit-transform: none;
    transform: none
}

.flats-history__button-group .button:hover svg {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all .3s;
    transition: all .3s
}

.flats-history__nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.flats-history__show-all {
    position: relative;
    margin-right: 25px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #feca30
}

.flats-history__show-all svg {
    position: absolute
}

.flats-history__close {
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 30px;
    z-index: 10
}

.flats-history__close:after, .flats-history__close:before {
    content: "";
    position: absolute;
    left: 0;
    top: 45%;
    height: 2px;
    width: 16px;
    background-color: #fff;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    will-change: transform
}

.flats-history__close:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.flats-history__close:after, .flats-history__close:hover:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.flats-history__close:hover:after {
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg)
}

.flats-history__mobile-container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #fff;
    border-radius: 24px 24px 0 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 14;
    -webkit-transform: translateY(93%);
    transform: translateY(93%);
    overflow: auto
}

@media only screen and (max-width: 812px) {
    .flats-history__mobile-container {
        display: block;
        border: 1px solid #fafafa;
        border-bottom: none
    }

    .flats-history__mobile-container .commercial-card {
        opacity: 1
    }

    .flats-history__mobile-container._opened {
        border-radius: 0;
        -webkit-transition: all .6s;
        transition: all .6s;
        -webkit-transform: none;
        transform: none;
        z-index: 100
    }

    .flats-history__mobile-container._opened .flats-history__select-arrow {
        -webkit-transform: translateY(-20%) rotate(225deg);
        transform: translateY(-20%) rotate(225deg)
    }
}

.flats-history__mobile-nav {
    position: fixed;
    top: 0;
    padding: 0 28px;
    width: 100%;
    height: 7%;
    background-color: #fff;
    z-index: 2
}

@media only screen and (max-width: 812px) {
    .flats-history__mobile-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.flats-history__mobile-nav .flats-history__close {
    margin-left: auto;
    z-index: 110
}

.flats-history__mobile-nav .flats-history__close:after, .flats-history__mobile-nav .flats-history__close:before {
    background-color: #000
}

.flats-history__nav-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    z-index: 10
}

.flats-history__nav-group:hover .flats-history__show-all svg {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all .3s;
    transition: all .3s
}

.flats-history .slick-dots {
    bottom: -12px
}

.flats-history__mobile-title {
    color: #000;
    font-size: 18px;
    line-height: 22px
}

.flats-history__select-arrow {
    position: absolute;
    top: 50%;
    left: 197px;
    height: 10px;
    width: 10px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: translateY(-60%) rotate(45deg);
    transform: translateY(-60%) rotate(45deg);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.flats-history__mobile-pagination {
    position: relative;
    padding: 10vh 22px 16px;
    height: 100%;
    min-height: 670px;
    background-color: #fafafa;
    overflow-y: auto;
    overflow-x: hidden
}

.flats-history__show-all-mob {
    width: 100%;
    height: 41px;
    text-align: center;
    background-color: #feca30;
    border-radius: 50px
}

.flats-history__show-all-mob:after {
    position: absolute;
    top: 50%;
    left: 197px;
    height: 10px;
    width: 10px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: translateY(-60%) rotate(45deg);
    transform: translateY(-60%) rotate(45deg);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.flats-history .swiper-pagination {
    position: relative;
    margin: 20px auto
}

.flats-history .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: auto;
    -webkit-transform: none;
    transform: none
}

.flats-history .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    opacity: 1
}

.flats-history .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #0d50a0
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form {
        top: 5%;
        bottom: 0;
        height: unset
    }
}

.pop-up__phone-confirmation-form .form {
    width: 440px;
    height: 600px
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form {
        width: 100vw;
        height: auto;
        min-height: 600px
    }
}

.pop-up__phone-confirmation-form .form__item {
    margin-bottom: 25px;
}

.pop-up__phone-confirmation-form .form__item.sms {
    visibility: hidden;
    margin: 0
}

.pop-up__phone-confirmation-form .form__input {
    padding: 13px 20px
}

.pop-up__phone-confirmation-form .form__disclaimer {
    margin: auto;
    margin-bottom: 5px
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form__disclaimer {
        max-width: 320px
    }
}

.pop-up__phone-confirmation-form .form__success {
    position: absolute;
    opacity: 0;
    visibility: collapse;
    -webkit-animation: blockDisappearing .3s ease forwards;
    animation: blockDisappearing .3s ease forwards;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    padding: 0 64px
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form__success {
        width: calc(100% - 84px);
        padding: 0
    }
}

.pop-up__phone-confirmation-form .form__success .form-success__icon {
    margin: 0 auto
}

.pop-up__phone-confirmation-form .form__success-text {
    text-align: center
}

.pop-up__phone-confirmation-form .form__success._reservation .form-success__title {
    font-size: 28px;
    line-height: 130%
}

.pop-up__phone-confirmation-form .form__success._reservation .form-success__icon {
    background-image: none
}

.pop-up__phone-confirmation-form .form__error {
    -webkit-animation: blockDisappearing .3s ease forwards;
    animation: blockDisappearing .3s ease forwards;
    position: absolute;
    opacity: 0;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    padding: 0 64px
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form__error {
        width: calc(100% - 84px)
    }
}

.pop-up__phone-confirmation-form .form__error .form-success__title {
    font-size: 52px;
    line-height: 130%;
    font-weight: 700;
    color: #feca30
}

.pop-up__phone-confirmation-form .form__error .form-success__desc {
    margin-bottom: 152px
}

.pop-up__phone-confirmation-form .form__sms-label {
    display: block;
    margin: 0 auto 12px;
    text-align: center;
    font-size: 14px;
    line-height: 140%
}

.pop-up__phone-confirmation-form .form__personal {
    margin-bottom: 0
}

.pop-up__phone-confirmation-form .form__fields {
    margin-top: 81px;
    margin-bottom: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form__fields {
        max-width: 320px;
        margin: auto
    }
}

.pop-up__phone-confirmation-form .form__download-btn, .pop-up__phone-confirmation-form .form__submit-btn {
    width: 100%;
    height: 40px;
    margin-bottom: 16px;
    background-color: #feca30;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pop-up__phone-confirmation-form .form__download-btn:hover, .pop-up__phone-confirmation-form .form__submit-btn:hover {
    background-color: #ffe599
}

.pop-up__phone-confirmation-form .form__download-btn._disabled, .pop-up__phone-confirmation-form .form__submit-btn._disabled {
    cursor: default;
    pointer-events: none;
    opacity: .5
}

.pop-up__phone-confirmation-form .form__download-btn #timer-countdown, .pop-up__phone-confirmation-form .form__download-btn svg, .pop-up__phone-confirmation-form .form__submit-btn #timer-countdown, .pop-up__phone-confirmation-form .form__submit-btn svg {
    text-align: left;
    margin-left: 12px
}

.pop-up__phone-confirmation-form .form__download-btn #timer-countdown, .pop-up__phone-confirmation-form .form__submit-btn #timer-countdown {
    width: 45px
}

.pop-up__phone-confirmation-form .form__download-btn.sms, .pop-up__phone-confirmation-form .form__submit-btn.sms {
    display: none;
    opacity: 0;
    background-color: transparent;
    border: 1px solid #feca30
}

.pop-up__phone-confirmation-form .form__download-btn.sms:hover, .pop-up__phone-confirmation-form .form__submit-btn.sms:hover {
    background-color: #feca30
}

.pop-up__phone-confirmation-form .form__download-btn.sms._disabled, .pop-up__phone-confirmation-form .form__submit-btn.sms._disabled {
    opacity: 1;
    border: 1px solid #e3e3e3;
    color: #333
}

.pop-up__phone-confirmation-form .form__download-btn.sms._disabled #timer-countdown, .pop-up__phone-confirmation-form .form__submit-btn.sms._disabled #timer-countdown {
    color: #0d50a0
}

.pop-up__phone-confirmation-form .form__wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 320px;
    padding: 45px 0
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form__wrap {
        width: 100%;
        min-height: 600px;
        min-width: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 42px 10px;
        border-radius: 16px 16px 0 0
    }
}

.pop-up__phone-confirmation-form .form__title {
    margin-bottom: 16px;
    font-size: 27px;
    font-weight: 400;
    color: #000;
    line-height: 34px
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form__title {
        font-size: 28px;
        line-height: 34px
    }
}

.pop-up__phone-confirmation-form .form__subtitle {
    margin: auto;
    margin-bottom: 15px;
    padding: 0 64px;
    font-size: 14px;
    line-height: 140%;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form__subtitle {
        margin-bottom: 76px;
        padding: 0
    }
}

.pop-up__phone-confirmation-form .form__descr {
    margin-bottom: 23px;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #000
}

.pop-up__phone-confirmation-form .form__body {
    display: none
}

.pop-up__phone-confirmation-form .form__disclaimer {
    font-size: 10px;
    text-align: center;
    color: #666
}

.pop-up__phone-confirmation-form .form__error .form-error__icon {
    margin: 0 auto
}

.pop-up__phone-confirmation-form .form__error-text {
    text-align: center
}

.pop-up__phone-confirmation-form .form__recover {
    display: none;
    margin-top: 10px;
    font-weight: 300;
    font-size: 10px;
    line-height: 160%;
    text-align: center;
    color: #666;
    cursor: pointer
}

.pop-up__phone-confirmation-form .form__recover > span {
    font-weight: 400
}

.pop-up__phone-confirmation-form .form .block {
    position: absolute;
    width: 100%;
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form .block {
        width: calc(100% - 84px);
        min-height: 530px
    }
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form._confirm-sms .form__subtitle {
        margin-bottom: 48px
    }
}

.pop-up__phone-confirmation-form .form._confirm-sms .form__fields {
    margin-top: 44px
}

.pop-up__phone-confirmation-form .form._confirm-sms .form__item.sms {
    visibility: visible;
    margin-top: 26px
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form._confirm-sms .form__item.sms {
        margin-top: 24px
    }
}

.pop-up__phone-confirmation-form .form._confirm-sms .form__submit-btn {
    display: none
}

.pop-up__phone-confirmation-form .form._confirm-sms .form__submit-btn.sms {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 48px
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form._confirm-sms .form__submit-btn.sms {
        font-size: 16px;
        line-height: 19px;
        margin-top: 28px
    }
}

.pop-up__phone-confirmation-form .form.success .block {
    -webkit-animation: formDisappearing .5s ease .2s forwards;
    animation: formDisappearing .5s ease .2s forwards
}

.pop-up__phone-confirmation-form .form.success .form__success {
    -webkit-animation: blockAppearing .5s ease .2s forwards;
    animation: blockAppearing .5s ease .2s forwards
}

.pop-up__phone-confirmation-form .form.reserved .block, .pop-up__phone-confirmation-form .form.reserved .form__success, .pop-up__phone-confirmation-form .form.success .form__success.reserved {
    -webkit-animation: formDisappearing .5s ease .2s forwards;
    animation: formDisappearing .5s ease .2s forwards
}

.pop-up__phone-confirmation-form .form._error .form__error, .pop-up__phone-confirmation-form .form.reserved .form__success.reserved {
    -webkit-animation: blockAppearing .5s ease .2s forwards;
    animation: blockAppearing .5s ease .2s forwards
}

.pop-up__phone-confirmation-form .form._error .block, .pop-up__phone-confirmation-form .form._error .form__success, .pop-up__phone-confirmation-form .form._error .form__success.reserved {
    -webkit-animation: blockDisappearing .5s ease .2s forwards;
    animation: blockDisappearing .5s ease .2s forwards
}

.pop-up__phone-confirmation-form .form-success__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 52px
}

.pop-up__phone-confirmation-form .form-success__icon {
    margin-top: 52px;
    margin-bottom: 44px;
    height: 80px;
    width: 80px;
    -webkit-transform: none;
    transform: none
}

.pop-up__phone-confirmation-form .form-success__icon._reservation {
    background-image: none
}

.pop-up__phone-confirmation-form .form-success__title {
    margin-top: 44px;
    font-size: 36px;
    line-height: 43px
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form-success__title {
        margin-top: 24px;
        font-size: 27px
    }
}

.pop-up__phone-confirmation-form .form-success__desc {
    margin-top: 12px;
    margin-bottom: 103px;
    font-size: 14px;
    line-height: 140%
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form .form-success__desc {
        margin-bottom: 80px
    }
}

.pop-up__phone-confirmation-form .form-success__subtitle {
    text-align: center;
    font-size: 14px;
    line-height: 160%;
    color: #666
}

.pop-up__phone-confirmation-form._reservation .form__step {
    position: absolute;
    opacity: 0;
    visibility: collapse;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pop-up__phone-confirmation-form._reservation .form__step.active {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form._reservation .form__step {
        top: 50px
    }
}

.pop-up__phone-confirmation-form._reservation .form__step.first .form__fields {
    margin-top: 52px
}

.pop-up__phone-confirmation-form._reservation .form__step.first .form__fields .form__submit-btn {
    margin-top: 76px
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form._reservation .form__step.first .form__fields .form__submit-btn {
        margin-top: 54px
    }
}

@media only screen and (max-width: 812px) {
    .pop-up__phone-confirmation-form._reservation .form__step.first .form__subtitle {
        margin-bottom: 54px
    }
}

@-webkit-keyframes blockAppearing {
    0% {
        opacity: 0;
        visibility: collapse;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    50% {
        opacity: 0;
        visibility: collapse;
        -webkit-transform: none;
        transform: none
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes blockAppearing {
    0% {
        opacity: 0;
        visibility: collapse;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    50% {
        opacity: 0;
        visibility: collapse;
        -webkit-transform: none;
        transform: none
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes blockDisappearing {
    0% {
        opacity: 1;
        visibility: visible
    }
    50% {
        opacity: 0;
        visibility: collapse;
        -webkit-transform: none;
        transform: none
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes blockDisappearing {
    0% {
        opacity: 1;
        visibility: visible
    }
    50% {
        opacity: 0;
        visibility: collapse;
        -webkit-transform: none;
        transform: none
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.flat-l-params {
    padding-top: 62px
}

.flat-l-params__wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 705px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 812px) {
    .flat-l-params__wrap {
        display: none
    }
}

.flat-l-params__wrap.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flat-l-params__wrap.mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-l-params__wrap.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .flat-l-params__wrap.mobile .realty-filter__mode-controller {
        margin-right: 26px
    }
}

.flat-l-params__title {
    margin-right: 36px;
    color: #c2c2c2;
    font-size: 14px
}

.flat-l-params__sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px
}

@media only screen and (max-width: 812px) {
    .flat-l-params__sort {
        display: none
    }
}

.flat-l-params__sort-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flat-l-params__sort-button {
    position: relative;
    padding-right: 18px;
    margin-right: 20px;
    font-size: 13px;
    line-height: 1.5;
    color: #000;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    cursor: pointer
}

.flat-l-params__sort-button:last-child {
    margin-right: 0
}

.flat-l-params__sort-button:hover {
    color: #0d50a0
}

.flat-l-params__sort-button:hover:after {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.flat-l-params__sort-button:hover:before {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.flat-l-params__sort-button:after, .flat-l-params__sort-button:before {
    content: "";
    position: absolute;
    right: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.flat-l-params__sort-button:after {
    top: 50%;
    border-top: 7px solid #c5c1c1;
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.flat-l-params__sort-button:before {
    bottom: 50%;
    border-bottom: 7px solid #c5c1c1;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.flat-l-params__sort-button.ASC:before {
    border-bottom-color: #0d50a0
}

.flat-l-params__sort-button.DESC:after {
    border-top-color: #0d50a0
}

.flat-l-params__sort-button.disable {
    opacity: .5;
    pointer-events: none
}

.flat-l-params__sort-mobile {
    display: none;
    position: relative;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 13px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 13px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 812px) {
    .flat-l-params__sort-mobile {
        display: block
    }
}

.flat-l-params__sort-mobile:after, .flat-l-params__sort-mobile:before {
    content: "";
    pointer-events: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.flat-l-params__sort-mobile:after {
    top: 22px;
    border-top: 8px solid #c5c1c1
}

.flat-l-params__sort-mobile:before {
    bottom: 22px;
    border-bottom: 8px solid #c5c1c1
}

.flat-l-params__sort-mobile.ASC:before {
    border-bottom-color: #0d50a0
}

.flat-l-params__sort-mobile.DESC:after {
    border-top-color: #0d50a0
}

.flat-l-params__sort-mobile select {
    width: 100%;
    height: 100%;
    color: transparent;
    border: none;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.flat-l-params__mode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.type-card {
    position: relative;
    display: block;
    width: 100%;
    height: 286px;
    background-color: #fff;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    cursor: pointer;
    opacity: 0
}

@media only screen and (max-width: 812px) {
    .type-card {
        height: auto
    }
}

.type-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08)
}

.type-card.active {
    opacity: 1
}

.type-card.show-0 {
    -webkit-animation: show-card .3s ease .2s forwards;
    animation: show-card .3s ease .2s forwards
}

.type-card.show-1 {
    -webkit-animation: show-card .3s ease .3s forwards;
    animation: show-card .3s ease .3s forwards
}

.type-card.show-2 {
    -webkit-animation: show-card .3s ease .4s forwards;
    animation: show-card .3s ease .4s forwards
}

.type-card.show-3 {
    -webkit-animation: show-card .3s ease .5s forwards;
    animation: show-card .3s ease .5s forwards
}

.type-card.show-4 {
    -webkit-animation: show-card .3s ease .6s forwards;
    animation: show-card .3s ease .6s forwards
}

.type-card.show-5 {
    -webkit-animation: show-card .3s ease .7s forwards;
    animation: show-card .3s ease .7s forwards
}

.type-card.show-6 {
    -webkit-animation: show-card .3s ease .8s forwards;
    animation: show-card .3s ease .8s forwards
}

.type-card.show-7 {
    -webkit-animation: show-card .3s ease .9s forwards;
    animation: show-card .3s ease .9s forwards
}

.type-card.big-quantity:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 5px;
    width: calc(100% - 10px);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: transform .3s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: transform .3s cubic-bezier(.25, .46, .45, .94) .1s, -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) .1s;
    height: 8px;
    background-color: #fff;
    z-index: 0
}

@media only screen and (max-width: 812px) {
    .type-card.big-quantity:before {
        content: none
    }
}

.type-card.big-quantity:hover:before {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.type-card:hover:after {
    opacity: 1
}

@media only screen and (max-width: 812px) {
    .type-card:hover:after {
        opacity: 0
    }
}

.type-card:hover .type-card__illustration > div:nth-child(2), .type-card:hover .type-page__card-illustration > div:nth-child(2) {
    opacity: 1
}

.type-card__body {
    position: relative;
    padding: 25px 30px 22px 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

@media only screen and (max-width: 812px) {
    .type-card__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

.type-card__body.info {
    padding: 0
}

.type-card.info {
    cursor: auto
}

.type-card.info:hover {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.type-card.info:after, .type-card.info:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto
}

.type-card.info:after {
    right: 27px;
    width: 69px;
    height: 54px;
    background-image: url("../images/building-ico2.33420d198d43.svg")
}

.type-card.info:before {
    left: 17px;
    width: 80px;
    height: 80px;
    background-image: url("../images/building-ico1.0868d1568375.svg")
}

.type-card__left-aside {
    width: calc(100% - 200px)
}

@media only screen and (max-width: 812px) {
    .type-card__left-aside {
        width: 100%;
        padding: 24px
    }
}

.type-card__params {
    width: 176px
}

@media only screen and (max-width: 812px) {
    .type-card__params {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .type-card__params > .type-card__params-item:first-child {
        padding-left: 24px
    }
}

.type-card__params-items {
    width: 141px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 812px) {
    .type-card__params-items {
        width: auto;
        max-width: 33.33%;
        padding-right: 24px
    }

    .type-card__params-items .type-card__params-item {
        width: 100%;
        max-width: 100%;
        padding: 0
    }
}

.type-card__params-item {
    margin-bottom: 20px
}

@media only screen and (max-width: 812px) {
    .type-card__params-item {
        max-width: 33.33%
    }
}

@media only screen and (max-width: 812px) {
    .type-card__params-item.no-mobile {
        display: none
    }
}

@media only screen and (max-width: 812px) {
    .type-card__params-item.price {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        max-width: 100%;
        background-color: #f4f6f9;
        padding: 16px 24px 24px
    }
}

@media only screen and (max-width: 812px) {
    .type-card__price {
        text-align: center;
        color: #000
    }
}

@media only screen and (max-width: 812px) {
    .type-card__type {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.type-card__title {
    font-weight: 500;
    font-size: 16px
}

.type-card__illustration, .type-page__card-illustration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 187px;
    margin-top: 15px;
    margin-left: 0;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

@media only screen and (max-width: 812px) {
    .type-card__illustration, .type-page__card-illustration {
        width: 100%;
        max-width: none;
        background-position: 50%;
        margin-top: 24px
    }
}

.type-card__illustration > div, .type-page__card-illustration > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.type-card__illustration > div:nth-child(2), .type-page__card-illustration > div:nth-child(2) {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.type-card__count {
    margin-bottom: 4px;
    margin-top: 8px;
    font-weight: 500;
    color: #000;
    font-size: 14px
}

@media only screen and (max-width: 812px) {
    .type-card__count {
        text-align: center
    }
}

@media only screen and (max-width: 812px) {
    .type-card__count-total {
        color: #0d50a0
    }
}

.type-card__count-last {
    color: #eb5757
}

.type-card__discount {
    position: absolute;
    top: 0;
    right: 0;
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background-color: #219653;
    background-repeat: no-repeat;
    background-position: 23px 53px;
    background-image: url("../images/percent-icon.a9de442bd99d.svg");
    -webkit-transform: translate(35%, -35%);
    transform: translate(35%, -35%);
    pointer-events: none
}

.type-card__info {
    padding-top: 31px;
    width: 100%;
    text-align: center
}

.type-card__info-shield {
    margin: 0 auto 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 151px;
    height: 151px;
    border-radius: 50%;
    background-color: #feca30;
    font-weight: 700;
    color: #000
}

.type-card__info-title {
    font-size: 36px;
    margin-bottom: 5px
}

.type-card__info-subtitle {
    font-size: 18px
}

.type-card__info-text {
    margin: 0 auto;
    max-width: 163px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4
}

.flat-card {
    position: relative;
    display: block;
    width: calc((100% - 48px) / 4);
    height: 360px;
    background-color: #fff;
    opacity: 0;
    margin-right: 16px;
    margin-bottom: 16px;
    z-index: 2
}

@media only screen and (max-width: 812px) {
    .flat-card {
        min-height: 0;
        width: 100%;
        height: auto;
        margin-right: 0
    }

    .flat-card.slick-current {
        -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
        box-shadow: 0 4px 16px rgba(0, 0, 0, .05)
    }
}

.flat-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
    pointer-events: none
}

@media only screen and (max-width: 812px) {
    .flat-card:after {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.flat-card:nth-child(4n) {
    margin-right: 0
}

.flat-card.active {
    opacity: 1
}

.flat-card.show-0 {
    -webkit-animation: show-card .3s ease .1s forwards;
    animation: show-card .3s ease .1s forwards
}

.flat-card.show-1 {
    -webkit-animation: show-card .3s ease .2s forwards;
    animation: show-card .3s ease .2s forwards
}

.flat-card.show-2 {
    -webkit-animation: show-card .3s ease .3s forwards;
    animation: show-card .3s ease .3s forwards
}

.flat-card.show-3 {
    -webkit-animation: show-card .3s ease .4s forwards;
    animation: show-card .3s ease .4s forwards
}

.flat-card.show-4 {
    -webkit-animation: show-card .3s ease .5s forwards;
    animation: show-card .3s ease .5s forwards
}

.flat-card.show-5 {
    -webkit-animation: show-card .3s ease .6s forwards;
    animation: show-card .3s ease .6s forwards
}

.flat-card.show-6 {
    -webkit-animation: show-card .3s ease .7s forwards;
    animation: show-card .3s ease .7s forwards
}

.flat-card.show-7 {
    -webkit-animation: show-card .3s ease .8s forwards;
    animation: show-card .3s ease .8s forwards
}

.flat-card:hover:after {
    opacity: 1
}

@media only screen and (max-width: 812px) {
    .flat-card:hover:after {
        opacity: 0
    }
}

.flat-card:hover .flat-card__illustration > div:nth-child(2) {
    opacity: 1
}

.flat-card__design {
    position: absolute;
    right: 55px;
    top: 22px;
    height: 28px;
    width: 97px;
    background: url("../images/new-design-card.ee00fc497627.svg") no-repeat 50%;
    background-size: contain
}

@media only screen and (max-width: 812px) {
    .flat-card__header {
        margin-bottom: 20px
    }
}

.flat-card__illustration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 215px;
    margin: 40px 20px 0;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media only screen and (max-width: 812px) {
    .flat-card__illustration {
        max-width: none;
        margin-right: 20px
    }
}

.flat-card__illustration-without-layout {
    background: url("../images/not-layout.50abfe13385f.svg") no-repeat 50%
}

.flat-card__illustration > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.flat-card__illustration > div:nth-child(2) {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    will-change: opacity
}

.flat-card__footer, .flat-card__main {
    padding-left: 22px;
    padding-right: 22px
}

.flat-card__main {
    padding-top: 20px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
    height: 360px
}

@media only screen and (max-width: 812px) {
    .flat-card__main.\--design .flat-card__type-title {
        max-width: 110px
    }
}

@media only screen and (max-width: 812px) {
    .flat-card__main {
        -webkit-box-shadow: none;
        box-shadow: none;
        height: auto
    }
}

.flat-card__body {
    padding-top: 20px;
    min-height: 70px
}

@media only screen and (max-width: 812px) {
    .flat-card__body {
        display: none
    }
}

.flat-card__body-item {
    padding-right: 20px;
    position: relative
}

.flat-card__body-item:first-of-type {
    min-width: 154px
}

.flat-card__body-item.\--discount {
    padding-right: 0
}

.flat-card__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 27px
}

.flat-card__row:last-of-type {
    margin-bottom: 0
}

.flat-card__row.price {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 812px) {
    .flat-card__row.price {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 812px) {
    .flat-card__row.discount {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.flat-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px
}

@media only screen and (max-width: 812px) {
    .flat-card__footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 30px;
        padding-bottom: 20px;
        height: auto
    }
}

.flat-card__footer .flat-card__row {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-card__footer .flat-card__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

@media only screen and (max-width: 812px) {
    .flat-card__footer-item {
        width: 25%;
        margin-bottom: 20px
    }
}

.flat-card__footer-item.first {
    width: 88px;
    padding-right: 20px
}

@media only screen and (max-width: 812px) {
    .flat-card__footer-item.first {
        display: none;
        width: 25%;
        padding-right: 0
    }
}

.flat-card__footer-item.mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-card__footer-item.mobile {
        display: block
    }
}

.flat-card__type, .type-card__type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px
}

.flat-card__type-count, .type-card__rooms {
    margin-right: 12px;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background-color: #feca30;
    line-height: 37px;
    text-align: center
}

.flat-card__type.mobile, .mobile.type-card__type {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-card__type.mobile, .mobile.type-card__type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.flat-card__subtitle, .type-card__params-title {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #525c66
}

.flat-card__value, .type-card__params-value {
    font-weight: 500;
    font-size: 16px;
    color: #000
}

.flat-card__complex {
    min-width: 154px;
    padding-right: 20px
}

@media only screen and (max-width: 812px) {
    .flat-card__complex {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        min-width: 0;
        padding-right: 0;
        margin-bottom: 20px
    }
}

.flat-card__complex .flat-card__value span, .flat-card__complex .type-card__params-value span {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-card__complex .flat-card__value span, .flat-card__complex .type-card__params-value span {
        display: inline
    }
}

.flat-card__price, .type-card__price {
    font-size: 20px;
    font-weight: 700;
    color: #000
}

@media only screen and (max-width: 812px) {
    .flat-card__price, .type-card__price {
        color: #0d50a0
    }
}

.flat-card__price.green, .green.type-card__price {
    color: #219653
}

.flat-card__temp-stock {
    position: absolute;
    font-size: 10px;
    color: #e61736;
    font-weight: 500;
    white-space: nowrap
}

@media only screen and (max-width: 812px) {
    .flat-card__temp-stock {
        font-size: 14px;
        white-space: normal;
        right: 11px;
        bottom: 54px;
        max-width: 82px
    }
}

.flat-card__temp-stock.big {
    margin-top: 6px;
    font-size: 14px
}

@media only screen and (max-width: 812px) {
    .flat-card__temp-stock.big {
        right: 0;
        bottom: 37px
    }
}

.flat-card__temp-stock.mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-card__temp-stock.mobile {
        display: block
    }
}

.flat-card__discount-desc {
    font-size: 10px;
    line-height: 140%
}

.flat-card__discount-desc span {
    display: block;
    color: #e6332a
}

.flat-card__discount-rub {
    color: #000;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px
}

@media only screen and (max-width: 812px) {
    .flat-card__discount-rub {
        font-size: 24px
    }
}

.flat-card__old-price {
    text-decoration: line-through;
    color: #000;
    font-size: 14px
}

.flat-card__old-price:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 15px;
    background-image: url("../images/heart.987634e2ec5f.svg");
    background-repeat: no-repeat;
    background-size: cover
}

.flat-card__old-price span {
    font-weight: 700;
    color: #e61736;
    font-size: 14px
}

.flat-card__favorites {
    position: absolute;
    top: 22px;
    right: 25px;
    z-index: 6;
    -webkit-transition: -webkit-filter .3s ease;
    transition: -webkit-filter .3s ease;
    transition: filter .3s ease;
    transition: filter .3s ease, -webkit-filter .3s ease
}

.flat-card__spec {
    position: absolute;
    bottom: -90%;
    left: 0;
    font-size: 14px;
    color: #e61736;
    font-weight: 500;
    white-space: nowrap
}

@media only screen and (max-width: 812px) {
    .flat-card__spec {
        position: relative;
        bottom: 0;
        left: 0;
        font-size: 14px;
        font-weight: 500
    }
}

.flat-card__discount-red {
    font-size: 14px;
    color: #e61736;
    font-weight: 500;
    white-space: nowrap
}

.flat-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 32px 0 50px;
    height: 80px;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    will-change: transform
}

.flat-row._disabled {
    cursor: default
}

@media only screen and (max-width: 812px) {
    .flat-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        padding: 24px;
        margin-bottom: 20px
    }

    .flat-row:last-child {
        margin-bottom: 0
    }
}

.flat-row:not(.type-header):hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.flat-row:not(.type-header):hover .flat-row__photo > div:nth-child(2) {
    opacity: 1
}

.flat-row:nth-child(2n) {
    background-color: #fafafa
}

@media only screen and (max-width: 812px) {
    .flat-row:nth-child(2n) {
        background-color: #fff
    }
}

.flat-row.type-header {
    position: relative;
    height: 55px;
    background-color: #fafafa;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
    cursor: auto
}

.flat-row__item {
    font-size: 14px;
    font-weight: 500;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .flat-row__item {
        margin-bottom: 24px
    }

    .flat-row__item:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
        width: 100%
    }
}

.flat-row__item-label {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-row__item-label {
        display: block;
        margin-bottom: 8px;
        opacity: .6;
        font-weight: 300
    }
}

.flat-row__item.sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.flat-row__item.sort:after {
    content: "";
    display: block;
    top: 4px;
    right: 0;
    margin-top: 2px;
    margin-left: 7px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: 50%;
    border-bottom: 7px solid #c5c1c1;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.flat-row__item.sort.ASC:after, .flat-row__item.sort.DESC:after {
    border-bottom-color: #0d50a0
}

.flat-row__item.sort.DESC:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.flat-row__item.sort:hover {
    color: #525c66
}

.flat-row__item.layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 129px
}

.flat-row__item.number {
    width: 85px
}

.flat-row__item.building {
    width: 135px
}

.flat-row__item.floor {
    width: 120px
}

.flat-row__item.rooms {
    width: 130px
}

.flat-row__item.class {
    width: 115px
}

.flat-row__item.area {
    width: 144px
}

.flat-row__item.decoration {
    width: 50px;
    margin-right: 75px
}

.flat-row__item.promo {
    width: 45px;
    margin-right: 80px
}

.flat-row__item.price {
    width: 155px
}

.flat-row__item.price-current {
    font-weight: 700
}

.flat-row__item.photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flat-row__item.p-complex {
    width: 160px
}

@media only screen and (max-width: 812px) {
    .flat-row__item.p-complex {
        width: 50%
    }
}

.flat-row__item.p-building {
    width: 175px
}

@media only screen and (max-width: 812px) {
    .flat-row__item.p-building {
        width: 50%
    }
}

.flat-row__item.p-level {
    width: 130px
}

@media only screen and (max-width: 812px) {
    .flat-row__item.p-level {
        width: 50%
    }
}

.flat-row__item.p-type {
    width: 120px
}

@media only screen and (max-width: 812px) {
    .flat-row__item.p-type {
        width: 50%
    }
}

.flat-row__item.p-promo {
    width: 44px;
    padding-right: 164px;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .flat-row__item.p-promo {
        width: 50%;
        text-align: left
    }
}

.flat-row__item.p-price {
    width: 181px
}

@media only screen and (max-width: 812px) {
    .flat-row__item.p-price {
        width: 100%
    }
}

.flat-row__item.p-fav {
    width: 67px
}

@media only screen and (max-width: 812px) {
    .flat-row__item.p-fav {
        display: none
    }
}

.flat-row__photo {
    position: relative;
    width: 114px;
    height: 68px;
    background-position: 0
}

.flat-row__photo, .flat-row__photo > div {
    background-repeat: no-repeat;
    background-size: contain
}

.flat-row__photo > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: opacity;
    background-position: 50%
}

.flat-row__photo > div:nth-child(2) {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.flat-row__button {
    padding: 10px 20px;
    font-weight: 500;
    font-size: 16px
}

.flat-row__button._disabled {
    pointer-events: none
}

.flat-row._parking-row, .flat-row._parking-row .flat-row__item, .flat-row._storage-row, .flat-row._storage-row .flat-row__item {
    cursor: default
}

@media only screen and (max-width: 812px) {
    .type-page > .container {
        padding: 0
    }
}

.type-page__container {
    position: relative;
    padding: 30px 0 0
}

.type-page__head {
    min-height: 305px;
    padding-bottom: 40px
}

.type-page__flat-count {
    font-size: 20px
}

@media only screen and (max-width: 812px) {
    .type-page__flat-count {
        font-size: 15px
    }
}

.type-page__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 812px) {
    .type-page__card .flat-card__type, .type-page__card .type-card__type {
        display: none
    }

    .type-page__card .flat-card__type.mobile, .type-page__card .mobile.type-card__type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .type-page__card .flat-card__price, .type-page__card .type-card__price {
        text-align: center
    }
}

@media only screen and (max-width: 812px) {
    .type-page__card-head {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px
    }
}

.type-page__card-illustration {
    margin: 0 50px 0 0;
    height: 264px;
    max-width: 249px
}

@media only screen and (max-width: 812px) {
    .type-page__card-illustration {
        margin: 0;
        max-width: 100%;
        background-position: 50%
    }
}

.type-page__card-params {
    width: 100%;
    max-width: 459px;
    min-height: 300px
}

@media only screen and (max-width: 812px) {
    .type-page__card-params {
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 0
    }
}

.type-page__card-header {
    padding-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 812px) {
    .type-page__card-header {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 0;
        margin-top: 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.type-page__card-body {
    margin-top: 40px;
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 812px) {
    .type-page__card-body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 8%
    }

    .type-page__card-body .type-card__params-item {
        max-width: 50%;
        width: calc(50% - 30px);
        margin-right: 20px
    }

    .type-page__card-body .type-card__params-item:nth-child(2n) {
        margin-right: 0
    }
}

.type-page__close {
    position: absolute;
    top: 51px;
    right: 57px;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("../images/cross-icon.1a86803561e5.svg");
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .type-page__close {
        position: static;
        margin-left: 80px
    }
}

.type-page__close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.type-page__body {
    min-height: 300px
}

@media only screen and (max-width: 812px) {
    .type-page__body {
        min-height: 0
    }

    .type-page__body .flat-row {
        display: none
    }
}

.type-page__body .flat-card {
    display: none
}

@media only screen and (max-width: 812px) {
    .type-page__body .flat-card {
        display: block;
        margin-bottom: 30px;
        opacity: 1
    }
}

.flat-list {
    padding-top: 38px;
    overflow: hidden
}

.flat-list .realty-filter__reset {
    position: absolute;
    top: -38px;
    right: 0
}

@media only screen and (max-width: 812px) {
    .flat-list .realty-filter__reset {
        position: relative;
        top: 0
    }
}

.flat-list__main-title {
    margin-bottom: 42px;
    text-align: center
}

.flat-list__head {
    background-color: #fff
}

.flat-list__body {
    min-height: 400px;
    background-color: #fafafa
}

@media only screen and (max-width: 812px) {
    .flat-list__body {
        background-color: #efefef
    }
}

.flat-list__container {
    padding-top: 40px;
    padding-bottom: 37px
}

.flat-list__container.parking {
    padding-top: 10px
}

.flat-list__container-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.flat-list__container-wrap.reloading {
    opacity: 0
}

.flat-list__container .type-card {
    margin-right: 16px;
    margin-bottom: 15px;
    width: calc((100% - 32px) / 3)
}

@media only screen and (max-width: 812px) {
    .flat-list__container .type-card {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }
}

.flat-list__container .type-card:nth-child(3), .flat-list__container .type-card:nth-child(5n+8) {
    margin-right: 0
}

.flat-list__container .type-card:nth-child(5n), .flat-list__container .type-card:nth-child(5n+4) {
    width: calc((100% - 16px) / 2)
}

@media only screen and (max-width: 812px) {
    .flat-list__container .type-card:nth-child(5n), .flat-list__container .type-card:nth-child(5n+4) {
        width: 100%
    }
}

.flat-list__container .type-card:nth-child(5n) {
    margin-right: 0
}

.flat-list__load-container {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 812px) {
    .flat-list__load-container {
        padding-top: 10px
    }
}

.flat-list__preloader {
    bottom: -13px;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.flat-list__preloader, .flat-list__preloader-mask {
    position: absolute;
    left: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.flat-list__preloader-mask {
    width: 100%;
    height: 100%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 812px) {
    .flat-list__preloader-mask {
        display: none
    }
}

.flat-list__preloader-mask._mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-list__preloader-mask._mobile {
        display: block
    }
}

.flat-list__preloader.hidden {
    display: none
}

.flat-list__load-btn {
    padding: 0 60px;
    height: 44px
}

.flat-info {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.flat-info span._sale {
    padding-left: 10px;
    font-size: 25px;
    color: #696969
}

.flat-info span._sale sup {
    font-size: 75%
}

@media only screen and (max-width: 812px) {
    .flat-info span._sale {
        padding-top: 5px;
        padding-left: 0;
        font-size: 20px
    }
}

.flat-info:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background-color: #fff;
    z-index: 0
}

.flat-info__back {
    position: absolute;
    top: 52px;
    left: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #feca30;
    cursor: pointer
}

.flat-info__back:hover:after {
    -webkit-transform: rotate(45deg) scale(1.1);
    transform: rotate(45deg) scale(1.1)
}

.flat-info__back:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 16px;
    width: 10px;
    height: 10px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.flat-info__copy-message {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    display: none;
    opacity: 0;
    top: -100px;
    left: 50%;
    padding: 16px 14px;
    width: 210px;
    min-height: 80px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .3);
    border-radius: 10px;
    -webkit-transform: translateX(-50%) translateY(10px);
    transform: translateX(-50%) translateY(10px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.flat-info__copy-message.visible {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    z-index: 10
}

.flat-info__copy-message:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #fff transparent transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.flat-info__copy-text {
    margin-bottom: 10px;
    font-family: Museo, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, .8)
}

.flat-info__copy-link {
    padding-left: 23px;
    background: url("../images/copy-link-icon.14a294551d0e.svg") no-repeat 50%;
    background-size: 17px 17px;
    background-position: 0 3px
}

.flat-info__copy {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 159px;
    height: 17px;
    padding: 3px 4px;
    font-family: Museo, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: rgba(0, 0, 0, .4);
    background: #fbfbfb;
    border: 1px solid #f0f0f0;
    border-radius: 2px
}

.flat-info__breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 812px) {
    .flat-info__breadcrumbs {
        display: none
    }
}

.flat-info__breadcrumbs li {
    margin-bottom: 10px
}

.flat-info__container {
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 812px) {
    .flat-info__container {
        padding: 0;
        background-color: #fff
    }
}

.flat-info__body {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flat-info__aside {
    padding-top: 52px;
    width: 500px;
    height: 100%;
    min-height: 736px;
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .flat-info__aside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0;
        width: 100%
    }
}

.flat-info__aside._notflat-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flat-info__main {
    position: relative;
    width: calc(100% - 500px);
    background-color: #efefef;
    padding: 52px 52px 0
}

@media only screen and (max-width: 812px) {
    .flat-info__main {
        display: none
    }
}

.flat-info__main.\--genplan .flat-info__compass, .flat-info__main.\--genplan .flat-info__description-text, .flat-info__main.\--genplan .flat-info__dog {
    opacity: 0
}

.flat-info__legend {
    display: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 45px auto 30px
}

.flat-info__legend-item, .flat-info__legend.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flat-info__legend-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 24px;
    font-size: 16px;
    color: #1a211d
}

.flat-info__legend-item:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #86a8d0;
    border-radius: 50%;
    margin-right: 16px
}

.flat-info__legend-item._selected:before {
    background-color: #90cba9
}

.flat-info__legend-item._sold:before {
    background-color: #dfa991
}

.flat-info__legend-item:last-child {
    margin-right: 0
}

.flat-info__complex {
    position: relative;
    margin-top: 33px;
    padding-bottom: 8px
}

@media only screen and (max-width: 812px) {
    .flat-info__complex {
        margin-top: 20px;
        padding: 0 24px
    }
}

.flat-info__complex:after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    width: 100vw;
    height: 1px;
    background-color: #efefef
}

@media only screen and (max-width: 812px) {
    .flat-info__complex:after {
        display: none
    }
}

.flat-info__complex-small-title {
    margin-bottom: 20px;
    color: dimgray
}

@media only screen and (max-width: 812px) {
    .flat-info__complex-small-title {
        display: none
    }
}

.flat-info__complex-name {
    margin-bottom: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 812px) {
    .flat-info__complex-name {
        display: none
    }
}

.flat-info__complex-logo {
    margin-right: 18px;
    max-width: 150px;
    max-height: 60px;
    height: auto
}

@media only screen and (max-width: 812px) {
    .flat-info__complex-logo {
        display: none
    }
}

.flat-info__complex-title {
    max-width: 359px;
    color: #1a211d;
    font-size: 26px
}

@media only screen and (max-width: 812px) {
    .flat-info__complex-title {
        display: none
    }
}

.flat-info__complex-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 812px) {
    .flat-info__complex-items {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 328px;
        margin: 0 auto
    }
}

.flat-info__complex-item {
    margin-right: 40px;
    margin-bottom: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width: 812px) {
    .flat-info__complex-item {
        min-width: 140px;
        padding-right: 20px;
        margin-right: 0
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__complex-item:nth-child(2n-1) {
        min-width: 184px
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__complex-item:nth-child(2n) {
        margin-right: 0
    }
}

.flat-info__complex-item.mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-info__complex-item.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.flat-info__complex-item:last-of-type {
    margin-right: 0
}

.flat-info__complex-ico {
    width: 33px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: auto
}

.flat-info__complex-ico.complex {
    background-image: url("../images/flat-complex.cedc4a2e3ead.svg")
}

.flat-info__complex-ico.building {
    background-image: url("../images/flat-section.45a0d4f71fb4.svg")
}

.flat-info__complex-ico.floor {
    background-image: url("../images/flat-floor.03b0004e92e0.svg")
}

.flat-info__complex-value {
    margin-left: 4px;
    font-size: 16px
}

.flat-info__params {
    padding-top: 4px;
    padding-bottom: 30px
}

@media only screen and (max-width: 812px) {
    .flat-info__params {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 4px 24px 0;
        background-color: #fafafa
    }
}

.flat-info__params._notflat-page {
    margin-top: auto
}

.flat-info__params-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 32px
}

@media only screen and (max-width: 812px) {
    .flat-info__params-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 12px
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__params-row.\--hidden-prices {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .flat-info__params-row.\--hidden-prices .flat-info__params-item {
        width: 100%;
        margin-right: 0;
        text-align: center
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__params-row.action {
        display: none
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__params-row.reserve {
        margin-top: 44px;
        padding-top: 22px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        background-color: #fff
    }
}

@media only screen and (max-width: 812px) and (max-width: 812px) {
    .flat-info__params-row.reserve {
        width: calc(100% + 24px + 24px);
        margin-left: -24px;
        margin-right: -24px
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__params-row.flat-type {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__params-row.flat-type.\--hidden-prices {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.flat-info__params-title {
    margin-bottom: 12px;
    font-size: 16px;
    color: dimgray
}

.flat-info__params-value {
    font-size: 36px;
    line-height: 1
}

@media only screen and (max-width: 812px) {
    .flat-info__params-value {
        font-size: 26px;
    }

    .dev_pd13
    {
        font-size: 18px!important;
    }
}

.flat-info__params-value.type {
    margin-right: 30px
}

@media only screen and (max-width: 812px) {
    .flat-info__params-value.type {
        font-size: 36px
    }
}

.flat-info__params-item {
    width: auto
}

@media only screen and (max-width: 812px) {
    .flat-info__params-item {
        width: auto;
        margin-right: 35px;
        margin-bottom: 24px
    }
}

.flat-info__params-item:last-child {
    min-width: auto
}

.flat-info__params-item:nth-child(2n) {
    margin-right: 0
}

.flat-info__rooms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px
}

.flat-info__rooms-count {
    margin-right: 9px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    background-color: #feca30
}

.flat-info__rooms-text {
    font-size: 16px
}

.flat-info__design {
    position: absolute;
    padding: 6px 16px;
    right: 5px;
    top: 50%;
    height: 40px;
    width: 140px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #0d50a0 url("../images/new-design.e16ef3ce5d89.svg") no-repeat 50%;
    border-radius: 20px
}

@media only screen and (max-width: 812px) {
    .flat-info__design {
        right: auto;
        top: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        margin-left: 20px;
        position: relative
    }
}

@media (max-width: 415px) {
    .flat-info__design {
        margin-top: 22px;
        margin-left: 0
    }
}

.flat-info__prices {
    margin-top: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width: 812px) {
    .flat-info__prices {
        margin-top: 32px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__prices.\--discount {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.flat-info__prices-item {
    margin-right: 85px
}

@media only screen and (max-width: 812px) {
    .flat-info__prices-item {
        margin-right: 0
    }
}

.flat-info__discount-desc {
    color: #000;
    font-size: 12px;
    line-height: 140%;
    margin-right: 135px
}

.flat-info__discount-desc span {
    display: block;
    color: #e6332a
}

@media only screen and (max-width: 812px) {
    .flat-info__discount-desc {
        width: 100%;
        text-align: center;
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 22px
    }
}

.flat-info__discount-rub {
    color: #000;
    font-weight: 500;
    font-size: 36px;
    line-height: 43px
}

@media only screen and (max-width: 812px) {
    .flat-info__discount-rub {
        width: 100%;
        text-align: center
    }
}

.flat-info__price-per-meter {
    margin-bottom: 8px;
    font-size: 16px;
    color: #1a211d
}

.flat-info__price-old {
    margin-bottom: 8px;
    font-size: 16px;
    color: #e61736;
    text-decoration: line-through
}

.flat-info__presentation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 29px;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: #0d50a0;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .flat-info__presentation {
        display: none
    }
}

.flat-info__presentation:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-bottom: 3px;
    margin-right: 8px;
    background-image: url("../images/presentation-download.710c6ae8170c.svg");
    background-repeat: no-repeat;
    background-size: 100%
}

.flat-info__presentation.mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-info__presentation.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        line-height: 17px
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__presentation.mobile:before {
        width: 18px;
        height: 18px
    }
}

.flat-info__panorama {
    display: none;
    margin-bottom: 29px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #0d50a0;
    cursor: pointer
}

.flat-info__panorama:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-image: url("../images/panorama_360.eb961c79cbd0.svg");
    background-repeat: no-repeat;
    background-size: 100%
}

@media only screen and (max-width: 812px) {
    .flat-info__panorama {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

.flat-info__price {
    color: #219653;
    font-size: 30px
}

@media only screen and (max-width: 812px) {
    .flat-info__price {
        margin-right: 27px
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__price._sale {
        margin-right: 0
    }
}

.flat-info__discount {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 4px
}

.flat-info__discount._no-offset {
    padding-bottom: 0
}

@media only screen and (max-width: 812px) {
    .flat-info__discount {
        margin-top: 10px;
        padding-bottom: 6px
    }
}

.flat-info__discount-ico {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url("../images/discount.2a1316c6bfe1.svg");
    background-position: 50%;
    background-size: 100% auto
}

.flat-info__discount-text {
    margin-left: 7px;
    max-width: 150px;
    color: #e61736;
    font-size: 14px;
    line-height: 1.3
}

@media only screen and (max-width: 812px) {
    .flat-info__discount-text {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.flat-info__photo-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px
}

.flat-info__photo-link .flat-info__action-link {
    font-size: 16px;
    margin-left: 4px
}

.flat-info__reserve-btn {
    padding: 19px 62px
}

@media only screen and (max-width: 812px) {
    .flat-info__reserve-btn {
        margin-bottom: 24px;
        padding: 17px 34px;
        font-size: 14px
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__reserve-btn.mobile {
        width: 90%
    }
}

.flat-info__favorite {
    margin-left: 28px
}

@media only screen and (max-width: 812px) {
    .flat-info__favorite {
        margin-bottom: 24px
    }
}

.flat-info__favorite.commercial {
    margin-left: 0
}

.flat-info__action-link {
    color: #0d50a0;
    margin-right: 27px;
    font-size: 13px;
    cursor: pointer
}

.flat-info__action-link:after {
    margin-top: -1px;
    background-color: #0d50a0
}

.flat-info__share {
    position: relative
}

@media only screen and (max-width: 812px) {
    .flat-info__share {
        width: calc(100% + 24px + 24px);
        margin-left: -24px;
        margin-right: -24px
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__share-text {
        margin-left: 24px
    }
}

.flat-info__share-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    -webkit-transition: opacity .3s ease .2s;
    transition: opacity .3s ease .2s
}

.flat-info__share-links.active {
    opacity: 1;
    pointer-events: auto
}

.flat-info__share-links.active > .flat-info__share-item {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.flat-info__share-item {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    margin-right: 10px
}

.flat-info__share-item:first-child {
    -webkit-transition: opacity .2s ease, background-color .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, background-color .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
    transition: transform .2s ease, opacity .2s ease, background-color .2s ease, -webkit-transform .2s ease
}

.flat-info__share-item:nth-child(2) {
    -webkit-transition: opacity .2s ease .1s, background-color .2s ease, -webkit-transform .2s ease .1s;
    transition: opacity .2s ease .1s, background-color .2s ease, -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s, background-color .2s ease;
    transition: transform .2s ease .1s, opacity .2s ease .1s, background-color .2s ease, -webkit-transform .2s ease .1s
}

.flat-info__share-item:nth-child(3) {
    -webkit-transition: opacity .2s ease .2s, background-color .2s ease, -webkit-transform .2s ease .2s;
    transition: opacity .2s ease .2s, background-color .2s ease, -webkit-transform .2s ease .2s;
    transition: transform .2s ease .2s, opacity .2s ease .2s, background-color .2s ease;
    transition: transform .2s ease .2s, opacity .2s ease .2s, background-color .2s ease, -webkit-transform .2s ease .2s
}

.flat-info__share-item:nth-child(4) {
    -webkit-transition: opacity .2s ease .3s, background-color .2s ease, -webkit-transform .2s ease .3s;
    transition: opacity .2s ease .3s, background-color .2s ease, -webkit-transform .2s ease .3s;
    transition: transform .2s ease .3s, opacity .2s ease .3s, background-color .2s ease;
    transition: transform .2s ease .3s, opacity .2s ease .3s, background-color .2s ease, -webkit-transform .2s ease .3s
}

.flat-info__share-item:nth-child(5) {
    -webkit-transition: opacity .2s ease .4s, background-color .2s ease, -webkit-transform .2s ease .4s;
    transition: opacity .2s ease .4s, background-color .2s ease, -webkit-transform .2s ease .4s;
    transition: transform .2s ease .4s, opacity .2s ease .4s, background-color .2s ease;
    transition: transform .2s ease .4s, opacity .2s ease .4s, background-color .2s ease, -webkit-transform .2s ease .4s
}

.flat-info__share-item:nth-child(6) {
    -webkit-transition: opacity .2s ease .5s, background-color .2s ease, -webkit-transform .2s ease .5s;
    transition: opacity .2s ease .5s, background-color .2s ease, -webkit-transform .2s ease .5s;
    transition: transform .2s ease .5s, opacity .2s ease .5s, background-color .2s ease;
    transition: transform .2s ease .5s, opacity .2s ease .5s, background-color .2s ease, -webkit-transform .2s ease .5s
}

.flat-info__share-item:last-child {
    margin-right: 0
}

.flat-info__share .flat-info__action-link {
    margin-right: 0;
    cursor: pointer;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease
}

.flat-info__share .flat-info__action-link.hide {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

.flat-info__tabs {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 4
}

.flat-info__tab {
    padding: 12px 26px;
    margin-right: 5px;
    border-radius: 40px;
    color: #0d50a0;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: background-color .25s ease, color .25s ease;
    transition: background-color .25s ease, color .25s ease
}

.flat-info__tab:after {
    margin-top: -2px;
    height: 2px;
    opacity: .5;
    background-color: #0d50a0
}

.flat-info__tab.active {
    background-color: #fff;
    color: #000;
    pointer-events: none
}

.flat-info__tab.active:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.flat-info__tab:not(.active).white {
    color: #fff
}

.flat-info__tab:not(.active).white:after {
    background-color: #fff
}

.flat-info__tab:last-of-type {
    margin-right: 0
}

.flat-info__main-content {
    position: relative;
    height: 510px;
    margin-top: 40px
}

.flat-info__main-content._notflat {
    height: 520px;
    margin-top: 30px
}

.flat-info__main-content._notflat .mapit-controls.center_bottom {
    bottom: -21px
}

.flat-info__switch-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 100%;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: opacity .4s ease .1s, -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: opacity .4s ease .1s, -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: opacity .4s ease .1s, transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: opacity .4s ease .1s, transform .4s cubic-bezier(.25, .46, .45, .94) .1s, -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    opacity: 0;
    pointer-events: none
}

.flat-info__switch-container.active {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .7s ease .48s, -webkit-transform .7s cubic-bezier(.25, .46, .45, .94) .48s;
    transition: opacity .7s ease .48s, -webkit-transform .7s cubic-bezier(.25, .46, .45, .94) .48s;
    transition: opacity .7s ease .48s, transform .7s cubic-bezier(.25, .46, .45, .94) .48s;
    transition: opacity .7s ease .48s, transform .7s cubic-bezier(.25, .46, .45, .94) .48s, -webkit-transform .7s cubic-bezier(.25, .46, .45, .94) .48s;
    z-index: 3
}

.flat-info__switch-container._fw {
    width: 100%
}

.flat-info__main-illustration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.flat-info__main-illustration > svg {
    width: 100%;
    height: 100%
}

.flat-info__main-illustration.wide {
    width: 100%
}

.flat-info__main-illustration-without-layout {
    height: 100%;
    width: 100%;
    background: url("../images/not-layout.50abfe13385f.svg") no-repeat 50%;
    background-size: contain
}

.flat-info__floor-layout {
    position: relative;
    height: 100%;
    width: 100%
}

.flat-info__floor-layout > img {
    height: 100%;
    width: 100%
}

.flat-info__floor-layout > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #219653;
    opacity: .5
}

.flat-info__floor-layout._fw {
    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
}

.flat-info__floor-layout._fw > img {
    display: block;
    width: auto;
    height: auto
}

.flat-info__floor-layout._fw > svg {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1
}

.flat-info__floor-layout._fw > svg polygon {
    opacity: .5;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.flat-info__floor-layout._fw > svg ._siblings {
    fill: #0d50a0;
    cursor: pointer
}

.flat-info__floor-layout._fw > svg ._siblings:hover {
    opacity: .8
}

.flat-info__floor-layout._fw > svg ._sold {
    fill: #923e4a
}

.flat-info__floor-layout._fw > svg ._sold:hover {
    opacity: .5
}

.flat-info__genplan {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: opacity .4s ease .1s, -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: opacity .4s ease .1s, -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: opacity .4s ease .1s, transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: opacity .4s ease .1s, transform .4s cubic-bezier(.25, .46, .45, .94) .1s, -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    opacity: 0;
    pointer-events: none;
    overflow: hidden
}

.flat-info__genplan.active {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .7s ease .48s, -webkit-transform .7s cubic-bezier(.25, .46, .45, .94) .48s;
    transition: opacity .7s ease .48s, -webkit-transform .7s cubic-bezier(.25, .46, .45, .94) .48s;
    transition: opacity .7s ease .48s, transform .7s cubic-bezier(.25, .46, .45, .94) .48s;
    transition: opacity .7s ease .48s, transform .7s cubic-bezier(.25, .46, .45, .94) .48s, -webkit-transform .7s cubic-bezier(.25, .46, .45, .94) .48s;
    z-index: 3
}

.flat-info__genplan > img {
    display: block;
    width: 100%
}

.flat-info__genplan > svg > g, .flat-info__genplan > svg > g > path {
    fill: rgba(13, 80, 160, .5) !important
}

.flat-info__genplan .comp-d-genplan__svg {
    position: absolute;
    top: 0;
    left: 0
}

.flat-info__compass {
    top: 0;
    right: 16px;
    width: 110px;
    height: 110px;
    background: url("../images/compass.942f0306b5fc.svg") no-repeat 50%;
    background-size: contain
}

.flat-info__compass, .flat-info__dog {
    position: absolute;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.flat-info__dog {
    right: -24px;
    bottom: 0;
    width: 190px;
    height: 190px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.flat-info__description-text {
    max-width: 510px;
    margin: 0 auto;
    text-align: center;
    opacity: .4;
    font-size: 11px;
    line-height: 1.4;
    margin-top: 40px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.flat-info__spec {
    position: absolute;
    top: -34px;
    left: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    color: #e61736;
    white-space: nowrap
}

@media only screen and (max-width: 812px) {
    .flat-info__spec {
        top: -35px;
        left: -8px
    }
}

.flat-info__spec:before {
    content: "";
    width: 19px;
    height: 19px;
    background-image: url("../images/ic-spec.76b5ebe762b7.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 14px
}

.flat-info__m-header {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-info__m-header {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 60px;
        background-color: #fafafa;
        z-index: 1
    }
}

.flat-info__m-link {
    font-size: 14px;
    color: #0d50a0
}

.flat-info__m-complex-flat {
    display: block;
    font-size: 24px;
    margin-bottom: 20px
}

.flat-info__m-complex-flat .title {
    font-size: 32px
}

@media only screen and (max-width: 812px) {
    .flat-info__m-complex-flat .title {
        font-size: 24px;
        line-height: 1.3
    }
}

@media only screen and (max-width: 812px) {
    .flat-info__m-complex-flat {
        margin-bottom: 24px;
        display: block;
        width: 100%;
        text-align: center
    }
}

.flat-info__m-slider {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-info__m-slider {
        padding-bottom: 30px;
        margin-bottom: 34px;
        display: block;
        width: 100%
    }
}

.flat-info__m-slide {
    display: none;
    margin: 0 auto;
    width: 243px;
    height: 298px;
    font-size: 16px;
    color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.flat-info__m-slide:first-of-type {
    display: block
}

.flat-info__m-slide.slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flat-info__m-slide--floor {
    position: relative
}

.flat-info__m-slide--floor > img {
    width: 100%;
    height: 100%
}

.flat-info__m-slide--floor > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    fill: #219653
}

.flat-info__m-flat-layout {
    width: 100%;
    height: 100%;
    padding: 0 24px
}

.flat-info__m-flat-layout > svg {
    width: 100%;
    height: 100%
}

.flat-info__share {
    display: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .flat-info__share {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.flat-info__share-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flat-info__share-text {
    margin-right: 11px;
    font-size: 14px;
    color: #525c66
}

.flat-mortgage {
    padding-top: 56px;
    padding-bottom: 48px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0))), #efefef;
    background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0)), #efefef
}

@media only screen and (max-width: 812px) {
    .flat-mortgage {
        padding-top: 42px;
        padding-bottom: 0;
        background-color: #fff
    }
}

.flat-mortgage__main-title {
    margin-bottom: 66px;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .flat-mortgage__main-title {
        max-width: 310px;
        margin: 0 auto
    }
}

.flat-mortgage__main-title span {
    display: none
}

.flat-mortgage__main-title span:first-of-type {
    display: block
}

@media only screen and (max-width: 812px) {
    .flat-mortgage__main-title span:first-of-type {
        display: none
    }
}

@media only screen and (max-width: 812px) {
    .flat-mortgage__main-title span:last-of-type {
        display: block
    }
}

.flat-mortgage__m-subtitle {
    display: none
}

@media only screen and (max-width: 812px) {
    .flat-mortgage__m-subtitle {
        margin-top: 12px;
        margin-bottom: 25px;
        display: block;
        text-align: center;
        font-size: 18px;
        color: #0d50a0
    }
}

.flat-mortgage .range-slider {
    background-color: #feca30
}

.flat-mortgage .realty-filter__slider {
    width: 330px
}

@media only screen and (max-width: 812px) {
    .flat-mortgage .realty-filter__slider {
        width: calc(100vw - 80px);
        margin: 0 auto
    }
}

.flat-mortgage__list {
    max-height: 412px;
    overflow: hidden;
    -webkit-transition: max-height .4s ease;
    transition: max-height .4s ease
}

@media only screen and (max-width: 812px) {
    .flat-mortgage__list {
        width: 100vw;
        margin-left: -24px;
        overflow: visible
    }
}

@media only screen and (max-width: 812px) {
    .flat-mortgage__list-wrap {
        padding-bottom: 38px
    }
}

.flat-mortgage__list-wrap .slick-list .mortgage-card {
    margin: 0 12px
}

.flat-mortgage__list-wrap .slick-dots li {
    margin: 0 6px
}

.flat-mortgage__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 55px
}

@media only screen and (max-width: 812px) {
    .flat-mortgage__buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.flat-mortgage__buttons > button {
    padding: 11px 40px
}

.flat-mortgage__more {
    margin-right: 40px
}

@media only screen and (max-width: 812px) {
    .flat-mortgage__more {
        display: none
    }
}

.flat-mortgage__more.active span:first-child, .flat-mortgage__more span:last-child {
    display: none
}

.flat-mortgage__more.active span:last-child {
    display: block
}

.flat-mortgage__more.hidden {
    display: none
}

.flat-similar {
    padding-bottom: 25px;
    padding-top: 60px;
    background-color: #fafafa
}

@media only screen and (max-width: 812px) {
    .flat-similar {
        padding-bottom: 32px;
        padding-top: 40px
    }
}

.flat-similar__main-title {
    margin-bottom: 65px;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .flat-similar__main-title {
        margin-bottom: 32px
    }
}

.flat-similar__card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 812px) {
    .flat-similar__card-list {
        padding-bottom: 40px;
        max-width: 328px;
        width: 100%;
        margin: 0 auto
    }

    .flat-similar__card-list .slick-dots {
        bottom: 20px
    }

    .flat-similar__card-list .slick-list {
        margin: 0 -12px;
        padding: 10px 0
    }
}

.flat-similar__card-list .flat-card {
    margin-right: 16px;
    margin-bottom: 26px
}

@media only screen and (max-width: 812px) {
    .flat-similar__card-list .flat-card {
        margin-bottom: 0;
        margin-left: 12px;
        margin-right: 12px
    }
}

.flat-similar__card-list .flat-card:last-child {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .flat-similar__card-list .flat-card:last-child {
        margin-right: 12px
    }
}

.flat-similar .commercial-card {
    opacity: 1
}

.flat-viewed {
    padding-bottom: 25px;
    padding-top: 72px
}

@media only screen and (max-width: 812px) {
    .flat-viewed {
        padding-top: 54px
    }
}

.flat-viewed__main-title {
    margin-bottom: 65px;
    text-align: center
}

@media only screen and (max-width: 812px) {
    .flat-viewed__main-title {
        margin-bottom: 32px
    }
}

.flat-viewed__card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 812px) {
    .flat-viewed__card-list {
        padding-bottom: 40px;
        max-width: 328px;
        width: 100%;
        margin: 0 auto
    }

    .flat-viewed__card-list .slick-dots {
        bottom: 20px
    }

    .flat-viewed__card-list .slick-list {
        margin: 0 -12px;
        padding: 10px 0
    }
}

.flat-viewed__card-list .commercial-card, .flat-viewed__card-list .flat-card {
    margin-right: 16px;
    margin-bottom: 26px
}

@media only screen and (max-width: 812px) {
    .flat-viewed__card-list .commercial-card, .flat-viewed__card-list .flat-card {
        margin-bottom: 0;
        margin-left: 12px;
        margin-right: 12px
    }
}

.flat-viewed__card-list .commercial-card:last-child, .flat-viewed__card-list .flat-card:last-child {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .flat-viewed__card-list .commercial-card:last-child, .flat-viewed__card-list .flat-card:last-child {
        margin-right: 12px
    }
}

.flat-viewed__card-list .commercial-card:after, .flat-viewed__card-list .flat-card:after {
    opacity: .4
}

.flat-viewed .commercial-card, .flat-viewed__card-list .commercial-card:hover:after, .flat-viewed__card-list .flat-card:hover:after {
    opacity: 1
}

@media only screen and (max-width: 812px) {
    .flat-viewed .commercial-card {
        margin: 0
    }
}

.uninhabited-plans {
    width: 100%;
    display: none
}

@media only screen and (max-width: 812px) {
    .uninhabited-plans {
        display: block
    }
}

.uninhabited-plans__container {
    width: 100%;
    height: 400px
}

.uninhabited-plans__plan {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.uninhabited-plans__floor {
    width: 100%;
    height: 100%
}

.uninhabited-plans__floor-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.uninhabited-plans__floor-svg polygon {
    fill: #219653;
    opacity: .4
}

.uninhabited-plans__floor-svg polygon._siblings {
    fill: #0d50a0
}

.uninhabited-plans__genplan {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto
}

.uninhabited-plans__genplan-img {
    display: block;
    height: 100%
}

.uninhabited-plans__genplan-svg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%
}

.uninhabited-plans__genplan-svg polygon {
    fill: #0d50a0;
    opacity: .3
}

.uninhabited-plans__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: #efefef
}

.uninhabited-plans__tab {
    margin-right: 26px;
    font-size: 16px;
    line-height: 60px;
    color: #000
}

.uninhabited-plans__tab:first-child {
    padding-left: 24px
}

.uninhabited-plans__tab:last-child {
    margin-right: 0;
    padding-right: 24px
}

.uninhabited-plans__tab._active {
    color: #0d50a0
}

.uninhabited-plans__legend {
    display: none;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px auto 15px
}

.uninhabited-plans__legend-item, .uninhabited-plans__legend._active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.uninhabited-plans__legend-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 24px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #1a211d
}

.uninhabited-plans__legend-item:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #86a8d0;
    border-radius: 50%;
    margin-right: 16px
}

.uninhabited-plans__legend-item._selected:before {
    background-color: #90cba9
}

.uninhabited-plans__legend-item._sold:before {
    background-color: #dfa991
}

.uninhabited-plans__legend-item:last-child {
    margin-right: 0
}

.flat-detail .complex-quality {
    padding-bottom: 30px;
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .flat-detail .complex-quality {
        padding-top: 30px
    }
}

.flat-layout-value {
    font-family: Museo;
    fill: #004792;
    font-weight: 500
}

.flat-layout-value > g:first-of-type {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    font-size: 4px;
    text-decoration: none
}

.flat-layout-value > g:nth-of-type(2) {
    font-size: 6px
}

.comp-l-map {
    position: relative
}

.comp-l-map:after, .comp-l-map:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.comp-l-map:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .7)), to(hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))
}

.comp-l-map:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e8e3e1), to(hsla(17, 13%, 90%, 0)));
    background-image: linear-gradient(0deg, #e8e3e1, hsla(17, 13%, 90%, 0))
}

.comp-l-map.open:after, .comp-l-map.open:before {
    opacity: 0;
    pointer-events: none
}

.comp-l-map.open .comp-l-map__breadcrumbs {
    -webkit-transform: translate3d(-50%, -40px, 0);
    transform: translate3d(-50%, -40px, 0);
    opacity: 0
}

.comp-l-map.open .comp-l-map__title {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    opacity: 0
}

.comp-l-map.open .comp-l-map__map {
    max-height: calc(100vh - 80px - 40px);
    -webkit-transition: max-height .4s ease;
    transition: max-height .4s ease
}

@media only screen and (max-width: 812px) {
    .comp-l-map.open .comp-l-map__map {
        max-height: calc(100vh - 80px - 100px)
    }
}

.comp-l-map.open .comp-l-map__aside {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s ease .4s;
    transition: -webkit-transform .3s ease .4s;
    transition: transform .3s ease .4s;
    transition: transform .3s ease .4s, -webkit-transform .3s ease .4s
}

@media only screen and (max-width: 812px) {
    .comp-l-map.open .comp-l-map__aside {
        -webkit-transition: max-height .3s ease .1s, opacity .2s ease .3s;
        transition: max-height .3s ease .1s, opacity .2s ease .3s;
        max-height: 300px;
        opacity: 1
    }
}

.comp-l-map__breadcrumbs {
    top: 50px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.comp-l-map__breadcrumbs, .comp-l-map__title {
    position: absolute;
    left: 50%;
    z-index: 3;
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease
}

.comp-l-map__title {
    top: 90px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width: 812px) {
    .comp-l-map__title {
        top: 50px
    }
}

.comp-l-map__map {
    position: relative;
    max-height: 240px;
    overflow: hidden;
    -webkit-transition: max-height .4s ease;
    transition: max-height .4s ease;
    will-change: max-height;
    z-index: 1
}

@media only screen and (max-width: 812px) {
    .comp-l-map__map {
        max-height: 240px;
        -webkit-transition: max-height .4s ease;
        transition: max-height .4s ease
    }
}

.comp-l-map__map-wrap {
    height: calc(100vh - 80px - 40px);
    width: 100%
}

.comp-l-map__aside {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(100vh - 80px - 40px);
    width: 484px;
    background-color: #fff;
    z-index: 3;
    overflow: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    will-change: transform
}

@media only screen and (max-width: 812px) {
    .comp-l-map__aside {
        position: relative;
        height: auto;
        width: 100%;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        background-color: #f5f7fa;
        -webkit-transition: max-height .2s ease, opacity .2s ease;
        transition: max-height .2s ease, opacity .2s ease
    }

    .comp-l-map__aside .slick-dots {
        bottom: 30px
    }
}

.comp-l-map__aside:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 74px;
    width: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .07)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .07), transparent);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: none
}

@media only screen and (max-width: 812px) {
    .comp-l-map__aside:after {
        content: none
    }
}

.comp-l-map__aside .office-card {
    max-height: 150px
}

.comp-l-map__aside .office-card.open {
    max-height: 455px
}

.comp-l-map__aside .mCSB_inside > .mCSB_container {
    margin-right: 10px
}

.comp-l-map__button {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 204px;
    height: 44px;
    z-index: 5;
    padding-left: 48px
}

@media only screen and (max-width: 812px) {
    .comp-l-map__button {
        font-size: 14px
    }
}

.comp-l-map__button.active .office-list__button-icon:after {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0)
}

.comp-l-map__button-icon {
    position: absolute;
    left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #fff;
    height: 32px;
    width: 32px
}

.comp-l-map__button-icon:after, .comp-l-map__button-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px;
    height: 2px;
    background-color: #feca30
}

.comp-l-map__button-icon:after {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    will-change: transform
}

.comp-l-released {
    position: relative
}

.comp-l-released__anchor {
    position: absolute;
    top: -100px;
    left: 0
}

.comp-l-released__wrap {
    padding-left: 86px;
    padding-right: 86px
}

@media only screen and (max-width: 812px) {
    .comp-l-released__wrap {
        padding: 0 24px
    }
}

.comp-l-released__title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 38px
}

@media only screen and (max-width: 812px) {
    .comp-l-released__title {
        margin-bottom: 30px;
        font-size: 24px;
        font-weight: 500
    }
}

.comp-l-released__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.comp-l-released__card {
    display: block;
    height: 400px;
    width: calc((100% - 64px) / 3);
    margin-right: 32px;
    margin-bottom: 24px;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.comp-l-released__card:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 812px) {
    .comp-l-released__card {
        min-height: 348px;
        height: auto;
        width: 100%;
        margin-right: 0;
        margin-bottom: 45px
    }
}

.comp-l-released__card.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.comp-l-released__card:hover .comp-l-released__card-image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform 9s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform 9s cubic-bezier(.25, .46, .45, .94);
    transition: transform 9s cubic-bezier(.25, .46, .45, .94);
    transition: transform 9s cubic-bezier(.25, .46, .45, .94), -webkit-transform 9s cubic-bezier(.25, .46, .45, .94)
}

.comp-l-released__card:nth-child(3n) {
    margin-right: 0
}

.comp-l-released__card:nth-last-child(-n+3) {
    margin-bottom: 0
}

@media only screen and (max-width: 812px) {
    .comp-l-released__card:nth-last-child(-n+3) {
        margin-bottom: 45px
    }
}

.comp-l-released__card-head {
    height: 230px;
    overflow: hidden
}

.comp-l-released__card-image {
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-size: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: transform .4s cubic-bezier(.25, .46, .45, .94), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94)
}

.comp-l-released__card-name {
    font-size: 22px;
    font-weight: 500;
    line-height: 31px;
    margin-top: 20px;
    margin-bottom: 11px
}

@media only screen and (max-width: 812px) {
    .comp-l-released__card-name {
        margin-bottom: 24px;
        max-width: 370px
    }
}

.comp-l-released__card-info {
    font-size: 14px;
    line-height: 26px
}

.comp-l-released__card-info span {
    font-weight: 500
}

.comp-l-released__load {
    position: relative
}

.comp-l-released__load.reloading .comp-l-released__button {
    opacity: 0
}

.comp-l-released__button {
    height: 44px;
    width: 336px;
    margin: 15px auto 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media only screen and (max-width: 812px) {
    .comp-l-released__button {
        width: 100%;
        max-width: 336px
    }
}

.comp-l-released__button.hide {
    display: none
}

.complex-list {
    margin-bottom: 40px;
    overflow: hidden
}

@media only screen and (max-width: 812px) {
    .complex-list {
        margin-bottom: 0
    }
}

.complex-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 86px;
    margin-top: 71px
}

@media only screen and (max-width: 812px) {
    .complex-list__list {
        margin-top: 52px;
        padding: 0 24px
    }
}

.complex-list__list-item {
    width: calc((100% - 64px) / 3);
    margin-right: 32px;
    margin-bottom: 24px
}

@media only screen and (max-width: 812px) {
    .complex-list__list-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px
    }
}

.complex-list__list-item:nth-child(3n) {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .complex-list__list-item:nth-child(3n) {
        margin-bottom: 24px
    }
}

.complex-list__list-item:nth-last-child(-n+3) {
    margin-bottom: 0
}

@media only screen and (max-width: 812px) {
    .complex-list__list-item:nth-last-child(-n+3) {
        margin-bottom: 24px
    }
}

.complex-list .comp-l-released {
    margin-top: 70px
}

@media only screen and (max-width: 812px) {
    .complex-list .comp-l-released {
        margin-top: 20px
    }
}

.favorites__page {
    padding-top: 34px;
    padding-bottom: 43px;
    background-color: #fafafa;
    min-height: calc(100vh - 80px - 449px)
}

.favorites__page-title {
    text-align: center
}

.favorites__page-sort {
    margin-top: 40px;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 812px) {
    .favorites__page-sort {
        display: none;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.favorites__page-empty {
    padding-top: 50px;
    text-align: center
}

.favorites__page .commercial-card {
    opacity: 1
}

.favorites__content {
    margin-top: 0
}

@media only screen and (max-width: 812px) {
    .favorites__content {
        margin-top: 30px
    }
}

.favorites__page-print {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 40px
}

.favorites__subscribe {
    margin-top: 40px;
    text-align: center
}

.favorites__subscribe-title {
    margin-bottom: 16px;
    font-size: 30px
}

.favorites__subscribe-subtitle {
    font-size: 20px
}

@media only screen and (max-width: 812px) {
    .favorites__subscribe-subtitle {
        font-size: 14px;
        opacity: .7
    }
}

.favorites__empty {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 20px;
    text-align: center
}

.favorites__form {
    position: relative;
    margin-top: 47px
}

@media only screen and (max-width: 812px) {
    .favorites__form {
        margin-top: 30px
    }
}

.favorites__form.error .favorites__form-body, .favorites__form.success .favorites__form-body {
    opacity: 0
}

.favorites__form.error .favorites__form-message.error, .favorites__form.success .favorites__form-message.success {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.favorites__form-body {
    max-width: 862px;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media only screen and (max-width: 812px) {
    .favorites__form-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 50px;
        padding-right: 50px
    }
}

.favorites__form-item {
    margin-right: 60px
}

@media only screen and (max-width: 812px) {
    .favorites__form-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }
}

.favorites__form-item:last-of-type {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .favorites__form-item:last-of-type {
        margin-bottom: 0;
        margin-top: 15px
    }
}

.favorites__form-item.hidden {
    display: none
}

.favorites__form-title {
    padding-left: 22px;
    margin-bottom: 20px
}

@media only screen and (max-width: 812px) {
    .favorites__form-title {
        padding-left: 0;
        text-align: center
    }
}

.favorites__form-input {
    padding: 0 22px;
    width: 245px;
    height: 41px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .25);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .25);
    border-radius: 30px;
    border: none;
    outline: none;
    -webkit-transition: -webkit-box-shadow .25s ease;
    transition: -webkit-box-shadow .25s ease;
    transition: box-shadow .25s ease;
    transition: box-shadow .25s ease, -webkit-box-shadow .25s ease
}

@media only screen and (max-width: 812px) {
    .favorites__form-input {
        width: 100%
    }
}

.favorites__form-input:focus {
    -webkit-box-shadow: inset 0 1px 9px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 9px rgba(0, 0, 0, .2)
}

.favorites__form-input::-webkit-input-placeholder {
    font-weight: 300;
    color: #b5b5b5;
    font-size: 13px
}

.favorites__form-input:-ms-input-placeholder, .favorites__form-input::-ms-input-placeholder {
    font-weight: 300;
    color: #b5b5b5;
    font-size: 13px
}

.favorites__form-input::placeholder {
    font-weight: 300;
    color: #b5b5b5;
    font-size: 13px
}

.favorites__form-input.error {
    -webkit-box-shadow: inset 0 1px 9px rgba(230, 23, 54, .5);
    box-shadow: inset 0 1px 9px rgba(230, 23, 54, .5)
}

.favorites__form-button {
    width: 245px;
    height: 41px
}

@media only screen and (max-width: 812px) {
    .favorites__form-button {
        width: 100%
    }

    .favorites__form-button.button.yellow {
        background-color: #0d50a0;
        color: #fff
    }
}

.favorites__form-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    max-width: 700px;
    font-size: 20px;
    opacity: 0;
    -webkit-transform: translate(-70%, -50%);
    transform: translate(-70%, -50%);
    -webkit-transition: opacity .2s ease, -webkit-transform 0s ease .2s;
    transition: opacity .2s ease, -webkit-transform 0s ease .2s;
    transition: opacity .2s ease, transform 0s ease .2s;
    transition: opacity .2s ease, transform 0s ease .2s, -webkit-transform 0s ease .2s;
    pointer-events: none
}

.favorites__form-message:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.favorites__form-message.success {
    color: #219653
}

.favorites__form-message.success:before {
    background-image: url("../images/ic-mark-green.c30a3a8c27dd.svg")
}

.favorites__form-message.error {
    color: #e61736
}

.favorites__form-message.error:before {
    background-image: url("../images/ic-sad-smile.b4f45a3943c8.svg")
}

.complex-card {
    display: block;
    position: relative;
    height: 475px;
    background-size: cover;
    background-position: 50%;
    padding: 24px 40px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, box-shadow;
    background-color: #0d50a0;
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease
}

.complex-card.\--teotralniy-kvartal {
    background-image: url("../images/teotralniy-kvartal-preview-bg.38b4df47854a.jpg")
}

@media only screen and (max-width: 812px) {
    .complex-card {
        padding: 24px 10px
    }
}

.complex-card__shield {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 124px;
    height: 25px;
    top: 70px;
    left: 38px;
    padding: 5px 10px 3px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #6a1d7d
}

@media only screen and (max-width: 812px) {
    .complex-card__shield {
        top: 100px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.complex-card.n-emerge {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.complex-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 5, 5, .5)), to(rgba(5, 5, 5, 0)));
    background-image: linear-gradient(180deg, rgba(5, 5, 5, .5), rgba(5, 5, 5, 0));
    -webkit-transition: -webkit-transform .3s ease .4s;
    transition: -webkit-transform .3s ease .4s;
    transition: transform .3s ease .4s;
    transition: transform .3s ease .4s, -webkit-transform .3s ease .4s
}

.complex-card.hidden {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition: opacity 0s ease, -webkit-transform 0s ease;
    transition: opacity 0s ease, -webkit-transform 0s ease;
    transition: opacity 0s ease, transform 0s ease;
    transition: opacity 0s ease, transform 0s ease, -webkit-transform 0s ease
}

.complex-card.visible {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease
}

@media only screen and (min-width: 812px) {
    .complex-card:hover:before {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
}

@media only screen and (min-width: 812px) and (max-width: 812px) {
    .complex-card:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width: 812px) {
    .complex-card:hover .complex-card__header {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    .complex-card:hover .complex-card__footer {
        min-height: 100%;
        -webkit-transition: min-height .5s ease;
        transition: min-height .5s ease
    }
}

@media only screen and (min-width: 812px) and (max-width: 812px) {
    .complex-card:hover .complex-card__footer {
        min-height: 224px
    }
}

@media only screen and (min-width: 812px) {
    .complex-card:hover .complex-card__go {
        opacity: 1;
        -webkit-transform: translate3d(-50%, 20%, 0) scale(1);
        transform: translate3d(-50%, 20%, 0) scale(1);
        -webkit-transition: opacity .3s ease .4s, -webkit-transform .3s ease .4s;
        transition: opacity .3s ease .4s, -webkit-transform .3s ease .4s;
        transition: opacity .3s ease .4s, transform .3s ease .4s;
        transition: opacity .3s ease .4s, transform .3s ease .4s, -webkit-transform .3s ease .4s
    }
}

@media only screen and (min-width: 812px) and (max-width: 812px) {
    .complex-card:hover .complex-card__go {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 20%, 0) scale(0);
        transform: translate3d(-50%, 20%, 0) scale(0)
    }
}

@media only screen and (min-width: 812px) {
    .complex-card.\--teotralniy-kvartal:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .complex-card.\--teotralniy-kvartal:hover .complex-card__header {
        opacity: 1
    }

    .complex-card.\--teotralniy-kvartal:hover .complex-card__footer {
        min-height: 224px
    }

    .complex-card.\--teotralniy-kvartal:hover .complex-card__go {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 20%, 0) scale(0);
        transform: translate3d(-50%, 20%, 0) scale(0)
    }
}

.complex-card__header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1
}

@media only screen and (max-width: 812px) {
    .complex-card__header {
        padding: 16px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.complex-card__metro {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    z-index: 5;
    font-weight: bold;
    text-transform: uppercase;
    color: #ff0000;
    top: -18px;
}
 
@media only screen and (max-width: 812px) {
    .complex-card__metro {
        margin-bottom: 12px;
        top: -36px;
    }
}

.complex-card__metro:before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #fdc843;
    font-size: 12px;
    font-weight: 900
}

.complex-card__location {
    position: relative;
    font-size: 12px;
    color: #fff;
    z-index: 5
}

.complex-card__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 38px;
    -webkit-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
    z-index: 2;
    min-height: 224px;
    will-change: min-height
}

.complex-card__title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 8px;
    -webkit-transition: -webkit-transform .7s ease .3s;
    transition: -webkit-transform .7s ease .3s;
    transition: transform .7s ease .3s;
    transition: transform .7s ease .3s, -webkit-transform .7s ease .3s;
    will-change: transform
}

.complex-card__subtitle, .complex-card__title {
    position: relative;
    text-align: center;
    color: #000;
    z-index: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.complex-card__subtitle {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    width: 250px;
    margin: 0 auto 24px;
    opacity: 1;
    -webkit-transition: opacity .6s ease .6s, -webkit-transform .6s ease .4s;
    transition: opacity .6s ease .6s, -webkit-transform .6s ease .4s;
    transition: opacity .6s ease .6s, transform .6s ease .4s;
    transition: opacity .6s ease .6s, transform .6s ease .4s, -webkit-transform .6s ease .4s;
    will-change: transform, opacity
}

@media only screen and (max-width: 812px) {
    .complex-card__subtitle {
        width: 220px
    }
}

.complex-card__price {
    position: relative;
    height: 42px;
    width: 175px;
    margin: 0 auto;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .6s ease .6s, -webkit-transform .6s ease .5s;
    transition: opacity .6s ease .6s, -webkit-transform .6s ease .5s;
    transition: opacity .6s ease .6s, transform .6s ease .5s;
    transition: opacity .6s ease .6s, transform .6s ease .5s, -webkit-transform .6s ease .5s;
    will-change: transform, opacity
}

.complex-card__price sup {
    font-size: 70%
}

.complex-card__go {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 130px;
    border-radius: 130px;
    border: 2px solid #fff;
    opacity: 0;
    -webkit-transform: translate3d(-50%, 20%, 0) scale(0);
    transform: translate3d(-50%, 20%, 0) scale(0);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    z-index: 3
}

.complex-card__go:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 36px;
    width: 36px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translate3d(-75%, -50%, 0) rotate(45deg);
    transform: translate3d(-75%, -50%, 0) rotate(45deg)
}

.complex-card__points {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 2;
    opacity: 0
}

.complex-card__more {
    position: absolute;
    bottom: 0;
    left: 50%;
    text-align: center;
    padding-bottom: 22px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    z-index: 3;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.complex-card.\--new {
    padding-top: 26px;
    padding-bottom: 0;
    border-radius: 20px
}

.complex-card.\--new:before {
    display: none
}

.complex-card.\--new .complex-card__image {
    position: relative;
    width: 100%;
    height: 425px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

@media only screen and (max-width: 812px) {
    .complex-card.\--new .complex-card__shield.\--soon {
        z-index: 3
    }
}

.complex-card.\--new.\--fourth {
    background-color: #b1c7df
}

.complex-card.\--new.\--fourth .complex-card__footer {
    padding-top: 27px;
    min-height: 191px;
    background-color: rgba(60, 114, 176, .65)
}

.complex-card.\--new.\--fourth .complex-card__footer .complex-card__subtitle {
    height: 21px;
    margin-bottom: 21px
}

.complex-card.\--new.\--fourth .complex-card__footer .complex-card__price {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.complex-card.\--new.\--fourth .complex-card__go {
    border: 2px solid #fff
}

.complex-card.\--new.\--fourth .complex-card__go:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

@media only screen and (min-width: 812px) {
    .complex-card.\--new.\--fourth:hover .complex-card__footer {
        min-height: 100%;
        -webkit-transition: min-height .5s ease;
        transition: min-height .5s ease
    }

    .complex-card.\--new.\--fourth:hover .complex-card__price {
        color: #000;
        background-color: #feca30;
        border: 1px solid #feca30
    }
}

.complex-card.\--new.\--fifth {
    background-color: #8aaad0
}

.complex-card.\--new.\--fifth .complex-card__footer {
    padding-top: 27px;
    min-height: 191px;
    background-color: hsla(0, 0%, 100%, .65)
}

.complex-card.\--new.\--fifth .complex-card__footer .complex-card__title {
    color: #000
}

.complex-card.\--new.\--fifth .complex-card__footer .complex-card__subtitle {
    height: 21px;
    margin-bottom: 21px;
    color: #000
}

.complex-card.\--new.\--fifth .complex-card__footer .complex-card__price {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.complex-card.\--new.\--fifth .complex-card__go {
    border: 2px solid #000
}

.complex-card.\--new.\--fifth .complex-card__go:before {
    border-top: 2px solid #000;
    border-right: 2px solid #000
}

@media only screen and (min-width: 812px) {
    .complex-card.\--new.\--fifth:hover .complex-card__footer {
        padding-top: 100px;
        min-height: 100%;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .complex-card.\--new.\--fifth:hover .complex-card__price {
        color: #000;
        background-color: #feca30;
        border: 1px solid #feca30
    }
}

.complex-card-image {
    display: block;
    position: relative;
    height: 475px;
    background-size: cover;
    background-position: 50%;
    padding: 24px 40px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, box-shadow;
    background-color: #0d50a0;
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease
}

.complex-card-image.n-emerge {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

@media only screen and (max-width: 812px) {
    .complex-card-image.n-emerge {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.complex-card-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 5, 5, .5)), to(rgba(5, 5, 5, 0)));
    background-image: linear-gradient(180deg, rgba(5, 5, 5, .5), rgba(5, 5, 5, 0));
    -webkit-transition: -webkit-transform .3s ease .4s;
    transition: -webkit-transform .3s ease .4s;
    transition: transform .3s ease .4s;
    transition: transform .3s ease .4s, -webkit-transform .3s ease .4s
}

.complex-card-image.hidden {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition: opacity 0s ease, -webkit-transform 0s ease;
    transition: opacity 0s ease, -webkit-transform 0s ease;
    transition: opacity 0s ease, transform 0s ease;
    transition: opacity 0s ease, transform 0s ease, -webkit-transform 0s ease
}

.complex-card-image.visible {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease
}

.complex-card-image:hover:before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media only screen and (max-width: 812px) {
    .complex-card-image:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.complex-card-image:hover .complex-card-image__header {
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
    opacity: 0;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease
}

@media only screen and (max-width: 812px) {
    .complex-card-image:hover .complex-card-image__header {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.complex-card-image:hover .complex-card-image__footer {
    min-height: 100%;
    -webkit-transition: min-height .5s ease;
    transition: min-height .5s ease
}

@media only screen and (max-width: 812px) {
    .complex-card-image:hover .complex-card-image__footer {
        min-height: 224px
    }
}

.complex-card-image:hover .complex-card-image__go {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 20%, 0) scale(1);
    transform: translate3d(-50%, 20%, 0) scale(1);
    -webkit-transition: opacity .3s ease .4s, -webkit-transform .3s ease .4s;
    transition: opacity .3s ease .4s, -webkit-transform .3s ease .4s;
    transition: opacity .3s ease .4s, transform .3s ease .4s;
    transition: opacity .3s ease .4s, transform .3s ease .4s, -webkit-transform .3s ease .4s
}

@media only screen and (max-width: 812px) {
    .complex-card-image:hover .complex-card-image__go {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 20%, 0) scale(0);
        transform: translate3d(-50%, 20%, 0) scale(0)
    }
}

.complex-card-image__header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s ease .6s, -webkit-transform .3s ease .6s;
    transition: opacity .3s ease .6s, -webkit-transform .3s ease .6s;
    transition: transform .3s ease .6s, opacity .3s ease .6s;
    transition: transform .3s ease .6s, opacity .3s ease .6s, -webkit-transform .3s ease .6s;
    opacity: 1
}

@media only screen and (max-width: 812px) {
    .complex-card-image__header {
        padding: 16px 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.complex-card-image__metro {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    z-index: 2;
    color: #fff
}

@media only screen and (max-width: 812px) {
    .complex-card-image__metro {
        margin-bottom: 12px
    }
}

.complex-card-image__metro:before {
    content: "M";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 12px;
    font-weight: 900
}

.complex-card-image__location {
    position: relative;
    font-size: 12px;
    color: #fff;
    opacity: .6;
    z-index: 1
}

.complex-card-image__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 38px;
    -webkit-transition: min-height .5s ease .1s;
    transition: min-height .5s ease .1s;
    z-index: 2;
    background-color: rgba(13, 80, 160, .7);
    min-height: 224px;
    will-change: min-height
}

.complex-card-image__title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 8px;
    -webkit-transition: -webkit-transform .7s ease .3s;
    transition: -webkit-transform .7s ease .3s;
    transition: transform .7s ease .3s;
    transition: transform .7s ease .3s, -webkit-transform .7s ease .3s;
    will-change: transform
}

.complex-card-image__subtitle, .complex-card-image__title {
    position: relative;
    text-align: center;
    color: #fff;
    z-index: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.complex-card-image__subtitle {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    width: 250px;
    margin: 0 auto 24px;
    opacity: 1;
    -webkit-transition: opacity .6s ease .6s, -webkit-transform .6s ease .4s;
    transition: opacity .6s ease .6s, -webkit-transform .6s ease .4s;
    transition: opacity .6s ease .6s, transform .6s ease .4s;
    transition: opacity .6s ease .6s, transform .6s ease .4s, -webkit-transform .6s ease .4s;
    will-change: transform, opacity
}

.complex-card-image__price {
    position: relative;
    height: 42px;
    width: 168px;
    margin: 0 auto;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .6s ease .6s, -webkit-transform .6s ease .5s;
    transition: opacity .6s ease .6s, -webkit-transform .6s ease .5s;
    transition: opacity .6s ease .6s, transform .6s ease .5s;
    transition: opacity .6s ease .6s, transform .6s ease .5s, -webkit-transform .6s ease .5s;
    will-change: transform, opacity
}

.complex-card-image__go {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 130px;
    border-radius: 130px;
    border: 2px solid #fff;
    opacity: 0;
    -webkit-transform: translate3d(-50%, 20%, 0) scale(0);
    transform: translate3d(-50%, 20%, 0) scale(0);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    z-index: 3
}

.complex-card-image__go:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 36px;
    width: 36px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translate3d(-75%, -50%, 0) rotate(45deg);
    transform: translate3d(-75%, -50%, 0) rotate(45deg)
}

.complex-card-image__more {
    position: absolute;
    bottom: 0;
    left: 50%;
    text-align: center;
    padding-bottom: 22px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    z-index: 3;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.realty-filter {
    position: relative
}

@media only screen and (max-width: 812px) {
    .realty-filter {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-height: 810px;
        -webkit-transition: max-height .3s ease-out;
        transition: max-height .3s ease-out
    }

    .realty-filter.full {
        min-height: 1100px;
        -webkit-transition: max-height .3s ease-in;
        transition: max-height .3s ease-in
    }

    .realty-filter.full .realty-filter__item {
        opacity: 1;
        pointer-events: all;
        -webkit-transition: opacity .3s ease .2s;
        transition: opacity .3s ease .2s
    }
}

.realty-filter__row {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 38px
}

@media only screen and (max-width: 812px) {
    .realty-filter__row.\--additional .realty-filter__item {
        width: 50%
    }
}

@media only screen and (max-width: 812px) {
    .realty-filter__row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 0;
        width: 100%;
        padding: 0 5px
    }
}

@media only screen and (max-width: 812px) {
    .realty-filter__row.no-mobile {
        display: none
    }
}

.realty-filter__row.small-margin {
    margin-bottom: 38px
}

@media only screen and (max-width: 812px) {
    .realty-filter__row.small-margin {
        margin-bottom: 0
    }
}

.realty-filter__row.no-margin, .realty-filter__row:last-child {
    margin-bottom: 0
}

.realty-filter__row.row-panel {
    margin-top: 20px
}

@media only screen and (max-width: 812px) {
    .realty-filter__row.row-panel {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media only screen and (max-width: 812px) {
    .realty-filter__row.action {
        margin-top: 10px;
        padding-top: 10px;
        width: 100%
    }

    .realty-filter__row.action.grey {
        background-color: #fafafa
    }
}

.realty-filter__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 60px
}

.realty-filter__item.\--price {
    padding-left: 7px;
    margin-right: 53px
}

@media only screen and (max-width: 812px) {
    .realty-filter__item {
        margin-bottom: 24px;
        margin-right: 0;
        width: 100%
    }

    .realty-filter__item.\--floor, .realty-filter__item.\--price, .realty-filter__item.\--rent, .realty-filter__item.\--rent-rate, .realty-filter__item.\--sell, .realty-filter__item.\--square {
        padding: 0 10px;
        margin-right: 0
    }
}

.realty-filter__item.mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .realty-filter__item.mobile {
        display: block
    }
}

@media only screen and (max-width: 812px) {
    .realty-filter__item.no-mobile {
        display: none
    }
}

.realty-filter__item.big {
    width: auto;
    max-width: 1400px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 812px) {
    .realty-filter__item.big {
        width: 100%;
        max-width: 100%
    }
}

.realty-filter__item.middle {
    max-width: 292px
}

@media only screen and (max-width: 812px) {
    .realty-filter__item.middle {
        width: 100%;
        max-width: 100%
    }
}

.realty-filter__item.small {
    max-width: 194px
}

@media only screen and (max-width: 812px) {
    .realty-filter__item.small {
        width: 100%;
        max-width: 100%
    }
}

.realty-filter__item.micro {
    width: auto;
    margin-right: 55px
}

@media only screen and (max-width: 812px) {
    .realty-filter__item.micro {
        width: 100%;
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 812px) {
    .realty-filter__item.in-full {
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease
    }
}

.realty-filter__item:last-child {
    margin-right: 0
}

.realty-filter__item._cl-deal, .realty-filter__item._cl-type {
    width: 240px
}

@media only screen and (max-width: 812px) {
    .realty-filter__item._cl-deal, .realty-filter__item._cl-type {
        width: 100%
    }
}

.realty-filter__item._cl-area, .realty-filter__item._cl-floor {
    width: 190px
}

@media only screen and (max-width: 812px) {
    .realty-filter__item._cl-area, .realty-filter__item._cl-floor {
        width: 100%
    }
}

.realty-filter__item._cl-ppm, .realty-filter__item._cl-price, .realty-filter__item._cl-rent {
    width: 290px
}

@media only screen and (max-width: 812px) {
    .realty-filter__item._cl-ppm, .realty-filter__item._cl-price, .realty-filter__item._cl-rent {
        width: 100%
    }
}

.realty-filter__label {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

@media only screen and (max-width: 812px) {
    .realty-filter__label {
        margin-bottom: 22px;
        text-align: center;
        font-size: 16px;
        font-weight: 300
    }
}

.realty-filter__label.mobile {
    display: none
}

@media only screen and (max-width: 812px) {
    .realty-filter__label.mobile {
        display: block
    }
}

.realty-filter__label sup {
    font-size: 12px
}

.realty-filter__label span {
    display: none
}

.realty-filter__label span:first-of-type {
    display: block
}

@media only screen and (max-width: 812px) {
    .realty-filter__label span:first-of-type {
        display: none
    }
}

@media only screen and (max-width: 812px) {
    .realty-filter__label span:last-of-type {
        display: block
    }
}

.realty-filter__buttons {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 812px) {
    .realty-filter__buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 812px) {
    .realty-filter__buttons.no-mobile {
        display: none
    }
}

.realty-filter__buttons-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-size: 23px;
    font-weight: 500;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: 10px;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .realty-filter__buttons-option {
        width: 44px;
        height: 44px;
        font-size: 18px
    }
}

.realty-filter__buttons-option.text-btn {
    width: auto;
    height: auto;
    background-color: transparent;
    padding: 10px 20px;
    color: #0d50a0;
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px;
    border-radius: 40px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    font-weight: 300
}

.realty-filter__buttons-option.text-btn.active, .realty-filter__buttons-option.text-btn:hover {
    color: #000
}

.realty-filter__buttons-option:last-child {
    margin-right: 0
}

.realty-filter__buttons-option.active {
    background-color: #feca30
}





.realty-filter__slider {
    position: relative;
    width: 190px;
    padding-top: 7px;
}

@media only screen and (max-width: 812px) {
    .realty-filter__slider {
        width: 100%
    }
}

.realty-filter__slider.price {
    width: 290px
}

@media only screen and (max-width: 812px) {
    .realty-filter__slider.price {
        width: 100%
    }
}

.realty-filter__slider.price input {
    width: 103px
}

.realty-filter__slider-values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

@media only screen and (max-width: 812px) {
    .realty-filter__slider-values {
        margin-top: 32px
    }
}

.realty-filter__slider-values.disabled {
    opacity: .4;
    pointer-events: none
}

.realty-filter__slider-values input {
    border: none;
    border-bottom: 1px solid #d4d4d4;
    outline: none;
    padding: 0;
    width: 58px;
    text-align: center;
    background-color: transparent
}

.realty-filter__slider-line.disabled {
    opacity: .4;
    pointer-events: none
}

.realty-filter__select {
    width: 275px;
    height: 50px
}

@media only screen and (max-width: 812px) {
    .realty-filter__select {
        width: 100%;
        margin: 0 auto
    }
}

.realty-filter__select select {
    display: none
}

@media only screen and (max-width: 812px) {
    .realty-filter__select select {
        display: block
    }
}

.realty-filter__select.big {
    width: 263px
}

.realty-filter__select.checklist .selectric-scroll > ul > li:first-child, .realty-filter__select.monoselect .selected {
    display: none
}

.realty-filter__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.realty-filter__checkbox .checkbox {
    margin-right: 9px
}

.realty-filter__checkbox-title {
    cursor: pointer
}

.realty-filter__submit {
    position: relative;
    width: 241px;
    height: 44px;
    z-index: 2;
    opacity: 0;
    background-color: #fff
}

@media only screen and (max-width: 812px) {
    .realty-filter__submit {
        margin: 0 auto;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        font-size: 14px
    }
}

.realty-filter__submit.active {
    opacity: 1
}

.realty-filter__submit.long {
    padding: 0 65px;
    width: auto
}

.realty-filter__submit.translateY50 {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.realty-filter__reset {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    padding-left: 20px
}

@media only screen and (max-width: 812px) {
    .realty-filter__reset {
        margin-bottom: 30px
    }
}

.realty-filter__reset:after, .realty-filter__reset:before {
    content: "";
    position: absolute;
    left: 0;
    top: 45%;
    height: 1px;
    width: 16px;
    background-color: #000;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    will-change: transform
}

.realty-filter__reset:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.realty-filter__reset:after, .realty-filter__reset:hover:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.realty-filter__reset:hover:after {
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg)
}

.realty-filter__mode-controller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.realty-filter__mode-controller.disable {
    opacity: .5;
    pointer-events: none
}

.realty-filter__mode-type {
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.realty-filter__mode-type:first-of-type {
    margin-right: 12px
}

.realty-filter__mode-type:last-of-type {
    margin-left: 12px
}

.realty-filter__extend-btn {
    display: none;
    font-size: 14px;
    color: #0d50a0;
    font-weight: 300
}

@media only screen and (max-width: 812px) {
    .realty-filter__extend-btn {
        display: block
    }
}

.realty-filter__two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 84px
}

.realty-filter__two.disabled {
    opacity: .3;
    pointer-events: none
}

.realty-filter__two-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.realty-filter__two-item.active .realty-filter__two-icn:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.realty-filter__two-icn {
    position: relative;
    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;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #f2f2f2
}

.realty-filter__two-icn:after {
    content: "";
    position: relative;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #f7db88;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.realty-filter__two-label {
    font-size: 16px;
    font-weight: 300
}

.complex-quality {
    background-color: #fff
}

.complex-quality.grey {
    background-color: #fafafa
}

@media only screen and (max-width: 812px) {
    .complex-quality {
        padding-bottom: 21px
    }

    .complex-quality.grey {
        background-color: #fff
    }
}

.complex-quality._last {
    padding-top: 86px
}

@media only screen and (max-width: 812px) {
    .complex-quality._last {
        padding-top: 40px
    }
}

.complex-quality .title {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 49px;
    line-height: 62px;
    color: #000
}

@media only screen and (max-width: 812px) {
    .complex-quality .title {
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        white-space: pre-line
    }
}

.complex-quality .subtitle {
    margin-top: 12px;
    font-weight: 300;
    font-size: 26px;
    line-height: 120%;
    color: #333;
    opacity: .8
}

@media only screen and (max-width: 812px) {
    .complex-quality .subtitle {
        font-size: 18px
    }
}

.complex-quality__title {
    position: relative;
    padding-bottom: 50px;
    text-align: center;
    padding-top: 50px;
}

@media only screen and (max-width: 812px) {
    .complex-quality__title {
        padding-bottom: 32px
    }

    .complex-quality__title:after {
        display: none
    }
}

.complex-quality__wrapper {
    padding-left: 86px;
    padding-right: 86px;
    width: 1440px
}

@media only screen and (max-width: 812px) {
    .complex-quality__wrapper {
        padding-left: 24px;
        padding-right: 24px;
        width: auto
    }
}

.complex-quality__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.complex-quality__gallery-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 32px;
    width: calc(100% - 330px)
}

@media only screen and (max-width: 812px) {
    .complex-quality__gallery-block {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-right: 0;
        margin-bottom: 0;
        width: 100%;
        height: 100%
    }
}

.complex-quality__gallery-block.reverse {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 0;
    width: 298px
}

.complex-quality__gallery-block.reverse .complex-quality__photo-wrapper {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .complex-quality__gallery-block.reverse {
        display: none
    }
}

.complex-quality__card-wrapper {
    position: relative;
    margin-right: 32px;
    margin-bottom: 32px;
    cursor: pointer;
    z-index: 1
}

@media only screen and (max-width: 812px) {
    .complex-quality__card-wrapper {
        margin-right: 0;
        margin-bottom: 0
    }
}




.complex-quality__card-wrapper:hover {
    z-index: 5
}

.complex-quality__card-wrapper:hover .complex-quality__photo-wrapper {
    border-radius: 6px 6px 0 0
}

@media only screen and (max-width: 812px) {
    .complex-quality__card-wrapper:hover .complex-quality__photo-wrapper {
        border-radius: 6px
    }
}

.complex-quality__card-wrapper:hover .complex-quality__photo-info {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.complex-quality__card-wrapper:hover .complex-quality__photo {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: border-radius 1.5s ease, -webkit-transform 1.5s cubic-bezier(.25, .46, .45, .94);
    transition: border-radius 1.5s ease, -webkit-transform 1.5s cubic-bezier(.25, .46, .45, .94);
    transition: transform 1.5s cubic-bezier(.25, .46, .45, .94), border-radius 1.5s ease;
    transition: transform 1.5s cubic-bezier(.25, .46, .45, .94), border-radius 1.5s ease, -webkit-transform 1.5s cubic-bezier(.25, .46, .45, .94)
}

@media only screen and (max-width: 812px) {
    .complex-quality__card-wrapper:hover .complex-quality__photo {
        -webkit-transform: none;
        transform: none
    }
}

.complex-quality__card-wrapper:hover:after {
    opacity: 1
}

.complex-quality__card-wrapper:first-child {
    width: 298px;
    height: 298px
}

.complex-quality__card-wrapper:nth-child(2) {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.complex-quality__card-wrapper:nth-child(2n) {
    width: 192px;
    height: 192px
}

.complex-quality__card-wrapper:nth-child(odd):not(:first-child) {
    height: 298px;
    width: 380px
}

.complex-quality__card-wrapper:nth-child(3n) {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .complex-quality__card-wrapper:nth-child(n) {
        -ms-flex-item-align: center;
        align-self: center;
        width: 260px;
        height: 317px
    }

    .complex-quality__card-wrapper:nth-child(odd):not(:first-child) {
        width: 260px;
        height: 317px
    }
}

.complex-quality__photo-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    will-change: opacity, transform;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 6px
}

@media only screen and (max-width: 812px) {
    .complex-quality__photo-wrapper {
        height: 260px
    }
}

.complex-quality__photo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    -webkit-transition: border-radius .5s ease, -webkit-transform .9s cubic-bezier(.25, .46, .45, .94);
    transition: border-radius .5s ease, -webkit-transform .9s cubic-bezier(.25, .46, .45, .94);
    transition: transform .9s cubic-bezier(.25, .46, .45, .94), border-radius .5s ease;
    transition: transform .9s cubic-bezier(.25, .46, .45, .94), border-radius .5s ease, -webkit-transform .9s cubic-bezier(.25, .46, .45, .94)
}

.complex-quality__photo-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px;
    height: 72px;
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    z-index: 10;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

@media only screen and (max-width: 812px) {
    .complex-quality__photo-info {
        padding: 12px 16px;
        height: 56px;
        opacity: 1;
        background-color: transparent
    }
}

.complex-quality__photo-info-icon {
    margin-right: 12px;
    width: 32px;
    height: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50%
}

.complex-quality__photo-info-items {
    width: calc(100% - 44px)
}

.complex-quality__photo-info-name {
    margin-top: -4px;
    font-size: 16px;
    line-height: 115%;
    opacity: .8;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media only screen and (max-width: 812px) {
    .complex-quality__photo-info-name {
        margin-top: 0;
        font-size: 14px
    }
}

.complex-quality__photo-info-likes {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px;
    height: 17px;
    font-size: 14px;
    line-height: 1;
    background-size: contain;
    background-repeat: no-repeat;
    color: rgba(51, 51, 51, .6);
    z-index: 10
}

.complex-quality__photo-info-likes svg:first-child {
    width: 14px;
    height: 13px;
    margin-right: 8px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.complex-quality__photo-info-likes._liked svg {
    fill: #e6332a
}

.complex-quality__photo-info-likes._liked svg path {
    stroke: #e6332a
}

.complex-quality__photo-info-likes._liked:hover svg {
    opacity: 1
}

.complex-quality__photo-info-likes._liked .complex-quality__like-animation {
    -webkit-animation: heart-float .6s ease-in-out;
    animation: heart-float .6s ease-in-out
}

.complex-quality__photo-info-likes:hover svg {
    opacity: .5
}

@media only screen and (max-width: 812px) {
    .complex-quality__photo-info-likes {
        height: 14px;
        font-size: 12px
    }
}

.complex-quality__like-animation {
    position: absolute;
    width: 14px;
    height: 13px;
    left: 0;
    z-index: 10
}

.doc-list {
    padding-top: 50px;
    padding-bottom: 90px
}

@media only screen and (max-width: 812px) {
    .doc-list {
        padding-top: 0;
        padding-bottom: 60px;
        background-color: #fafafa
    }
}

.doc-list__title {
    margin-top: 27px
}

@media only screen and (max-width: 812px) {
    .doc-list__title {
        background-color: #fff;
        margin: 0 -24px;
        padding: 40px 24px 30px;
        text-align: center;
        font-weight: 500
    }
}

.doc-list__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 44px
}

@media only screen and (max-width: 812px) {
    .doc-list__filter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.doc-list__select {
    width: 331px;
    margin-right: 60px
}

@media only screen and (max-width: 812px) {
    .doc-list__select {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px
    }

    .doc-list__select.half {
        width: calc((100% - 20px) / 2)
    }

    .doc-list__select .selectric {
        background-color: #fff
    }
}

.doc-list__select:last-child {
    margin-right: 0
}

.doc-list__select select {
    opacity: 0
}

.doc-list__common {
    margin-top: 50px
}

@media only screen and (max-width: 812px) {
    .doc-list__common {
        margin-top: 20px
    }
}

.doc-list__common .doc-l-cat__title:after {
    content: none
}

.doc-list__common .doc-l-cat__table {
    max-height: none
}

.doc-list__list {
    position: relative
}

.doc-list__list.reloading .doc-list__categories {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.doc-list__preloader {
    top: 20px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.doc-list__categories {
    margin-top: 51px;
    -webkit-transition: opacity .3s ease .2s;
    transition: opacity .3s ease .2s
}

@media only screen and (max-width: 812px) {
    .doc-list__categories {
        margin-top: 20px
    }
}

.doc-l-cat {
    margin-bottom: 50px;
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out
}

@media only screen and (max-width: 812px) {
    .doc-l-cat {
        margin-bottom: 30px
    }
}

.doc-l-cat.active .doc-l-cat__table {
    max-height: 500px;
    -webkit-transition: max-height .3s ease-in;
    transition: max-height .3s ease-in
}

.doc-l-cat:last-child {
    margin-bottom: 0
}

.doc-l-cat__title {
    display: inline-block;
    position: relative;
    font-size: 26px;
    font-weight: 500;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .doc-l-cat__title {
        width: 100%;
        font-size: 22px;
        padding-right: 40px
    }
}

.doc-l-cat__title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -60px;
    height: 14px;
    width: 14px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: translateY(-60%) rotate(45deg);
    transform: translateY(-60%) rotate(45deg);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

@media only screen and (max-width: 812px) {
    .doc-l-cat__title:after {
        top: 0;
        right: 0;
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg)
    }
}

.active .doc-l-cat__title:after {
    -webkit-transform: translateY(-40%) rotate(-135deg);
    transform: translateY(-40%) rotate(-135deg)
}

@media only screen and (max-width: 812px) {
    .active .doc-l-cat__title:after {
        -webkit-transform: translateY(50%) rotate(-135deg);
        transform: translateY(50%) rotate(-135deg)
    }
}

.doc-table {
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out;
    max-height: 0;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.doc-table__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
    padding-top: 33px
}

@media only screen and (max-width: 812px) {
    .doc-table__head {
        display: none
    }
}

.doc-table__group.open .doc-table__group-others {
    max-height: 1000px;
    pointer-events: all;
    -webkit-transition: max-height .3s ease-in;
    transition: max-height .3s ease-in
}

.doc-table__group-current {
    margin-bottom: 36px
}

.doc-table__group-others {
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out
}

.doc-table__group:last-child {
    margin-bottom: 0
}

.doc-table__revisions {
    padding: 20px;
    font-size: 14px;
    margin-bottom: 36px;
    background-color: #fafafa;
    -webkit-box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, .1)
}

.doc-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media only screen and (max-width: 812px) {
    .doc-table__row.mobile-top {
        margin-top: 30px
    }
}

.doc-table__row:last-child {
    margin-bottom: 0
}

.doc-table__col {
    width: 18%;
    margin-right: 6%
}

@media only screen and (max-width: 812px) {
    .doc-table__col {
        width: 50%;
        margin-right: 0
    }
}

.doc-table__col:last-child {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .doc-table__col:last-child {
        display: none
    }
}

.doc-table__col.big {
    width: 28%
}

@media only screen and (max-width: 812px) {
    .doc-table__col.big {
        width: 100%;
        margin-bottom: 20px
    }
}

.doc-table__label {
    color: #787878
}

.doc-table__label-mobile {
    display: none;
    color: #787878;
    margin-bottom: 5px
}

@media only screen and (max-width: 812px) {
    .doc-table__label-mobile {
        display: block
    }
}

.doc-table__value {
    position: relative;
    color: #302b2b;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.doc-table__value.link {
    color: #000;
    text-decoration: underline
}

.doc-table__value.link:hover {
    color: #0d50a0
}

.doc-table__value.release {
    color: #0d50a0;
    display: inline-block;
    cursor: pointer
}

.doc-table__value.release:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #0d50a0
}

.doc-table__value.release:hover:after {
    border-bottom: 1px solid #0d50a0
}

.realty-list {
    padding-top: 40px
}

@media only screen and (max-width: 812px) {
    .realty-list .type-header {
        display: none
    }

    .realty-list .realty-filter__buttons-option {
        margin-bottom: 8px
    }
}

.realty-list__title {
    margin-bottom: 32px;
    text-align: center
}

.realty-list__body {
    padding-top: 80px;
    background-color: #fafafa
}

@media only screen and (max-width: 812px) {
    .realty-list__body {
        padding-bottom: 40px
    }
}

.realty-list__load-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    padding-bottom: 48px
}

.realty-list__load-btn {
    height: 44px
}

.realty-list .index-filter__buttons-option {
    color: #000
}

.realty-list .realty-filter__submit {
    width: 280px
}

@media only screen and (max-width: 812px) {
    .realty-list .realty-filter__submit {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.flat-t-page__flats-container {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.flat-t-page__flats-container.reloading {
    opacity: 0
}

.pop-up__presentation .form {
    width: 808px
}

@media (max-width: 480px) {
    .pop-up__presentation .form {
        width: 100vw
    }
}

.pop-up__presentation .form__submit-btn {
    width: 100%;
    margin-bottom: 16px;
    background-color: #feca30
}

.pop-up__presentation .form__submit-btn:hover {
    background-color: #ffe599
}

.pop-up__presentation .form__submit-btn._disabled {
    cursor: default;
    pointer-events: none;
    opacity: .5
}

.pop-up__presentation .form__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 808px;
    padding: 56px 0
}

@media (max-width: 860px) {
    .pop-up__presentation .form__wrap {
        width: 100%;
        min-width: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 32px
    }
}

@media (max-width: 480px) {
    .pop-up__presentation .form__wrap {
        padding: 32px 24px
    }
}

.pop-up__presentation .form__title {
    font-size: 27px;
    font-weight: 400;
    color: #000;
    line-height: 34px
}

@media (max-width: 480px) {
    .pop-up__presentation .form__title {
        font-size: 25px
    }
}

.pop-up__presentation .form__descr {
    margin-bottom: 23px;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #000
}

.pop-up__presentation .form__body {
    display: none
}

.pop-up__presentation .form__subscribe {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pop-up__presentation .form__subscribe .form__subscribe-label {
    position: relative;
    color: #000;
    cursor: pointer;
    padding-left: 30px
}

.pop-up__presentation .form__subscribe .form__subscribe-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.pop-up__presentation .form__subscribe .form__subscribe-checkbox:checked ~ .form__subscribe-fake:after {
    display: block
}

.pop-up__presentation .form__subscribe .form__subscribe-fake {
    position: absolute;
    left: 0;
    top: -50%;
    width: 20px;
    height: 20px;
    margin-left: auto;
    background: #efefef;
    border-radius: 2px
}

.pop-up__presentation .form__subscribe .form__subscribe-fake:after {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url("../images/subscribe_check.1bd657d07ec1.svg") no-repeat 50%
}

.pop-up__presentation .form__disclaimer {
    font-size: 10px;
    text-align: center;
    color: #666
}

.pop-up__presentation .form__success {
    display: none;
    visibility: hidden
}

.pop-up__presentation .form__success .form-success__icon {
    margin: 0 auto
}

.pop-up__presentation .form__success-text {
    text-align: center
}

.pop-up__presentation .form__error {
    display: none;
    visibility: hidden
}

.pop-up__presentation .form__error .form-error__icon {
    margin: 0 auto
}

.pop-up__presentation .form__error-text {
    text-align: center
}

.pop-up__presentation .form__recover {
    display: none;
    margin-top: 10px;
    font-weight: 300;
    font-size: 10px;
    line-height: 160%;
    text-align: center;
    color: #666;
    cursor: pointer
}

.pop-up__presentation .form__recover > span {
    font-weight: 400
}

.pop-up__presentation .form .active {
    display: block;
    visibility: visible
}

.pop-up__presentation .block__left, .pop-up__presentation .block__right {
    width: 50%;
    padding: 0 56px
}

@media (max-width: 860px) {
    .pop-up__presentation .block__left, .pop-up__presentation .block__right {
        width: 100%;
        padding: 0
    }
}

.pop-up__presentation .block__left {
    border-right: 1px solid #d4d4d4
}

@media (max-width: 860px) {
    .pop-up__presentation .block__left {
        margin-bottom: 28px;
        padding-bottom: 24px;
        border-right: none;
        border-bottom: 1px solid #d4d4d4
    }
}

.pop-up__presentation .block__left .form__title {
    margin-bottom: 18px
}

.pop-up__presentation .block__left .form__disclaimer {
    width: 75%;
    margin: 0 auto
}

.pop-up__presentation .block__right .form__head {
    margin-bottom: 22px
}

.pop-up__presentation .block__right .form__fields {
    padding: 0;
    margin-bottom: 16px
}

.pop-up__presentation .block__right .form__item {
    margin-bottom: 12px
}

.pop-up__presentation .block__right .form__input {
    padding: 13px 20px
}

.pop-up__presentation .block__right .form__submit-btn {
    margin-bottom: 0
}

.pop-up__presentation .block__right .form__personal {
    padding: 0;
    margin-bottom: 0
}

.flats-viewed__page {
    padding-top: 72px;
    padding-bottom: 60px;
    background-color: #fafafa;
    min-height: calc(100vh - 80px - 449px)
}

@media only screen and (max-width: 812px) {
    .flats-viewed__page {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.flats-viewed__page .commercial-card {
    opacity: 1
}

.flats-viewed__page-title {
    text-align: center
}

.flats-viewed__content {
    margin-top: 43px
}

@media only screen and (max-width: 812px) {
    .flats-viewed__content {
        margin-top: 24px
    }
}

.vac-info {
    padding: 73px 0
}

@media only screen and (max-width: 812px) {
    .vac-info {
        padding: 44px 0
    }
}

.vac-info__wrap {
    padding-left: 86px;
    padding-right: 86px
}

@media only screen and (max-width: 812px) {
    .vac-info__wrap {
        padding: 0 24px
    }
}

.vac-info__title {
    font-size: 32px;
    font-weight: 300
}

@media only screen and (max-width: 812px) {
    .vac-info__title {
        display: none
    }
}

.vac-info__counts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 57px
}

@media only screen and (max-width: 812px) {
    .vac-info__counts {
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.vac-info__counts-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 414px;
    margin-right: 16px
}

@media only screen and (max-width: 812px) {
    .vac-info__counts-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 44px
    }
}

.vac-info__counts-item:last-child {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .vac-info__counts-item:last-child {
        display: none
    }
}

.vac-info__counts-item.small {
    width: 328px
}

@media only screen and (max-width: 812px) {
    .vac-info__counts-item.small {
        width: 100%
    }
}

.vac-info__val {
    color: #0d50a0;
    font-size: 102px;
    font-weight: 900;
    line-height: .7;
    margin-right: 10px
}

@media only screen and (max-width: 812px) {
    .vac-info__val {
        font-size: 70px
    }
}

.vac-info__label {
    font-size: 20px
}

.vac-info__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 74px
}

@media only screen and (max-width: 812px) {
    .vac-info__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0
    }
}

.vac-info__list-item {
    width: 414px;
    margin-right: 16px
}

@media only screen and (max-width: 812px) {
    .vac-info__list-item {
        margin-right: 0;
        margin-bottom: 40px;
        width: 100%
    }
}

.vac-info__list-item:last-child {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .vac-info__list-item:last-child {
        margin-bottom: 0
    }
}

.vac-info__list-item.small {
    width: 328px
}

@media only screen and (max-width: 812px) {
    .vac-info__list-item.small {
        width: 100%
    }
}

.vac-info__name {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500
}

.vac-info__descr {
    font-size: 13px;
    line-height: 21px;
    margin-top: 16px
}

.vac-list {
    position: relative;
    padding: 78px 0
}

@media only screen and (max-width: 812px) {
    .vac-list {
        padding: 44px 0
    }
}

.vac-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 245px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 77%, .2)), to(hsla(0, 0%, 77%, 0)));
    background-image: linear-gradient(180deg, hsla(0, 0%, 77%, .2), hsla(0, 0%, 77%, 0));
    pointer-events: none;
    z-index: 1
}

.vac-list__wrap {
    position: relative;
    padding-left: 86px;
    padding-right: 86px;
    z-index: 2
}

@media only screen and (max-width: 812px) {
    .vac-list__wrap {
        padding-left: 24px;
        padding-right: 24px
    }
}

.vac-list__title {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 35px
}

@media only screen and (max-width: 812px) {
    .vac-list__title {
        font-size: 24px
    }
}

.vac-list__list-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 33px
}

@media only screen and (max-width: 812px) {
    .vac-list__list-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.vac-list__list-row:last-child {
    margin-bottom: 0
}

.vac-list__name {
    width: 602px;
    margin-right: 86px;
    font-size: 20px;
    font-weight: 500
}

@media only screen and (max-width: 812px) {
    .vac-list__name {
        margin-right: 0;
        width: 100%;
        font-size: 16px;
        margin-bottom: 16px
    }
}

.vac-list__count {
    color: #0d50a0;
    text-decoration: underline
}

.vac-list__count:hover {
    text-decoration: none
}

.production-text {
    background-color: #efefef
}

@media only screen and (max-width: 812px) {
    .production-text {
        background-color: #fff
    }
}

.production-text__content {
    padding: 54px 70px;
    line-height: 1.7
}

@media only screen and (max-width: 812px) {
    .production-text__content {
        padding: 40px 24px
    }
}

.production-text__content p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: inherit
}

.production-text__content p:last-of-type {
    margin-bottom: 0
}

.production-partners {
    background-color: #efefef;
    padding-bottom: 40px
}

@media only screen and (max-width: 812px) {
    .production-partners {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.production-partners__main-title {
    padding-bottom: 38px;
    text-align: center
}

.production-partners__list {
    margin: 0 auto;
    max-width: 1294px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 812px) {
    .production-partners__list .slick-list {
        margin-left: -12px;
        margin-right: -12px;
        padding-bottom: 40px
    }
}

.production-partners__list-item {
    display: block;
    margin-bottom: 16px;
    margin-right: 16px;
    padding: 20px;
    width: 245px;
    height: 154px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    border-radius: 8px;
    background-size: auto;
    -webkit-transition: -webkit-box-shadow .25s ease;
    transition: -webkit-box-shadow .25s ease;
    transition: box-shadow .25s ease;
    transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .production-partners__list-item {
        width: 100%;
        margin-left: 12px;
        margin-right: 12px;
        margin-bottom: 0
    }
}

.production-partners__list-item:hover {
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 812px) {
    .production-partners__list-item:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.production-partners__list-item:nth-child(5n) {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .production-partners__list-item:nth-child(5n) {
        margin-right: 12px
    }
}

.production-partners__list-img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.awards-list, .production {
    background-color: #fafafa
}

.awards-list {
    padding-top: 52px;
    padding-bottom: 63px
}

@media only screen and (max-width: 812px) {
    .awards-list {
        background-color: #fff;
        padding-bottom: 40px
    }
}

.awards-list__items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.awards-list__item {
    margin-right: 10px;
    margin-bottom: 54px;
    width: 100%;
    max-width: 332px;
    text-align: center;
    color: #000
}

@media only screen and (max-width: 812px) {
    .awards-list__item {
        margin-right: 0;
        width: 100%
    }
}

.awards-list__item:nth-child(4n) {
    margin-right: 0
}

.awards-list__item-image {
    margin-bottom: 50px;
    height: 197px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/awards-logo-test.49f055b4aab8.svg")
}

.awards-list__item-title {
    margin: 0 auto 26px;
    max-width: 305px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8
}

.awards-list__item-text {
    margin: 0 auto;
    font-size: 13px;
    line-height: 1.8;
    max-width: 280px
}

.privilege {
    position: relative;
    z-index: 1
}

.privilege__text {
    padding: 42px 86px 74px
}

@media only screen and (max-width: 812px) {
    .privilege__text {
        padding: 34px 24px 54px
    }
}

.privilege__list {
    position: relative;
    background-color: #262424
}

@media only screen and (max-width: 812px) {
    .privilege__list {
        padding: 40px 0
    }
}

.privilege__list .privilege-card {
    padding-left: 86px
}

@media only screen and (max-width: 812px) {
    .privilege__list .privilege-card {
        padding-left: 0
    }
}

.privilege__button {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 250px;
    height: 42px
}

@media only screen and (max-width: 812px) {
    .privilege__button {
        display: none
    }
}

.privilege-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding-top: 76px;
    padding-bottom: 114px
}

@media only screen and (max-width: 812px) {
    .privilege-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 60px
    }

    .privilege-card:last-child {
        margin-bottom: 0
    }
}

.privilege-card.n-emerge .privilege-card__card {
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
    opacity: 0
}

@media only screen and (max-width: 812px) {
    .privilege-card.n-emerge .privilege-card__card {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.privilege-card.n-emerge .privilege-card__main {
    opacity: 0
}

@media only screen and (max-width: 812px) {
    .privilege-card.n-emerge .privilege-card__main {
        opacity: 1
    }
}

.privilege-card:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #303030
}

@media only screen and (max-width: 812px) {
    .privilege-card:after {
        content: none
    }
}

.privilege-card:last-child:after {
    content: none
}

.privilege-card__card {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 46px;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .5s ease .2s, -webkit-transform .8s ease .2s;
    transition: opacity .5s ease .2s, -webkit-transform .8s ease .2s;
    transition: opacity .5s ease .2s, transform .8s ease .2s;
    transition: opacity .5s ease .2s, transform .8s ease .2s, -webkit-transform .8s ease .2s
}

@media only screen and (max-width: 812px) {
    .privilege-card__card {
        margin-right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.privilege-card__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 270px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 6px
}

@media only screen and (max-width: 812px) {
    .privilege-card__image {
        width: 50%;
        margin-right: 40px
    }
}

.privilege-card__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    padding-top: 14px;
    opacity: 1;
    -webkit-transition: opacity .4s ease .5s;
    transition: opacity .4s ease .5s
}

@media only screen and (max-width: 812px) {
    .privilege-card__main {
        padding-bottom: 50px
    }
}

.privilege-card__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 812px) {
    .privilege-card__head {
        position: absolute;
        bottom: 0
    }
}

.privilege-card__title {
    font-size: 32px;
    line-height: 45px;
    font-weight: 100;
    color: #ebf9ff;
    text-transform: uppercase
}

@media only screen and (max-width: 812px) {
    .privilege-card__title {
        display: none
    }
}

.privilege-card__title-mobile {
    display: none;
    line-height: 31px;
    font-size: 22px;
    font-weight: 100;
    color: #ebf9ff
}

@media only screen and (max-width: 812px) {
    .privilege-card__title-mobile {
        display: block
    }
}

.privilege-card__footage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #1a1616;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 500;
    color: hsla(0, 0%, 100%, .4);
    margin-right: 32px;
    padding: 10px 28px
}

@media only screen and (max-width: 812px) {
    .privilege-card__footage {
        background-color: transparent;
        padding: 0
    }
}

.privilege-card__footage span {
    color: #fff;
    margin-left: 30px
}

.privilege-card__footage sup {
    font-size: 10px
}

.privilege-card__info {
    margin-top: 20px;
    line-height: 23px;
    font-size: 13px;
    text-transform: uppercase;
    color: hsla(0, 0%, 100%, .8);
    font-weight: 500
}

.privilege-card__info span {
    font-weight: 500;
    font-size: 23px;
    color: #fff
}

.privilege-card__options {
    margin-top: 28px;
    font-size: 15px;
    font-weight: 500
}

.privilege-card__options-item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 26px
}

.privilege-card__options-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    height: 8px;
    width: 8px;
    background-color: #feca30;
    border-radius: 50%
}

.privilege-card__options-item:last-child {
    margin-bottom: 0
}

.privilege-partners {
    background-color: #f5f7fa;
    padding-top: 80px;
    padding-bottom: 64px
}

@media only screen and (max-width: 812px) {
    .privilege-partners {
        padding-top: 42px;
        padding-bottom: 42px
    }
}

.privilege-partners__title {
    text-align: center;
    margin-bottom: 40px
}

.privilege-partners__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 812px) {
    .privilege-partners__list {
        padding-bottom: 50px
    }

    .privilege-partners__list .slick-list {
        margin: 0 -24px
    }
}

.privilege-partners__card {
    width: calc((100% - 48px) / 4);
    margin-right: 16px;
    margin-bottom: 16px;
    -webkit-transition: opacity .6s ease .2s, -webkit-transform .6s ease .2s;
    transition: opacity .6s ease .2s, -webkit-transform .6s ease .2s;
    transition: opacity .6s ease .2s, transform .6s ease .2s;
    transition: opacity .6s ease .2s, transform .6s ease .2s, -webkit-transform .6s ease .2s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width: 812px) {
    .privilege-partners__card {
        width: 100%
    }
}

.privilege-partners__card.n-emerge {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

@media only screen and (max-width: 812px) {
    .privilege-partners__card.n-emerge {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.privilege-partners__card:nth-child(4n) {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .privilege-partners__card:nth-child(4n) {
        margin-right: 24px
    }
}

.privilege-partners__card:nth-last-child(-n+4) {
    margin-bottom: 0
}

.partner-card {
    display: block;
    padding: 38px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    border-radius: 8px;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
    transition: transform .3s ease, box-shadow .3s ease, opacity .3s ease;
    transition: transform .3s ease, box-shadow .3s ease, opacity .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease
}

@media only screen and (max-width: 812px) {
    .partner-card {
        margin: 0 24px
    }
}

.partner-card:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 20px 8px -12px rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 812px) {
    .partner-card:hover {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.partner-card__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    height: 60px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom: 50px
}

.partner-card__descr {
    height: 60px;
    opacity: .6;
    line-height: 21px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 22px
}

.partner-card__bonus {
    line-height: 25px;
    font-size: 18px;
    text-align: center;
    font-weight: 500
}

.press-list-tabs {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 30px
}

.press-list-tabs__container {
    position: relative;
    border-bottom: 1px solid #e3e3e3
}

@media only screen and (max-width: 812px) {
    .press-list-tabs__container {
        width: 100%
    }
}

.press-list-tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (max-width: 812px) {
    .press-list-tabs__list {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.press-list-tabs__link {
    padding: 24px 10px 3px 3px;
    font-size: 20px;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .press-list-tabs__link {
        font-size: 18px;
        padding: 24px 14px
    }

    .press-list-tabs__link span {
        display: none
    }
}

.press-list-tabs__link.no-mobile {
    display: none
}

.press-list-tabs__slider {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    display: block;
    background-color: #1a211d;
    opacity: 0
}

.press-list-tabs__slider.inited {
    opacity: 1;
}

.press-card {
    display: block;
    position: relative;
    padding: 52px 24px 24px;
    height: 220px;
    width: 25%;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    will-change: opacity, transform;
    background-size: cover;
    background-position: 50%
}

@media only screen and (max-width: 812px) {
    .press-card {
        height: 182px;
        padding: 40px 24px 24px;
        width: 100%;
        border-right: none;
        border-bottom: none;
        margin-bottom: 1px
    }

    .press-card:last-child {
        margin-bottom: 0
    }
}

.press-card.n-emerge {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 0
}

@media only screen and (max-width: 812px) {
    .press-card.n-emerge {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.press-card--bg {
    color: #fff
}

.press-card--bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5
}

.press-card--bg .press-card__date {
    color: #fff
}

.press-card.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.press-card.active.n-emerge {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 0
}

.press-card:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 100px;
    width: 100px;
    background-color: #feca30;
    border-radius: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform 0s cubic-bezier(.25, .46, .45, .94) .3s;
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform 0s cubic-bezier(.25, .46, .45, .94) .3s;
    transition: transform 0s cubic-bezier(.25, .46, .45, .94) .3s, opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform 0s cubic-bezier(.25, .46, .45, .94) .3s, opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform 0s cubic-bezier(.25, .46, .45, .94) .3s;
    opacity: 0
}

.press-card:hover:after {
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: transform .4s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .4s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    -webkit-transform: translate(-50%) scale(5);
    transform: translate(-50%) scale(5);
    opacity: 1
}

.press-card:nth-child(2n) {
    background-color: #efefef
}

@media only screen and (max-width: 812px) {
    .press-card:nth-child(2n) {
        background-color: #fff
    }
}

.press-card:last-child, .press-card:nth-child(4n) {
    border-right: none
}

.press-card__wrap {
    position: relative;
    z-index: 2
}

.press-card__date {
    font-size: 12px;
    font-weight: 100;
    color: #858585
}

.press-card__info {
    margin-top: 20px;
    font-weight: 100;
    line-height: 25px;
    font-size: 14px
}

.press-list {
    display: block;
    background-color: #fafafa;
    padding-top: 46px;
    padding-bottom: 46px;
    min-height: calc(100vh - 80px - 449px)
}

.press-list__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.press-list__title {
    text-align: center;
    font-weight: bold;
    font-size: 37px;
}

@media only screen and (max-width: 812px) {
    .press-list__title {
        font-size: 24px;
        font-weight: 500
    }
}

.press-list__breadcrumbs {
    margin-bottom: 22px
}

@media only screen and (max-width: 812px) {
    .press-list__breadcrumbs {
        display: none
    }
}

.press-list-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

@media only screen and (max-width: 812px) {
    .press-list-filter .selectric {
        background-color: #fff
    }
}

.press-list-filter__section {
    margin-right: 20px;
    height: 50px
}

.press-list-filter__section:last-child {
    margin-right: 0
}

.press-list-filter__section select {
    opacity: 0
}

.press-list-filter__section.month {
    width: 150px
}

.press-detail__wrap {
    padding: 20px 86px 70px;
    margin-top: 24px
}

@media only screen and (max-width: 812px) {
    .press-detail__wrap {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 812px) {
    .press-detail__wrap iframe, .press-detail__wrap img {
        width: 100% !important;
        height: auto !important
    }
}

.press-detail__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    font-size: 16px;
    color: #000;
    opacity: .6;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media only screen and (max-width: 812px) {
    .press-detail__back {
        margin-bottom: 16px
    }
}

.press-detail__back:hover {
    opacity: 1
}

.press-detail__back:hover:before {
    -webkit-transform: translate3d(-2px, 0, 0) rotate(45deg);
    transform: translate3d(-2px, 0, 0) rotate(45deg)
}

.press-detail__back:before {
    content: "";
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    -webkit-transform: translateZ(0) rotate(45deg);
    transform: translateZ(0) rotate(45deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.press-detail__title {
    margin-bottom: 40px
}

.press-detail__date {
    margin-bottom: 16px;
    font-size: 14px;
    color: #bfbfbf
}

.press-detail__complex {
    margin-top: 32px;
    padding-top: 20px
}

.press-detail__complex-title {
    font-weight: 300;
    font-size: 30px;
    line-height: 42px
}

@media only screen and (max-width: 812px) {
    .press-detail__complex-title {
        display: none
    }
}

.press-detail__complex-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px
}

@media only screen and (max-width: 812px) {
    .press-detail__complex-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0
    }
}

.press-detail__complex-list .index-filter__buttons-option {
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 812px) {
    .press-detail__complex-list .index-filter__buttons-option {
        margin-bottom: 45px;
        font-size: 15px
    }
}

.press-detail__agency {
    margin-top: 40px
}

.press-detail__agency a {
    font-size: 14px;
    font-style: italic;
    -webkit-transition: color .4s ease;
    transition: color .4s ease
}

.press-detail__agency a:hover {
    color: #0d50a0
}

.press-detail__slider {
    margin-bottom: 54px
}

.news-list {
    padding-bottom: 40px
}

.news-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 70px;
    margin-bottom: 40px
}

@media only screen and (max-width: 812px) {
    .news-list__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

.news-list__list-empty {
    width: 100%;
    text-align: center;
    margin-top: 54px;
    font-size: 20px
}

.news-list__load {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news-list__load.loading .news-list__btn {
    opacity: 0;
    pointer-events: none
}

.news-list__btn {
    height: 42px;
    width: 336px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.news-list__btn.hide {
    opacity: 0
}

.video-list-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
    cursor: pointer;
    border-radius: 4px
}

.video-list-item:hover {
    background-color: #e7e7e7
}

.video-list-item.active {
    background-color: #efefef
}

.video-list-item.active .video-list-item__title {
    color: #0d50a0
}

.video-list-item__preview {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 136px;
    height: 84px;
    border-radius: 4px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.video-list-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.video-list-item__title {
    font-weight: 300;
    line-height: 19px;
    color: #000;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.video-list-item__date {
    font-size: 13px;
    line-height: 1;
    opacity: .5
}

.video-list {
    padding-left: 172px;
    padding-right: 172px;
    padding-bottom: 65px
}

@media only screen and (max-width: 812px) {
    .video-list {
        display: none
    }
}

.video-list__load-more {
    width: 100%;
    height: 44px;
    margin-top: 10px;
    padding-left: 0;
    background-color: #feca30;
    border-radius: 20px
}

.video-list__load-more.button.plus {
    padding: 0 16px
}

.video-list__load-more.loading span {
    -webkit-animation: rotation .8s linear infinite;
    animation: rotation .8s linear infinite
}

.video-list__load-more span:after, .video-list__load-more span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px;
    height: 2px;
    background-color: #feca30
}

.video-list__load-more span:after {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg)
}

.video-list__content {
    padding: 35px 10px 35px 35px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    border-radius: 6px
}

.video-list__current {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 576px;
    margin-right: 25px
}

@media only screen and (max-width: 812px) {
    .video-list__current {
        width: 100%
    }
}

.video-list__list {
    position: relative;
    height: 100%;
    overflow: hidden
}

.video-list__list .mCSB_inside > .mCSB_container {
    margin-right: 20px
}

.video-list__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    background-color: #e61736;
    background-size: 30rem 30rem;
    z-index: 5;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -webkit-transition: opacity .3s ease, -webkit-transform 0s ease .3s;
    transition: opacity .3s ease, -webkit-transform 0s ease .3s;
    transition: opacity .3s ease, transform 0s ease .3s;
    transition: opacity .3s ease, transform 0s ease .3s, -webkit-transform 0s ease .3s
}

.video-list__overlay.active {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s ease, -webkit-transform 0s ease;
    transition: opacity .3s ease, -webkit-transform 0s ease;
    transition: opacity .3s ease, transform 0s ease;
    transition: opacity .3s ease, transform 0s ease, -webkit-transform 0s ease
}

.video-list__overlay:after {
    content: "";
    position: relative;
    width: 30rem;
    height: 30rem
}

.video-current__video {
    position: relative;
    height: 380px;
    border-radius: 4px;
    overflow: hidden
}

@media only screen and (max-width: 812px) {
    .video-current__video {
        height: auto
    }

    .video-current__video:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 56.25%
    }
}

.video-current__video iframe {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 812px) {
    .video-current__video iframe {
        position: absolute;
        top: 0;
        left: 0
    }
}

.video-current__overlay {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #efefef;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity .3s ease, -webkit-transform 0s ease .3s;
    transition: opacity .3s ease, -webkit-transform 0s ease .3s;
    transition: opacity .3s ease, transform 0s ease .3s;
    transition: opacity .3s ease, transform 0s ease .3s, -webkit-transform 0s ease .3s
}


.video-current__overlay.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s ease, -webkit-transform 0s ease;
    transition: opacity .3s ease, -webkit-transform 0s ease;
    transition: opacity .3s ease, transform 0s ease;
    transition: opacity .3s ease, transform 0s ease, -webkit-transform 0s ease
}

.video-current__title {
    margin-top: 20px;
    font-size: 20px
}

.video-current__date {
    display: block;
    font-size: 13px;
    opacity: .5;
    margin-top: 22px
}

.video-current__share {
    margin-top: 30px
}

.video-list-mobile {
    display: none;
    padding-bottom: 40px
}

@media only screen and (max-width: 812px) {
    .video-list-mobile {
        display: block
    }
}

.video-list-mobile__item {
    margin-bottom: 40px
}

.video-list-mobile__item:last-child {
    margin-bottom: 0
}

.video-list-mobile__video {
    position: relative;
    height: 380px;
    border-radius: 4px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .video-list-mobile__video {
        height: auto
    }

    .video-list-mobile__video:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 56.25%;
        background-color: rgba(0, 0, 0, .2)
    }
}

.video-list-mobile__video iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: none
}

@media only screen and (max-width: 812px) {
    .video-list-mobile__video iframe {
        position: absolute;
        top: 0;
        left: 0
    }
}

.video-list-mobile__video iframe.active {
    display: block
}

.video-list-mobile__video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("../images/ic-play-button.9ef1964f9d9e.svg");
    background-size: cover;
    background-position: 50%;
    width: 60px;
    height: 60px
}

.video-list-mobile__button {
    margin: 25px auto 0
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0)
    }
    to {
        -webkit-transform: translateY(-50%) rotate(1turn);
        transform: translateY(-50%) rotate(1turn)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0)
    }
    to {
        -webkit-transform: translateY(-50%) rotate(1turn);
        transform: translateY(-50%) rotate(1turn)
    }
}

.presentation-page {
    width: 100vw;
    height: 800px;
    background-image: url("../images/presentation-page.85fb617a05b0.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 812px) {
    .presentation-page {
        width: auto;
        height: auto
    }
}

.presentation-page__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 830px;
    height: 606px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    position: relative
}

@media only screen and (max-width: 812px) {
    .presentation-page__form {
        width: 90%;
        height: auto;
        margin: 60px 0
    }
}

.presentation-page__form:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    width: 108px;
    height: 33px;
    background-image: url("../images/presentation-page_logo.97c636a7c1d0.png")
}

@media only screen and (max-width: 812px) {
    .presentation-page__form:before {
        display: none
    }
}

.presentation-page .form {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.presentation-page .form .checkbox {
    width: 13px;
    height: 13px;
    margin: 1px 10px 0 0
}

@media only screen and (max-width: 812px) {
    .presentation-page .form .checkbox {
        margin: 3px 10px 0 0
    }
}

.presentation-page .form .checkbox label:after {
    width: 6px;
    height: 6px;
    top: 49.9%;
    left: 49.9%
}

.presentation-page .form__personal {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.presentation-page .form__personal, .presentation-page .form__personal * {
    color: rgba(0, 0, 0, .6)
}

.presentation-page .form__personal a {
    text-decoration: underline
}

@media only screen and (max-width: 812px) {
    .presentation-page .form__personal {
        margin: 15px 30px 30px
    }

    .presentation-page .form__personal, .presentation-page .form__personal * {
        font-size: 10px;
        line-height: 144%;
        color: rgba(0, 0, 0, .6)
    }
}

@media only screen and (max-width: 812px) {
    .presentation-page .form__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.presentation-page .form__wrap {
    width: inherit;
    padding: 50px 30px 0
}

@media only screen and (max-width: 812px) {
    .presentation-page .form__wrap {
        padding: 50px 0 0
    }
}

.presentation-page .form__title {
    font-family: Museo, sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 42px;
    line-height: 120%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    color: #000;
    margin: 0 60px
}

@media only screen and (max-width: 812px) {
    .presentation-page .form__title {
        font-size: 20px;
        line-height: 120%;
        margin: 0;
        text-align: center
    }
}

.presentation-page .form__sub {
    font-size: 14px;
    text-align: center;
    margin-top: 20px
}

.presentation-page .form__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 15px
}

@media only screen and (max-width: 812px) {
    .presentation-page .form__fields {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.presentation-page .form__label {
    margin: 0 0 5px 20px;
    font-family: Museo, sans-serif;
    font-weight: 100;
    font-size: 16px;
    line-height: 144%;
    color: #000
}

@media only screen and (max-width: 812px) {
    .presentation-page .form__label {
        text-align: start;
        padding: 0;
        margin-left: 40px;
        font-size: 12px;
        line-height: 144%;
        font-weight: 500
    }
}

.presentation-page .form__item {
    margin-bottom: 0
}

.presentation-page .form__submit {
    width: 100%
}

.presentation-page .form__input {
    width: 430px;
    height: 44px
}

@media only screen and (max-width: 812px) {
    .presentation-page .form__input {
        width: auto;
        margin: 0 30px
    }
}

.presentation-page .form__submit-btn {
    background: #feca30;
    background-blend-mode: overlay, normal;
    border-radius: 40px;
    font-family: Museo, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #3d3636;
    width: 190px;
    height: 44px;
    border: none;
    margin: 0
}

@media only screen and (max-width: 812px) {
    .presentation-page .form__submit-btn {
        width: 80%;
        margin-top: 20px
    }
}

.presentation-page__description {
    width: 696px;
    border-top: 2px solid #f2f2f2;
    padding: 35px 30px
}

@media only screen and (max-width: 812px) {
    .presentation-page__description {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

.presentation-page__description__title {
    font-family: Museo, sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 26px;
    line-height: 120%;
    color: #000;
    margin-bottom: 30px
}

@media only screen and (max-width: 812px) {
    .presentation-page__description__title {
        text-align: center;
        font-size: 20px;
        line-height: 120%;
        width: 90%;
        margin: 0;
        padding: 0
    }
}

.presentation-page__description__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 80px
}

@media only screen and (max-width: 812px) {
    .presentation-page__description__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 65px
    }
}

.presentation-page__description__item {
    width: 200px;
    min-width: 200px;
    font-family: Museo, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 144%;
    color: #000;
    padding: 10px;
    background-color: #fff;
    z-index: 2;
    position: relative
}

@media only screen and (max-width: 812px) {
    .presentation-page__description__item {
        margin-bottom: 60px;
        text-align: center
    }

    .presentation-page__description__item:last-child {
        margin-bottom: 0
    }
}

.presentation-page__description__item:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    color: #f2f2f2;
    font-family: Museo, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 70px;
    z-index: -1;
    top: -50px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width: 812px) {
    .presentation-page__description__item:before {
        width: 30px;
        height: 30px;
        top: -15px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.presentation-page__description__item:first-child:before {
    background-image: url("../images/presentation-page_plans.30dd9843f8bd.svg")
}

.presentation-page__description__item:nth-child(2):before {
    background-image: url("../images/presentation-page_standart.3c104b8803a3.svg")
}

.presentation-page__description__item:nth-child(3):before {
    background-image: url("../images/presentation-page_info.062c4d77b86f.svg")
}

.c-list {
    display: block;
    padding-top: 38px;
    overflow: hidden
}

@media only screen and (max-width: 812px) {
    .c-list .realty-filter {
        max-height: 100000px;
        padding-bottom: 32px
    }
}

.c-list .realty-filter__item {
    margin-right: 55px;
    width: 285px
}

@media only screen and (max-width: 812px) {
    .c-list .realty-filter__item {
        margin-right: 0
    }
}

.c-list .realty-filter__slider {
    width: 100%
}

.c-list .realty-filter__slider-values input {
    width: 80px
}

.c-list .realty-filter__select {
    width: 100%
}

.c-list .realty-filter__submit {
    width: auto
}

.c-list .realty-filter__row.row-panel {
    margin-top: 0
}

.c-list__head {
    background-color: #fff
}

.c-list__title {
    margin-bottom: 42px;
    text-align: center
}

.c-list__body {
    min-height: 400px;
    background-color: #fafafa
}

@media only screen and (max-width: 812px) {
    .c-list__body {
        background-color: #efefef
    }
}

.c-list__container {
    padding-top: 40px;
    padding-bottom: 37px
}

.c-list__container-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.c-list__container-wrap.reloading {
    opacity: 0
}

.c-list__params {
    width: 100%;
    padding-top: 60px
}

.c-list__params-wrapp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.c-list__params-wrapp, .c-list__reset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-list__reset {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 84px;
    margin-left: auto;
    margin-right: 55px
}

@media only screen and (max-width: 812px) {
    .c-list__reset {
        width: auto;
        height: auto;
        margin: 0 auto
    }
}

.c-detail {
    display: block
}

.c-detail__plan {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 300px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    text-align: center;
    font-size: 18px;
    color: rgba(0, 0, 0, .5)
}

@media only screen and (max-width: 812px) {
    .c-detail__plan {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-detail__plan #numbers {
    display: none
}

.comcomplex-filter {
    margin-top: 52px
}

@media only screen and (max-width: 812px) {
    .comcomplex-filter {
        margin-top: 32px;
        padding-bottom: 20px
    }
}

.comcomplex-filter .c-list__reset {
    height: auto
}

.comcomplex-filter .realty-filter__slider-val {
    width: 80px
}

.comcomplex-filter .realty-filter__submit {
    width: auto
}

@media only screen and (max-width: 812px) {
    .comcomplex-filter .realty-filter__submit {
        -webkit-transform: none;
        transform: none;
        margin-top: 20px
    }
}

.comcomplex-filter__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 812px) {
    .comcomplex-filter__row {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.comcomplex-filter__row:not(:first-child) {
    margin-top: 52px
}

@media only screen and (max-width: 812px) {
    .comcomplex-filter__row:not(:first-child) {
        margin-top: 0
    }
}

.comcomplex-filter__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 26%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 812px) {
    .comcomplex-filter__item {
        width: 100%;
        margin-top: 22px
    }

    .comcomplex-filter__item.\--floor, .comcomplex-filter__item.\--price, .comcomplex-filter__item.\--rent, .comcomplex-filter__item.\--rent-rate, .comcomplex-filter__item.\--square {
        padding: 0 10px
    }
}

.comcomplex-filter__item._controls {
    padding-top: 22px
}

.commercial-card {
    position: relative;
    display: block;
    width: calc((100% - 48px) / 4);
    background-color: #fff;
    opacity: 0;
    margin-right: 16px;
    margin-bottom: 16px;
    z-index: 2
}

@media only screen and (max-width: 812px) {
    .commercial-card {
        min-height: 0;
        width: 100%;
        margin-right: 0
    }
}

.commercial-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
    pointer-events: none
}

.commercial-card:nth-child(4n) {
    margin-right: 0
}

.commercial-card.active {
    opacity: 1
}

.commercial-card.show-0 {
    -webkit-animation: show-card .3s ease .1s forwards;
    animation: show-card .3s ease .1s forwards
}

.commercial-card.show-1 {
    -webkit-animation: show-card .3s ease .2s forwards;
    animation: show-card .3s ease .2s forwards
}

.commercial-card.show-2 {
    -webkit-animation: show-card .3s ease .3s forwards;
    animation: show-card .3s ease .3s forwards
}

.commercial-card.show-3 {
    -webkit-animation: show-card .3s ease .4s forwards;
    animation: show-card .3s ease .4s forwards
}

.commercial-card.show-4 {
    -webkit-animation: show-card .3s ease .5s forwards;
    animation: show-card .3s ease .5s forwards
}

.commercial-card.show-5 {
    -webkit-animation: show-card .3s ease .6s forwards;
    animation: show-card .3s ease .6s forwards
}

.commercial-card.show-6 {
    -webkit-animation: show-card .3s ease .7s forwards;
    animation: show-card .3s ease .7s forwards
}

.commercial-card.show-7 {
    -webkit-animation: show-card .3s ease .8s forwards;
    animation: show-card .3s ease .8s forwards
}

.commercial-card:hover .flat-card__illustration > div:nth-child(2), .commercial-card:hover:after {
    opacity: 1
}

.commercial-card__illustration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 215px;
    margin: 10px 20px 0;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media only screen and (max-width: 812px) {
    .commercial-card__illustration {
        max-width: none
    }
}

.commercial-card__illustration #numbers {
    display: none
}

.commercial-card__illustration > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.commercial-card__illustration > div:nth-child(2) {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    will-change: opacity
}

.commercial-card__illustration-without-layout {
    background: url("../images/not-layout.50abfe13385f.svg") no-repeat 50%
}

.commercial-card__footer, .commercial-card__main {
    padding-left: 22px;
    padding-right: 22px
}

.commercial-card__main {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .05)
}

.commercial-card__body {
    padding-top: 20px
}

.commercial-card__body-item {
    padding-right: 20px
}

@media only screen and (max-width: 812px) {
    .commercial-card__body-item {
        margin-bottom: 16px
    }
}

.commercial-card__body-item:last-child {
    margin-bottom: 0
}

.commercial-card__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 27px
}

@media only screen and (max-width: 812px) {
    .commercial-card__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 16px
    }
}

.commercial-card__row:last-of-type {
    margin-bottom: 0
}

.commercial-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px
}

@media only screen and (max-width: 812px) {
    .commercial-card__footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 30px;
        padding-bottom: 20px;
        height: auto
    }
}

.commercial-card__footer-item.first {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding-right: 20px
}

.commercial-card__type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px
}

.commercial-card__type-count {
    margin-right: 12px;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background-color: #feca30;
    line-height: 37px;
    text-align: center
}

.commercial-card__subtitle {
    margin-bottom: 6px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    color: #525c66
}

.commercial-card__value {
    font-weight: 500;
    font-size: 16px;
    color: #000
}

.commercial-card__value span._sale {
    padding-left: 5px;
    font-size: 14px;
    color: hsla(0, 0%, 41%, .7)
}

.commercial-card__value span._sale sup {
    font-size: 75%
}

@media only screen and (max-width: 812px) {
    .commercial-card__value span._sale sup {
        font-size: 75%
    }
}

.commercial-card__complex {
    min-width: 154px;
    padding-right: 20px
}

@media only screen and (max-width: 812px) {
    .commercial-card__complex {
        width: 100%;
        min-width: 0;
        padding-right: 0;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 812px) {
    .commercial-card__complex:last-child {
        margin-bottom: 0
    }
}

.commercial-card__price {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

@media only screen and (max-width: 812px) {
    .commercial-card__price {
        color: #0d50a0
    }
}

.commercial-card__price.green {
    color: #219653
}

.com-i-filter {
    padding-top: 60px
}

@media only screen and (max-width: 812px) {
    .com-i-filter {
        padding-top: 24px
    }
}

.com-i-filter__wrapper {
    padding-left: 86px;
    padding-right: 86px
}

@media only screen and (max-width: 812px) {
    .com-i-filter__wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

.com-i-filter__title {
    position: relative;
    text-align: center;
    padding-bottom: 38px;
    margin-bottom: 43px
}

@media only screen and (max-width: 812px) {
    .com-i-filter__title {
        margin: 0 auto 33px;
        max-width: 288px;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 812px) {
    .com-i-filter__title .subtitle {
        font-size: 18px
    }
}

.com-i-filter__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 262px;
    height: 6px;
    background-color: #0d50a0
}

@media only screen and (max-width: 812px) {
    .com-i-filter__title:after {
        display: none
    }
}

.com-i-filter .subtitle {
    color: #0d50a0;
    font-weight: 300;
    margin-top: 18px
}

@media only screen and (max-width: 812px) {
    .com-i-filter .subtitle {
        margin-top: 8px
    }
}

.com-i-filter__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 26px
}

.com-i-filter__tabs-item {
    position: relative;
    margin-right: 5px;
    font-size: 18px;
    font-weight: 500;
    color: #0d50a0;
    border-radius: 40px;
    padding: 12px 0 12px 32px;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .com-i-filter__tabs-item {
        font-size: 13px;
        padding: 12px 18px
    }
}

.com-i-filter__tabs-item:after {
    content: "";
    position: absolute;
    left: 32px;
    bottom: 12px;
    height: 1px;
    width: calc(100% - 32px);
    background-color: #0d50a0;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media only screen and (max-width: 812px) {
    .com-i-filter__tabs-item:after {
        content: none
    }
}

.com-i-filter__tabs-item:last-child {
    margin-right: 0
}

.com-i-filter__tabs-item.active {
    background-color: #efefef;
    color: #000;
    padding: 12px 32px
}

.com-i-filter__tabs-item.active:after {
    opacity: 0
}

.com-i-filter__tabs-item span:first-child {
    display: block
}

@media only screen and (max-width: 812px) {
    .com-i-filter__tabs-item span:first-child {
        display: none
    }
}

.com-i-filter__tabs-item span:last-child {
    display: none
}

@media only screen and (max-width: 812px) {
    .com-i-filter__tabs-item span:last-child {
        display: block
    }
}

.com-i-filter__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 812px) {
    .com-i-filter__main {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.com-i-filter__filter {
    width: calc(50% - 32px)
}

@media only screen and (max-width: 812px) {
    .com-i-filter__filter {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .com-i-filter__filter .realty-filter {
        padding-bottom: 40px;
        max-height: none
    }
}

.com-i-filter__filter .realty-filter__row {
    margin-bottom: 52px
}

@media only screen and (max-width: 812px) {
    .com-i-filter__filter .realty-filter__row {
        margin-bottom: 0
    }

    .com-i-filter__filter .realty-filter__row.action {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.com-i-filter__filter .realty-filter__item {
    width: calc((100% - 60px) / 2)
}

.com-i-filter__filter .realty-filter__item.range {
    width: calc((100% - 100px) / 2)
}

@media only screen and (max-width: 812px) {
    .com-i-filter__filter .realty-filter__item.range {
        width: 100%
    }
}

.com-i-filter__filter .realty-filter__item.range:first-child {
    margin-left: 10px;
    margin-right: 80px
}

@media only screen and (max-width: 812px) {
    .com-i-filter__filter .realty-filter__item.range:first-child {
        margin: 0;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 812px) {
    .com-i-filter__filter .realty-filter__item {
        width: 100%
    }
}

.com-i-filter__filter .realty-filter__slider {
    width: 100%
}

.com-i-filter__filter .realty-filter__slider-val {
    width: 86px
}

.com-i-filter__filter .realty-filter__select {
    width: 100%
}

@media only screen and (max-width: 812px) {
    .com-i-filter__filter .realty-filter__select {
        width: 100%;
        margin: 0 auto
    }
}

.com-i-filter__filter .realty-filter__select.last {
    width: 190px
}

@media only screen and (max-width: 812px) {
    .com-i-filter__filter .realty-filter__reset {
        margin-bottom: 0
    }
}

.com-i-filter__filter .realty-filter__submit {
    margin-right: 50px;
    white-space: nowrap
}

@media only screen and (max-width: 812px) {
    .com-i-filter__filter .realty-filter__submit {
        margin: 0 auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.com-i-filter__buttons-option {
    padding: 10px 20px;
    color: #0d50a0;
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px;
    border-radius: 40px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    font-weight: 300
}

.com-i-filter__buttons-option span {
    display: block;
    max-width: 130px
}

.com-i-filter__buttons-option:first-of-type {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.com-i-filter__buttons-option.big, .com-i-filter__buttons-option.medium {
    font-weight: 500;
    background-color: #efefef;
    height: 50px
}

.com-i-filter__buttons-option.big:last-of-type, .com-i-filter__buttons-option.medium:last-of-type {
    margin-right: 0
}

.com-i-filter__buttons-option.big {
    padding: 14px 25px;
    margin-right: 9px;
    font-size: 18px
}

.com-i-filter__buttons-option.medium {
    margin-right: 13px;
    padding: 14px 20px;
    font-size: 15px;
    text-align: left
}

.com-i-filter__buttons-option.medium.image {
    padding: 8px 20px 8px 79px
}

.com-i-filter__buttons-option.image {
    position: relative;
    background-color: #f0f0f0;
    color: #000;
    margin-bottom: 20px
}

.com-i-filter__buttons-option.image:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 22px;
    width: 43px;
    height: 65px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    background-image: url("../images/test-complex-image.671fd2c4a5a9.png")
}

.com-i-filter__buttons-option.active {
    background-color: #feca30;
    color: #000
}

.com-i-filter__buttons-option.active.image:after {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.com-i-filter__buttons-option.active:hover {
    background-color: #feca30
}

.com-i-filter__buttons-option:hover {
    background-color: #f7db88;
    color: #000
}

.com-i-filter__buttons-option.disabled {
    opacity: .5;
    pointer-events: none
}

.com-i-filter__map {
    position: relative;
    width: calc(50% - 32px)
}

@media only screen and (max-width: 812px) {
    .com-i-filter__map {
        display: none
    }
}

.telemarket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 50px
}

.telemarket__breadcrumbs {
    margin: 0 auto 15px
}

.telemarket__sub-title, .telemarket__title {
    font-style: normal;
    font-weight: 500;
    font-size: 42px;
    line-height: 50px;
    text-align: center;
    color: #000;
    margin-bottom: 60px
}

@media only screen and (max-width: 812px) {
    .telemarket__sub-title, .telemarket__title {
        font-size: 24px;
        line-height: 29px;
        color: #0d0b0b;
        margin-bottom: 23px
    }
}

.telemarket__banner {
    display: block;
    height: 258px;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 40px
}

@media only screen and (max-width: 812px) {
    .telemarket__banner {
        height: 58px;
        margin-bottom: 20px
    }
}

.telemarket__video-player {
    margin-bottom: 92px
}

@media only screen and (max-width: 812px) {
    .telemarket__video-player {
        margin-bottom: 48px;
        border-radius: 4px
    }
}

.telemarket__video-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 90px
}

@media only screen and (max-width: 812px) {
    .telemarket__video-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 80px
    }
}

.telemarket__video {
    width: calc(100% / 2 - 18px);
    margin-right: 18px;
    margin-bottom: 44px
}

@media only screen and (max-width: 812px) {
    .telemarket__video {
        width: 100%;
        margin-right: 0;
        margin-bottom: 22px
    }
}

.telemarket__video:nth-child(2n) {
    margin-right: 0
}

@media only screen and (max-width: 812px) {
    .telemarket__video:last-child {
        margin-bottom: 0
    }
}

.telemarket__video-preview {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 388px;
    margin-bottom: 17px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

@media only screen and (max-width: 812px) {
    .telemarket__video-preview {
        height: 180px;
        margin-bottom: 11px;
        border-radius: 4px
    }
}

.telemarket__video-play-btn {
    position: relative;
    width: 36px;
    height: 36px;
    margin: auto 36px 36px auto;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .telemarket__video-play-btn {
        width: 22px;
        height: 22px;
        margin-right: 17px;
        margin-bottom: 17px
    }
}

.telemarket__video-play-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-22%, -50%);
    transform: translate(-22%, -50%);
    display: block;
    border: 8px solid transparent;
    border-left: 13px solid #333
}

@media only screen and (max-width: 812px) {
    .telemarket__video-play-btn:before {
        border-width: 5px;
        border-left-width: 6px;
        border-radius: 4px
    }
}

.telemarket__video-title {
    margin-bottom: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #000;
    opacity: .8
}

@media only screen and (max-width: 812px) {
    .telemarket__video-title {
        margin-bottom: 7px;
        font-size: 16px;
        line-height: 19px
    }
}

.telemarket__video-date {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 144%;
    color: rgba(51, 51, 51, .6)
}

@media only screen and (max-width: 812px) {
    .telemarket__video-date {
        font-size: 12px
    }
}

.index-video-modal {
    position: fixed;
    top: 236px;
    right: calc((100% - 1308px) / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 450px;
    height: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2)));
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    z-index: 10;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

@media only screen and (max-width: 812px) {
    .index-video-modal {
        right: auto;
        top: auto;
        bottom: 0;
        width: 100%;
        height: auto;
        border-radius: 4px 4px 0 0
    }
}

.index-video-modal:hover .index-video-modal__header {
    visibility: visible;
    opacity: .7;
    z-index: 1
}

@media only screen and (max-width: 812px) {
    .index-video-modal:hover .index-video-modal__header {
        opacity: 1
    }
}

.index-video-modal._resized {
    height: 51px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

@media only screen and (max-width: 812px) {
    .index-video-modal._resized {
        right: auto;
        top: auto;
        bottom: 0;
        height: auto;
        border-radius: 4px 4px 0 0
    }
}

.index-video-modal._resized .index-video-modal__header {
    opacity: 0;
    height: 0;
    visibility: hidden;
    z-index: -1
}

@media only screen and (max-width: 812px) {
    .index-video-modal._resized .index-video-modal__header {
        height: 14px;
        opacity: 1;
        visibility: visible;
        z-index: 0
    }
}

@media only screen and (max-width: 812px) {
    .index-video-modal._resized .index-video-modal__header:after {
        -webkit-transform: translate(-50%, -50%) rotateX(180deg);
        transform: translate(-50%, -50%) rotateX(180deg)
    }
}

@media only screen and (max-width: 812px) {
    .index-video-modal._resized .index-video-modal__resize {
        opacity: 0
    }
}

@media only screen and (max-width: 812px) {
    .index-video-modal._resized .index-video-modal__live {
        opacity: 0;
        z-index: -1;
        visibility: hidden
    }
}

.index-video-modal._resized .index-video-modal__content, .index-video-modal._resized .index-video-modal__content-play {
    opacity: 0;
    height: 0;
    visibility: hidden;
    z-index: -1
}

.index-video-modal._resized .index-video-modal__footer-ticker {
    -webkit-animation: none;
    animation: none;
    cursor: pointer
}

.index-video-modal._resized .index-video-modal__footer-ticker-block {
    width: 450px
}

@media only screen and (max-width: 812px) {
    .index-video-modal._resized .index-video-modal__footer-ticker-block {
        width: 100%
    }
}

.index-video-modal._resized .index-video-modal__footer-title {
    padding-left: 14px
}

.index-video-modal._resized .index-video-modal__footer-description {
    display: none
}

.index-video-modal._resized .index-video-modal__live--footer {
    display: block;
    height: 20px
}

@media only screen and (max-width: 812px) {
    .index-video-modal._resized .index-video-modal__live--footer {
        opacity: 1;
        z-index: 0;
        visibility: visible
    }
}

.index-video-modal__header {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    width: 100%;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #000;
    cursor: -webkit-grab;
    cursor: grab;
    font-size: 14px;
    line-height: 144%;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .6);
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

@media only screen and (max-width: 812px) {
    .index-video-modal__header {
        font-size: 14px;
        position: relative;
        opacity: 1;
        z-index: 0;
        height: 20px;
        visibility: visible;
        background-color: #662484;
        -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, .1);
        box-shadow: 0 4px 25px rgba(0, 0, 0, .1)
    }
}

@media only screen and (max-width: 812px) {
    .index-video-modal__header:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 0;
        -webkit-transform: translate(-50%, -50%) rotateX(0);
        transform: translate(-50%, -50%) rotateX(0);
        width: 20px;
        height: 5px;
        background-image: url("../images/resize-mobile-icon.b29300b68a04.svg")
    }
}

.index-video-modal__header:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.index-video-modal__live {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
    color: hsla(0, 0%, 100%, .8);
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.index-video-modal__live:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e6332a;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.index-video-modal__live--footer {
    display: none;
    position: relative;
    font-size: 14px;
    line-height: 144%;
    font-weight: 400;
    padding-left: 15px;
    color: hsla(0, 0%, 100%, .6)
}

.index-video-modal__live--footer:before {
    left: 3px
}

.index-video-modal__drag-area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: 400;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 812px) {
    .index-video-modal__drag-area {
        display: none
    }
}

.index-video-modal__drag-area:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 95px;
    display: block;
    width: 11px;
    height: 11px;
    background-image: url("../images/drag-icon.64bb4f66fa8d.svg");
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.index-video-modal__resize {
    position: relative;
    height: 100%;
    cursor: pointer;
    color: hsla(0, 0%, 100%, .6);
    padding-right: 16px;
    padding-left: 26px
}

@media only screen and (max-width: 812px) {
    .index-video-modal__resize {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: right;
        opacity: 1;
        z-index: 1;
        -webkit-transition: all .6s ease;
        transition: all .6s ease
    }
}

.index-video-modal__resize:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    display: block;
    width: 10px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 812px) {
    .index-video-modal__resize:after {
        left: auto;
        right: 86px
    }
}

.index-video-modal__content {
    position: relative;
    visibility: visible;
    opacity: 1;
    z-index: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    height: 253px
}

@media only screen and (max-width: 812px) {
    .index-video-modal__content {
        height: 209px
    }
}

.index-video-modal__content._active .index-video-modal__content-bg, .index-video-modal__content._active .index-video-modal__content-play {
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.index-video-modal__content._active .index-video-modal__video {
    opacity: 1;
    visibility: visible;
    z-index: 0
}

.index-video-modal__video {
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

@media only screen and (max-width: 812px) {
    .index-video-modal__video {
        width: 100%;
        height: 209px
    }
}

.index-video-modal__content-bg {
    position: absolute;
    visibility: visible;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

@media only screen and (max-width: 812px) {
    .index-video-modal__content-bg {
        height: 209px
    }
}

.index-video-modal__content-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    z-index: 0;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer
}

@media only screen and (max-width: 812px) {
    .index-video-modal__content-play {
        height: 36px;
        width: 36px
    }
}

.index-video-modal__content-play:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-22%, -50%);
    transform: translate(-22%, -50%);
    display: block;
    border: 10px solid transparent;
    border-left: 15px solid #333
}

@media only screen and (max-width: 812px) {
    .index-video-modal__content-play:before {
        border-width: 8px;
        border-left-width: 13px
    }
}

.index-video-modal__footer {
    position: relative;
    height: 51px;
    background-color: #662484;
    overflow: hidden
}

@media only screen and (max-width: 812px) {
    .index-video-modal__footer {
        min-height: 58px;
        height: auto;
        padding: 10px 0
    }
}

.index-video-modal__footer:hover .index-video-modal__footer-ticker {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.index-video-modal__footer-ticker {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-animation: ticker 10s linear infinite;
    animation: ticker 10s linear infinite
}

@media only screen and (max-width: 812px) {
    .index-video-modal__footer-ticker {
        width: 100%;
        -webkit-animation: none;
        animation: none
    }
}

.index-video-modal__footer-ticker-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: auto;
    height: 100%;
    padding-left: 17px;
    padding-right: 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

@media only screen and (max-width: 812px) {
    .index-video-modal__footer-ticker-block {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (max-width: 812px) {
    .index-video-modal__footer-ticker-block:not(:first-child) {
        display: none
    }
}

@media only screen and (max-width: 812px) {
    .index-video-modal__footer-wrapper {
        width: 64%
    }
}

.index-video-modal__footer-title {
    font-size: 20px;
    line-height: 19px;
    font-weight: 500;
    white-space: nowrap
}

@media only screen and (max-width: 812px) {
    .index-video-modal__footer-title {
        padding-right: 21px;
        white-space: normal
    }
}

.index-video-modal__footer-wrapper {
    margin-right: 30px
}

.index-video-modal__footer-description {
    font-size: 14px;
    line-height: 144%;
    font-weight: 300;
    color: hsla(0, 0%, 100%, .9);
    white-space: nowrap
}

@media only screen and (max-width: 812px) {
    .index-video-modal__footer-description {
        line-height: 110%;
        color: hsla(0, 0%, 100%, .8);
        white-space: normal
    }
}

.index-video-modal__footer-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 110px;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1px;
    background-color: #fff;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}

@media only screen and (max-width: 812px) {
    .index-video-modal__footer-link {
        width: 105px;
        height: 32px;
        font-size: 14px
    }
}

.index-video-modal__footer-link:hover {
    color: #0d50a0
}

@media only screen and (max-width: 812px) {
    .index-video-modal__footer-link:hover {
        color: rgba(0, 0, 0, .8)
    }
}

.modal-top {
    top: 80px
}

@media only screen and (max-width: 812px) {
    .modal-top {
        top: auto
    }
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-440px);
        transform: translateX(-440px)
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-440px);
        transform: translateX(-440px)
    }
}