body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

#overlay-preload {
    background: url(/59f2c0911c167cda0548dbc9ae45f2d5.svg) no-repeat -9999px -9999px
}

.load-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7) url(/59f2c0911c167cda0548dbc9ae45f2d5.svg) no-repeat 50%;
    display: none
}

.form-loading {
    position: relative
}

.form-loading .load-overlay {
    display: block
}

.fileuploader-input .fileuploader-input-button,
.fileuploader-input .fileuploader-input-caption,
.fileuploader-items .fileuploader-item .fileuploader-action i,
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar,
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar,
.fileuploader-items .fileuploader-item span.fileuploader-action-popup,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a i,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a span {
    -webkit-transition: .7s cubic-bezier(.17, .67, 0, 1.01);
    transition: .7s cubic-bezier(.17, .67, 0, 1.01)
}

.fileuploader-items .fileuploader-item,
.fileuploader-items .fileuploader-item .fileuploader-action,
.fileuploader-items .fileuploader-item .fileuploader-item-icon,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-popup,
.fileuploader-popup .fileuploader-popup-node {
    -webkit-animation: fileuploaderFadeIn .2s ease;
    animation: fileuploaderFadeIn .2s ease
}

.fileuploader-input .fileuploader-input-button,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success {
    display: inline-block;
    margin: 0;
    padding: 14px 22px;
    border: none;
    border-radius: 30px;
    outline: 0;
    font-weight: 700;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button {
    background: #e6ebf4;
    color: #90a0bc
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button:hover {
    background: #edf1f7;
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0)
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button:active {
    background: #dfe5f1;
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}

.fileuploader-input .fileuploader-input-button,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success {
    background: #9658fe;
    background: linear-gradient(135deg, #3a8ffe, #9658fe);
    background-size: 140% auto;
    background-position: 50%;
    color: #fff;
    -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, .04);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .04)
}

.fileuploader-input .fileuploader-input-button:hover,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success:hover {
    background-position: 0;
    -webkit-box-shadow: 0 8px 25px rgba(0, 0, 0, .15);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .15);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

.fileuploader-input .fileuploader-input-button:active,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success:active {
    background-position: 100%;
    -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 25px rgba(0, 0, 0, .15);
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0)
}

.fileuploader-input .fileuploader-main-icon:after,
.fileuploader-items .fileuploader-item .fileuploader-action i,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a i:after,
.fileuploader-popup .fileuploader-popup-move:after {
    font-family: font-fileuploader !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader,
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after,
.fileuploader-popup.loading:after {
    content: "";
    position: absolute;
    min-width: 24px;
    min-height: 24px;
    max-width: 48px;
    max-height: 48px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1IDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4My0xMC4zMTggMC0xOC42ODMgOC4zNjUtMTguNjgzIDE4LjY4M2g0LjA2OGMwLTguMDcxIDYuNTQzLTE0LjYxNSAxNC42MTUtMTQuNjE1czE0LjYxNSA2LjU0MyAxNC42MTUgMTQuNjE1aDQuMDY4eiI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlVHlwZT0ieG1sIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAyNSAyNSIgdG89IjM2MCAyNSAyNSIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD48L3N2Zz4=") no-repeat 50%;
    background-size: contain
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon i,
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after,
.fileuploader-popup .fileuploader-popup-move:after,
.fileuploader-popup.loading:after {
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.fileuploader-items .fileuploader-item .fileuploader-action,
.fileuploader-items .fileuploader-item .progress-bar2 span {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fileuploader-input .fileuploader-input-button,
.fileuploader-items .fileuploader-item .fileuploader-item-icon,
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar,
.fileuploader-popup .fileuploader-cropper,
.fileuploader-popup .fileuploader-cropper *,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a,
.fileuploader-popup .fileuploader-popup-move,
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fileuploader,
.fileuploader *,
.fileuploader-popup,
.fileuploader-popup *,
.fileuploader-popup :after,
.fileuploader-popup :before,
.fileuploader :after,
.fileuploader :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fileuploader {
    display: block;
    padding: 16px;
    margin: 16px 0;
    background: #fafbfd;
    border-radius: 6px;
    line-height: normal
}

.fileuploader-input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid transparent;
    border-radius: 30px;
    cursor: pointer
}

.fileuploader-input .fileuploader-input-caption {
    position: relative;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 13px 16px;
    margin-right: 16px;
    background: #fff;
    border: 1px solid #ebeef1;
    border-radius: 30px;
    color: #789bec;
    -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, .01);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .01);
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.fileuploader-focused .fileuploader-input .fileuploader-input-caption {
    border-color: #789bec
}

.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-height: 22px;
    margin-right: 6px
}

.fileuploader-input .fileuploader-main-icon {
    color: #789bec
}

.fileuploader-input .fileuploader-main-icon:after {
    content: "\E900"
}

.fileuploader-input.fileuploader-dragging {
    background: #fff;
    border: 1px dashed #ebeef1
}

.fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
    border-color: transparent
}

.fileuploader-input.fileuploader-dragging .fileuploader-input-button {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
}

.fileuploader-disabled .fileuploader-input {
    opacity: .7;
    cursor: default;
    pointer-events: none !important
}

.fileuploader-items .fileuploader-items-list {
    display: block;
    margin: 0 -16px;
    padding: 0;
    list-style: none
}

.fileuploader-items .fileuploader-item {
    position: relative;
    margin: 0;
    padding: 20px 16px 20px 22px;
    border-bottom: 1px solid #ebeef1;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.fileuploader-items .fileuploader-item:last-child {
    border-bottom: 0;
    margin-bottom: -16px
}

.fileuploader-items .fileuploader-item.upload-failed {
    background: rgba(254, 84, 111, .06)
}

.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after {
    position: absolute;
    left: -8px;
    top: -8px;
    width: 36px;
    height: 36px
}

.fileuploader-items .fileuploader-item .columns {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2
}

.fileuploader-items .fileuploader-item .column-thumbnail {
    position: relative;
    width: 36px;
    height: 36px
}

.fileuploader-items .fileuploader-item .column-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
    color: #74809d;
    overflow: hidden
}

.fileuploader-items .fileuploader-item .column-title a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #74809d;
    text-decoration: none
}

.fileuploader-items .fileuploader-item .column-title div {
    width: 100%;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.fileuploader-items .fileuploader-item .column-title span {
    font-size: 12px;
    color: #979fb8
}

.fileuploader-items .fileuploader-item .column-actions {
    margin: 0 16px
}

.fileuploader-items .fileuploader-item .fileuploader-item-image {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: #fff;
    overflow: hidden
}

.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {
    content: "";
    width: 50%;
    height: 50%
}

.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img {
    position: absolute;
    max-width: none;
    max-height: 100%
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 11px;
    background: #ddd;
    border-radius: 4px;
    cursor: default
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color {
    color: #888
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon i {
    position: absolute;
    display: block;
    width: 90%;
    font-style: normal;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap
}

.fileuploader-items .fileuploader-item span.fileuploader-action-popup {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43, 56, 71, .2);
    border-radius: 6px;
    cursor: pointer;
    opacity: 0
}

.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover {
    opacity: 1
}

.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active {
    background: rgba(43, 56, 71, .4)
}

.fileuploader-items .fileuploader-item .fileuploader-action {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #c0c6d2;
    cursor: pointer;
    vertical-align: top
}

.fileuploader-items .fileuploader-item .fileuploader-action + .fileuploader-action {
    margin-left: 16px
}

.fileuploader-items .fileuploader-item .fileuploader-action:hover {
    color: #789bec
}

.fileuploader-items .fileuploader-item .fileuploader-action:active {
    color: #668ee9
}

.fileuploader-items .fileuploader-item .fileuploader-action i {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i {
    color: #fff;
    font-size: 14px;
    background: #fe7676;
    -webkit-box-shadow: -1px 1px 6px rgba(254, 118, 118, .8);
    box-shadow: -1px 1px 6px rgba(254, 118, 118, .8);
    text-shadow: none
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:after {
    content: "\E908"
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:hover {
    background-color: #fe8a8a
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:active {
    background-color: #fe6262
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-download i:after {
    content: "\E902"
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-start i:after {
    content: "\E907"
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-sort i:after {
    content: "\E903"
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-edit i:after {
    content: "\E90C"
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-retry i:after,
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-rotate i:after {
    content: "\E904"
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-settings i:after {
    content: "\E905"
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-preview i:after {
    content: "\E90D"
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i {
    color: #fff;
    font-size: 14px;
    background: #43d084;
    -webkit-box-shadow: -1px 1px 6px rgba(67, 208, 132, .8);
    box-shadow: -1px 1px 6px rgba(67, 208, 132, .8);
    text-shadow: none
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:after {
    content: "\E90B"
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover {
    background: #fe7676;
    -webkit-box-shadow: -1px 1px 6px rgba(254, 118, 118, .8);
    box-shadow: -1px 1px 6px rgba(254, 118, 118, .8)
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover:after {
    content: "\E908"
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active {
    background-color: #fe6262
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active:after {
    content: "\E908"
}

.fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup {
    display: block
}

.fileuploader-items .fileuploader-item .fileuploader-progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    border-radius: 6px;
    overflow: hidden
}

.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 6px;
    background: #789bec
}

.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 0;
    background: rgba(104, 125, 219, .08)
}

.fileuploader-items .fileuploader-item .progress-bar2 span {
    position: absolute;
    right: 16px;
    color: rgba(151, 159, 184, .16);
    font-size: 48px
}

.fileuploader-items .fileuploader-item.sorting {
    background: #fafbfd;
    border-radius: 6px;
    opacity: .8;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    z-index: 799
}

.fileuploader-items .fileuploader-item.sorting,
.fileuploader-items .fileuploader-item.sorting .fileuploader-action,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img {
    -webkit-animation: none;
    animation: none
}

.fileuploader-items .fileuploader-sorter-placeholder {
    background: rgba(0, 0, 0, .03);
    margin: 0;
    padding: 0;
    -webkit-animation: none;
    animation: none
}

.fileuploader-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #191d1e;
    z-index: 1090;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.fileuploader-popup.loading:after {
    width: 48px;
    height: 48px;
    z-index: 8
}

.fileuploader-popup .fileuploader-popup-preview {
    position: relative;
    width: 100%;
    height: 100%;
    padding-right: 368px;
    overflow: auto;
    z-index: 2
}

.fileuploader-popup .fileuploader-popup-node {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    height: 100%;
    min-width: 20px;
    min-height: 20px;
    vertical-align: top;
    border-radius: 2px;
    padding: 34px 56px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fileuploader-popup .fileuploader-popup-node.astext > div,
.fileuploader-popup .fileuploader-popup-node.audio > audio,
.fileuploader-popup .fileuploader-popup-node.image > img,
.fileuploader-popup .fileuploader-popup-node.video > video {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    color: #47525d;
    background: #fafafa;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    border-radius: 2px
}

.fileuploader-popup .fileuploader-popup-node.audio audio {
    width: 450px
}

.fileuploader-popup .fileuploader-popup-node.astext div {
    max-width: 992px;
    padding: 20px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    overflow-y: auto;
    white-space: pre-wrap
}

.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMS0xaDU4MnY0MDJILTF6Ii8+PGc+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBkPSJNNDkgMTYuODQydjQyLjEwNUM0OSA2MS43MzggNDYuNzMgNjQgNDMuOTMxIDY0SDUuMDY5QzIuMjY5IDY0IDAgNjEuNzM4IDAgNTguOTQ3VjUuMDUzQzAgMi4yNjIgMi4yNjkgMCA1LjA2OSAwaDI3LjAzNEw0OSAxNi44NDJ6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBmaWxsPSIjZGZlYWVlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OSAxNS44OTl2Mi4wOTZIMzUuMTg3Yy0yLjg2IDAtNC4xNzktMi4zMi00LjE3OS01LjE4MVYwSDMzLjFMNDkgMTUuODk5eiIgY2xhc3M9ImNscy0zIi8+PC9nPjwvc3ZnPg==") no-repeat 50%;
    background-size: contain
}

.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div {
    position: absolute;
    bottom: 14px;
    left: 0;
    padding: 4px 6px;
    border-radius: 4px;
    color: #fff;
    max-width: 100%;
    word-wrap: break-word
}

.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color {
    color: #888
}

.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i {
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap
}

.fileuploader-popup .fileuploader-popup-content {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    display: inline-block;
    width: 368px;
    min-height: 100%;
    padding: 34px;
    text-align: left
}

.fileuploader-popup .fileuploader-popup-content ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.fileuploader-popup .fileuploader-popup-content ul li {
    display: block;
    margin: 0;
    padding: 0 0 16px;
    width: 100%
}

.fileuploader-popup .fileuploader-popup-content ul li span {
    display: block;
    color: #acacc4;
    font-size: 14px
}

.fileuploader-popup .fileuploader-popup-content ul li h5 {
    margin: 4px 0 0;
    color: #5b5b7b;
    font-size: 14px;
    font-weight: 700;
    word-wrap: break-word
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta {
    padding: 0 0 8px;
    margin: 0 0 8px;
    border-bottom: 1px solid #eaeaf0
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools {
    padding: 0;
    margin: 0 -16px
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li {
    display: inline-block;
    width: auto
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a {
    display: inline-block;
    padding: 16px;
    cursor: pointer;
    text-align: center;
    text-decoration: none
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a i {
    display: inline-block;
    font-size: 24px;
    margin-bottom: 6px;
    color: #5b5b7b
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a:hover i,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a:hover span {
    color: #789bec
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a[data-action=remove] i:after {
    content: "\E906"
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a[data-action=crop] i:after {
    content: "\E901"
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-tools li a[data-action=rotate-cw] i:after {
    content: "\E904"
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-buttons {
    margin: 16px 0
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button {
    padding: 14px 24px
}

.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button + .fileuploader-popup-button {
    margin-left: 20px
}

.fileuploader-popup .fileuploader-popup-move {
    position: absolute;
    display: none;
    width: 56px;
    height: 100%;
    font-size: 24px;
    bottom: 0;
    left: 0;
    color: #fff;
    opacity: .4;
    cursor: pointer;
    z-index: 2
}

.fileuploader-popup .fileuploader-popup-move:hover {
    opacity: 1
}

.fileuploader-popup .fileuploader-popup-move:after {
    position: absolute
}

.fileuploader-popup .fileuploader-popup-move[data-action=prev]:after {
    content: "\E909"
}

.fileuploader-popup .fileuploader-popup-move[data-action=next] {
    left: auto;
    right: 368px
}

.fileuploader-popup .fileuploader-popup-move[data-action=next]:after {
    content: "\E90A"
}

.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move {
    display: inline-block
}

.fileuploader-popup .fileuploader-cropper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 20, 27, .65);
    z-index: 9
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: 2
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
    content: "";
    position: absolute;
    border: 1px solid hsla(0, 0%, 98%, .8);
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
    top: 0;
    left: 50%;
    height: 100%;
    width: 34%;
    border-top: 0;
    border-bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after {
    top: 50%;
    left: 0;
    height: 34%;
    width: 100%;
    border-left: 0;
    border-right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after,
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before {
    opacity: 1
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point {
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 3
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
    box-shadow: 0 0 6px rgba(0, 0, 0, .4);
    border-radius: 50%
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a {
    top: -12px;
    left: -12px;
    cursor: nw-resize
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b {
    top: -12px;
    left: 50%;
    margin-left: -12px;
    cursor: n-resize
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c {
    top: -12px;
    right: -12px;
    cursor: ne-resize
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d {
    top: 50%;
    right: -12px;
    margin-top: -12px;
    cursor: w-resize
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e {
    bottom: -12px;
    right: -12px;
    cursor: nw-resize
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f {
    bottom: -12px;
    left: 50%;
    margin-left: -12px;
    cursor: s-resize
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g {
    bottom: -12px;
    left: -12px;
    cursor: sw-resize
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h {
    left: -12px;
    top: 50%;
    margin-top: -12px;
    cursor: w-resize
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move {
    position: absolute;
    width: 95%;
    height: 95%;
    z-index: 2;
    cursor: move
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info {
    position: absolute;
    bottom: -12px;
    left: 50%;
    color: #fff;
    font-family: sans-serif;
    line-height: 1;
    font-size: 12px;
    text-align: center;
    padding: 4px 8px;
    background: rgba(0, 0, 0, .6);
    border-radius: 14px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 2
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info {
    opacity: 1
}

@media (max-width:768px) {
    .fileuploader-popup .fileuploader-popup-preview {
        padding-right: 0
    }

    .fileuploader-popup .fileuploader-popup-move {
        height: 56px;
        font-size: 18px;
        top: 0;
        left: calc(50% - 56px)
    }

    .fileuploader-popup .fileuploader-popup-move[data-action=next] {
        right: auto;
        left: 50%
    }

    .fileuploader-popup .fileuploader-popup-content,
    .fileuploader-popup .fileuploader-popup-node {
        position: relative;
        display: block;
        width: 100%;
        max-width: none;
        min-height: 0;
        height: auto;
        text-align: center;
        margin: 0
    }

    .fileuploader-popup .fileuploader-popup-node {
        padding: 34px
    }

    .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node {
        padding-top: 90px
    }

    .fileuploader-popup .fileuploader-popup-node.audio {
        width: 100%;
        top: 0;
        -webkit-transform: none;
        transform: none
    }

    .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta {
        margin-top: 24px
    }

    .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta li {
        display: inline-block;
        width: auto;
        max-width: 100%;
        text-align: left;
        padding-right: 36px
    }

    .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-meta li:last-child {
        padding-right: 0
    }
}

@-webkit-keyframes fileuploaderFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fileuploaderFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.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
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/Montserrat-Light1de7f0493a20873dd93aea5625fb1b40.eot);
    src: local("../fonts/Montserrat/Montserrat Light"), local("../fonts/Montserrat/Montserrat-Light"), url(/fonts/Montserrat-Light1de7f0493a20873dd93aea5625fb1b40.eot?#iefix) format("embedded-opentype"), url(/fonts/Montserrat-Light4fff33ac95aaed9f68e1471c805558ec.woff) format("woff"), url(/fonts/Montserrat-Lightba044963492ff3ec7755d1117661a360.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/Montserrat-SemiBoldc139ffb2e2744925acd3c871f2c96ac0.eot);
    src: local("../fonts/Montserrat/Montserrat SemiBold"), local("../fonts/Montserrat/Montserrat-SemiBold"), url(/fonts/Montserrat-SemiBoldc139ffb2e2744925acd3c871f2c96ac0.eot?#iefix) format("embedded-opentype"), url(/fonts/Montserrat-SemiBold3d2d13853665147fb8c2353d61c077ce.woff) format("woff"), url(/fonts/Montserrat-SemiBoldaebf4fe19e37e3d508a8f6950f9378d1.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/Montserrat-Bolda361f0ccb74ec4738fc9cf06d4f8883c.eot);
    src: local("../fonts/Montserrat/Montserrat Bold"), local("../fonts/Montserrat/Montserrat-Bold"), url(/fonts/Montserrat-Bolda361f0ccb74ec4738fc9cf06d4f8883c.eot?#iefix) format("embedded-opentype"), url(/fonts/Montserrat-Bolda79b68fcda60ce8f337f51d3220ef2a5.woff) format("woff"), url(/fonts/Montserrat-Boldbf2c26d2b14e3fc3b9f065fb308866c8.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/Montserrat-Regular2dd0a1de870af34d48d43b7cad82b8d9.eot);
    src: local("../fonts/Montserrat/Montserrat Regular"), local("../fonts/Montserrat/Montserrat-Regular"), url(/fonts/Montserrat-Regular2dd0a1de870af34d48d43b7cad82b8d9.eot?#iefix) format("embedded-opentype"), url(/fonts/Montserrat-Regularde4a911e831ca01751ab001a54de34dd.woff) format("woff"), url(/fonts/Montserrat-Regular08a754d1d68f4671eab5e11ece77cd03.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/Montserrat-Mediumf7e77a493f9ba88c23ac9b85609fafc4.eot);
    src: local("../fonts/Montserrat/Montserrat Medium"), local("../fonts/Montserrat/Montserrat-Medium"), url(/fonts/Montserrat-Mediumf7e77a493f9ba88c23ac9b85609fafc4.eot?#iefix) format("embedded-opentype"), url(/fonts/Montserrat-Mediumd194e50992ca40d4752c6649f8684575.woff) format("woff"), url(/fonts/Montserrat-Medium41940db30d513f31c9adbf15f4a98a76.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/Montserrat-ExtraBold21edc00be8e452af37ebcd2073178cb0.eot);
    src: local("../fonts/Montserrat/Montserrat ExtraBold"), local("../fonts/Montserrat/Montserrat-ExtraBold"), url(/fonts/Montserrat-ExtraBold21edc00be8e452af37ebcd2073178cb0.eot?#iefix) format("embedded-opentype"), url(/fonts/Montserrat-ExtraBold28eef764f61e16cec1a528eaba86f491.woff) format("woff"), url(/fonts/Montserrat-ExtraBold2a3d13e3cafb3f088e5a4b3c9ff435cb.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: font-fileuploader;
    src: url(/fonts/font-fileuploader0ffa095357fb463e1500e9db6f7f3679.eot);
    src: url(/fonts/font-fileuploader0ffa095357fb463e1500e9db6f7f3679.eot#iefix) format("embedded-opentype"), url(/fonts/font-fileuploader99bf476e3f099519bde7906f2f24b54f.ttf) format("truetype"), url(/fonts/font-fileuploader2ad6ba3311fd7a4543d80e215ad5a776.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

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

a {
    text-decoration: none
}

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

.yellow {
    color: #ffc600
}

.gray {
    color: #434751
}

.white {
    color: #fff
}

.black-gray {
    color: #353535
}

.splinters:before {
    background-image: url(/src/img//splinters.png);
    width: 255px;
    height: 255px
}

.axe:after,
.splinters:before {
    content: "";
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat
}

.axe:after {
    background-image: url(/src/img//axe.png);
    width: 400px;
    height: 450px
}

.nails:after {
    background-image: url(/src/img//nails.png);
    border-radius: 50% 0 0 50%
}

.nails-hammer:after,
.nails:after {
    content: "";
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;
    height: 300px
}

.nails-hammer:after {
    background-image: url(/src/img//nails-hammer.jpg)
}

.roulette:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/src/img//roulette.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 460px;
    height: 528px
}

html {
    font-size: 16px;
    font-family: Montserrat
}

@media (max-width:480px) {
    html {
        font-size: 13px
    }
}

@media (max-width:992px) {
    html {
        font-size: 14px
    }
}

@media (max-width:1200px) {
    html {
        font-size: 15px
    }
}

@media (min-width:1500px) {
    html {
        font-size: 17px
    }
}

@media (min-width:1800px) {
    html {
        font-size: 18px
    }
}

h1.promo-title p {
    font-size: 4rem;
    color: #ffc600
}

h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #434751
}

h2.hidden {
    display: none
}

@media (max-width:1200px) {
    h2.hidden {
        display: block;
        margin-bottom: 50px;
        text-align: center;
        width: 90%
    }

    h2.hidden.proj {
        width: 100%
    }
}

@media (max-width:1200px) {
    h2.web {
        display: none
    }
}

h2.lh {
    line-height: 1.2
}

p {
    font-size: 16px;
    line-height: 1.625;
    color: #434751
}

.meeting p.number,
.price-house p.number,
.project p.number {
    font-size: 2rem;
    font-weight: 800;
    display: inline-block;
    margin-right: 14px;
    margin-top: 0
}

.mt65 {
    margin-top: 65px
}

.mt55 {
    margin-top: 55px
}

@media (max-width:600px) {
    .mt55 {
        margin-top: 20px
    }
}

.mt50 {
    margin-top: 50px
}

.mt35 {
    margin-top: 35px
}

.svg-hamburger {
    width: 40px;
    height: 40px;
    fill: #ffc600
}

@media (max-width:500px) {
    .svg-hamburger {
        width: 25px;
        height: 25px
    }
}

.svg-menu-exit {
    width: 25px;
    height: 25px;
    fill: #ffc600
}

.svg-placemarker {
    width: 24px;
    height: 24px;
    fill: #ffc600;
    margin-right: 10px
}

.svg-phone {
    width: 20px;
    height: 20px;
    fill: #ffc600
}

.svg-message {
    width: 21px;
    height: 21px;
    fill: #ffc600;
    margin-right: 13px
}

.svg-vk {
    width: 20px;
    height: 20px;
    fill: #fff
}

.svg-facebook {
    width: 18px;
    height: 18px;
    fill: #fff
}

.svg-youtube {
    width: 20px;
    height: 20px;
    fill: #fff
}

.svg-brigade,
.svg-house,
.svg-years {
    width: 45px;
    height: 45px;
    fill: #fff
}

@media (max-width:768px) {

    .svg-brigade,
    .svg-house,
    .svg-years {
        width: 35px;
        height: 35px
    }
}

.svg-tick {
    width: 20px;
    height: 20px;
    fill: #fff;
    margin-right: 14px
}

.project .svg-tick {
    fill: #ffc600
}

.check .svg-tick {
    fill: #434751;
    margin-left: 5px;
    width: 15px;
    height: 15px
}

.content-list .svg-tick {
    fill: #ffc600
}

.svg-car {
    width: 40px;
    height: 40px;
    fill: #434751
}

@media (max-width:500px) {
    .svg-car {
        width: 30px;
        height: 30px
    }
}

.svg-M {
    width: 40px;
    height: 40px;
    fill: #434751
}

@media (max-width:500px) {
    .svg-M {
        width: 30px;
        height: 30px
    }
}

p .svg-M {
    fill: #ff0200;
    margin-bottom: -10px;
    width: 35px;
    height: 35px
}

@media (max-width:500px) {
    p .svg-M {
        width: 25px;
        height: 25px;
        margin-bottom: -6px
    }
}

@-webkit-keyframes autofill {
    to {
        background: transparent
    }

    input,
    select {
        :-webkit-autofill {
            -webkit-animation-name: autofill;
            -webkit-animation-fill-mode: both
        }
    }
}

input[type=date]::-webkit-calendar-picker-indicator {
    background-color: #fff;
    color: #fff;
    width: 72%;
    height: 100%
}

input[type=date]::-webkit-inner-spin-button {
    display: none
}

.form-modal {
    max-width: 400px;
    margin: 0 auto;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ccc;
    border-radius: 10px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    display: none
}

.btn,
.form-modal {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn {
    max-width: 427px;
    height: 61px;
    margin-top: 70px;
    border: 0;
    background-color: #ffc600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

@media (max-width:768px) {
    .btn {
        margin: 30px auto 0
    }
}

.btn span {
    color: #fff;
    font-weight: 700;
    font-size: 18px
}

@media (max-width:768px) {
    .btn span {
        font-size: 14px
    }
}

.btn.white {
    background-color: #fff;
    height: 74px;
    max-width: 330px
}

@media (max-width:768px) {
    .btn.white {
        height: 62px;
        margin: 30px auto 0
    }
}

.btn.white span {
    color: #434751;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.btn.proj {
    max-width: 247px;
    margin-top: 50px
}

@media (max-width:768px) {
    .btn.proj {
        margin: 40px auto 0
    }
}

@media (max-width:500px) {
    .btn.proj {
        max-width: 208px
    }
}

.btn.gray {
    background-color: #434751;
    max-width: 224px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.btn.gray:hover {
    background-color: #ffc600
}

@media (max-width:500px) {
    .btn.gray {
        max-width: 210px;
        height: 54px
    }
}

.btn.form {
    margin-top: 30px
}

.btn.price {
    margin-top: 50px
}

.link {
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    border-bottom: 1px solid #ffc600
}

.link:hover {
    border-bottom: none
}

.video-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 106px;
    height: 106px;
    border-radius: 50%;
    background-color: rgba(67, 71, 81, .5);
    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;
    cursor: pointer;
    -webkit-transition: all .6s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .6s cubic-bezier(.68, -.55, .265, 1.55)
}

@media (max-width:768px) {
    .video-btn {
        width: 54px;
        height: 54px
    }
}

.video-btn:hover {
    background-color: rgba(67, 71, 81, 0)
}

.video-btn:hover:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.video-btn:hover:after {
    -webkit-transform: translateX(3px) scale(1.5);
    transform: translateX(3px) scale(1.5);
    border-radius: 2px
}

.video-btn:before {
    content: "";
    display: block;
    position: absolute;
    width: 82px;
    height: 82px;
    background-color: #ffc600;
    border-radius: 50%;
    -webkit-transition: all .6s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .6s cubic-bezier(.68, -.55, .265, 1.55)
}

.news-wrapper .video-btn:before {
    background-color: #fff
}

@media (max-width:768px) {
    .video-btn:before {
        width: 44px;
        height: 44px
    }
}

.video-btn:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 9px 0 9px 15px;
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
    -webkit-transition: all .6s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .6s cubic-bezier(.68, -.55, .265, 1.55)
}

.news-wrapper .video-btn:after {
    border-color: transparent transparent transparent #ffc600
}

@media (max-width:768px) {
    .video-btn:after {
        border-width: 6px 0 6px 10px
    }
}

.radibtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 480px;
    margin: 25px auto
}

@media (max-width:500px) {
    .radibtns {
        -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: 5px auto 15px
    }
}

.radibtns label {
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

@media (max-width:500px) {
    .radibtns label {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 40px
    }
}

.radibtns label:hover .radiobtn:after {
    background-color: rgba(255, 198, 0, .5)
}

.radibtns label .radiobtn {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    border-radius: 50%;
    border: 2px solid #434751;
    background-color: #fff;
    margin-right: 20px;
    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
}

.radibtns label .radiobtn:after {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #fff;
    border-radius: 50%;
    margin: auto;
    left: .5px;
    right: 0;
    top: 0;
    bottom: 0
}

.radibtns label span {
    color: #434751;
    font-size: 16px;
    font-weight: 700
}

@media (max-width:500px) {
    .radibtns label span {
        font-size: 14px
    }
}

.radibtns label input {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    outline: 0
}

.radibtns label input:checked + .radiobtn:after {
    background-color: #ffc600
}

.checkbox label {
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

@media (max-width:500px) {
    .checkbox label {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.checkbox label:hover .radiobtn:after {
    background-color: rgba(255, 198, 0, .5)
}

.checkbox label .checkboxbtn {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    border: 1px solid #ececec;
    background-color: #fff;
    margin-right: 10px;
    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
}

.checkbox label .checkboxbtn:after {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: auto;
    left: .5px;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: contain
}

.checkbox label span {
    color: #434751;
    font-size: 16px;
    font-weight: 700
}

@media (max-width:500px) {
    .checkbox label span {
        font-size: 14px
    }
}

.checkbox label input {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    outline: 0
}

.checkbox label input:checked + .checkboxbtn:after {
    background-image: url(/c2d4e5520baf0c4630ad52af342b7d94.svg)
}

.header-wrapper {
    display: none;
    position: relative
}

@media (max-width:900px) {
    .header-wrapper {
        display: block
    }
}

.hamburger {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    z-index: 3
}

@media (max-width:500px) {
    .hamburger {
        height: 25px;
        width: 25px;
        top: 20px
    }
}

.hamburger:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: rgba(0, 0, 0, .6);
    top: -10px;
    left: -10px;
    z-index: -1
}

.menu-wrapper {
    height: 100vh;
    width: 100%;
    max-width: 270px;
    position: fixed;
    top: 0;
    right: 0;
    background-image: url(/src/img//bg-menu.jpg);
    opacity: .98;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
    z-index: 3
}

.menu-wrapper.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.menu-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.menu-nav-link {
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.menu-exit {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    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
}

@media (max-width:500px) {
    .menu-exit {
        width: 15px;
        height: 25px;
        right: 25px
    }
}

.footer-wrapper {
    background-image: url(/src/img//bg-gray.jpg);
    background-size: contain
}

.footer {
    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;
    padding: 17px 0 19px
}

@media (max-width:1024px) {
    .footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-left {
    width: 100%;
    max-width: 810px
}

.footer-contacts {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1024px) {
    .footer-contacts {
        -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: 25px
    }
}

.footer-contacts__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1024px) {
    .footer-contacts__block {
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

.footer-contacts__block div {
    font-size: 16px;
    color: #434751;
    font-weight: 700
}

@media (max-width:1024px) {
    .footer-contacts__block div {
        margin-top: 10px
    }
}

@media (max-width:500px) {
    .footer-contacts__block div {
        font-size: 14px
    }
}

.footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-link {
    width: 43px;
    margin-left: 7px;
    height: 43px;
    background-color: #ffc600;
    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
}

.promo-wrapper {
    background-image: url(/src/img//bg-promo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 115px 0 140px
}

@media (max-width:1920px) {
    .promo-wrapper {
        background-size: auto
    }
}

@media (max-width:1024px) {
    .promo-wrapper {
        background-position: -240px 0
    }
}

@media (max-width:768px) {
    .promo-wrapper {
        padding: 115px 0 60px;
        background-size: cover
    }
}

@media (max-width:500px) {
    .promo-wrapper {
        padding: 60px 0 30px
    }
}

.promo-title {
    text-align: right;
    font-size: 4rem;
    color: #fff;
    font-weight: 800
}

@media (max-width:1024px) {
    .promo-title {
        font-size: 48px;
        text-align: center
    }
}

@media (max-width:768px) {
    .promo-title {
        text-align: left
    }
}

.promo-title br {
    display: none
}

@media (max-width:768px) {
    .promo-title br {
        display: block
    }
}

.nav {
    width: 100%;
    max-width: 580px;
    margin-right: 0;
    margin-left: auto;
    margin-top: 115px
}

@media (max-width:1024px) {
    .nav {
        margin-right: auto;
        margin-left: auto;
        padding-left: 60px
    }
}

@media (max-width:768px) {
    .nav {
        padding-left: 0;
        margin-left: 0;
        margin-top: 15px
    }
}

.nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    cursor: pointer
}

@media (max-width:500px) {
    .nav-link {
        margin-bottom: 13px;
        min-height: 55px
    }
}

.nav-link.active .nav-link-icon,
.nav-link:hover .nav-link-icon {
    background-color: #ffc600
}

.nav-link:not(:nth-child(4)) .nav-link-icon:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 35px;
    top: 100%;
    background-color: #ffc600
}

@media (max-width:500px) {
    .nav-link:not(:nth-child(4)) .nav-link-icon:after {
        height: 27px
    }
}

.nav-link-icon {
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    border: 2px solid #ffc600;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    background-color: transparent;
    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;
    margin-right: 23px;
    position: relative
}

@media (max-width:500px) {
    .nav-link-icon {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        margin-right: 10px
    }
}

.nav-link-icon i {
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

@media (max-width:500px) {
    .nav-link-icon i {
        font-size: 16px
    }
}

.nav-link-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (max-width:500px) {
    .nav-link-text {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
}

.nav-link__title {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase
}

@media (max-width:500px) {
    .nav-link__title {
        font-size: 14px
    }
}

.nav-link__info {
    color: #fff;
    font-weight: 200;
    font-size: 18px
}

@media (max-width:500px) {
    .nav-link__info {
        font-size: 14px
    }
}

.promo-wrapper.price {
    padding: 42px 0 128px
}

@media (max-width:1700px) {
    .promo-wrapper.price {
        background-position: -200px top
    }
}

@media (max-width:1800px) {
    .promo-wrapper.price {
        background-position: -100px top
    }
}

@media (max-width:768px) {
    .promo-wrapper.price {
        background-position: -330px top;
        background-size: 1300px
    }
}

@media (max-width:500px) {
    .promo-wrapper.price {
        padding: 15px 0 30px
    }
}

.container.price {
    position: relative
}

.promo-title-wrapper {
    width: 100%;
    max-width: 850px;
    margin-right: 0;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1200px) {
    .promo-title-wrapper {
        margin: 0 auto
    }
}

@media (max-width:768px) {
    .promo-title-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:500px) {

    .promo-title-wrapper h1,
    .promo-title-wrapper h1 p {
        font-size: 42px
    }
}

.promo-title-wrapper .nav-link-icon.active {
    background-color: #ffc600;
    margin-right: 27px;
    min-width: 64px;
    min-height: 64px
}

@media (max-width:768px) {
    .promo-title-wrapper .nav-link-icon.active {
        margin-bottom: 10px
    }
}

@media (max-width:500px) {
    .promo-title-wrapper .nav-link-icon.active {
        min-width: 44px;
        min-height: 44px
    }
}

.promo-title-wrapper .promo-title {
    text-align: left;
    width: 100%;
    max-width: 780px
}

@media (max-width:1024px) {
    .promo-title-wrapper .promo-title {
        font-size: 4rem
    }
}

@media (max-width:500px) {
    .promo-title-wrapper .promo-title {
        width: 100%;
        max-width: 330px;
        font-size: 42px
    }
}

.promo-title-wrapper .promo-title p {
    line-height: .9
}

.nav-header {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    bottom: -128px
}

@media (max-width:1200px) {
    .nav-header {
        right: 0;
        left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
	
    }
}

@media (max-width:900px) {
    .nav-header {
        display: none
    }
}

.nav-header2 {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
   	padding-bottom: 20px;
	background-color: #000;
}

@media (max-width:1200px) {
    .nav-header2 {
        right: 0;
        left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:900px) {
    .nav-header2 {
        display: none
    }
}

.nav-header-link {
    width: 171px;
    height: 72px;
    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: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    background-image: url(/src/img//bg-menu.jpg);
    margin: 0 2px;
    position: relative;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.nav-header-link.active:after,
.nav-header-link:hover:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #ffc600;
    bottom: 0
}

.promo-wrapper.meeting {
    padding: 0;
    background-size: cover
}

@media (max-width:1200px) {
    .promo-wrapper.meeting {
        background-size: auto;
        background-position: -490px top
    }
}

@media (max-width:768px) {
    .promo-wrapper.meeting {
        background-position: -330px top;
        background-size: 1300px
    }
}
@media (max-width:1200px) {
    .promo-wrapper.meeting2 {
        background-size: auto;
        background-position: -490px top
    }
}

@media (max-width:768px) {
    .promo-wrapper.meeting2 {
        background-position: -330px top;
        background-size: 1300px
    }
}

.promo-wrapper.meeting .container.meeting {
    position: relative
}

.promo-wrapper.meeting .promo-title-wrapper {
    height: 403px;
    margin-top: 40px
}

.promo-wrapper.meeting .nav-header {
    bottom: 0
}
.promo-wrapper.meeting2 .container.meeting {
    position: relative
}

.promo-wrapper.meeting2 .promo-title-wrapper {
    height: 503px;
    margin-top: 40px
}
/*
.promo-wrapper.meeting2 .nav-header {
  bottom: 0
}
*/
.acquaintance-wrapper {
    padding: 105px 0 135px;
    background-image: url(/src/img//bg-gray.jpg);
    position: relative
}

@media (max-width:768px) {
    .acquaintance-wrapper {
        padding: 75px 0 60px
    }
}

.acquaintance-wrapper.splinters:before {
    bottom: 100px;
    left: 0;
    z-index: 2
}

@media (max-width:1440px) {
    .acquaintance-wrapper.splinters:before {
        width: 180px;
        height: 170px;
        bottom: -90px
    }
}

@media (max-width:768px) {
    .acquaintance-wrapper.splinters:before {
        -webkit-transform: translateX(-70px);
        transform: translateX(-70px)
    }
}

.acquaintance-wrapper.axe:after {
    top: -120px;
    bottom: auto;
    right: 0;
    left: auto
}

@media (max-width:1440px) {
    .acquaintance-wrapper.axe:after {
        width: 250px;
        height: 300px
    }
}

@media (max-width:768px) {
    .acquaintance-wrapper.axe:after {
        width: 110px;
        height: 180px;
        background-size: cover;
        top: -80px
    }
}

.acquaintance {
    text-align: center
}

.acquaintance-text {
    line-height: 1.625;
    margin-top: 35px;
    margin-bottom: 35px
}

@media (max-width:768px) {
    .acquaintance-text br {
        display: none
    }
}

.acquaintance-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:768px) {
    .acquaintance-blocks {
        -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
    }
}

.acquaintance-block {
    width: 205px;
    height: 180px;
    border-radius: 10px;
    background-color: #696b70;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:768px) {
    .acquaintance-block {
        width: 150px;
        height: 130px
    }
}

.acquaintance-block:not(:last-child) {
    margin-right: 15px
}

@media (max-width:768px) {
    .acquaintance-block:not(:last-child) {
        margin-bottom: 15px;
        margin-right: 0
    }
}

.acquaintance-block__count {
    font-size: 48px;
    font-weight: 700;
    margin: 10px 0
}

@media (max-width:768px) {
    .acquaintance-block__count {
        font-size: 35px
    }
}

.acquaintance-block__info {
    color: #fff;
    font-size: 16px
}

@media (max-width:768px) {
    .acquaintance-block__info {
        font-size: 12px
    }
}

.price-house-wrapper {
    padding: 125px 0 180px;
    background-color: #fff;
    position: relative
}

@media (max-width:1200px) {
    .price-house-wrapper {
        padding: 60px 0
    }
}

.price-house-wrapper.nails:after {
    right: 0;
    bottom: 150px
}

@media (max-width:1830px) {
    .price-house-wrapper.nails:after {
        bottom: 0
    }
}

@media (max-width:1500px) {
    .price-house-wrapper.nails:after {
        bottom: 0;
        width: 180px;
        height: 240px
    }
}

@media (max-width:900px) {
    .price-house-wrapper.nails:after {
        display: none
    }
}

.price-house {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1200px) {
    .price-house {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .price-house-info {
        width: 70%
    }
}

@media (max-width:1024px) {
    .price-house-info {
        width: 90%
    }
}

@media (max-width:768px) {
    .price-house-info {
        width: 100%
    }
}

.price-house-img {
    display: block
}

.price-house-img img {
    margin-right: -120px;
    margin-top: -20px
}

@media (max-width:1500px) {
    .price-house-img img {
        margin-right: 0
    }
}

@media (max-width:768px) {
    .price-house-img img {
        margin-bottom: -30px;
        width: 100%;
        max-width: 320px
    }
}

.price-house p {
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.625
}

@media (max-width:768px) {
    .price-house p {
        font-size: 14px
    }
}

.price-house p:nth-child(4) {
    margin-top: 40px
}

.blockquote {
    margin-top: 45px;
    font-weight: 500;
    font-size: 20px;
    padding-left: 45px;
    position: relative;
    line-height: 1.65
}

@media (max-width:768px) {
    .blockquote {
        padding-right: 40px;
        font-size: 18px
    }
}

.blockquote:before {
    position: absolute;
    content: "\201C";
    font-weight: 700;
    font-size: 70px;
    top: -32px;
    left: 0;
    color: #ffc600
}

@media (max-width:768px) {
    .blockquote:before {
        font-size: 60px
    }
}

.blockquote:after {
    position: absolute;
    content: "\201D";
    font-weight: 700;
    font-size: 70px;
    color: #ffc600;
    margin-left: 10px;
    top: 15px
}

@media (max-width:768px) {
    .blockquote:after {
        font-size: 60px
    }
}

.meeting-wrapper {
    padding: 108px 0 109px;
    background-image: url(/src/img//bg-meeting-wrapper.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2
}

@media (max-width:1200px) {
    .meeting-wrapper {
        padding: 50px 0 30px
    }
}

@media (max-width:800px) {
    .meeting-wrapper {
        overflow: hidden
    }
}

.meeting {
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1500px) {
    .meeting {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:1200px) {
    .meeting {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.meeting-info {
    background-image: url(/src/img//bg-meeting.png);
    background-size: contain;
    width: 100%;
    max-width: 674px;
    height: 484px;
    position: relative;
    padding: 100px 60px;
    margin-left: -40px;
    margin-right: 107px
}

@media (max-width:1500px) {
    .meeting-info {
        margin: 0
    }
}

@media (max-width:1200px) {
    .meeting-info {
        margin-bottom: 60px
    }
}

@media (max-width:768px) {
    .meeting-info {
        max-width: none;
        width: calc(100% + 30px)
    }
}

@media (max-width:600px) {
    .meeting-info {
        padding: 50px 15px;
        height: auto
    }
}

@media (max-width:500px) {
    .meeting-info p {
        font-size: 14px
    }
}

.meeting-info h2 br {
    display: none
}

@media (max-width:500px) {
    .meeting-info h2 br {
        display: block
    }
}

.meeting-info:before {
    top: -25px;
    right: -19px;
    left: auto;
    z-index: -1;
    width: calc(100% + 38px);
    height: calc(100% + 50px);
    background-image: url(/src/img//bg-meeting-black.png)
}

.meeting-info:after,
.meeting-info:before {
    content: "";
    display: block;
    position: absolute;
    bottom: auto
}

.meeting-info:after {
    top: 10px;
    right: auto;
    left: -90px;
    z-index: -2;
    width: calc(100% + 150px);
    height: calc(100% + 40px);
    background-image: url(/src/img//bg-meeting-spot-yellow.png);
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width:768px) {
    .meeting-info:after {
        width: 862px;
        bottom: -30px;
        top: auto;
        left: -90px;
        height: 440px
    }
}

@media (max-width:500px) {
    .meeting-info:after {
        height: 400px;
        left: -230px
    }
}

.meeting-info-list {
    margin-top: 35px;
    margin-bottom: 50px;
    padding-left: 20px
}

.meeting-info__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 17px
}

.meeting-info__row li {
    color: #434751;
    font-size: 16px;
    font-weight: 700
}

@media (max-width:500px) {
    .meeting-info__row li {
        font-size: 14px
    }
}

.meeting-record {
    width: 100%;
    max-width: 370px
}

.meeting-record__title {
    font-size: 48px;
    font-weight: 800;
    color: #fff;
    text-shadow: 1.06px 1.696px 0 #000
}

@media (max-width:768px) {
    .meeting-record__title {
        font-size: 32px;
        text-align: center
    }
}

.meeting-wrapper.price {
    background-color: #fff;
    background-image: none
}

.meeting-wrapper.price .meeting-record__title {
    color: #434751;
    text-shadow: none;
    text-transform: uppercase
}

.meeting-wrapper.price .btn.white {
    background-color: #434751;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.meeting-wrapper.price .btn.white:hover {
    background-color: #ffc600
}

.meeting-wrapper.price .btn.white span {
    color: #fff
}

.meeting-wrapper.price .meeting-info:before {
    opacity: .3
}

.meeting-wrapper.price .meeting-info:after {
    background-image: url(/src/img//bg-meeting-spot-gray.png);
    top: -23px
}

@media (max-width:768px) {
    .meeting-wrapper.price .meeting-info:after {
        left: 50%;
        right: 0;
        -webkit-transform: translateX(-35%);
        transform: translateX(-35%)
    }
}

.project-wrapper {
    padding: 100px 0 80px;
    background-image: url(/src/img//bg-gray.jpg);
    min-height: 734px;
    position: relative
}

@media (max-width:768px) {
    .project-wrapper {
        padding: 70px 0 50px;
        min-height: auto
    }
}

.project-wrapper.splinters:before {
    right: 0;
    z-index: 2;
    top: -130px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:1440px) {
    .project-wrapper.splinters:before {
        width: 180px;
        height: 170px;
        top: -80px
    }
}

@media (max-width:768px) {
    .project-wrapper.splinters:before {
        width: 80px;
        height: 80px;
        background-size: cover;
        background-image: url(/src/img//splinters-mobil.png);
        -webkit-transform: none;
        transform: none;
        top: -20px
    }
}

.project {
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 555px
}

@media (max-width:1200px) {
    .project {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }
}

@media (max-width:500px) {
    .project p {
        font-size: 14px
    }
}

.project-left {
    position: absolute;
    top: 0;
    left: -330px
}

@media (max-width:1200px) {
    .project-left {
        position: unset
    }

    .project-left img {
        width: 100%
    }
}

@media (max-width:500px) {
    .project-left {
        width: calc(100% + 30px)
    }
}

.project-right {
    width: 100%;
    max-width: 580px;
    margin-left: auto;
    margin-right: 0
}

@media (max-width:1200px) {
    .project-right {
        max-width: 890px;
        margin: 0 auto
    }
}

#projectpage.project-wrapper {
    background-image: none;
    background-color: #fff;
    min-height: 615px
}

@media (max-width:1200px) {
    #projectpage.project-wrapper {
        min-height: 734px
    }
}

@media (max-width:500px) {
    #projectpage.project-wrapper {
        padding: 0 0 50px
    }
}

#projectpage.project-wrapper .project {
    height: 435px
}

@media (max-width:1200px) {
    #projectpage.project-wrapper .project {
        height: auto
    }
}

@media (max-width:1200px) {
    #projectpage.project-wrapper h2 {
        margin-top: 35px
    }
}

@media (max-width:500px) {
    #projectpage.project-wrapper h2 {
        line-height: 1;
        font-size: 21px
    }
}

#projectpage.project-wrapper h2 .yellow {
    display: inline;
    margin-left: 5px
}

@media (max-width:500px) {
    #projectpage.project-wrapper h2 .yellow {
        line-height: 1;
        font-size: 21px
    }
}

#projectpage.project-wrapper .mt35 {
    margin-top: 20px
}

#projectpage.project-wrapper .project-right {
    margin-top: 0;
    margin-bottom: auto
}

#projectpage.project-wrapper .project-left {
    width: 100%;
    max-width: 905px;
    height: 647px;
    left: -375px;
    top: -135px
}

@media (max-width:1200px) {
    #projectpage.project-wrapper .project-left {
        width: auto;
        max-width: none;
        height: auto
    }
}

@media (max-width:500px) {
    #projectpage.project-wrapper .project-left {
        width: calc(100% + 30px)
    }
}

#projectpage.project-wrapper .project-left img {
    width: 100%;
    height: 100%
}

@media (max-width:1700px) {
    #projectpage.project-wrapper .project-left img {
        -o-object-position: 120px;
        object-position: 120px
    }
}

@media (max-width:1600px) {
    #projectpage.project-wrapper .project-left img {
        -o-object-position: 150px;
        object-position: 150px
    }
}

@media (max-width:1500px) {
    #projectpage.project-wrapper .project-left img {
        -o-object-position: 180px;
        object-position: 180px
    }
}

@media (max-width:1400px) {
    #projectpage.project-wrapper .project-left img {
        -o-object-position: 250px;
        object-position: 250px
    }
}

@media (max-width:1300px) {
    #projectpage.project-wrapper .project-left img {
        -o-object-position: 280px;
        object-position: 280px
    }
}

@media (max-width:1200px) {
    #projectpage.project-wrapper .project-left img {
        -o-object-position: 0 0;
        object-position: 0 0
    }
}

#choose {
    background-image: none;
    background-color: #fcfcfc;
    padding: 115px 0 120px;
    min-height: auto
}

@media (max-width:1200px) {
    #choose {
        overflow-x: unset
    }
}

@media (max-width:768px) {
    #choose {
        padding: 60px 0 0
    }
}

#choose.nails-hammer:after {
    bottom: 115px
}

@media (max-width:1600px) {
    #choose.nails-hammer:after {
        width: 120px
    }
}

@media (max-width:1440px) {
    #choose.nails-hammer:after {
        display: none
    }
}

#choose .project {
    height: 455px
}

@media (max-width:1200px) {
    #choose .project {
        height: auto
    }
}

#choose .project-left {
    position: absolute;
    top: -130px;
    right: -180px;
    left: auto
}

@media (max-width:1550px) {
    #choose .project-left {
        position: unset
    }

    #choose .project-left img {
        width: 100%
    }
}

@media (max-width:768px) {
    #choose .project-left {
        margin-top: 30px
    }
}

@media (max-width:500px) {
    #choose .project-left {
        width: calc(100% + 30px)
    }
}

#choose .project-right {
    width: 100%;
    max-width: 580px;
    margin-left: 0;
    margin-right: auto
}

@media (max-width:1200px) {
    #choose .project-right {
        max-width: 890px;
        margin: 0 auto
    }
}

#recommendations {
    padding: 130px 0 140px;
    background-color: #fff;
    background-image: none
}

@media (max-width:768px) {
    #recommendations {
        padding: 60px 0
    }
}

#recommendations.roulette:after {
    bottom: 0;
    right: 0
}

@media (max-width:1550px) {
    #recommendations.roulette:after {
        width: 300px;
        height: 340px
    }
}

@media (max-width:1200px) {
    #recommendations.roulette:after {
        display: none
    }
}

#recommendations .project {
    height: auto
}

#recommendations .project h2 {
    line-height: 1.389
}

@media (max-width:500px) {
    #recommendations .project h2 {
        text-align: left;
        margin-bottom: -30px
    }
}

#recommendations .project-left {
    top: auto
}

@media (max-width:1200px) {
    #recommendations .project-left {
        width: 70%;
        margin-right: 50px
    }
}

@media (max-width:768px) {
    #recommendations .project-left {
        width: 100%
    }
}

@media (max-width:500px) {
    #recommendations .project-left {
        margin-right: 0;
        width: calc(100% + 30px);
        margin-left: -30px;
        margin-bottom: -30px
    }
}

.form-recommend {
    margin-top: 35px;
    min-height: 226px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:768px) {
    .form-recommend {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.form-recommend input {
    height: 56px;
    width: 100%;
    max-width: 435px;
    border: 1px solid #ececec;
    background-repeat: no-repeat;
    background-position: 18px;
    background-size: 20px;
    margin-bottom: 11px;
    padding-left: 58px;
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.form-recommend input[name=name] {
    background-image: url(/40909f83a5f84b2996d5bab0a62f5172.svg)
}

.form-recommend input[name=email] {
    background-image: url(/505a206a5c77ac5b32f8cd3cedfc6502.svg)
}

.form-recommend input::-webkit-input-placeholder {
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.form-recommend input:-ms-input-placeholder {
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.form-recommend input::-ms-input-placeholder {
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.form-recommend input::placeholder {
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.news-wrapper {
    padding: 53px 0;
    background-image: url(/src/img//bg-gray2.jpg);
    background-size: cover
}

@media (max-width:768px) {
    .news-wrapper {
        padding: 25px 0 85px
    }
}

.news-wrapper .video-btn {
    background-color: rgba(67, 71, 81, 0)
}

.news-wrapper .video-btn:before {
    width: 62px;
    height: 62px
}

@media (max-width:500px) {
    .news-wrapper .video-btn:before {
        width: 36px;
        height: 36px
    }
}

@media (max-width:500px) {
    .news-wrapper .video-btn:after {
        border-width: 5px 0 5px 9px;
        -webkit-transform: translate(2px);
        transform: translate(2px)
    }
}

.news-wrapper .video-btn:hover:after {
    -webkit-transform: translateX(2px) scale(1.3);
    transform: translateX(2px) scale(1.3)
}

.news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px
}

@media (max-width:768px) {
    .news {
        margin: 0
    }
}

@media (max-width:1200px) {
    .news {
        -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
    }
}

.news-list {
    height: 100%
}

.news-list li {
    height: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.news-list li a {
    color: #fff
}

.news-list li:hover a {
    color: #ffc600
}

.news-list li:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 100%;
    border-bottom: 1px dotted #7f7f7f
}

.news-block {
    width: calc(50% - 10px);
    height: 208px;
    margin: 5px;
    position: relative
}

@media (max-width:1200px) {
    .news-block {
        width: 100%;
        max-width: 476px
    }

    .news-block:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .news-block:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .news-block:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .news-block:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media (max-width:500px) {
    .news-block {
        height: auto;
        margin: 5px 0
    }

    .news-block:first-child {
        height: 150px;
        margin-bottom: 70px
    }
}

@media (max-width:500px) and (max-width:400px) {
    .news-block:first-child {
        height: 108px
    }
}

@media (max-width:500px) {
    .news-block:nth-child(3) ul li {
        padding: 14px 0;
        line-height: 1.5
    }

    .news-block:nth-child(4) {
        height: 150px
    }
}

@media (max-width:500px) and (max-width:400px) {
    .news-block:nth-child(4) {
        height: 108px
    }
}

.news-block.videos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:500px) {
    .news-block.videos {
        height: 150px
    }
}

@media (max-width:400px) {
    .news-block.videos {
        height: 108px
    }
}

.news-block__video {
    width: calc(50% - 5px);
    position: relative
}

.news-block__video:first-child {
    margin-right: 10px
}

.news-block img {
    width: 100%;
    height: 100%;
    -o-object-fit: none;
    object-fit: none
}

.news-block:first-child img {
    -o-object-position: left -140px;
    object-position: left -140px
}

@media (max-width:500px) {
    .news-block:first-child img {
        -o-object-position: center;
        object-position: center;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width:500px) {
    .news-block:nth-child(4) img {
        -o-object-position: left -140px;
        object-position: left -140px;
        -o-object-position: center;
        object-position: center;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.news-block:first-child:after {
    position: absolute;
    content: "\41D\43E\432\43E\441\442\438   \441\43E   \441\442\440\43E\435\43A";
    padding: 0 17px;
    min-height: 61px;
    background-color: #ffc600;
    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;
    bottom: 0;
    left: 0;
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

@media (max-width:500px) {
    .news-block:first-child:after {
        width: calc(100% - 34px);
        bottom: auto;
        top: 100%;
        font-size: 18px;
        min-height: 52px
    }
}

.news-block:nth-child(4):after {
    position: absolute;
    content: "\421\43C\43E\442\440\438\442\435   \43D\430\441   \432   Youtube";
    padding: 0 27px 0 42px;
    height: 61px;
    background-color: #f81b1a;
    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;
    bottom: 0;
    top: auto;
    right: 0;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    background-image: url(/src/img//triangle-news.png);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: 25px
}

@media (max-width:500px) {
    .news-block:nth-child(4):after {
        width: calc(100% - 40px);
        padding: 0 0 0 40px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        bottom: auto;
        top: 95%;
        font-size: 18px;
        height: 52px
    }
}

.blockqoute-wrapper {
    padding: 82px 0 76px;
    background-color: #fff;
    position: relative
}

.blockqoute-wrapper.splinters:before {
    left: auto;
    right: 0;
    top: -90px;
    background-image: url(/src/img//splinters3.png)
}

@media (max-width:1700px) {
    .blockqoute-wrapper.splinters:before {
        width: 200px;
        top: 0
    }
}

@media (max-width:1400px) {
    .blockqoute-wrapper.splinters:before {
        background-image: url(/src/img//splinters-mobil.png);
        width: 100px
    }
}

@media (max-width:1200px) {
    .blockqoute-wrapper.splinters:before {
        top: -30px
    }
}

@media (max-width:500px) {
    .blockqoute-wrapper.splinters:before {
        width: 70px
    }
}

@media (max-width:500px) {
    .blockqoute-wrapper {
        padding: 35px 0
    }
}

.blocklquote-big {
    display: block;
    width: 100%;
    max-width: 754px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.778rem;
    font-weight: 800;
    line-height: 1.313;
    color: #434751;
    padding-left: 0
}

@media (max-width:1024px) {
    .blocklquote-big {
        max-width: 520px
    }

    .blocklquote-big br {
        display: none
    }
}

@media (max-width:768px) {
    .blocklquote-big {
        padding-right: 0;
        max-width: 400px
    }
}

@media (max-width:500px) {
    .blocklquote-big {
        max-width: 200px;
        font-size: 21px
    }
}

.blocklquote-big:before {
    left: -80px;
    right: auto;
    bottom: auto;
    top: -40px;
    font-size: 6.1rem
}

@media (max-width:1600px) {
    .blocklquote-big:before {
        left: -50px
    }
}

@media (max-width:1500px) {
    .blocklquote-big:before {
        left: -30px;
        top: -30px
    }
}

@media (max-width:1200px) {
    .blocklquote-big:before {
        left: 0;
        top: -30px
    }
}

@media (max-width:1024px) {
    .blocklquote-big:before {
        left: -30px
    }
}

@media (max-width:768px) {
    .blocklquote-big:before {
        left: -20px
    }
}

@media (max-width:500px) {
    .blocklquote-big:before {
        left: -30px;
        font-size: 70px;
        top: -25px
    }
}

.blocklquote-big:after {
    right: -80px;
    left: auto;
    bottom: -100px;
    top: auto;
    font-size: 6.1rem
}

@media (max-width:1600px) {
    .blocklquote-big:after {
        right: -50px
    }
}

@media (max-width:1500px) {
    .blocklquote-big:after {
        right: -30px;
        bottom: -80px
    }
}

@media (max-width:1200px) {
    .blocklquote-big:after {
        right: 0;
        bottom: -80px
    }
}

@media (max-width:768px) {
    .blocklquote-big:after {
        right: -20px
    }
}

@media (max-width:500px) {
    .blocklquote-big:after {
        right: -10px;
        font-size: 70px;
        bottom: -55px
    }
}

.price-info-wrapper {
    padding-top: 110px;
    background-image: url(/src/img//bg-gray.jpg)
}

@media (max-width:500px) {
    .price-info-wrapper {
        padding-top: 45px
    }
}

.price-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1200px) {
    .price-info {
        -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
    }
}

.price-info-text {
    width: calc(50% - 15px);
    color: #434751;
    font-size: 16px;
    line-height: 1.625
}

@media (max-width:1200px) {
    .price-info-text {
        width: 70%
    }
}

@media (max-width:768px) {
    .price-info-text {
        width: 100%
    }
}

.price-info-text p {
    font-size: 16px
}

.price-info-text p.yellow {
    font-weight: 700;
    display: inline-block;
    margin-right: 5px
}

.price-info-text-question {
    background-image: url(/src/img//bg-meeting.png);
    padding: 42px 48px 45px 51px;
    margin-top: 35px;
    position: relative;
    overflow: hidden
}

@media (max-width:500px) {
    .price-info-text-question {
        padding: 45px 15px
    }
}

@media (max-width:768px) {
    .price-info-text-question {
        width: calc(100% + 30px);
        margin-left: -15px
    }
}

.price-info-text-question:after {
    content: "";
    display: block;
    position: absolute;
    width: 450px;
    height: 450px;
    background-image: url(/src/img//question.png);
    opacity: .8;
    background-repeat: no-repeat;
    background-size: cover;
    top: -260px;
    right: -280px
}

@media (max-width:768px) {
    .price-info-text-question:after {
        width: 250px;
        height: 250px;
        top: -150px;
        right: -150px
    }
}

.price-info-text-question h2 {
    margin-bottom: 20px;
    line-height: 1;
    font-size: 2.667rem
}

@media (max-width:500px) {
    .price-info-text-question h2 {
        font-size: 28px;
        text-align: center;
        width: 70%;
        margin: 0 auto 20px
    }
}

.customer-wrapper {
    padding-bottom: 130px;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

@media (max-width:500px) {
    .customer-wrapper {
        padding-bottom: 50px
    }
}

.customer-wrapper.nails.nails2:after {
    background-image: url(/src/img//nails2.png);
    border-radius: 0;
    bottom: auto;
    top: 240px
}

@media (max-width:1600px) {
    .customer-wrapper.nails.nails2:after {
        top: -40px;
        left: -20px;
        width: 150px;
        height: 300px
    }
}

@media (max-width:1440px) {
    .customer-wrapper.nails.nails2:after {
        display: none
    }
}

.customer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1200px) {
    .customer {
        -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
    }
}

.customer-block {
    width: calc(50% - 20px)
}

@media (max-width:1200px) {
    .customer-block {
        width: 70%
    }

    .customer-block:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (max-width:768px) {
    .customer-block {
        width: 100%
    }
}

.customer-block h2 {
    margin-top: 125px;
    margin-bottom: 50px
}

@media (max-width:1200px) {
    .customer-block h2 {
        text-align: center
    }
}

@media (max-width:500px) {
    .customer-block h2 {
        margin-top: 35px
    }
}

.customer-block.img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.customer-block.img img {
    margin-top: -120px
}

@media (max-width:500px) {
    .customer-block.img img {
        width: 100%;
        height: 100%;
        margin-top: -75px
    }
}

.retreat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 33px 59px 48px;
    -webkit-box-shadow: 0 5px 50px 1px #d3d3d3;
    box-shadow: 0 5px 50px 1px #d3d3d3;
    margin-top: 20px;
    position: relative;
    overflow: hidden
}

.retreat:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/src/img//smile.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
    z-index: 1;
    bottom: -90px;
    left: 70px
}

@media (max-width:768px) {
    .retreat:after {
        width: 150px;
        height: 150px;
        left: -30px;
        bottom: -30px
    }
}

@media (max-width:1200px) {
    .retreat {
        width: 70%;
        margin: 20px auto 0;
        -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
    }
}

@media (max-width:768px) {
    .retreat {
        width: 100%;
        padding: 30px 15px 40px;
        background-position: -30px 200px;
        background-size: 150px;
        background-attachment: fixed
    }
}

.retreat-block {
    width: calc(50% - 20px);
    line-height: 1.625;
    position: relative;
    z-index: 2
}

@media (max-width:1200px) {
    .retreat-block {
        width: 100%
    }
}

.retreat-block span {
    font-size: 16px
}

.retreat-block span.black-gray {
    display: inline-block;
    margin-right: 5px;
    font-weight: 700
}

.price-how-much-wrapper {
    padding: 0 0 130px;
    position: relative;
    background-color: #fff
}

@media (max-width:500px) {
    .price-how-much-wrapper {
        padding-bottom: 50px
    }
}

.price-how-much-wrapper.nails-hammer:after {
    left: auto;
    right: 0;
    top: -70px;
    background-image: url(/src/img//nails-hammer2.jpg);
    width: 200px;
    height: 500px;
    background-size: cover;
    background-position: -220px
}

@media (max-width:1600px) {
    .price-how-much-wrapper.nails-hammer:after {
        width: 150px
    }
}

@media (max-width:1400px) {
    .price-how-much-wrapper.nails-hammer:after {
        display: none
    }
}

.price-how-much-wrapper h2 {
    text-align: center;
    width: 100%;
    max-width: 760px;
    font-size: 2.667rem;
    margin: 0 auto
}

@media (max-width:500px) {
    .price-how-much-wrapper h2 {
        font-size: 28px
    }
}

.price-how-much-wrapper h2 p {
    display: inline;
    font-size: 2.667rem
}

@media (max-width:768px) {
    .price-how-much-wrapper h2 p {
        line-height: 1
    }
}

@media (max-width:500px) {
    .price-how-much-wrapper h2 p {
        font-size: 28px
    }
}

.price-how-much-wrapper p {
    text-align: center;
    width: 100%;
    max-width: 512px;
    font-size: 20px;
    margin: 20px auto 40px
}

@media (max-width:768px) {
    .price-how-much-wrapper p {
        max-width: 600px
    }
}

@media (max-width:500px) {
    .price-how-much-wrapper p {
        line-height: 1.5;
        font-size: 14px
    }
}

.price-how-much {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.price-how-much__block {
    width: calc(33.33333% - 20px);
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-bottom: 50px
}

@media (max-width:1200px) {
    .price-how-much__block {
        width: calc(50% - 20px)
    }
}

@media (max-width:768px) {
    .price-how-much__block {
        width: 100%;
        margin-bottom: 0
    }
}

.price-how-much__block .nav-link-icon.active {
    background-color: #ffc600;
    margin: 0 0 28px
}

@media (max-width:500px) {
    .price-how-much__block .nav-link-icon.active {
        margin-bottom: 15px
    }
}

.price-how-much__block span {
    font-size: 21px;
    font-weight: 700;
    color: #434751;
    margin-bottom: 29px
}

@media (max-width:500px) {
    .price-how-much__block span {
        margin-bottom: 0
    }
}

.result-price-wrapper {
    padding: 65px 0 70px;
    background-image: url(/src/img//bg-meeting-wrapper.png)
}

@media (max-width:500px) {
    .result-price-wrapper {
        padding: 45px 0
    }
}

.result-price p {
    text-align: center;
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:500px) {
    .result-price p {
        line-height: 1.5;
        font-size: 14px
    }
}

.result-price p span.yellow {
    font-weight: 700;
    display: inline-block;
    margin-right: 5px
}

.cost-wrapper {
    padding: 115px 0 125px;
    background-color: #fff;
    position: relative
}

.cost-wrapper.roulette:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0
}

@media (max-width:1400px) {
    .cost-wrapper.roulette:after {
        display: none
    }
}

.cost-wrapper.splinters:before {
    background-image: url(/src/img//splinters2.png);
    top: -40px
}

@media (max-width:1200px) {
    .cost-wrapper.splinters:before {
        background-image: url(/src/img//splinters-mobil2.png);
        width: 180px;
        height: 180px
    }
}

.cost h2 {
    text-align: center;
    margin-bottom: 40px
}

.cost h2,
.cost h2 p {
    font-size: 2.667rem;
    line-height: 1
}

.cost .subtitle {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 740px
}

.cost-formule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 340px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px auto 0
}

@media (max-width:500px) {
    .cost-formule {
        padding-right: 20px
    }
}

.cost-formule span {
    position: relative;
    font-weight: 700;
    color: #434751;
    font-size: 20px
}

@media (max-width:500px) {
    .cost-formule span {
        font-size: 16px
    }
}

.cost-formule span:first-child:after,
.cost-formule span:nth-child(2):after {
    position: absolute;
    content: "+";
    color: #ffc600;
    top: 2px;
    bottom: auto;
    right: -18px;
    font-weight: 700
}

@media (max-width:1200px) {

    .cost-formule span:first-child:after,
    .cost-formule span:nth-child(2):after {
        top: 0
    }
}

@media (max-width:500px) {

    .cost-formule span:first-child:after,
    .cost-formule span:nth-child(2):after {
        right: -14px
    }
}

.cost-formule span:nth-child(3):after {
    position: absolute;
    content: "=";
    color: #434751;
    top: 1px;
    bottom: auto;
    right: -18px;
    font-weight: 700
}

@media (max-width:500px) {
    .cost-formule span:nth-child(3):after {
        right: -14px
    }
}

.cost-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 970px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 60px auto 75px
}

@media (max-width:1200px) {
    .cost-blocks {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.cost-block {
    width: calc(25% - 18px);
    text-align: center;
    -webkit-box-shadow: 0 5px 50px 1px #d3d3d3;
    box-shadow: 0 5px 50px 1px #d3d3d3;
    padding: 40px 44px 38px
}

@media (max-width:1200px) {
    .cost-block {
        width: calc(50% - 118px);
        margin: 0 10px 20px
    }
}

@media (max-width:768px) {
    .cost-block {
        width: calc(50% - 18px)
    }
}

@media (max-width:500px) {
    .cost-block {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.cost-block p {
    line-height: 1.5
}

.cost-how-much {
    font-size: 42px;
    font-weight: 800;
    color: #434751
}

.cost .line {
    width: 43px;
    height: 4px;
    background-color: #ffc600;
    margin: 24px auto 32px
}

.cost .black-gray {
    font-weight: 700;
    display: inline;
    line-height: 1.5
}

.cost .dop-text {
    width: 100%;
    max-width: 840px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.slick-slide {
    width: 228px;
    height: 228px;
    margin: 0 60px 30px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.slick-slide.slick-active {
    -webkit-box-shadow: 0 5px 50px 1px #d3d3d3;
    box-shadow: 0 5px 50px 1px #d3d3d3
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.slick-dots li button:before {
    content: "\2022";
    font-size: 22px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    opacity: 1;
    color: #434751
}

li.slick-active button:before {
    color: #ffc600;
    opacity: 1
}

.price-form-wrapper {
    padding: 110px 0;
    background-image: url(/src/img//bg-gray.jpg)
}

@media (max-width:500px) {
    .price-form-wrapper {
        padding: 50px 0
    }
}

.price-form-wrapper h2 {
    font-size: 2.667rem;
    text-align: center
}

@media (max-width:500px) {
    .price-form-wrapper h2 {
        line-height: 1;
        font-size: 28px
    }
}

.price-form-wrapper h2 p {
    font-size: 2.667rem;
    display: inline;
    line-height: 1
}

@media (max-width:500px) {
    .price-form-wrapper h2 p {
        font-size: 28px
    }
}

.price-form-wrapper .download-file {
    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
}

.price-form-wrapper .download-file .preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.price-form-wrapper .download-file .preview .file-data {
    width: 100%;
    max-width: 350px
}

.price-form-wrapper .download-file .preview .file-data p {
    margin: 5px
}

.price-form-wrapper .download-file .preview .preview-img {
    margin: 10px;
    width: 50px;
    height: 50px
}

.price-form-wrapper .download-file .preview .preview-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #434751;
    -webkit-box-shadow: 0 0 10px .1px #434751;
    box-shadow: 0 0 10px .1px #434751
}

.price-form-wrapper .download-file .preview .file-delete {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #434751;
    color: #434751;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    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;
    font-size: 20px;
    font-weight: 700;
    margin: auto auto auto 50px
}

.price-form-wrapper .download-file .preview .file-delete:hover {
    background-color: #434751;
    color: #fff
}

.price-form {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 900px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 35px auto 0
}

@media (max-width:900px) {
    .price-form {
        max-width: 500px
    }
}

.price-form input[type=date] {
    background-image: url(/a62dfd331d3f6c7376a41ba7c907e3c0.svg)
}

@media (max-width:900px) {
    .price-form input {
        max-width: 100%
    }
}

.price-form input[type=tel] {
    background-image: url(/ef92668be726e9f957edd57e379a54c6.svg)
}

.price-form textarea {
    width: 100%;
    border: 1px solid #ececec;
    height: 135px;
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    padding: 23px 20px;
    font-family: Montserrat;
    resize: none
}

.price-form textarea::-webkit-input-placeholder {
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.price-form textarea:-ms-input-placeholder {
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.price-form textarea::-ms-input-placeholder {
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.price-form textarea::placeholder {
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.price-form .btn.gray {
    margin-top: 35px
}

@media (max-width:900px) {
    .price-form .btn.gray {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:500px) {
    .price-form .btn.gray {
        max-width: 160px
    }
}

.price-form p {
    width: 100%;
    max-width: 625px;
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:900px) {
    .price-form p {
        text-align: center
    }
}

.atach-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 435px
}

@media (max-width:900px) {
    .atach-file {
        margin-bottom: 11px;
        max-width: 500px
    }
}

.atach-file .check-wrapper {
    width: 100%;
    max-width: 372px;
    height: 56px;
    border: 1px solid #ececec;
    padding-left: 58px;
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(/59d14e6f251a46e90851d40466d4f9ef.svg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 18px;
    background-size: 20px
}

.atach-file .check-wrapper.active .placeholder {
    display: none
}

.atach-file .check-wrapper.active .check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:900px) {
    .atach-file .check-wrapper {
        max-width: 500px
    }
}

.atach-file .check-wrapper .check {
    display: none
}

.atach-file label {
    background-color: #fff;
    height: 56px;
    width: 100%;
    max-width: 60px;
    margin-left: 10px;
    border: 1px solid #ececec;
    color: #434751;
    font-size: 14px;
    font-weight: 700;
    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
}

.atach-file label input {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    outline: 0
}

.price-form-wrapper.meeting {
    background-image: none;
    background-color: #fff;
    position: relative
}

.price-form-wrapper.meeting.nails-hammer:after {
    background-image: url(/src/img//nails-hammer2.jpg);
    left: auto;
    right: 0;
    width: 200px;
    height: 500px;
    background-size: cover;
    background-position: -220px
}

@media (max-width:1500px) {
    .price-form-wrapper.meeting.nails-hammer:after {
        width: 150px
    }
}

@media (max-width:1300px) {
    .price-form-wrapper.meeting.nails-hammer:after {
        display: none
    }
}

.price-form-wrapper.meeting.splinters:before {
    background-image: url(/src/img//splinters2.png);
    top: -120px;
    left: 0
}

@media (max-width:1600px) {
    .price-form-wrapper.meeting.splinters:before {
        width: 200px;
        top: -100px
    }
}

@media (max-width:1000px) {
    .price-form-wrapper.meeting.splinters:before {
        width: 170px;
        top: -85px
    }
}

@media (max-width:768px) {
    .price-form-wrapper.meeting.splinters:before {
        background-image: url(/src/img//splinters4.png);
        left: auto;
        right: 0;
        width: 120px;
        top: -40px
    }
}

.price-form-wrapper.meeting p.mt35 {
    text-align: center
}

@media (max-width:500px) {
    .price-form-wrapper.meeting p.mt35 {
        margin-top: 20px
    }
}

.form-recommend.price-form.projectpage .checkbox {
    width: 100%;
    max-width: 100%
}

.form-recommend.price-form.projectpage .checkbox label {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 15px
}

.form-recommend.price-form.projectpage input {
    max-width: calc(50% - 5px)
}

@media (max-width:900px) {
    .form-recommend.price-form.projectpage input {
        max-width: 100%
    }
}

.form-recommend.price-form.projectpage input[name=name] {
    max-width: 100%
}

.form-recommend.price-form.projectpage input[name=phone] {
    margin-right: 10px
}

@media (max-width:900px) {
    .form-recommend.price-form.projectpage input[name=phone] {
        margin-right: 0
    }
}

.form-recommend.price-form.projectpage p {
    position: relative
}

@media (max-width:500px) {
    .form-recommend.price-form.projectpage p {
        text-align: left
    }
}

.form-recommend.price-form.projectpage p:after {
    position: absolute;
    content: "*";
    display: block;
    top: 0;
    left: -10px;
    font-size: 16px;
    color: #ffc600
}

@media (max-width:900px) {
    .form-recommend.price-form.projectpage p:after {
        left: 10px
    }
}

@media (max-width:600px) {
    .form-recommend.price-form.projectpage p:after {
        left: 0
    }
}

@media (max-width:500px) {
    .form-recommend.price-form.projectpage p:after {
        left: -9px;
        font-size: 14px
    }
}

.fileuploader {
    width: 100%;
    max-width: 435px;
    padding: 0;
    margin: 0 0 11px
}

@media (max-width:900px) {
    .fileuploader {
        max-width: 100%
    }
}

.fileuploader .fileuploader-input-button {
    border-radius: 0;
    border: 1px solid #ececec;
    width: 100%;
    max-width: 60px;
    margin-left: 10px;
    height: 56px;
    background: #fff;
    font-weight: 700
}

.fileuploader .fileuploader-input-button span {
    color: #434751;
    font-size: 14px
}

.fileuploader .fileuploader-input .fileuploader-input-caption {
    border-radius: 0;
    height: 56px;
    border: 1px solid #ececec;
    background-position: 18px;
    background-repeat: no-repeat;
    background-image: url(/59d14e6f251a46e90851d40466d4f9ef.svg);
    background-size: 20px;
    padding-left: 58px;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fileuploader .fileuploader-input .fileuploader-input-caption span {
    color: #434751;
    font-size: 14px
}

.form-loading .load-overlay {
    max-width: 300px;
    max-height: 300px;
    left: 50%;
    right: auto;
    bottom: 50%;
    top: auto;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    z-index: 2;
    border-radius: 10px
}

.form-estimate-message {
    width: 100%;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    background: grey;
    border-radius: 5px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.form-estimate-message.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-estimate-message.error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: red
}

.video-block-wrapper {
    padding: 130px 0 120px
}

@media (max-width:500px) {
    .video-block-wrapper {
        padding: 60px 0 80px
    }
}

.video-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media (max-width:1200px) {
    .video-block {
        -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
    }
}

.video-block:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/src/img//bg-youtube.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -10px;
    left: -100px;
    width: 100%;
    max-width: 590px;
    height: 150px;
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}

@media (max-width:1200px) {
    .video-block:after {
        display: none
    }
}

.video-block-title {
    width: 100%;
    max-width: 410px
}

@media (max-width:1200px) {
    .video-block-title {
        text-align: center;
        margin-bottom: 40px
    }
}

.video-block-title h2 {
    font-size: 2.667rem;
    line-height: 1.146
}

@media (max-width:500px) {
    .video-block-title h2 {
        font-size: 28px
    }
}

.video-block-title h2 p {
    font-size: 2.667rem;
    display: inline;
    margin-right: 10px;
    line-height: 1.146
}

@media (max-width:500px) {
    .video-block-title h2 p {
        font-size: 28px
    }
}

.video-block-img {
    width: 100%;
    max-width: 668px;
    height: 377px;
    position: relative
}

@media (max-width:768px) {
    .video-block-img {
        height: auto
    }
}

.video-block-img img {
    width: 100%;
    height: 100%
}

.video-block.projectpage:after {
    display: none
}

.video-block.projectpage h2 {
    margin-bottom: 25px
}

.video-block.projectpage .video-block-title {
    max-width: 670px
}

.video-block.projectpage .video-block-title p {
    width: 100%;
    max-width: 350px
}

.video-block.projectpage .video-block-img img {
    -o-object-fit: cover;
    object-fit: cover
}

.variants-wrapper {
    padding: 90px 0 80px;
    background-color: #fff;
    text-align: center;
    position: relative
}

@media (max-width:500px) {
    .variants-wrapper {
        padding: 30px 0 50px
    }
}

.variants-wrapper.splinters:before {
    left: auto;
    right: 0;
    top: -90px;
    background-image: url(/src/img//splinters3.png)
}

@media (max-width:1700px) {
    .variants-wrapper.splinters:before {
        width: 200px;
        top: 0
    }
}

@media (max-width:1400px) {
    .variants-wrapper.splinters:before {
        background-image: url(/src/img//splinters-mobil.png);
        width: 100px
    }
}

@media (max-width:1200px) {
    .variants-wrapper.splinters:before {
        top: -30px
    }
}

@media (max-width:500px) {
    .variants-wrapper.splinters:before {
        width: 70px
    }
}

.variants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 950px;
    margin: 70px auto 0
}

@media (max-width:1024px) {
    .variants {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:500px) {
    .variants {
        margin-top: 25px
    }
}

.variant:first-child {
    text-align: right;
    width: 100%;
    max-width: 400px;
    text-align: center
}

.variant {
    text-align: left;
    font-size: 17px;
    color: #434751;
    margin-top: -5px;
    max-width: 320px;
    line-height: 1.412;
    text-align: center
}

@media (max-width:500px) {
    .variant {
        font-size: 14px
    }
}

.or,
.variant .black-gray {
    font-weight: 700
}

.or {
    min-width: 72px;
    min-height: 72px;
    border-radius: 50%;
    background-color: #ffc600;
    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: #fff;
    font-size: 16px;
    margin: 0 50px
}

@media (max-width:1024px) {
    .or {
        margin: 30px auto
    }
}

@media (max-width:500px) {
    .or {
        margin: 20px auto;
        min-width: 61px;
        min-height: 61px;
        font-size: 14px
    }
}

.office-wrapper {
    padding: 65px 0 110px;
    background-image: url(/src/img//bg-gray.jpg)
}

@media (max-width:500px) {
    .office-wrapper {
        padding: 59px 0 80px
    }
}

.office-wrapper .black-gray {
    font-weight: 700
}

.office-wrapper h2 {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 48px
}

.office-wrapper h2 + p {
    text-align: center;
    margin-bottom: 30px
}

@media (max-width:500px) {
    .office-wrapper h2 + p {
        font-size: 13px
    }
}

.office-wrapper h2 + p br {
    display: none
}

@media (max-width:500px) {
    .office-wrapper h2 + p br {
        display: block
    }
}

.office {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1200px) {
    .office {
        -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
    }
}

.office-block {
    width: 100%;
    max-width: 570px;
    padding: 32px 35px 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 50px 1px #d3d3d3;
    box-shadow: 0 5px 50px 1px #d3d3d3
}

@media (max-width:1200px) {
    .office-block {
        margin-bottom: 20px
    }
}

@media (max-width:500px) {
    .office-block {
        padding: 10px
    }
}

.office-block-title {
    width: 100%;
    padding: 25px 15px 20px;
    background-color: #ffc600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px
}

.office-block-title,
.office-block-title-inner,
.office-block__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.office-block__icon {
    min-width: 78px;
    width: 78px;
    min-height: 78px;
    height: 78px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 21px
}

@media (max-width:500px) {
    .office-block__icon {
        width: 54px;
        min-width: 54px;
        height: 54px;
        min-height: 54px
    }
}

.office-block__name {
    font-weight: 700;
    color: #fff;
    font-size: 21px
}

@media (max-width:500px) {
    .office-block__name {
        font-size: 18px
    }
}

.office-block__name span {
    font-weight: 700;
    font-size: 21px
}

@media (max-width:500px) {
    .office-block__name span {
        font-size: 18px
    }
}

.office-block-text {
    margin-bottom: 25px;
    text-align: center;
    line-height: 1.412
}

.office-block-text p:nth-last-child(2) {
    margin-top: 5px
}

.office-block-text.two {
    margin-bottom: 50px
}

.office-block-instruction .instruction-img {
    height: 233px
}

@media (max-width:500px) {
    .office-block-instruction .instruction-img {
        height: 180px
    }
}

@media (max-width:400px) {
    .office-block-instruction .instruction-img {
        height: 130px
    }
}

.office-block-instruction p {
    margin-top: 30px;
    margin-bottom: 25px
}

.office-block-instruction p:last-child {
    margin-bottom: 40px
}

.office-block-instruction.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px
}

.office-block-instruction.two .instruction-img {
    width: calc(50% - 7px);
    height: 193px;
    margin: 8px 0
}

@media (max-width:500px) {
    .office-block-instruction.two .instruction-img {
        height: 150px
    }
}

@media (max-width:400px) {
    .office-block-instruction.two .instruction-img {
        height: 104px
    }
}

.office-block-instruction.two .instruction-img img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:400px) {
    .office-block-map {
        height: 177px
    }
}

.office .black-gray,
.office .yellow {
    font-weight: 700
}

.office img {
    width: 100%;
    height: 100%
}

.office p {
    text-align: center;
    font-size: 17px
}

@media (max-width:500px) {
    .office p {
        font-size: 14px
    }
}

.welcome-demodom-wrapper {
    padding: 135px 0 225px;
    background-color: #fff;
    position: relative
}

@media (max-width:768px) {
    .welcome-demodom-wrapper {
        padding: 60px 0 820px
    }
}

@media (max-width:500px) {
    .welcome-demodom-wrapper {
        padding: 60px 0 625px
    }
}

.welcome-demodom-wrapper.nails:after {
    background-image: url(/src/img//nails2.png);
    right: auto;
    left: 0;
    border-radius: 0;
    bottom: auto;
    top: 70px
}

@media (max-width:1440px) {
    .welcome-demodom-wrapper.nails:after {
        display: none
    }
}

@media (max-width:500px) {
    .welcome-demodom-wrapper p {
        font-size: 14px
    }
}

.welcome-demodom-wrapper .black-gray {
    display: inline
}

@media (max-width:500px) {
    .welcome-demodom-wrapper .black-gray {
        font-size: 14px
    }
}

.welcome-demodom {
    text-align: center
}

.welcome-demodom h2 {
    font-size: 2.667rem;
    margin-bottom: 45px
}

@media (max-width:500px) {
    .welcome-demodom h2 {
        font-size: 28px
    }
}

.welcome-demodom h2 p {
    font-size: 2.667rem;
    font-weight: 800;
    display: inline
}

@media (max-width:500px) {
    .welcome-demodom h2 p {
        font-size: 28px
    }
}

.welcome-demodom .black-gray {
    font-weight: 700
}

@media (max-width:500px) {
    .welcome-demodom .mt50 {
        margin-top: 30px
    }

    .welcome-demodom .mt35 {
        margin-top: 20px
    }
}

.demodom-destination-wrapper {
    margin-top: 15px
}

.demodom-destination {
    min-height: 96px;
    width: 100%;
    max-width: 770px;
    background-color: #fafafa;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 20px auto 0
}

@media (max-width:1200px) {
    .demodom-destination {
        padding: 70px 18px 40px 17px;
        margin-top: 65px;
        max-width: none;
        width: calc(100% + 30px);
        margin-left: -15px
    }
}

.demodom-destination:after {
    content: "";
    display: block;
    position: absolute;
    left: -60px;
    width: 127px;
    height: 127px;
    background-image: url(/src/img//placemark-map.png)
}

@media (max-width:1200px) {
    .demodom-destination:after {
        right: 0;
        left: 0;
        margin: 0 auto;
        top: -40px;
        width: 93px;
        height: 93px;
        background-size: contain
    }
}

.house-presentation-wrapper {
    background-image: url(/src/img//bg-gray2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 615px;
    padding-bottom: 70px
}

@media (max-width:500px) {
    .house-presentation-wrapper {
        padding-bottom: 60px
    }
}

.house-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -160px;
    margin-bottom: 75px;
    position: relative;
    z-index: 2
}

@media (max-width:1200px) {
    .house-gallery {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-top: -135px
    }
}

@media (max-width:1000px) {
    .house-gallery {
        margin-top: -100px
    }
}

@media (max-width:768px) {
    .house-gallery {
        -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: -770px
    }
}

@media (max-width:500px) {
    .house-gallery {
        margin-top: -600px;
        margin-bottom: 30px
    }
}

.house-gallery-img {
    width: 100%;
    max-width: 370px;
    height: 295px
}

@media (max-width:1200px) {
    .house-gallery-img {
        width: 300px;
        height: 250px
    }
}

@media (max-width:1000px) {
    .house-gallery-img {
        width: 240px;
        height: 180px
    }
}

@media (max-width:768px) {
    .house-gallery-img {
        width: 370px;
        height: 298px;
        margin: 5px 0
    }
}

@media (max-width:500px) {
    .house-gallery-img {
        width: 290px;
        height: 231px
    }
}

.house-gallery-img img {
    width: 100%;
    height: 100%
}

.house-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1200px) {
    .house-info {
        -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
    }
}

.house-info-subtitle {
    width: 100%;
    max-width: 300px
}

@media (max-width:1200px) {
    .house-info-subtitle {
        max-width: 770px;
        margin-bottom: 40px
    }
}

.house-info-subtitle p {
    color: #fff
}

.house-info-text {
    width: 100%;
    max-width: 770px
}

.house-info-text__row {
    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;
    height: 50px
}

@media (max-width:768px) {
    .house-info-text__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: auto;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 10px 0
    }
}

.house-info-text__row:not(:last-child) {
    border-bottom: 1px solid #585858
}

.house-info-text__row span.yellow {
    width: 100%;
    max-width: 270px;
    margin-left: 0;
    color: #ffc600;
    font-weight: 700;
    margin-right: 30px
}

.house-info-text__row span {
    margin-left: auto;
    margin-right: 0;
    width: 100%;
    max-width: 480px;
    color: #fff;
    font-size: 16px
}

@media (max-width:768px) {
    .house-info-text__row span {
        max-width: 100%;
        margin: 3px 0
    }
}

.project-questions-wrapper {
    padding: 100px 0 130px;
    background-image: url(/src/img//bg-meeting-wrapper.png);
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:1200px) {
    .project-questions-wrapper {
        background-position: 0 0
    }
}

@media (max-width:500px) {
    .project-questions-wrapper {
        padding: 50px 0
    }
}

.project-questions-wrapper .project-questions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1200px) {
    .project-questions-wrapper .project-questions {
        -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
    }
}

.project-questions-wrapper .project-question {
    width: 100%;
    max-width: 560px
}

.project-questions-wrapper .project-question:first-child {
    margin-right: 35px
}

@media (max-width:1200px) {
    .project-questions-wrapper .project-question:first-child {
        margin-right: 0;
        margin-bottom: 40px
    }
}

.project-questions-wrapper h2 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 40px
}

@media (max-width:500px) {
    .project-questions-wrapper h2 {
        font-size: 21px;
        margin-bottom: 20px;
        line-height: 1
    }
}

.project-questions-wrapper h2 .yellow {
    display: inline;
    font-size: 32px;
    font-weight: 700
}

@media (max-width:500px) {
    .project-questions-wrapper h2 .yellow {
        font-size: 21px;
        margin-bottom: 20px;
        line-height: 1
    }
}

.project-questions-wrapper p {
    color: #fff;
    display: inline
}

@media (max-width:500px) {
    .project-questions-wrapper p {
        font-size: 14px
    }
}

.project-questions-wrapper p.yellow {
    color: #ffc600;
    margin-right: 5px
}

.project-content-wrapper {
    padding: 90px 0 100px;
    background-image: url(/src/img//bg-gray.jpg)
}

@media (max-width:500px) {
    .project-content-wrapper {
        padding: 50px 0 75px
    }
}

.project-content-wrapper h2 {
    font-size: 32px;
    width: 100%;
    /*max-width: 520px;*/
    text-align: left
}

@media (max-width:1200px) {
    .project-content-wrapper h2 {
        margin: 0 auto;
        max-width: 890px
    }
}

@media (max-width:500px) {
    .project-content-wrapper h2 {
        font-size: 21px
    }
}

.project-content-wrapper h2 .yellow {
    font-size: 32px;
    display: inline
}

@media (max-width:500px) {
    .project-content-wrapper h2 .yellow {
        font-size: 21px
    }
}

@media (max-width:1200px) {
    .project-content-wrapper h2.plan-list-title {
        text-align: center
    }
}

@media (max-width:500px) {
    .project-content-wrapper p {
        font-size: 14px
    }
}

.project-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 35px;
    margin-bottom: 35px
}

@media (max-width:1200px) {
    .project-content {
        -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: 100%;
        max-width: 890px;
        margin: 20px auto 35px
    }
}

.content-text {
    width: 100%;
    /*max-width: 560px;*/
    margin-right: 40px
}

@media (max-width:1200px) {
    .content-text {
        max-width: 700px;
        margin-right: auto;
        margin-left: 0;
        margin-bottom: 20px
    }
}

.content-list {
    width: 100%;
    max-width: 770px
}

@media (max-width:1200px) {
    .content-list {
        max-width: 100%
    }
}

.content-info__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-info__row:not(:last-child) {
    margin-bottom: 17px
}

.project-plan-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1200px) {
    .project-plan-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:768px) {
    .project-plan-list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.plan-list-block {
    width: calc(25% - 30px);
    margin-bottom: 30px
}

@media (max-width:1200px) {
    .plan-list-block {
        width: calc(50% - 100px);
        margin: 30px
    }
}

@media (max-width:768px) {
    .plan-list-block {
        width: calc(50% - 10px);
        margin: 10px 0
    }
}

@media (max-width:500px) {
    .plan-list-block {
        width: 100%
    }
}

.plan-list-block-img {
    width: 100%;
    height: 215px
}

@media (max-width:1200px) {
    .plan-list-block-img {
        height: 300px
    }
}

@media (max-width:1000px) {
    .plan-list-block-img {
        height: 200px
    }
}

@media (max-width:768px) {
    .plan-list-block-img {
        height: auto
    }
}

.plan-list-block-img img {
    width: 100%;
    height: 100%
}

.plan-list-block p {
    margin-top: 10px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.project-cost-wrapper {
    padding: 100px 0;
    background-color: #fff;
    position: relative
}

@media (max-width:500px) {
    .project-cost-wrapper {
        padding: 60px 0 50px
    }
}

.project-cost-wrapper.nails:after {
    background-image: url(/src/img//nails2.png);
    border-radius: 0;
    top: 50px
}

@media (max-width:1600px) {
    .project-cost-wrapper.nails:after {
        width: 150px
    }
}

@media (max-width:1500px) {
    .project-cost-wrapper.nails:after {
        width: 110px
    }
}

@media (max-width:1400px) {
    .project-cost-wrapper.nails:after {
        display: none
    }
}

.project-cost-wrapper h2 {
    font-size: 2.667rem;
    text-align: center;
    font-weight: 800
}

@media (max-width:500px) {
    .project-cost-wrapper h2 {
        font-size: 28px
    }
}

.project-cost-wrapper .yellow {
    font-weight: 700;
    margin-right: 5px;
    display: inline-block
}

.project-cost-wrapper .black-gray {
    font-weight: 700
}

@media (max-width:500px) {
    .project-cost-wrapper .mt35 {
        margin-top: 20px
    }
}

@media (max-width:500px) {
    .project-cost-wrapper p {
        font-size: 14px
    }
}

.project-cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px
}

@media (max-width:1200px) {
    .project-cost {
        -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
    }
}

.project-cost-block {
    width: 100%;
    max-width: 570px
}

.project-cost-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 700px;
    margin: 50px auto 0;
    -webkit-transform: translateX(85px);
    transform: translateX(85px)
}

@media (max-width:1200px) {
    .project-cost-price {
        -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-transform: translate(0);
        transform: translate(0)
    }
}

.price-info.projectpage {
    width: 100%;
    max-width: 200px;
    font-size: 14px;
    font-style: italic;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1200px) {
    .price-info.projectpage {
        text-align: center;
        margin-top: 10px;
        margin-left: 0
    }
}

.price.old {
    font-size: 48px;
    font-weight: 700;
    color: #434751;
    position: relative;
    margin-right: 50px
}

@media (max-width:1200px) {
    .price.old {
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media (max-width:500px) {
    .price.old {
        font-size: 38px
    }
}

.price.old:after {
    content: "";
    display: block;
    position: absolute;
    width: 110%;
    height: 4px;
    background-color: #f81b1a;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    bottom: 22px;
    left: -20px
}

.price.new {
    color: #f81b1a;
    font-size: 48px;
    font-weight: 700
}

@media (max-width:500px) {
    .price.new {
        font-size: 38px
    }
}

.losses-wrapper {
	background: #fff;
    padding: 90px 0 60px 0;
    position: relative;
    text-align: center;
}

@media (max-width: 1150px) {
    .losses-wrapper {
        padding-top: 150px;
    }
}

.losses-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0 0 0;
}

.losses-list > li {
    background: #f2f2f2;
    box-shadow: 0 5px 17px rgba(0, 0, 0, 0.03);
    margin: 0 0 30px 0;
    width: 48.5%;
}

.losses-list > li > a {
    display: block;
    padding: 32px 100px 27px;
}

@media (max-width: 1000px) {
    .losses-list > li > a {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 700px) {
    .losses-list > li > a {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 500px) {
    .losses-list {
        display: block;
    }
    .losses-list > li {
        margin-bottom: 0;
        width: 100%;
    }
    .losses-list > li + li {
        margin-top: 15px;
    }
    .losses-list__title {
        font-size: 20px;
    }
    .losses-list p {
        font-size: 14px;
    }
    .losses-list > li > a {
        padding: 15px;
    }
}

.losses-list > li > a:hover {
    background: rgba(78, 81, 89, .6);
    color: #ffffff;
}

.losses-list > li > a:hover .losses-list__title,
.losses-list > li > a:hover .losses-list__descript {
    color: #fff;
}

.losses-list__title {
    color: #434751;
    display: block;
    font-weight: 800;
    font-size: 24px;
    margin: 0 0 13px 0;
}

.losses-list__title span {
    color: #ffc600;
}

.checklist .form-recommend {
    flex-shrink: 0;
    margin-top: 0;
    min-height: auto;
    width: 420px;
}

.checklist .form-recommend input[type=tel] {
    background-image: url(/ef92668be726e9f957edd57e379a54c6.svg);
}

@media (max-width: 1150px) {
    .checklist-descript {
        margin-bottom: 20px;
    }
    .checklist .form-recommend {
        margin: 0 auto;
    }
}

@media (max-width: 500px) {
    .checklist .form-recommend {
        width: 100%;
    }
}

.checklist {
    position: relative;
}

.checklist::after {
    background: url(/src/img/pattern.png) repeat;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 209px;
    z-index: 1;
}

.checklist .form-recommend .btn {
    margin-top: 0;
    max-width: 250px;
}

.checklist .container {
    background: url(/src/img//bg-meeting.png) repeat;
    box-shadow: 0 16px 40px rgba(99, 84, 34, 0.15);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding-bottom: 63px;
    padding-right: 87px;
    padding-top: 63px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1150px) {
    .checklist .container {
        flex-direction: column;
    }
}

@media (max-width: 770px) {
    .losses-wrapper {
        padding-top: 100px;
    }
}

@media (max-width: 600px) {
    .losses-wrapper {
        padding-bottom: 30px;
    }
}

.checklist .container::before {
    background: url(/src/img/Front_cover.png) no-repeat;
    content: '';
    height: 277px;
    left: -129px;
    position: absolute;
    top: 37px;
    width: 346px;
    z-index: 1;
}

.checklist-descript {
    padding: 0 40px 0 150px;
    text-align: right;
}

.checklist-descript h2 {
    line-height: 50px;
    margin: 0 0 16px 0;
}

@media (max-width: 500px) {
    .checklist-descript h2 {
        line-height: 1.3;
    }
}

.red {
    color: #ff001e;
}

.checklist-descript p {
    padding-left: 100px;
}

@media (max-width: 730px) {
    .checklist .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .checklist .container::before {
        display: none;
    }
    .checklist-descript {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    .checklist-descript p {
        padding-left: 0;
    }
}

@media (max-width: 500px) {
    .checklist-descript p {
        font-size: 14px;
    }
}

.thanks-wrapper {
    background: url(/src/img/pattern.png) repeat;
    padding: 140px 0 100px 0;
}

@media (max-width: 600px) {
    .thanks-wrapper {
        padding: 70px 0 50px;
    }
}

.thanks-wrapper .container {
    position: relative;
}

.thanks-content {
    max-width: 750px;
}

.thanks-content h2 {
    margin: 0 0 36px 0;
}


@media (max-width: 1190px) {
    .thanks-content {
        max-width: 600px;
    }
}

@media (max-width: 1050px) {
    .thanks-content {
        max-width: 100%;
    }
}

.list-1 {
    margin: 24px 0;
}

.list-1 > li {
    color: #353535;
    font-size: 16px;
    line-height: 34px;
    padding-left: 30px;
}

.list-1 strong {
    font-weight: 700;
}

@media (max-width: 500px) {
    .thanks-content p {
        font-size: 14px;
    }
    .list-1 > li {
        font-size: 14px;
        line-height: 1.6;
        padding-left: 15px;
    }
    .list-1 > li + li {
        margin-top: 5px;
    }
}

.their-img {
    position: absolute;
    right: -213px;
    top: -89px;
    width: 636px;
}

@media (max-width: 1650px) {
    .their-img {
        right: 0;
        width: 470px;
    }
}

@media (max-width: 1050px) {
    .their-img {
        display: block;
        margin: 50px auto 0;
        max-width: 636px;
        position: static;
        width: 100%;
    }
}

.title-1 {
    color: #353535;
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin: 42px 0 20px 0;
    max-width: 545px;
    text-align: center;
}

.list-btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.list-btn > li {
    flex-shrink: 0;
}

.list-btn > li + li {
    margin-left: 35px;
}

.list-btn > li .btn {
    margin-top: 0;
    width: 255px;
}

.list-btn > li .gray {
    max-width: 290px;
    width: 290px;
}

@media (max-width: 660px) {
    .list-btn {
        justify-content: space-between;
    }
    .list-btn > li {
        width: 48%;
    }
    .list-btn > li + li {
        margin-left: 0;
    }
    .list-btn > li .btn, .list-btn > li .gray {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .list-btn {
        flex-direction: column;
    }
    .list-btn > li {
        width: 100%;
    }
    .list-btn > li + li {
        margin-top: 10px;
    }
    .list-btn > li .gray {
        height: 61px;
        max-width: 100%;
    }
    .list-btn > li .btn {
        max-width: 100%;
    }
}

.flex-reverse .price-house {
    flex-direction: row-reverse;
}

.flex-reverse .price-house-img img {
    margin-right: 0;
    margin-left: -60px;
}

@media (max-width: 1200px) {
    .flex-reverse .price-house {
        flex-direction: column-reverse;
    }
    .flex-reverse .price-house-img img {
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    .flex-reverse .blockquote:after {
        top: auto;
        margin-top: -15px;
    }
}

.flex-reverse .price-house-info {
    padding-left: 57px;
}

@media (max-width: 1200px) {
    .flex-reverse .price-house-info {
        padding-left: 0;
    }
}