.bg,
.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.clearfix:after,
.clr,
.modal-footer:after,
.modal-header:after,
.slick-track:after {
    clear: both
}

@font-face {
    font-family: Antarctic;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Antarctic.eot);
    src: url(../fonts/Antarctic.eot?#iefix) format("embedded-opentype"), url(../fonts/Antarctic.woff) format("woff"), url(../fonts/Antarctic.woff2) format("woff2"), url(../fonts/Antarctic.ttf) format("truetype"), url(../fonts/Antarctic.svg#Antarctic) format("svg")
}

@font-face {
    font-family: BebasNeue-Book;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/BebasNeue-Book.eot);
    src: url(../fonts/BebasNeue-Book.eot?#iefix) format("embedded-opentype"), url(../fonts/BebasNeue-Book.woff) format("woff"), url(../fonts/BebasNeue-Book.woff2) format("woff2"), url(../fonts/BebasNeue-Book.ttf) format("truetype"), url(../fonts/BebasNeue-Book.svg#BebasNeue-Book) format("svg")
}

@font-face {
    font-family: Calmius;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Calmius.eot);
    src: url(../fonts/Calmius.eot?#iefix) format("embedded-opentype"), url(../fonts/Calmius.woff) format("woff"), url(../fonts/Calmius.woff2) format("woff2"), url(../fonts/Calmius.ttf) format("truetype"), url(../fonts/Calmius.svg#Calmius) format("svg")
}

@font-face {
    font-family: Gilroy-Bold;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Gilroy-Bold.eot);
    src: url(../fonts/Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Bold.woff) format("woff"), url(../fonts/Gilroy-Bold.woff2) format("woff2"), url(../fonts/Gilroy-Bold.ttf) format("truetype"), url(../fonts/Gilroy-Bold.svg#Gilroy-Bold) format("svg")
}

@font-face {
    font-family: Gilroy-Italic;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Gilroy-Italic.eot);
    src: url(../fonts/Gilroy-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Italic.woff) format("woff"), url(../fonts/Gilroy-Italic.woff2) format("woff2"), url(../fonts/Gilroy-Italic.ttf) format("truetype"), url(../fonts/Gilroy-Italic.svg#Gilroy-Italic) format("svg")
}

@font-face {
    font-family: Gilroy-Medium;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Gilroy-Medium.eot);
    src: url(../fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Medium.woff) format("woff"), url(../fonts/Gilroy-Medium.woff2) format("woff2"), url(../fonts/Gilroy-Medium.ttf) format("truetype"), url(../fonts/Gilroy-Medium.svg#Gilroy-Medium) format("svg")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Gilroy.eot);
    src: url(../fonts/Gilroy.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy.woff) format("woff"), url(../fonts/Gilroy.woff2) format("woff2"), url(../fonts/Gilroy.ttf) format("truetype"), url(../fonts/Gilroy.svg#Gilroy) format("svg")
}

@font-face {
    font-family: SovMod;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/SovMod.eot);
    src: url(../fonts/SovMod.eot?#iefix) format("embedded-opentype"), url(../fonts/SovMod.woff) format("woff"), url(../fonts/SovMod.woff2) format("woff2"), url(../fonts/SovMod.ttf) format("truetype"), url(../fonts/SovMod.svg#SovMod) format("svg")
}

.icon,
.sprite {
    display: block;
    background-image: url(../img/sprite.png)
}

.icon-arrow {
    background-position: 0 0;
    width: 20px;
    height: 17px
}

.debug.debug1 .block:after,
.debug.debug1 .wr:after {
    top: 0;
    left: 50%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    content: ""
}

.debug.debug1 .wr:after {
    width: 1001px;
    margin-left: -500px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+kAAAACCAYAAAAkVp2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNrs17ENwCAMRUHEeIybXTLPh0yQdDHoTnJH4yc39JHcSdrbrHfXl3c7zl+7ndpUTz311FNPPTV1o3rW3cV96qln3b2e/3lvAAAAQAlTgAEA+Dav549BS5kAAAAASUVORK5CYII=)
}

.debug.debug1 .block:after {
    width: 2px;
    margin-left: 0;
    background: red
}

img,
select[multiple],
select[size],
textarea.form-control {
    height: auto
}

.debug.debug2 .block {
    background: #dad6d4
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

input[type=radio],
input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,
.checkbox-inline,
.radio label,
.radio-inline {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox label,
.radio label {
    min-height: 20px
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=radio],
fieldset[disabled] input[type=checkbox],
input[type=radio].disabled,
input[type=radio][disabled],
input[type=checkbox].disabled,
input[type=checkbox][disabled] {
    cursor: not-allowed
}

* {
    margin: 0;
    padding: 0
}

body {
    line-height: 1.15;
    -webkit-font-smoothing: subpixel-antialiased !important
}

a:active,
a:focus,
button,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner,
select::-moz-focus-inner {
    outline: 0 !important
}

li {
    list-style: none
}

a {
    color: #000;
    text-decoration: none;
    background-color: transparent
}

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

audio,
canvas,
video {
    display: inline
}

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

html {
    font-size: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:active,
a:focus,
a:hover {
    outline: 0
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button,
input {
    line-height: normal
}

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

button,
input[type=reset],
input[type=button],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: ""
}

.hide,
.modal {
    display: none
}

button[type=button]:focus,
input[type=submit]:focus,
input[type=search]:focus {
    outline: 0
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.uppercase {
    text-transform: uppercase
}

.placeholder {
    color: #8e8e8e !important
}

.svg {
    fill: #000;
    display: inline-block
}

.svg.svg-callback {
    width: 3rem;
    height: 3rem;
    min-height: 3rem
}

.svg.svg-fb,
.svg.svg-idp,
.svg.svg-in,
.svg.svg-vk,
.svg.svg-wa,
.svg.svg-tg {
    height: 1.5rem;
    min-height: 1.5rem
}

.svg.svg-fb {
    width: 1.4375rem
}

.svg.svg-idp {
    width: 9.625rem
}

.svg.svg-in,
.svg.svg-vk,
.svg.svg-wa,
.svg.svg-tg {
    width: 1.5rem
}

.modal-open {
    overflow: hidden
}

.modal {
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before {
    content: " ";
    display: table
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal button[type=button].close {
    background-color: transparent;
    border: 0;
    border: none
}

.iOS9 .modal-open {
    overflow: scroll
}

.modal-open[style="padding-right: 17px;"] .navbar-fixed {
    padding-right: 17px
}

.order-form {
    position: relative;
    text-align: center;
    margin: 0 auto
}

.order-form .btn-group {
    margin-top: 2rem
}

#page-index .wr10 .content .nav:first-child,
.order-form .btn-group:first-child {
    margin-top: 0
}

.order-form .btn-group .label {
    color: #1E1C19;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: .5rem
}

label {
    display: block;
    max-width: 100%
}

.form-control {
    display: block;
    vertical-align: middle;
    outline: 0;
    margin: 0 auto;
    width: 100%;
    border: 0;
    color: #1E1C19;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .05em;
    border-bottom: .0625rem solid #1E1C19;
    padding: 1.0625rem 0 1.125rem
}

.btn-bordered,
.btn-default {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 1.375rem 2rem;
    line-height: 1.25rem
}

.form-control:focus {
    border-color: #F6B654
}

.form-control::-moz-placeholder {
    color: #1e1c19;
    color: rgba(30, 28, 25, .3);
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-control:-ms-input-placeholder {
    color: #1e1c19;
    color: rgba(30, 28, 25, .3)
}

.form-control::-webkit-input-placeholder {
    color: #1e1c19;
    color: rgba(30, 28, 25, .3)
}

.btn-group {
    position: relative
}

.btn-group.error .form-control.error {
    border-color: #FF210E !important
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #1E1C19;
    -webkit-box-shadow: 0 0 0 62.5rem #fff inset;
    -webkit-transition: background-color 5000s ease-in-out 0s, border-color .3s, color .3s;
    transition: background-color 5000s ease-in-out 0s, border-color .3s, color .3s
}

button[disabled] {
    color: #000
}

.btn-bordered,
.btn-default {
    background-color: transparent;
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    cursor: pointer;
    outline: 0;
    width: 100%;
    border: 0
}

.btn-bordered:focus,
.btn-default:focus {
    outline: 0
}

.btn-default {
    color: #F6B654;
    overflow: hidden;
    border-radius: 6.25rem;
    border: .125rem solid #F6B654;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.btn-default:hover {
    -webkit-animation: none;
    animation: none
}

.btn-default:hover:before {
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-default:hover:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-default:active:after,
.btn-default:active:before {
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-default:active .active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-bordered:hover:before,
.btn-default .active,
.btn-default:after {
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-default .active,
.btn-default:after,
.btn-default:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.btn-default:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#f6b654), to(#f6b654));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, .07)), to(rgba(246, 182, 84, 0)));
    background: -o-linear-gradient(top, rgba(246, 182, 84, .07) 0, rgba(246, 182, 84, 0) 100%);
    background: linear-gradient(180deg, rgba(246, 182, 84, .07) 0, rgba(246, 182, 84, 0) 100%)
}

.btn-default:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#f6b654), to(#f6b654));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, .33)), to(rgba(246, 182, 84, 0)));
    background: -o-linear-gradient(top, rgba(246, 182, 84, .33) 0, rgba(246, 182, 84, 0) 100%);
    background: linear-gradient(180deg, rgba(246, 182, 84, .33) 0, rgba(246, 182, 84, 0) 100%)
}

.btn-default span {
    letter-spacing: .1em;
    position: relative;
    z-index: 100
}

.btn-default .active {
    background: -webkit-gradient(linear, left top, left bottom, from(#f6b654), to(#f6b654)), -webkit-gradient(linear, left top, left bottom, from(#f6b654), to(#f6b654));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, 0)), to(rgba(246, 182, 84, .33))), -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, .07)), to(rgba(246, 182, 84, 0)));
    background: -o-linear-gradient(top, rgba(246, 182, 84, 0) 0, rgba(246, 182, 84, .33) 100%), -o-linear-gradient(top, rgba(246, 182, 84, .07) 0, rgba(246, 182, 84, 0) 100%);
    background: linear-gradient(180deg, rgba(246, 182, 84, 0) 0, rgba(246, 182, 84, .33) 100%), linear-gradient(180deg, rgba(246, 182, 84, .07) 0, rgba(246, 182, 84, 0) 100%)
}

.btn-bordered {
    color: #1E1C19;
    background-color: #fff;
    border-radius: 6.25rem;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.btn-bordered:hover {
    -webkit-animation: none;
    animation: none
}

.btn-bordered:hover:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-bordered .active,
.btn-bordered:active:after,
.btn-bordered:active:before,
.btn-bordered:after,
.lazy {
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-bordered:active .active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-bordered .active,
.btn-bordered:after,
.btn-bordered:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 6.25rem;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 20
}

.btn-bordered .border,
.lazy {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s
}

.btn-bordered:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#f6b654), to(#f6b654));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, 0)), to(rgba(246, 182, 84, .07)));
    background: -o-linear-gradient(top, rgba(246, 182, 84, 0) 0, rgba(246, 182, 84, .07) 100%);
    background: linear-gradient(180deg, rgba(246, 182, 84, 0) 0, rgba(246, 182, 84, .07) 100%)
}

.btn-bordered:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#f6b654), color-stop(99.99%, #f6b654), to(#f6b654));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, 0)), color-stop(99.99%, rgba(246, 182, 84, .33)), to(rgba(246, 182, 84, 0)));
    background: -o-linear-gradient(top, rgba(246, 182, 84, 0) 0, rgba(246, 182, 84, .33) 99.99%, rgba(246, 182, 84, 0) 100%);
    background: linear-gradient(180deg, rgba(246, 182, 84, 0) 0, rgba(246, 182, 84, .33) 99.99%, rgba(246, 182, 84, 0) 100%)
}

.btn-bordered span {
    letter-spacing: .1em;
    position: relative;
    z-index: 100
}

.btn-bordered .border {
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6b654), to(#F6B654));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, .17)), to(#F6B654));
    background: -o-linear-gradient(top, rgba(246, 182, 84, .17) 0, #F6B654 100%);
    background: linear-gradient(180deg, rgba(246, 182, 84, .17) 0, #F6B654 100%);
    border-radius: 6.25rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: -.125rem;
    left: -.125rem;
    padding: .125rem .125rem .1875rem;
    z-index: -1;
    transition: opacity .3s
}

#page-index .wr1 .block .content .btn-default .colors:before,
.btn-bordered .active {
    background: -webkit-gradient(linear, left top, left bottom, from(#f6b654), to(#f6b654))
}

.slick-slider,
html {
    -webkit-box-sizing: border-box
}

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

.btn-bordered .active {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, .33)), to(rgba(246, 182, 84, 0)));
    background: -o-linear-gradient(top, rgba(246, 182, 84, .33) 0, rgba(246, 182, 84, 0) 100%);
    background: linear-gradient(180deg, rgba(246, 182, 84, .33) 0, rgba(246, 182, 84, 0) 100%)
}

.lazy {
    transition: opacity .3s
}

.lazy.lazyloaded {
    opacity: 1;
    filter: alpha(opacity=100)
}

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

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

.slick-list:focus {
    outline: 0
}

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

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

.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

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

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

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

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

#page-index .wr1:before {
    content: "";
    width: 100%;
    height: 100%;
    background: -o-radial-gradient(50% 50%, 50% 50%, #1e1c19 0, #1e1c19 100%);
    background: -o-radial-gradient(50% 50%, 50% 50%, rgba(30, 28, 25, .7) 0, rgba(30, 28, 25, .9) 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(30, 28, 25, .7) 0, rgba(30, 28, 25, .9) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

#page-index .wr1 .background {
    height: 100vh;
    min-height: 52.5rem;
    position: absolute;
    z-index: 1
}

#page-index .wr1 .background .slick-list,
#page-index .wr1 .background .slick-list .slick-track {
    position: static !important;
    height: 100vh !important;
    min-height: 52.5rem
}

#page-index .wr1 .background .slick-list .slick-track {
    width: 100vw !important
}

#page-index .wr1 .background .bg {
    position: absolute !important
}

#page-index .wr1 .background .bg.animation {
    -webkit-animation: mymove 30s infinite;
    animation: mymove 30s infinite
}

#page-index .wr1 .block {
    height: 100vh;
    z-index: 300
}

#page-index .wr1 .block .chips {
    width: 44.085rem;
    height: 34.10063rem;
    min-height: 34.10063rem;
    position: absolute;
    top: .875rem;
    left: -25rem
}

#page-index .wr1 .block .content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#page-index .wr1 .block .content h1 {
    font-weight: 100
}
#page-index.wr--services .wr1 .block .content h1 {
    padding-bottom: 1rem;
}

#page-index .wr1 .block .content .subtitle,
#page-index .wr1 .block .content .title {
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: Gilroy-Medium, Arial, sans-serif
}

#page-index .wr1 .block .content .title {
    color: #F6B654
}

#page-index .wr1 .block .content .line {
    width: 4rem;
    height: .0625rem;
    background-color: #F6B654;
    margin: 0 auto
}

#page-index .wr1 .block .content .subtitle {
    color: #fff;
    padding-top: 1rem
}
#page-index .wr1 .block .content .subtitle span {
    color: #F6B654;
}

#page-index .wr1 .block .content .features {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: 0.745rem;
    line-height: 2;
    letter-spacing: .08em;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    max-width: 46.55rem;
    margin: 0 auto;
    padding-top: 1.25rem;
}
#page-index .wr1 .block .content .features span {
    display: inline-block;
    position: relative;
    padding-left: 1.25rem;
}
#page-index .wr1 .block .content .features span::before {
        content: "";
    width: 0.5rem;
    height: 0.5rem;
    background-color: #F6B654;
    position: absolute;
    top: 0.625rem;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#page-index .wr1 .block .content .info .name {
    width: 100%;
    text-transform: uppercase
}
#page-index .wr1 .block .content .info .name span:first-child {
    color: #F6B654
}

#page-index .wr1 .block .content .info .name span:last-child {
    color: #fff
}

#page-index .wr1 .block .pagination ul li button,
#page-index .wr2 h2 {
    font-family: Calmius, Arial, sans-serif
}

#page-index .wr1 .block .content .btn-default {
    display: inline-block !important
}

#page-index .wr1 .block .content .btn-default:after,
#page-index .wr1 .block .content .btn-default:before {
    display: none
}

#page-index .wr1 .block .content .btn-default:hover .colors:before {
    opacity: 0;
    filter: alpha(opacity=0)
}

#page-index .wr1 .block .content .btn-default:hover .colors:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

#page-index .wr1 .block .content .btn-default:active .colors:after,
#page-index .wr1 .block .content .btn-default:active .colors:before {
    opacity: 0;
    filter: alpha(opacity=0)
}

#page-index .wr1 .block .content .btn-default:active .colors .active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#page-index .wr1 .block .content .btn-default .colors {
    width: 100%;
    height: 100%;
    border-radius: 6.25rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

#page-index .wr2,
#page-index .wr3,
#page-index .wr7 {
    overflow: visible
}

#page-index .wr1 .block .content .btn-default .colors .active,
#page-index .wr1 .block .content .btn-default .colors:after,
#page-index .wr1 .block .content .btn-default .colors:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#page-index .wr1 .block .content .btn-default .colors:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, .07)), to(rgba(246, 182, 84, 0)));
    background: -o-linear-gradient(top, rgba(246, 182, 84, .07) 0, rgba(246, 182, 84, 0) 100%);
    background: linear-gradient(180deg, rgba(246, 182, 84, .07) 0, rgba(246, 182, 84, 0) 100%)
}

#page-index .wr1 .block .content .btn-default .colors:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#f6b654), to(#f6b654));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, .33)), to(rgba(246, 182, 84, 0)));
    background: -o-linear-gradient(top, rgba(246, 182, 84, .33) 0, rgba(246, 182, 84, 0) 100%);
    background: linear-gradient(180deg, rgba(246, 182, 84, .33) 0, rgba(246, 182, 84, 0) 100%);
    opacity: 0;
    filter: alpha(opacity=0)
}

#page-index .wr1 .block .content .btn-default span:first-child {
    line-height: 2rem
}
#page-index .wr1.wr1--home .block .content .btn-default span:first-child {
    line-height: 1.25rem;
}

#page-index .wr1 .block .content .btn-default span:nth-child(2) {
    color: #fff;
    color: rgba(255, 255, 255, .8);
    font-size: .75rem;
    line-height: 1.125rem
}

#page-index .wr1 .block .pagination {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 3.5rem
}

#page-index .wr1 .block .pagination ul {
    width: 100%;
    text-align: center
}

#page-index .wr1 .block .pagination ul li {
    width: 2.5rem;
    height: 2.5rem;
    font-weight: 100;
    border: .0625rem solid transparent;
    border-radius: 2.5rem;
    display: inline-block;
    cursor: pointer;
    margin: 0 .1875rem;
    -webkit-transition: background-color .3s, border-color .3s;
    -o-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

#page-index .wr1 .block .pagination ul li:hover {
    border-color: #F6B654
}

#page-index .wr1 .block .pagination ul li.slick-active {
    background-color: #F6B654;
    cursor: default
}

#page-index .wr1 .block .pagination ul li.slick-active button {
    color: #1E1C19
}

#page-index .wr1 .block .pagination ul li button {
    color: #fff;
    font-size: 2rem;
    line-height: 2.375rem;
    background-color: transparent;
    border: 0;
    outline: 0;
    position: relative;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

#page-index .wr2 h2 {
    font-weight: 100;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr2 img {
    position: absolute
}

#page-index .wr2 .only-small {
    position: static;
    width: 100%;
    height: auto;
    padding-top: 3.75rem;
}

#page-index .wr2 .circles .circle {
    background-color: #00413D;
    border-radius: 6.25rem;
    position: absolute
}

#page-index .wr2 .circles .circle:first-child {
    width: 1.5rem;
    height: 1.5rem;
    top: 10rem;
    left: 18.8125rem;
    -webkit-animation: rustle-top-left .8s alternate infinite;
    animation: rustle-top-left .8s alternate infinite
}

#page-index .wr2 .circles .circle:last-child {
    width: 2.5625rem;
    height: 2.5625rem;
    top: 30.8125rem;
    right: 14.5625rem;
    -webkit-animation: rustle-bottom-right 1.5s alternate infinite;
    animation: rustle-bottom-right 1.5s alternate infinite
}

#page-index .wr2 .chips img:first-child {
    width: 10.28rem;
    height: 10.83875rem;
    min-height: 10.83875rem;
    top: 20rem;
    left: 8.25rem;
    z-index: 10;
    -webkit-animation: rustle-top-right 1.3s alternate infinite;
    animation: rustle-top-right 1.3s alternate infinite
}

#page-index .wr2 .chips img:nth-child(2) {
    width: 11.96875rem;
    height: 17.69187rem;
    min-height: 17.69187rem;
    top: 8.5rem;
    right: 8.25rem;
    -webkit-animation: rustle-bottom-left 1s alternate infinite;
    animation: rustle-bottom-left 1s alternate infinite
}

#page-index .wr2 .chips img:nth-child(3) {
    width: 31.64125rem;
    height: 49.98188rem;
    min-height: 49.98188rem;
    top: -5.3125rem;
    left: -12.8125rem
}

#page-index .wr2 .chips img:last-child {
    width: 20.7275rem;
    height: 17.51687rem;
    min-height: 17.51687rem;
    top: -12.5625rem;
    right: -3.9375rem
}

#page-index .wr2 .logo {
    width: 37.8125rem;
    height: 15.1875rem;
    position: absolute;
    top: 10rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .wr2 .logo img {
    width: 100%;
    height: auto;
}

#page-index .wr2 .logo .line {
    background-color: #F6B654;
    position: absolute
}

#page-index .wr2 .logo .line:nth-child(3) {
    width: 15.625rem;
    height: .125rem;
    top: 3.75rem;
    right: 0;
    -webkit-animation: line-width-3 3.5s alternate infinite;
    animation: line-width-3 3.5s alternate infinite
}

#page-index .wr2 .logo .line:last-child {
    width: 20.625rem;
    height: .125rem;
    left: 0;
    bottom: 3.75rem;
    -webkit-animation: line-width-4 2.5s alternate infinite;
    animation: line-width-4 2.5s alternate infinite
}

#page-index .wr2 .text {
    text-align: center;
    letter-spacing: .01em;
    padding-top: 2rem
}

#page-index .wr3 h2 {
    letter-spacing: .1em
}

#page-index .wr3 .chips {
    width: 39.00688rem;
    height: 37.54812rem;
    min-height: 37.54812rem;
    position: absolute;
    top: -11.75rem;
    right: -10.375rem
}

#page-index .wr3 .items .item,
#page-index .wr3 .items .item .image {
    position: relative
}

#page-index .wr3 .items .item .text p {
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 2.61rem;
    letter-spacing: .01em;
    padding-top: 2rem
}
#page-index .wr3 .items .item .text p span {
    font-weight: 700;
}

#page-index .wr3 .items .item .text p:first-child {
    padding-top: 0
}

#page-index .wr3 .items .item .image:before {
    content: "";
    width: 100%;
    height: 100%;
    border: .0625rem solid #F6B654;
    opacity: .8;
    filter: alpha(opacity=80);
    position: absolute;
    z-index: 10
}

#page-index .wr3 .items .item .image .img {
    overflow: hidden;
    position: relative
}

#page-index .wr4 .title-block,
#page-index .wr4 h2 {
    letter-spacing: .1em
}

#page-index .wr4 .chips {
    width: 56.06125rem;
    height: 42.74437rem;
    min-height: 42.74437rem;
    position: absolute;
    top: 0;
    left: -34.75rem
}

#page-index .wr4 .text,
#page-index .wr4 .numbers {
    letter-spacing: .01em
}

#page-index .wr4 .numbers span {
    display: block;
    font-family: Calmius, Arial, sans-serif;
    font-size: 3.72rem;
    line-height: 1.4;
    margin-right: 3px;
}

#page-index .wr4 .text p {
    padding-top: 2rem
}

#page-index .wr4 .text p:first-child {
    padding-top: 0
}

#page-index .wr4-2.wr4-2--remont .text p span {
    display: block;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
}

#page-index .wr4 .img .autor {
    color: #fff;
    font-family: Gilroy-Medium, Arial, sans-serif;
    text-align: right;
    position: absolute
}

#page-index .wr4 .img .autor .name {
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr4 .img .autor .post {
    font-weight: 500;
    letter-spacing: .01em;
    opacity: .4;
    filter: alpha(opacity=40);
    padding-top: .5rem
}

#page-index .wr4 .subtext {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .01em
}

#page-index .wr5 .items .item .arrows .num,
#page-index .wr5 h2 {
    font-family: Calmius, Arial, sans-serif;
    text-transform: uppercase
}

#page-index .wr4 .order-form {
    margin: 1.5rem 0 0
}

#page-index .wr5 {
    background-color: #1E1C19
}

#page-index .wr5 h2 {
    color: #fff;
    font-weight: 100;
    letter-spacing: .1em;
    position: relative;
    z-index: 10
}

#page-index .wr5 h3 {
    color: #fff;
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: relative;
    z-index: 10
}

#page-index .wr5 .only-small {
    width: 23.625rem;
    height: 11.63375rem;
    min-height: 11.63375rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .wr5 .lines .line {
    width: 7.5rem;
    height: .0625rem;
    background-color: #F6B654;
    position: absolute
}

#page-index .wr5 .chips img {
    position: absolute;
    z-index: 100
}

#page-index .wr5 .chips img:first-child {
    width: 43.15687rem;
    height: 34.34063rem;
    min-height: 34.34063rem;
    top: 25.0625rem;
    left: -16.8125rem
}

#page-index .wr5 .chips img:nth-child(2) {
    width: 37.17875rem;
    height: 39.79187rem;
    min-height: 39.79187rem;
    top: 24.625rem;
    right: -21.5rem
}

#page-index .wr5 .chips img:nth-child(3) {
    width: 57.66063rem;
    height: 50.56375rem;
    min-height: 50.56375rem;
    left: -43.0625rem;
    bottom: 39.125rem
}

#page-index .wr5 .chips img:last-child {
    width: 37.3325rem;
    height: 36.34063rem;
    min-height: 36.34063rem;
    right: -14.25rem;
    bottom: 13.375rem
}

#page-index .wr5 .chips-color img {
    position: absolute
}

#page-index .wr5 .chips-color img:nth-child(1) {
    width: 11.30188rem;
    height: 10.86125rem;
    min-height: 10.86125rem;
    top: 3.6875rem;
    left: 7.875rem;
    -webkit-animation: rustle-top-left 1.8s alternate infinite;
    animation: rustle-top-left 1.8s alternate infinite
}

#page-index .wr5 .chips-color img:nth-child(2) {
    width: 33.56688rem;
    height: 41.83rem;
    min-height: 41.83rem;
    top: 25.375rem;
    left: 8.75rem
}

#page-index .wr5 .chips-color img:nth-child(3) {
    width: 38.97438rem;
    height: 42.825rem;
    min-height: 42.825rem;
    top: 22.4375rem;
    right: 8.9375rem
}

#page-index .wr5 .chips-color img:last-child {
    width: 17.81312rem;
    height: 17.07875rem;
    min-height: 17.07875rem;
    top: 12.625rem;
    right: 3.875rem;
    z-index: 10;
    -webkit-animation: rustle-bottom-right 1.5s alternate infinite;
    animation: rustle-bottom-right 1.5s alternate infinite
}

#page-index .wr5 .subtitle {
    color: #fff;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: relative;
    z-index: 10
}

#page-index .wr5 .items {
    position: relative;
    z-index: 50
}

#page-index .wr5 .items.hidden {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#page-index .wr5 .items.hidden.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#page-index .wr5 .items .item {
    display: block;
    position: relative
}

#page-index .wr5 .items .item .image {
    position: relative
}

#page-index .wr5 .items .item .arrows .num {
    color: #F6B654;
    font-weight: 100;
    letter-spacing: .1em;
    position: relative;
    display: inline-block
}

#page-index .wr5 .items .item .arrows .num:before {
    content: "";
    width: 4rem;
    height: .0625rem;
    background-color: #F6B654;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#page-index .wr5 .items .item .arrows .more {
    color: #F6B654;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

#page-index .wr5 .items .item .arrows .more:hover {
    color: #fff
}

#page-index .wr5 .items .item .arrows .more:hover svg {
    right: -.625rem
}

#page-index .wr5 .items .item .arrows .more:hover svg path {
    stroke: #fff
}

#page-index .wr5 .items .item .arrows .more:hover svg rect {
    fill: #fff
}

#page-index .wr5 .items .item .arrows .more svg {
    width: 2.0625rem;
    height: 1.1875rem;
    min-height: 1.1875rem;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s
}

#page-index .wr5 .items .item .arrows .more svg path {
    stroke: #F6B654;
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a:hover svg path,
#page-index .wr10 .content .tab .arrows a:hover svg path,
#page-index .wr13 .gallery .arrows a:hover svg path,
#page-index .wr14 .gallery .arrows a:hover svg path,
#page-index .wr15 .pagination .arrows a:hover svg path,
#page-index .wr16 .gallery-text .pagination .arrows a:hover svg path,
#page-index .wr16 .gallery-text .pagination-small .arrows a:hover svg path,
#page-index .wr7 .pagination .arrows a:hover svg path {
    stroke: #1E1C19
}

#page-index .wr5 .items .item .arrows .more svg rect {
    fill: #F6B654;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a:hover svg rect,
#page-index .wr10 .content .tab .arrows a:hover svg rect,
#page-index .wr13 .gallery .arrows a:hover svg rect,
#page-index .wr14 .gallery .arrows a:hover svg rect,
#page-index .wr15 .pagination .arrows a:hover svg rect,
#page-index .wr16 .gallery-text .pagination .arrows a:hover svg rect,
#page-index .wr16 .gallery-text .pagination-small .arrows a:hover svg rect,
#page-index .wr7 .pagination .arrows a:hover svg rect,
.wr-contacts .content .socials a:hover svg {
    fill: #1E1C19
}

#page-index .wr5 .items .item .name {
    color: #fff;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr5 .btn-default {
    text-align: left;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#page-index .wr5 .btn-default.disabled {
    opacity: 0;
    filter: alpha(opacity=0)
}

#page-index .wr5 .btn-default img {
    width: 2.0625rem;
    height: 1.1875rem;
    min-height: 1.1875rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

#page-index .wr7 {
    z-index: 100
}

#page-index .wr7 h2 {
    font-family: Calmius, Arial, sans-serif;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr7 h3 {
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr7 .chips img {
    position: absolute;
    z-index: 99;
}

#page-index .wr7 .chips img:last-child {
    width: 35.21375rem;
    height: 36.32875rem;
    min-height: 36.32875rem;
    right: -19.75rem;
    bottom: -13rem
}

#page-index .wr7 .subtitle {
    color: #F6B654;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr10 h2,
#page-index .wr7 .items .item .img .num,
#page-index .wr7 .pagination .num,
#page-index .wr8 .content .title-block {
    font-family: Calmius, Arial, sans-serif;
    text-transform: uppercase
}

#page-index .wr7 .items .item {
    position: relative;
    outline: 0
}

#page-index .wr7 .items .item.open-gallery {
    cursor: pointer
}

#page-index .wr7 .items .item .img {
    overflow: hidden;
    position: relative
}

#page-index .wr10,
#page-index .wr8,
#page-index .wr9 {
    overflow: visible
}

#page-index .wr7 .items .item .img .num {
    color: #fff;
    font-size: 7.5rem;
    line-height: 7.5rem;
    font-weight: 100;
    letter-spacing: .1em;
    position: absolute;
    left: -.625rem;
    bottom: -1.3125rem;
    -webkit-transition: left .3s, bottom .3s;
    -o-transition: left .3s, bottom .3s;
    transition: left .3s, bottom .3s
}
#page-index .wr7.wr7--steps .items .item .img .num {
    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}

#page-index .wr7 .items .item .text {
    letter-spacing: .01em;
    padding-top: 1.5rem
}

#page-index .wr7 .pagination {
    width: 100%;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.5rem
}

#page-index .wr7 .pagination .arrows {
    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
}

#page-index .wr7 .pagination .arrows a {
    border: .0625rem solid #F6B654;
    border-radius: 4rem;
    display: block;
    position: relative;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

#page-index .wr7 .pagination .arrows a:hover {
    background-color: #F6B654
}

#page-index .wr7 .pagination .arrows a svg {
    width: 1.5625rem;
    height: 1.1875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#page-index .wr7 .pagination .arrows a svg path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

#page-index .wr7 .pagination .arrows a svg rect {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#page-index .wr7 .pagination .num {
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 100;
    letter-spacing: .1em;
    position: relative;
    top: 0
}

#page-index .wr8 {
    z-index: 100
}

#page-index .wr8 .chips img {
    position: absolute;
    z-index: 100
}

#page-index .wr8 .content {
    color: #fff
}

#page-index .wr8 .content .title-block {
    font-weight: 100;
    letter-spacing: .1em;
    text-align: center
}

#page-index .wr8 .content .line {
    width: 4rem;
    height: .0625rem;
    background-color: #F6B654;
    margin: 0 auto
}

#page-index .wr8 .content .text p {
    padding-top: 2.5rem
}

#page-index .wr9 {
    background-color: #1E1C19
}

#page-index .wr9 input:-webkit-autofill,
#page-index .wr9 input:-webkit-autofill:focus,
#page-index .wr9 input:-webkit-autofill:hover,
#page-index .wr9 select:-webkit-autofill,
#page-index .wr9 select:-webkit-autofill:focus,
#page-index .wr9 select:-webkit-autofill:hover,
#page-index .wr9 textarea:-webkit-autofill,
#page-index .wr9 textarea:-webkit-autofill:focus,
#page-index .wr9 textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 62.5rem #1E1C19 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s, border-color .3s, color .3s;
    transition: background-color 5000s ease-in-out 0s, border-color .3s, color .3s
}

#page-index .wr9 .chips {
    width: 29.64688rem;
    height: 24.8125rem;
    min-height: 24.8125rem;
    position: absolute;
    right: -11.1875rem;
    bottom: -11.0625rem
}

#page-index .wr9 .content .title-block {
    color: #fff;
    font-family: Gilroy, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr9 .content .subtitle {
    color: #F6B654;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr9 .content .text {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    padding-top: 2rem
}

#page-index .wr9 .content .order-form {
    margin: 2rem 0 0
}

#page-index .wr9 .content .order-form .btn-group .form-control {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    margin: 0
}

#page-index .wr9 .content .order-form .btn-group .form-control::-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3);
    opacity: 1;
    filter: alpha(opacity=100)
}

#page-index .wr9 .content .order-form .btn-group .form-control:-ms-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3)
}

#page-index .wr9 .content .order-form .btn-group .form-control::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3)
}

#page-index .wr9 .content .order-form .privacy-text,
#page-index .wr9 .content .order-form .privacy-text a {
    color: #fff;
    color: rgba(255, 255, 255, .3)
}

#page-index .wr9 .content .order-form .privacy-text a:hover {
    color: #fff
}

#page-index .wr10 h2 {
    font-weight: 100;
    letter-spacing: .1em
}

#page-index .wr10 h3 {
    font-family: Gilroy, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr10 .content .nav span,
#page-index .wr10 .content .tab .items .item .name {
    font-family: Gilroy-Medium, Arial, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr10 h3:before {
    content: "";
    width: 4rem;
    height: .0625rem;
    background-color: #F6B654;
    position: absolute;
    top: 1.5rem;
    left: -5.5rem
}

#page-index .wr10 .chips {
    position: absolute
}

#page-index .wr10 .content .nav {
    position: relative;
    cursor: pointer;
    padding-left: 3.5rem
}

#page-index .wr10 .content .nav.active {
    cursor: default
}

#page-index .wr10 .content .nav.active span {
    color: #1E1C19 !important;
    border-color: #1E1C19 !important
}

#page-index .wr10 .content .nav.active .circle {
    background-color: #F6B654;
    border-color: #F6B654
}

#page-index .wr10 .content .nav span {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    border-bottom: .0625rem dotted #1E1C19;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

#page-index .wr10 .content .nav .circle,
#page-index .wr10 .content .tab .pagination .pag {
    font-family: Calmius, Arial, sans-serif
}

#page-index .wr10 .content .nav .circle {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 2rem;
    line-height: 2.375rem;
    font-weight: 100;
    text-align: center;
    border: .0625rem solid #1E1C19;
    border-radius: 2.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .3s, border-color .3s;
    -o-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

#page-index .wr10 .content .nav img {
    width: 1.3125rem;
    height: .75rem;
    min-height: .75rem;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

#page-index .wr10 .content .tab {
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#page-index .wr10 .content .tab.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#page-index .wr10 .content .tab .arrows {
    width: 63.5rem;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 100
}

#page-index .wr10 .content .tab .arrows a {
    background-color: #fff;
    border: .0625rem solid #F6B654;
    border-radius: 4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

#page-index .wr10 .content .tab .arrows a:hover {
    background-color: #F6B654
}

#page-index .wr10 .content .tab .arrows a.prev {
    left: 0
}

#page-index .wr10 .content .tab .arrows a.next {
    right: 0
}

#page-index .wr10 .content .tab .arrows a svg {
    width: 1.5625rem;
    height: 1.1875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#page-index .wr10 .content .tab .arrows a svg path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

#page-index .wr10 .content .tab .arrows a svg rect {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#page-index .wr10 .content .tab .pagination .name,
#page-index .wr10 .content .tab .pagination .pag {
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 .5rem
}

#page-index .wr10 .content .tab .pagination .pag {
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#page-index .wr10 .content .tab .pagination .name {
    font-family: Gilroy, Arial, sans-serif;
    font-size: 1.125rem
}

#page-index .wr10 .content .tab .items .item {
    outline: 0
}

#page-index .wr10 .content .tab .items .item .img {
    width: 100%;
    overflow: hidden;
    position: relative
}

#page-index .wr10 .content .tab .items .item .name {
    width: auto;
    max-width: 80%;
    background-color: #1E1C19;
    color: #F6B654;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .9375rem 1.25rem
}

#page-index .wr10 .guarantee .name,
#page-index .wr10 .guarantee .text {
    font-family: Gilroy, Arial, sans-serif;
    font-weight: 300
}

#page-index .wr10 .guarantee {
    background-color: #00413D;
    color: #fff
}

#page-index .wr10 .guarantee .circle {
    width: 3.5rem;
    height: 3.5rem;
    background-color: #F6B654;
    border-radius: 3.5rem;
    position: absolute;
    top: -1.75rem
}

#page-index .wr10 .guarantee .circle img {
    width: 1.75rem;
    height: 1.75rem;
    min-height: 1.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

#page-index .wr10 .guarantee .name {
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr10 .guarantee .text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    padding-top: .5rem
}

#page-index .wr11 h2,
#page-index .wr12 .content .title-block,
#page-index .wr13 .gallery .items .item .left .name,
#page-index .wr13 .gallery .items .item .right .name,
#page-index .wr13 .pagination ul li button,
#page-index .wr14 .gallery .pagination,
#page-index .wr14 .subtitle,
#page-index .wr15 .items .item .content .num {
    font-family: Calmius, Arial, sans-serif
}

#page-index .wr11 h2 {
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr11 h3 {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 300
}

#page-index .wr11 .subtitle {
    color: #F6B654;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr11 .elements {
    position: relative
}

#page-index .wr11 .elements .lines .line {
    width: 14.6875rem;
    height: 37.0625rem;
    min-height: 37.0625rem;
    position: absolute;
    top: 0
}

#page-index .wr11 .elements .lines .line:first-child {
    left: 17.3125rem
}
#page-index .wr11.wr11--3col .elements .lines .line:first-child {
    left: 27.5125rem;
}

#page-index .wr11 .elements .lines .line:nth-child(2) {
    left: 38.625rem
}

#page-index .wr11 .elements .lines .line:last-child {
    left: 59.6875rem
}
#page-index .wr11.wr11--3col .elements .lines .line:last-child {
    left: 52.8875rem;
}

#page-index .wr11 .elements .items:last-child .item:nth-child(2) .img:before,
#page-index .wr11 .elements .items:last-child .item:nth-child(4) .img:before,
#page-index .wr11 .elements .items:nth-child(2) .item:first-child .img:before,
#page-index .wr11 .elements .items:nth-child(2) .item:nth-child(3) .img:before {
    background-color: #00413D
}
#page-index .wr11.wr11--1row .elements .items:last-child .item:nth-child(2) .img:before {
    background-color: #F6B654;
}

#page-index .wr11 .elements .items .item .img:before {
    content: "";
    background-color: #F6B654;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

#page-index .wr11 .elements .items .item .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

#page-index .wr11 .elements .items .item .text {
    letter-spacing: .01em
}

#page-index .wr11.wr11--subtext .elements .items .item .text span {
    display: block;
}

#page-index .wr12 {
    background-color: #00413D;
    overflow: visible;
    z-index: 100
}

#page-index .wr12 input:-webkit-autofill,
#page-index .wr12 input:-webkit-autofill:focus,
#page-index .wr12 input:-webkit-autofill:hover,
#page-index .wr12 select:-webkit-autofill,
#page-index .wr12 select:-webkit-autofill:focus,
#page-index .wr12 select:-webkit-autofill:hover,
#page-index .wr12 textarea:-webkit-autofill,
#page-index .wr12 textarea:-webkit-autofill:focus,
#page-index .wr12 textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 62.5rem #00413D inset;
    -webkit-transition: background-color 5000s ease-in-out 0s, border-color .3s, color .3s;
    transition: background-color 5000s ease-in-out 0s, border-color .3s, color .3s
}

#page-index .wr12 .chips img {
    position: absolute;
    z-index: 100
}

#page-index .wr12 .chips img:nth-child(2) {
    width: 48.10375rem;
    height: 41.59625rem;
    min-height: 41.59625rem;
    top: -16.5625rem;
    right: -31.1875rem
}

#page-index .wr13 .gallery .arrows a.next,
#page-index .wr14 .gallery .arrows a.next {
    right: 0
}

#page-index .wr12 .content {
    color: #fff;
    text-align: center;
    position: relative;
    margin: 0 auto
}

#page-index .wr12 .content:before {
    content: "";
    background-color: #00413D;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#page-index .wr12 .content .title-block {
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: relative;
    z-index: 20
}

#page-index .wr12 .content .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

#page-index .wr12 .content .img img {
    -webkit-animation: mymove-2 30s infinite;
    animation: mymove-2 30s infinite
}

#page-index .wr12 .content .text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    position: relative;
    z-index: 20
}

#page-index .wr12 .order-form {
    text-align: left;
    padding-top: 4rem
}

#page-index .wr12 .order-form .flex .btn-group .label {
    color: #fff
}

#page-index .wr12 .order-form .flex .btn-group .form-control {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    margin: 0
}

#page-index .wr12 .order-form .flex .btn-group .form-control::-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3);
    opacity: 1;
    filter: alpha(opacity=100)
}

#page-index .wr12 .order-form .flex .btn-group .form-control:-ms-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3)
}

#page-index .wr12 .order-form .flex .btn-group .form-control::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3)
}

#page-index .wr12 .order-form .privacy-text,
#page-index .wr12 .order-form .privacy-text a {
    color: #fff;
    color: rgba(255, 255, 255, .3)
}

#page-index .wr12 .order-form .privacy-text a:hover {
    color: #fff
}

#page-index .wr12 .subtext {
    color: #fff;
    color: rgba(255, 255, 255, .4);
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    text-align: center
}

#page-index .wr13 .title-block {
    letter-spacing: .1em
}

#page-index .wr13 .gallery {
    position: relative
}

#page-index .wr13 .gallery .arrows {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 100
}

#page-index .wr13 .gallery .arrows a {
    background-color: #fff;
    border: .0625rem solid #F6B654;
    border-radius: 4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

#page-index .wr13 .gallery .arrows a:hover {
    background-color: #F6B654
}

#page-index .wr13 .gallery .arrows a.prev {
    left: 0
}

#page-index .wr13 .gallery .arrows a svg {
    width: 1.5625rem;
    height: 1.1875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#page-index .wr13 .gallery .arrows a svg path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

#page-index .wr13 .gallery .arrows a svg rect {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#page-index .wr13 .gallery .items .item {
    outline: 0
}

#page-index .wr13 .gallery .items .item .left,
#page-index .wr13 .gallery .items .item .right {
    position: relative
}

#page-index .wr13 .gallery .items .item .left:before,
#page-index .wr13 .gallery .items .item .right:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #1e1c19;
    background-color: rgba(30, 28, 25, .25);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

#page-index .wr13 .gallery .items .item .left .name,
#page-index .wr13 .gallery .items .item .right .name {
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: absolute;
    z-index: 30
}

#page-index .wr13 .gallery .items .item .left .name {
    background-color: #00413D;
    color: #F6B654
}

#page-index .wr13 .gallery .items .item .right .name {
    background-color: #F6B654
}

#page-index .wr13 .pagination {
    padding-top: 2.5rem
}

#page-index .wr13 .pagination ul {
    width: 100%;
    text-align: center
}

#page-index .wr13 .pagination ul li {
    width: 2.5rem;
    height: 2.5rem;
    font-weight: 100;
    border: .0625rem solid transparent;
    border-radius: 2.5rem;
    display: inline-block;
    cursor: pointer;
    margin: 0 .1875rem;
    -webkit-transition: background-color .3s, color .3s, border-color .3s;
    -o-transition: background-color .3s, color .3s, border-color .3s;
    transition: background-color .3s, color .3s, border-color .3s
}

#page-index .wr13 .pagination ul li:hover {
    border-color: #F6B654
}

#page-index .wr13 .pagination ul li.slick-active {
    background-color: #F6B654;
    color: #1E1C19;
    cursor: default
}

#page-index .wr13 .pagination ul li button {
    font-size: 2rem;
    line-height: 2.375rem;
    background-color: transparent;
    border: 0;
    outline: 0;
    position: relative
}

#page-index .wr14 {
    background: #1E1C19;
    overflow: visible
}

#page-index .wr14 h2 {
    color: #fff;
    letter-spacing: .1em
}

#page-index .wr14 .only-small {
    width: 23.4375rem;
    height: 11.75875rem;
    min-height: 11.75875rem;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .wr14 .dots .dot {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 1.25rem;
    position: absolute
}

#page-index .wr14 .dots .dot:first-child {
    background-color: #F6B654;
    top: 54.125rem;
    left: 3.125rem;
    -webkit-animation: rustle-top-left .8s alternate infinite;
    animation: rustle-top-left .8s alternate infinite
}

#page-index .wr14 .dots .dot:last-child {
    background-color: #00413D;
    top: 10.625rem;
    right: 11.0625rem;
    -webkit-animation: rustle-top-right 1.3s alternate infinite;
    animation: rustle-top-right 1.3s alternate infinite
}

#page-index .wr14 .lines .line {
    width: 7.5rem;
    height: .0625rem;
    background-color: #F6B654;
    position: absolute
}

#page-index .wr14 .chips img {
    position: absolute;
    z-index: 100
}

#page-index .wr14 .chips img:first-child {
    width: 13.59688rem;
    height: 16.09rem;
    min-height: 16.09rem;
    top: 5.4375rem;
    left: -4.875rem;
    -webkit-animation: rustle-bottom-left 1s alternate infinite;
    animation: rustle-bottom-left 1s alternate infinite
}

#page-index .wr14 .chips img:nth-child(2) {
    width: 24.84562rem;
    height: 31.06rem;
    min-height: 31.06rem;
    top: -2.375rem;
    right: 15.375rem;
    -webkit-animation: rustle-bottom-right 1.5s alternate infinite;
    animation: rustle-bottom-right 1.5s alternate infinite
}

#page-index .wr14 .chips img:nth-child(3) {
    width: 14.70813rem;
    height: 11.85125rem;
    min-height: 11.85125rem;
    top: -3.8125rem;
    right: 9.375rem;
    -webkit-animation: rustle-top-right 1.7s alternate infinite;
    animation: rustle-top-right 1.7s alternate infinite
}

#page-index .wr14 .chips img:nth-child(4) {
    width: 31.14813rem;
    height: 30.52rem;
    min-height: 30.52rem;
    top: 11.3125rem;
    right: 3.5rem
}

#page-index .wr14 .chips img:last-child {
    width: 21.69937rem;
    height: 19.35438rem;
    min-height: 19.35438rem;
    left: -21.25rem;
    bottom: 7.625rem
}

#page-index .wr14 .subtitle {
    color: #fff;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr14 .text {
    color: #fff;
    letter-spacing: .01em
}

#page-index .wr14 .text p {
    padding-top: 2rem
}

#page-index .wr14 .text p:first-child {
    padding-top: 0
}

#page-index .wr14 .gallery {
    position: relative
}

#page-index .wr14 .gallery .slick-list {
    overflow: visible !important
}

#page-index .wr14 .gallery .pagination {
    color: #fff;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: absolute;
    top: -.6875rem;
    left: 15rem
}

#page-index .wr14 .gallery .arrows {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100
}

#page-index .wr14 .gallery .arrows a {
    border: .0625rem solid #F6B654;
    border-radius: 4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s, background-color .3s;
    -o-transition: opacity .3s, background-color .3s;
    transition: opacity .3s, background-color .3s
}

#page-index .wr14 .gallery .arrows a.slick-disabled {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: default
}

#page-index .wr14 .gallery .arrows a:hover {
    background-color: #F6B654
}

#page-index .wr14 .gallery .arrows a.prev {
    left: 0
}

#page-index .wr14 .gallery .arrows a svg {
    width: 1.5625rem;
    height: 1.1875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#page-index .wr14 .gallery .arrows a svg path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

#page-index .wr14 .gallery .arrows a svg rect {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#page-index .wr14 .gallery .items .item {
    outline: 0
}

#page-index .wr14 .gallery .items .item .img {
    position: relative
}

#page-index .wr14 .gallery .items .item .img:before {
    content: "";
    width: 100%;
    height: 100%;
    border: .0625rem solid #F6B654;
    position: absolute;
    z-index: 10;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#page-index .wr14 .gallery .items .item .img:after {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#1e1c19), to(#1e1c19));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(30, 28, 25, .15)), to(rgba(30, 28, 25, .15)));
    background: -o-linear-gradient(bottom, rgba(30, 28, 25, .15), rgba(30, 28, 25, .15));
    background: linear-gradient(0deg, rgba(30, 28, 25, .15), rgba(30, 28, 25, .15));
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#page-index .wr15 .pagination .arrows a,
.wr-contacts .content .socials a {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s
}

#page-index .wr14 .gallery .items .item .name {
    color: #fff;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr15 h2 {
    letter-spacing: .1em
}

#page-index .wr15 .items .item {
    position: relative
}

#page-index .wr15 .items .item .content h3 {
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr15 .items .item .content .num {
    color: #F6B654;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: relative
}

#page-index .wr15 .items .item .content .num:before {
    content: "";
    width: 4rem;
    height: .0625rem;
    background-color: #F6B654;
    position: absolute;
    top: 50%;
    right: -5.0625rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#page-index .wr15 .items .item .content .text {
    letter-spacing: .01em
}

#page-index .wr15 .pagination {
    width: 100%;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.5rem
}

#page-index .wr15 .pagination .arrows {
    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
}

#page-index .wr15 .pagination .arrows a {
    border: .0625rem solid #F6B654;
    border-radius: 4rem;
    display: block;
    position: relative;
    transition: background-color .3s
}

#page-index .wr15 .pagination .arrows a:hover {
    background-color: #F6B654
}

#page-index .wr15 .pagination .arrows a svg {
    width: 1.5625rem;
    height: 1.1875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#page-index .wr15 .pagination .num,
#page-index .wr16 h2 {
    font-family: Calmius, Arial, sans-serif;
    position: relative;
    letter-spacing: .1em;
    font-weight: 100
}

#page-index .wr15 .pagination .arrows a svg path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

#page-index .wr15 .pagination .arrows a svg rect {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#page-index .wr15 .pagination .num {
    font-size: 2.5rem;
    line-height: 3rem;
    text-transform: uppercase;
    top: 0
}

#page-index .wr16 {
    overflow: visible;
    z-index: 100
}

#page-index .wr16 .chips img {
    position: absolute;
    z-index: 100
}

#page-index .wr16 .chips img:last-child {
    width: 54.45813rem;
    height: 44.59625rem;
    min-height: 44.59625rem;
    top: -30.625rem;
    right: -22.375rem
}

#page-index .wr16 .position .title {
    letter-spacing: .1em;
    text-transform: uppercase;
    position: relative
}

#page-index .wr16 .position .title .quot {
    display: inline-block
}

#page-index .wr16 .position .title .quot svg {
    width: 1.5rem;
    height: 1.375rem;
    min-height: 1.375rem
}

#page-index .wr16 .position .title .quot svg:last-child {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#page-index .wr16 .position .subtitle {
    color: #F6B654;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr16 .gallery-img .items .item {
    outline: 0
}

#page-index .wr16 .gallery-img .items .item .img {
    position: relative
}

#page-index .wr16 .gallery-img .items .item .img:before {
    content: "";
    width: 100%;
    height: 100%;
    border: .0625rem solid #F6B654;
    opacity: .8;
    filter: alpha(opacity=80);
    position: absolute;
    z-index: 10
}

#page-index .wr16 .gallery-text {
    position: relative;
}
#page-index .wr16.wr16--projects .gallery-text {
    z-index: 101;
}

#page-index .wr16 .gallery-text .items .item {
    outline: 0
}

#page-index .wr16 .gallery-text .items .item .text {
    font-family: Gilroy-Italic, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    position: relative
}

#page-index .wr16 .gallery-text .items .item .text p {
    padding-top: 1.5rem
}

#page-index .wr16 .gallery-text .items .item .text p:first-child {
    padding-top: 0
}

#page-index .wr16 .gallery-text .items .item .text p span {
    font-family: Gilroy-Bold, Arial, sans-serif
}

#page-index .wr16 .gallery-text .items .item .quot svg {
    width: 1.5rem;
    height: 1.375rem;
    min-height: 1.375rem;
    position: absolute
}

#page-index .wr16 .gallery-text .items .item .quot svg:first-child {
    top: -3rem;
    left: 0
}

#page-index .wr16 .gallery-text .items .item .quot svg:last-child {
    right: 0;
    bottom: -3rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#page-index .wr16 .gallery-text .items .item .autor {
    position: relative;
    margin-top: 5.625rem
}
#page-index .wr16.wr16--projects .gallery-text .items .item .autor {
    margin: 0 0 2rem;
}

#page-index .wr16 .gallery-text .items .item .autor img {
    border-radius: 12.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#page-index .wr16 .gallery-text .items .item .autor span {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr16 .gallery-text .pagination,
#page-index .wr16 .gallery-text .pagination-small {
    width: 100%;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#page-index .wr16 .gallery-text .pagination .arrows,
#page-index .wr16 .gallery-text .pagination-small .arrows {
    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
}

#page-index .wr16 .gallery-text .pagination .arrows a,
#page-index .wr16 .gallery-text .pagination-small .arrows a {
    border: .0625rem solid #F6B654;
    border-radius: 4rem;
    display: block;
    position: relative;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

#page-index .wr16 .gallery-text .pagination .arrows a:hover,
#page-index .wr16 .gallery-text .pagination-small .arrows a:hover {
    background-color: #F6B654
}

#page-index .wr16 .gallery-text .pagination .arrows a svg,
#page-index .wr16 .gallery-text .pagination-small .arrows a svg {
    width: 1.5625rem;
    height: 1.1875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#page-index .wr16 .gallery-text .pagination .arrows a svg path,
#page-index .wr16 .gallery-text .pagination-small .arrows a svg path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

#page-index .wr16 .gallery-text .pagination .arrows a svg rect,
#page-index .wr16 .gallery-text .pagination-small .arrows a svg rect {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#page-index .wr16 .gallery-text .pagination .num,
#page-index .wr16 .gallery-text .pagination-small .num {
    font-family: Calmius, Arial, sans-serif;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: relative;
    top: 0
}

#page-index .wr16 .gallery-text .pagination {
    position: absolute;
    top: 0;
    left: 0
}

#page-index .wr17 {
    background-color: #1E1C19;
    overflow: visible
}
#page-index .wr17.wr17--r {
    padding-top: 9rem;
}

#page-index .wr17 .title-block {
    color: #fff;
    font-family: Calmius, Arial, sans-serif;
    font-weight: 100;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: absolute;
    z-index: 120
}

#page-index .wr17 input:-webkit-autofill,
#page-index .wr17 input:-webkit-autofill:focus,
#page-index .wr17 input:-webkit-autofill:hover,
#page-index .wr17 select:-webkit-autofill,
#page-index .wr17 select:-webkit-autofill:focus,
#page-index .wr17 select:-webkit-autofill:hover,
#page-index .wr17 textarea:-webkit-autofill,
#page-index .wr17 textarea:-webkit-autofill:focus,
#page-index .wr17 textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 62.5rem #1E1C19 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s, border-color .3s, color .3s;
    transition: background-color 5000s ease-in-out 0s, border-color .3s, color .3s
}

#page-index .wr17 .chips img {
    position: absolute;
    z-index: 100
}

#page-index .wr17 .chips img:first-child {
    width: 12.98062rem;
    height: 12.75rem;
    min-height: 12.75rem;
    top: 37.5rem;
    left: 36.5rem;
    -webkit-animation: rustle-top-left .8s alternate infinite;
    animation: rustle-top-left .8s alternate infinite
}

#page-index .wr17 .chips img:nth-child(2) {
    width: 15rem;
    height: 25.77062rem;
    min-height: 19.52062rem;
    top: 15.625rem;
    left: 40.375rem;
    -webkit-animation: rustle-top-bottom 1.8s alternate infinite;
    animation: rustle-top-bottom 1.8s alternate infinite
}

#page-index .wr17 .chips img:nth-child(3) {
    width: 25.4875rem;
    height: 37.5rem;
    min-height: 31.1275rem;
    top: 14.3125rem;
    right: -10.375rem;
    -webkit-animation: rustle-top-right 1.3s alternate infinite;
    animation: rustle-top-right 1.3s alternate infinite
}

#page-index .wr17 .chips img:last-child {
    width: 40.95625rem;
    height: 28.26687rem;
    min-height: 28.26687rem;
    right: 14.5rem;
    bottom: -9.5625rem;
    z-index: 130
}

#page-index .wr17 .subtext {
    color: #fff;
    letter-spacing: .01em
}

#page-index .wr17 .project-text {
    display: flex;
}

#page-index .wr17 .project-block {
    display: flex;
    flex-direction: column;
    gap: 1.24rem;
}

#page-index .wr17 .project-text p {
    color: #fff;
    opacity: 0.8;
}
#page-index .wr17 .project-text p:first-child {
    opacity: 1;
}

#page-index .wr17.wr17--r .btn-default {
    display: inline-block;
    width: auto;
    padding: 0.8rem 1.6rem;
    margin: 0;
}

#page-index .wr17 .text {
    color: #fff;
    opacity: .6;
    padding-top: 2rem
}
#page-index .wr17.wr17--r .text {
    opacity: 1;
}

#page-index .wr17 .order-form {
    text-align: left
}

#page-index .wr17 .order-form .btn-group .label {
    color: #fff
}

#page-index .wr17 .order-form .btn-group .form-control {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

#page-index .wr17 .order-form .btn-group .form-control::-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3);
    opacity: 1;
    filter: alpha(opacity=100)
}

#page-index .wr17 .order-form .btn-group .form-control:-ms-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3)
}

#page-index .wr17 .order-form .btn-group .form-control::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .3)
}

#page-index .wr17 .order-form .btn-group textarea {
    height: 12.25rem;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#page-index .wr17 .order-form .btn-group textarea.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#page-index .wr17 .order-form .btn-group .more {
    color: #F6B654;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    display: inline-block;
    border-bottom: .0625rem dotted #F6B654;
    margin-bottom: .5rem;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

#page-index .wr17 .order-form .btn-group .more:hover {
    color: #fff;
    border-color: #fff
}

#page-index .wr17 .order-form .btn-group .btn-default {
    width: 14.5rem;
    padding-left: 0;
    padding-right: 0;
    margin: 3rem 0 0
}

#page-index .wr17 .order-form .privacy-text,
#page-index .wr17 .order-form .privacy-text a {
    color: #fff;
    color: rgba(255, 255, 255, .3)
}

#page-index .wr17 .order-form .privacy-text a:hover {
    color: #fff
}

#page-index .wr18 .chips img {
    position: absolute;
    z-index: 100
}

#page-index .wr18 .chips img:last-child {
    width: 27.125rem;
    height: 31.1875rem;
    min-height: 31.1875rem;
    top: 5.8125rem;
    right: -19.1875rem
}

#page-index .wr18 .flex .content h2 span {
    display: block;
    letter-spacing: .1em
}

#page-index .wr18 .flex .content h2 span:nth-child(2) {
    font-family: Calmius, Arial, sans-serif;
    font-weight: 100
}

#page-index .wr18 .flex .content h2 span:last-child {
    color: #F6B654;
    font-family: Gilroy-Medium, Arial, sans-serif;
    margin-top: 0
}

#page-index .wr18 .flex .content .text {
    letter-spacing: .01em
}

#page-index .wr18 .flex .img .text,
#page-index .wr18 .flex .only-small .text,
#page-portfolio .wr1 .back {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-index .wr18 .flex .content .text p {
    padding-top: 1.5rem
}

#page-index .wr18 .flex .content .text p:first-child {
    padding-top: 0
}

#page-index .wr18 .flex .only-small img {
    width: 21rem;
    height: 19.6875rem;
    min-height: 19.6875rem
}
#page-index .wr18.wr18--team .flex .only-small img {
    height: auto;
    min-height: auto;
}

#page-index .wr18 .flex .only-small .text {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 1rem
}

#page-index .wr18 .flex .img {
    width: 60rem;
    position: relative;
    overflow: hidden
}

#page-index .wr18 .flex .img .image {
    width: 60rem;
    height: 56.25rem;
    min-height: 56.25rem
}
#page-index .wr18.wr18--team .flex .img .image {
    height: auto;
    min-height: auto;
}

#page-index .wr18 .flex .img .logo {
    width: 37.8125rem;
    height: 15.1875rem;
    position: absolute;
    left: -.0625rem;
    bottom: -.0625rem
}
#page-index .wr18.wr18--team .flex .img .logo {
    left: -.0625rem;
    bottom: 1rem;
}

#page-index .wr18 .flex .img .logo img {
    position: absolute;
    bottom: -2.5rem;
    width: 100%;
    height: auto;
}

#page-index .wr18 .flex .img .logo .line {
    background-color: #F6B654;
    position: absolute
}

#page-index .wr18 .flex .img .logo .line:nth-child(3) {
    width: 15.625rem;
    height: .125rem;
    top: 3.75rem;
    right: 0;
    -webkit-animation: line-width-3 3.5s alternate infinite;
    animation: line-width-3 3.5s alternate infinite
}

#page-index .wr18 .flex .img .logo .line:last-child {
    width: 20.625rem;
    height: .125rem;
    left: 0;
    bottom: 3.75rem;
    -webkit-animation: line-width-4 2.5s alternate infinite;
    animation: line-width-4 2.5s alternate infinite
}

#page-index .wr18 .flex .img .text {
    width: 15.3125rem;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.5rem;
    position: absolute;
    left: 22.5rem;
    bottom: 14.375rem
}
#page-index .wr18.wr18--team .flex .img .text {
    left: 38.5rem;
    bottom: 7.3rem;
}

#page-portfolio .wr1 {
    background-color: #1E1C19;
    text-align: center
}

#page-portfolio .wr1 h1 {
    color: #fff;
    padding-top: 2rem
}

#page-portfolio .wr1 .back {
    color: #F6B654;
    line-height: 1.25rem;
    text-align: right;
    display: inline-block;
    position: relative;
    padding-left: 2.625rem
}

#page-portfolio .wr1 .back:hover {
    color: #fff
}

#page-portfolio .wr1 .back:hover svg {
    left: -.3125rem
}

#page-portfolio .wr1 .back:hover svg path {
    stroke: #fff
}

#page-portfolio .wr1 .back:hover svg rect {
    fill: #fff
}

#page-portfolio .wr1 .back svg {
    width: 2.0625rem;
    height: 1.1875rem;
    min-height: 1.1875rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s
}

#page-portfolio .wr1 .back svg path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

#page-portfolio .wr1 .back svg rect {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#page-portfolio .wr2 {
    overflow: visible;
    z-index: 100
}

#page-portfolio .wr2 .chips img {
    position: absolute;
    z-index: 100
}

#page-portfolio .wr2 .chips img:first-child {
    width: 57.66063rem;
    height: 50.50125rem;
    min-height: 50.50125rem;
    top: -28.25rem;
    left: -20.75rem
}

#page-portfolio .wr2 .chips img:last-child {
    width: 20.72625rem;
    height: 17.51687rem;
    min-height: 17.51687rem;
    top: -12.75rem;
    right: -9.625rem
}

#page-portfolio .wr2 .picture {
    text-align: center;
    margin: 5rem auto 0
}

#page-portfolio .wr2 .picture .img {
    position: relative
}

#page-portfolio .wr2 .picture .img:before {
    content: "";
    width: 100%;
    height: 100%;
    border: .0625rem solid #F6B654;
    position: absolute;
    z-index: 10
}

#page-portfolio .wr2 .picture .img .i {
    overflow: hidden
}

#page-portfolio .wr2 .picture .img .i img {
    width: 100%;
    -webkit-animation: mymove-2 30s infinite;
    animation: mymove-2 30s infinite
}

#page-portfolio .wr2 .picture span {
    color: #A5A4A3;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    display: block
}

#page-portfolio .wr2 .text:before {
    content: "";
    width: 100vw;
    height: 100%;
    border: .375rem solid #F6B654;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-portfolio .wr2 .text p {
    padding-top: 2rem
}

#page-portfolio .wr2 .text .line {
    width: 4rem;
    height: .0625rem;
    background-color: #F6B654;
    margin: 3rem auto 1rem
}

#page-portfolio .wr2 .portfolio .image:first-child,
.wr-calculator .order-form .function .content .steps .step .answers .answer:first-child {
    margin-top: 0
}

#page-portfolio .wr2 .portfolio .image .img {
    width: 100% !important;
    height: auto !important;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-portfolio .wr2 .portfolio .image .img:before {
    content: "";
    width: 100%;
    height: 100%;
    border: .0625rem solid #F6B654;
    position: absolute;
    z-index: 10
}

#page-portfolio .wr2 .portfolio .image .img .i {
    overflow: hidden
}

#page-portfolio .wr2 .portfolio .image .img .i img {
    width: 100% !important;
    height: auto !important;
    -webkit-animation: mymove-2 30s infinite;
    animation: mymove-2 30s infinite
}

#page-portfolio .wr2 .portfolio .image span {
    color: #A5A4A3;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    display: block
}

#page-portfolio .wr-contacts .content h2 {
    font-family: Gilroy, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: relative
}

#page-thanks .wr-thanks .back,
#page-thanks .wr-thanks .wa,
#page-thanks .wr-thanks .tg-btn {
    font-family: Gilroy-Medium, Arial, sans-serif;
    line-height: 1.25rem;
    text-transform: uppercase
}

#page-portfolio .wr-contacts .content h2:before {
    content: "";
    width: 6rem;
    height: .0625rem;
    background-color: #F6B654;
    position: absolute
}

#page-portfolio .wr-contacts .content .subtext {
    position: relative;
    letter-spacing: .01em
}

#page-portfolio .wr-contacts .content .subtext:before {
    content: "";
    width: 6rem;
    height: .0625rem;
    background-color: #F6B654;
    position: absolute
}

#page-portfolio .wr-contacts .content .socials a {
    height: 14rem
}

#page-thanks {
    background-color: #1E1C19;
    min-height: 100vh
}

#page-thanks .wr-thanks {
    text-align: center
}

#page-thanks .wr-thanks .back {
    color: #F6B654;
    font-weight: 500;
    text-align: right;
    letter-spacing: .1em;
    display: inline-block;
    position: relative;
    padding-left: 2.625rem;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

#page-thanks .wr-thanks .back:hover {
    color: #fff
}

#page-thanks .wr-thanks .back:hover svg {
    left: -.3125rem
}

#page-thanks .wr-thanks .back:hover svg path {
    stroke: #fff
}

#page-thanks .wr-thanks .back:hover svg rect {
    fill: #fff
}

#page-thanks .wr-thanks .back svg {
    width: 2.0625rem;
    height: 1.1875rem;
    min-height: 1.1875rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s
}

#page-thanks .wr-thanks .back svg path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

#page-thanks .wr-thanks .back svg rect {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#page-thanks .wr-thanks .title {
    color: #fff;
    font-family: Calmius, Arial, sans-serif;
    font-weight: 100;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase
}

#page-thanks .wr-thanks .line {
    width: 4rem;
    height: .0625rem;
    background-color: #F6B654;
    margin: 0 auto
}

#page-thanks .wr-thanks .text {
    color: #fff;
    text-align: center;
    letter-spacing: .01em;
    padding-top: 2.5rem
}

#page-thanks .wr-thanks .wa,
#page-thanks .wr-thanks .tg-btn {
    width: 18.125rem;
    color: #F6B654;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .1em;
    position: relative;
    display: none;
    padding-left: 4rem;
    margin-top: 2.5rem
}

.wr-phone .socials a.phone,
h1 {
    color: #fff
}

.wr-header .links .phone .open-callback span,
body {
    font-family: Gilroy, Arial, sans-serif
}

#page-thanks .wr-thanks .wa svg,
#page-thanks .wr-thanks .tg-btn svg {
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    fill: #F6B654;
    position: absolute;
    top: 50%;
    left: 2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wr,
.wr .block {
    width: 100%;
    position: relative;
    margin: 0 auto
}

#page-thanks .wr-more {
    background-color: #fff;
    display: none
}

#page-thanks .wr-more .text {
    letter-spacing: .01em
}

#page-thanks .wr-form {
    background-color: #fff;
    display: none
}

#page-thanks .wr-footer {
    border-top: .0625rem solid rgba(255, 255, 255, .1)
}

html {
    box-sizing: border-box
}

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

body {
    color: #1E1C19
}

.wr {
    overflow: hidden;
    z-index: 99
}

.wr .block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#gmap,
.bg {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}

h1 {
    font-family: Calmius, Arial, sans-serif;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1em
}

.privacy-text,
.wr-header .links .phone,
.wr-header .links .wa,
.wr-header .links .tg-btn,
.wr-header .option .menu,
.wr-header .option .text {
    font-family: Gilroy-Medium, Arial, sans-serif
}

.title-block,
h2 {
    font-weight: 300;
    text-transform: uppercase
}

#gmap {
    z-index: -1
}

.bg {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    display: block;
    user-select: none;
    pointer-events: none;
    z-index: 0
}

.privacy-text {
    color: #1e1c19;
    color: rgba(30, 28, 25, .4);
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    text-align: left;
    padding-top: 1rem
}

.privacy-text a {
    color: #1e1c19;
    color: rgba(30, 28, 25, .4);
    display: inline-block;
    position: relative;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.privacy-text a:hover {
    color: #1e1c19
}

.flare {
    width: 100%;
    height: 100%;
    border-radius: 62.5rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

.flare:before {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6b654), color-stop(50%, #f6b654), to(#f6b654));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 182, 84, 0)), color-stop(50%, rgba(246, 182, 84, .7)), to(rgba(246, 182, 84, 0)));
    background: -o-linear-gradient(top, rgba(246, 182, 84, 0), rgba(246, 182, 84, .7) 50%, rgba(246, 182, 84, 0));
    background: linear-gradient(to bottom, rgba(246, 182, 84, 0), rgba(246, 182, 84, .7) 50%, rgba(246, 182, 84, 0));
    -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
    -ms-transform: rotate(60deg) translate(-5em, 7.5em);
    transform: rotateZ(60deg) translate(-5em, 7.5em);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-animation: sheens 3s infinite;
    animation: sheens 3s infinite
}

.test-img,
.wr-phone {
    position: fixed;
    left: 0
}

@-webkit-keyframes sheens {
    0%,
    79% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
        transform: rotateZ(60deg) translate(-5em, 7.5em)
    }
    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
        transform: rotateZ(60deg) translate(-5em, 7.5em)
    }
    95% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateZ(60deg) translate(1em, -11em);
        transform: rotateZ(60deg) translate(1em, -11em)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: rotateZ(60deg) translate(1em, -9em);
        transform: rotateZ(60deg) translate(1em, -9em)
    }
}

@keyframes sheens {
    0%,
    79% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
        transform: rotateZ(60deg) translate(-5em, 7.5em)
    }
    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
        transform: rotateZ(60deg) translate(-5em, 7.5em)
    }
    95% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateZ(60deg) translate(1em, -11em);
        transform: rotateZ(60deg) translate(1em, -11em)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: rotateZ(60deg) translate(1em, -9em);
        transform: rotateZ(60deg) translate(1em, -9em)
    }
}

@-webkit-keyframes mymove {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes mymove {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes mymove-2 {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes mymove-2 {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes mymove-3 {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes mymove-3 {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(246, 182, 84, .4);
        box-shadow: 0 0 0 0 rgba(246, 182, 84, .4)
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(246, 182, 84, 0);
        box-shadow: 0 0 0 10px rgba(246, 182, 84, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(246, 182, 84, 0);
        box-shadow: 0 0 0 0 rgba(246, 182, 84, 0)
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(246, 182, 84, .4);
        box-shadow: 0 0 0 0 rgba(246, 182, 84, .4)
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(246, 182, 84, 0);
        box-shadow: 0 0 0 10px rgba(246, 182, 84, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(246, 182, 84, 0);
        box-shadow: 0 0 0 0 rgba(246, 182, 84, 0)
    }
}

.test-img {
    width: 100%;
    height: auto;
    display: block;
    visibility: hidden;
    top: 0;
    z-index: -10
}

.wr-phone {
    width: 100%;
    height: 3.5rem;
    background: #00413D;
    bottom: 0;
    z-index: 800;
    -webkit-transition: bottom .3s;
    -o-transition: bottom .3s;
    transition: bottom .3s
}

.wr-phone.close,
.wr-phone.closet {
    bottom: -3.75rem
}

.wr-phone .socials a {
    width: 50%;
    height: 3.5rem;
    font-size: 1rem;
    line-height: 3.5rem;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    display: block;
    position: relative;
    float: left
}

.wr-phone .socials a span svg,
.wr-phone .socials a.phone:before {
    height: 1.5rem;
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-50%)
}

.wr-phone .socials a.phone:before {
    content: "";
    width: .0625rem;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wr-phone .socials a span {
    color: #F6B654;
    position: relative;
    padding-left: 2rem
}

.wr-phone .socials a span svg {
    width: 1.5rem;
    fill: #F6B654;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.wr-header {
    width: 100%;
    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;
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 800;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: background-color .3s, padding-top .3s, padding-bottom .3s;
    -o-transition: background-color .3s, padding-top .3s, padding-bottom .3s;
    transition: background-color .3s, padding-top .3s, padding-bottom .3s
}

.wr-header:after,
.wr-header:before {
    content: "";
    background-color: #1E1C19;
    width: 50vw;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.wr-header:before {
    right: 50vw
}

.wr-header:after {
    left: 50vw
}

.wr-header.fixed {
    background-color: #1E1C19;
    -webkit-box-shadow: 0 .25rem 1rem rgba(255, 255, 255, .01);
    box-shadow: 0 .25rem 1rem rgba(255, 255, 255, .01);
    padding-top: 1rem;
    padding-bottom: 1rem
}

.wr-header.fixed:after,
.wr-header.fixed:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

.wr-header.no-lang .option .language {
    display: none
}

.wr-header .option {
    width: 36.25rem;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10
}

.wr-header .option .menu {
    width: 5.625rem;
    height: 1.25rem;
    color: #F6B654;
    font-size: 1rem;
    line-height: 1.3125rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: right;
    position: relative;
    cursor: pointer;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.wr-header .option .menu:hover {
    color: #fff
}

.wr-header .option .menu:hover .lines .line {
    background-color: #fff
}

.wr-header .option .menu:hover .lines .line:first-child {
    top: -.1875rem
}

.wr-header .option .menu:hover .lines .line:nth-child(2) {
    width: 100%
}

.wr-header .option .menu:hover .lines .line:last-child {
    bottom: -.1875rem
}

.wr-header .option .menu .lines {
    width: 1.5rem;
    height: 1.25rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wr-header .option .menu .lines .line {
    width: 100%;
    height: .0625rem;
    background-color: #F6B654;
    position: absolute;
    -webkit-transition: width .3s, background-color .3s, top .3s, bottom .3s;
    -o-transition: width .3s, background-color .3s, top .3s, bottom .3s;
    transition: width .3s, background-color .3s, top .3s, bottom .3s
}

.wr-header .option .menu .lines .line:first-child {
    top: 0
}

.wr-header .option .menu .lines .line:nth-child(2) {
    width: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wr-header .option .menu .lines .line:last-child {
    bottom: 0
}

.wr-header .option .text {
    width: 20.75rem;
    color: #fff;
    color: rgba(255, 255, 255, .5);
    font-size: .625rem;
    line-height: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em
}

.wr-header .option .text span {
    color: #fff
}

.wr-header .links .wa,
.wr-header .links .tg-btn,
.wr-header .option .language a {
    color: #F6B654;
    line-height: 1.25rem;
    text-transform: uppercase
}

.wr-header .option .language {
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wr-header .option .language a {
    font-size: 1rem;
    letter-spacing: .1em;
    display: inline-block;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.wr-header .option .language a:hover {
    color: #fff
}

.wr-header .option .language a.active {
    color: #fff;
    color: rgba(255, 255, 255, .5);
    cursor: default
}

.wr-header .logo,
.wr-header .logo-link {
    width: 6.25rem;
    height: 2.5rem;
    min-height: 2.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.wr-header .logo-link {
    display: block
}

.wr-header .logo-link .logo {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.wr-header .logo-link:hover .logo {
    opacity: .7;
    filter: alpha(opacity=70)
}

.wr-header .links {
    width: 36.9375rem;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10
}

.wr-header .links a {
    display: inline-block;
    letter-spacing: .1em
}

.wr-header .links .wa,
.wr-header .links .tg-btn {
    width: 7.9375rem;
    height: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: right;
    position: relative;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.wr-header .links .wa::before,
.wr-header .links .tg-btn::before {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1.25rem;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.wr-header .links .wa:hover,
.wr-header .links .tg-btn:hover {
    color: #fff
}

.wr-header .links .wa:hover svg,
.wr-header .links .tg-btn:hover svg {
    fill: #fff
}

.wr-header .links .wa svg,
.wr-header .links .tg-btn svg {
    fill: #F6B654;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.wr-header .links .phone {
    color: #F6B654;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-transform: uppercase;
    position: relative
}

.wr-header .links .phone:hover .open-callback {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    top: 1.875rem
}

.wr-header .links .phone .open-callback {
    width: 10.3125rem;
    background-color: #1E1C19;
    text-align: center;
    border: .0625rem solid #fff;
    border: .0625rem solid rgba(255, 255, 255, .1);
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    top: 2.5rem;
    left: 50%;
    padding: .625rem 0 1rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .3s, visibility .3s, top .3s;
    -o-transition: opacity .3s, visibility .3s, top .3s;
    transition: opacity .3s, visibility .3s, top .3s
}

.wr-header .links .phone .open-callback:after,
.wr-header .links .phone .open-callback:before {
    content: "";
    background-color: #1E1C19;
    position: absolute;
    left: 50%;
    -webkit-transform: rotate(-45deg) translateX(-50%);
    -ms-transform: rotate(-45deg) translateX(-50%);
    transform: rotate(-45deg) translateX(-50%)
}

.wr-header .links .phone .open-callback:before {
    width: .625rem;
    height: .625rem;
    border: .0625rem solid #fff;
    border: .0625rem solid rgba(255, 255, 255, .1);
    top: -.625rem;
    z-index: -1
}

.wr-header .links .phone .open-callback:after {
    width: .5625rem;
    height: .5625rem;
    top: -.375rem
}

.wr-header .links .phone .open-callback span {
    color: #F6B654;
    font-size: 1rem;
    line-height: 1.25rem;
    border-bottom: .0625rem dotted #F6B654;
    text-transform: none;
    letter-spacing: .01em;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

.wr-header .links .phone .open-callback span:hover {
    color: #fff;
    border-color: #fff
}

.wr-header .links .phone .open-callback .position {
    width: 100%;
    height: 1.875rem;
    position: absolute;
    top: -1.875rem;
    left: 0
}

.wr-header .links .btn-default {
    width: auto;
    display: inline-block;
    padding: .625rem 1rem;
    margin: 0
}

.wr-calculator {
    background-color: #F8F8F8;
}

.wr-calculator .order-form {
    text-align: left
}

.wr-calculator .order-form .function {
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.wr-calculator .order-form .function.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.wr-calculator .order-form .function:before {
    content: "";
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300
}

.wr-calculator .order-form .function.disabled:before {
    display: block
}

.wr-calculator .order-form .function .title-block {
    letter-spacing: .1em
}

.wr-calculator .order-form .function .chips {
    width: 42.46187rem;
    height: 47.65375rem;
    min-height: 47.65375rem;
    position: absolute;
    top: -3.5625rem;
    left: -11.5rem;
    z-index: -1
}

.wr-calculator .order-form .function .items .item {
    letter-spacing: .01em;
    position: relative
}

.wr-calculator .order-form .function .items .item:before {
    content: "";
    width: .75rem;
    height: .75rem;
    background-color: #F6B654;
    position: absolute;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wr-calculator .order-form .function .items .item span {
    color: #F6B654;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    border-bottom: .0625rem dotted #F6B654;
    cursor: pointer
}

.wr-calculator .order-form .function .items .item span:hover .tooltip {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}

.wr-calculator .order-form .function .items .item span .tooltip {
    width: 18.75rem;
    background-color: #1E1C19;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    padding: 1rem;
    z-index: 10;
    -webkit-transition: opacity .3s, visibility .3s, top .3s;
    -o-transition: opacity .3s, visibility .3s, top .3s;
    transition: opacity .3s, visibility .3s, top .3s
}

.wr-calculator .order-form .function .items .item span .tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border: .875rem solid transparent;
    border-bottom: .75rem solid #1E1C19;
    position: absolute;
    top: -1.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wr-calculator .order-form .function .items .item span .tooltip:after {
    content: "";
    width: 50%;
    height: 2.5rem;
    position: absolute;
    top: -2.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wr-calculator .order-form .function .progress .bar {
    height: .25rem;
    position: relative
}

.wr-calculator .order-form .function .progress .bar .width {
    background-color: #F6B654;
    position: absolute;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.wr-calculator .order-form .function .progress .num span {
    display: block
}

.wr-calculator .order-form .function .progress .num span:last-child {
    font-family: Calmius, Arial, sans-serif;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase
}

.wr-calculator .order-form .function .content .questions .question {
    font-family: Gilroy-Bold, Arial, sans-serif;
    letter-spacing: .01em;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.wr-calculator .order-form .form .forms .btn-group .label-text,
.wr-calculator .order-form .form .info,
.wr-calculator .order-form .function .content .arrows .flex .prev,
.wr-calculator .order-form .function .content .info .text,
.wr-calculator .order-form .function .content .steps .step .answers .answer span {
    font-family: Gilroy-Medium, Arial, sans-serif
}

.wr-calculator .order-form .function .content .questions .question.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.wr-calculator .order-form .function .content .steps .step {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.wr-calculator .order-form .function .content .steps .step .answers .answer.active .check:before,
.wr-calculator .order-form .function .content .steps .step.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.wr-calculator .order-form .function .content .steps .step .answers {
    position: relative
}

.wr-calculator .order-form .function .content .steps .step .answers .answer {
    background-color: #fff;
    position: relative;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

.wr-calculator .order-form .function .content .steps .step .answers .answer.active,
.wr-calculator .order-form .function .content .steps .step .answers .answer:hover {
    -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, .1);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .1)
}

.wr-calculator .order-form .function .content .steps .step .answers .answer span {
    font-weight: 500;
    letter-spacing: .01em
}

.wr-calculator .order-form .function .content .steps .step .answers .answer input {
    position: absolute;
    top: 0;
    left: -1000000px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.wr-calculator .order-form .function .content .steps .step .answers .answer .check {
    border: .0625rem solid #F6B654;
    border-radius: 2rem;
    position: absolute
}

.wr-calculator .order-form .function .content .steps .step .answers .answer .check:before {
    content: "";
    width: .75rem;
    height: .75rem;
    background-color: #F6B654;
    border-radius: .75rem;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.wr-calculator .order-form .function .content .steps .step .answers .image:before,
.wr-calculator .order-form .function .content .steps .step .answers .img:before {
    content: "";
    width: 100%;
    height: 100%;
    border: .0625rem solid #F6B654;
    position: absolute;
    top: .5rem;
    left: .5rem;
    z-index: 10;
    -webkit-transition: top .3s, left .3s;
    -o-transition: top .3s, left .3s;
    transition: top .3s, left .3s
}

.wr-calculator .order-form .function .content .steps .step .answers .image:after,
.wr-calculator .order-form .function .content .steps .step .answers .img:after {
    content: "";
    width: 1.125rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1.125rem
}

.wr-calculator .order-form .function .content .arrows {
    -webkit-transition: opacity .3s, visibility .3s, padding-top .3s, height .3s;
    -o-transition: opacity .3s, visibility .3s, padding-top .3s, height .3s;
    transition: opacity .3s, visibility .3s, padding-top .3s, height .3s
}

.wr-calculator .order-form .function .content .arrows.disabled {
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    padding-top: 0
}

.wr-calculator .order-form .function .content .arrows .flex {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wr-calculator .order-form .function .content .arrows .flex a {
    display: inline-block
}

.wr-calculator .order-form .function .content .arrows .flex a.disabled {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.wr-calculator .order-form .function .content .arrows .flex .prev {
    color: #F6B654;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    border-bottom: .0625rem dotted #F6B654;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

.wr-calculator .order-form .function .content .arrows .flex .prev:hover {
    color: #1E1C19;
    border-color: #1E1C19
}

.wr-calculator .order-form .function .content .arrows .flex .next {
    width: 7.5rem;
    margin: 0
}

.wr-calculator .order-form .function .content .consultation .messages .message {
    line-height: 1.5rem;
    letter-spacing: .01em;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.wr-calculator .order-form .function .content .consultation .messages .message.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.wr-calculator .order-form .function .content .consultation .autor img {
    position: absolute;
    left: 0
}

.wr-calculator .order-form .function .content .consultation .autor .name {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    opacity: .4;
    filter: alpha(opacity=40)
}

.wr-calculator .order-form .function .content .info {
    background-color: #00413D
}

.wr-calculator .order-form .function .content .info .circle {
    width: 3.5rem;
    height: 3.5rem;
    background-color: #F6B654;
    border-radius: 3.5rem;
    position: absolute;
    top: -1.75rem
}

.wr-calculator .order-form .function .content .info .circle img {
    width: 1.625rem;
    height: 1.5625rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.wr-calculator .order-form .function .content .info .text {
    color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .01em
}

.wr-calculator .order-form .function .content .info .open-callback {
    padding: 1rem 0
}

.wr-calculator .order-form .function .content .info .wa,
.wr-calculator .order-form .function .content .info .tg-btn {
    padding: 1rem 0;
    margin: 0
}

.wr-calculator .order-form .function .content .info .wa svg,
.wr-calculator .order-form .function .content .info .tg-btn svg {
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    fill: #F6B654;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wr-calculator .order-form .function .content .info .wa span,
.wr-calculator .order-form .function .content .info .tg-btn span {
    padding-left: 2rem
}

.wr-calculator .order-form .form {
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.wr-calculator .order-form .form.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.wr-calculator .order-form .form .title {
    letter-spacing: .1em;
    text-transform: uppercase
}

.wr-calculator .order-form .form .chips {
    width: 25.06812rem;
    height: 20.49687rem;
    min-height: 20.49687rem;
    position: absolute;
    top: 8.875rem;
    right: 23.125rem
}

.wr-calculator .order-form .form .info {
    width: 7.5625rem;
    font-size: 1.125rem;
    line-height: 3.5rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wr-calculator .order-form .form .info .pdf {
    width: 3.5rem;
    height: 3.5rem;
    background-color: #F6B654;
    text-align: center;
    border-radius: 3.5rem
}

.wr-calculator .order-form .form .forms {
    position: relative
}

.wr-calculator .order-form .form .forms:before {
    content: "";
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    z-index: -2
}

.wr-calculator .order-form .form .forms .btn-group .label-text {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    opacity: .4;
    filter: alpha(opacity=40)
}

.wr-calculator .order-form .form .forms .btn-group .more {
    color: #F6B654;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    display: inline-block;
    border-bottom: .0625rem dotted #F6B654;
    margin-bottom: .5rem;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

.wr-calculator .order-form .form .forms .btn-group .more:hover {
    color: #1E1C19;
    border-color: #1E1C19
}

.wr-calculator .order-form .form .forms .btn-group textarea {
    height: 12.25rem;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.wr-calculator .order-form .form .forms .btn-group textarea.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.wr-calculator .order-form .form .forms .btn-group .btn-bordered span {
    display: inline-block
}

.wr-calculator .order-form .form .forms .btn-group .btn-bordered span:first-child {
    line-height: 2rem
}

.wr-calculator .order-form .form .forms .btn-group .btn-bordered span:nth-child(2) {
    font-size: .75rem;
    line-height: 1.125rem
}

.wr-contacts {
    overflow: visible;
    z-index: 100
}

.wr-contacts:before {
    content: "";
    width: 100%;
    height: 100%;
    border: .375rem solid #F6B654;
    position: absolute;
    top: 0;
    left: 0
}

.wr-contacts .chips img {
    position: absolute;
    z-index: 100
}

.wr-contacts .chips img:first-child {
    width: 37.37188rem;
    height: 36.42375rem;
    min-height: 36.42375rem;
    top: -6.9375rem;
    right: -7.25rem
}

.wr-contacts .chips img:last-child {
    width: 38.4775rem;
    height: 34.2725rem;
    min-height: 34.2725rem;
    left: -12.375rem;
    bottom: -11.8125rem
}

.wr-contacts .content h2 {
    font-family: Calmius, Arial, sans-serif;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase
}

.wr-contacts .content .autor .text,
.wr-contacts .content .socials a .name,
.wr-more .items .item .more {
    font-family: Gilroy-Medium, Arial, sans-serif;
    text-transform: uppercase
}

.wr-contacts .content h3 {
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase
}

.wr-contacts .content .autor .text {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .1em
}

.wr-contacts .content .autor .text span {
    width: .5rem;
    height: .5rem;
    background-color: #7DDE01;
    border-radius: .5rem;
    display: inline-block;
    position: relative;
    top: -.0625rem;
    margin-right: .3125rem
}

.wr-contacts .content .info {
    background-color: #00413D;
    position: relative
}

.wr-contacts .content .info .circle {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #F6B654;
    border-radius: 2.5rem;
    position: absolute;
    top: -1.25rem;
    left: -1.25rem
}

.wr-contacts .content .info .circle img {
    width: .625rem;
    height: .875rem;
    min-height: .875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.wr-contacts .content .info .tringle {
    width: 1.6875rem;
    height: 1.25rem;
    min-height: 1.25rem;
    position: absolute;
    left: 50%;
    bottom: -1.25rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wr-contacts .content .info .text {
    color: #fff;
    letter-spacing: .01em
}

.wr-contacts .content .subtext {
    letter-spacing: .01em
}

.wr-contacts .content .socials a {
    color: #1E1C19;
    height: 14rem;
    text-align: center;
    border: .0625rem solid #F6B654;
    display: block;
    transition: background-color .3s
}

.wr-contacts .content .socials a:hover {
    background-color: #F6B654
}

.wr-contacts .content .socials a svg {
    width: 3rem;
    height: 3rem;
    fill: #F6B654;
    display: block;
    margin: 0 auto;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.wr-contacts .content .socials a span {
    font-size: 1rem;
    line-height: 1.25rem;
    display: block;
    letter-spacing: .01em;
    opacity: .4;
    filter: alpha(opacity=40)
}

.wr-contacts .content .socials a .name {
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .1em;
    padding: .5rem 0
}

.wr-contacts .content .title {
    letter-spacing: .1em;
    text-transform: uppercase
}

.wr-contacts .content .title:before {
    content: "";
    width: 5.9375rem;
    height: .0625rem;
    background-color: #F6B654;
    position: absolute;
    top: 2.125rem;
    left: 0
}

.wr-contacts .content .subtitle {
    letter-spacing: .01em
}

.wr-contacts .content .phone {
    letter-spacing: .1em;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wr-more {
    background-color: #F8F8F8
}

.wr-more h2 {
    letter-spacing: .1em
}

.wr-more .items .item {
    display: block
}

.wr-more .items .item .img {
    position: relative;
    overflow: hidden
}

.wr-more .items .item .name {
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-top: 1.5rem
}

.wr-more .items .item .more {
    background-color: #1E1C19;
    color: #F6B654;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: .1em;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.wr-more .items .item .more:hover {
    color: #fff
}

.wr-more .items .item .more:hover svg path {
    stroke: #fff
}

.wr-more .items .item .more:hover svg rect {
    fill: #fff
}

.wr-more .items .item .more svg {
    width: 2.0625rem;
    height: 1.1875rem;
    min-height: 1.1875rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s
}

.wr-more .items .item .more svg path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

.wr-more .items .item .more svg rect {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.wr-form {
    overflow: visible
}

.wr-form .title-block,
.wr-form h2 {
    font-family: Calmius, Arial, sans-serif;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase
}

.wr-form .dot {
    width: 1.5625rem;
    height: 1.5625rem;
    background-color: #00413D;
    border-radius: 1.5625rem;
    position: absolute;
    top: 10.5rem;
    left: -4.6875rem
}

.wr-form .chips img {
    position: absolute;
    z-index: 100
}

.wr-form .chips img:first-child {
    width: 25.06812rem;
    height: 20.49687rem;
    min-height: 20.49687rem;
    top: -3.4375rem;
    left: 45.125rem
}

.wr-form .chips img:nth-child(2) {
    width: 39rem;
    height: 31.875rem;
    min-height: 31.875rem;
    top: 4.9375rem;
    left: -20.1875rem
}

.wr-form .chips img:last-child {
    width: 33.625rem;
    height: 32.8125rem;
    min-height: 32.8125rem;
    top: -1.5625rem;
    right: -11.75rem
}

.wr-form .info {
    width: 7.5625rem;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 3.5rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wr-form .info .pdf {
    width: 3.5rem;
    height: 3.5rem;
    background-color: #F6B654;
    text-align: center;
    border-radius: 3.5rem
}

.wr-form .order-form {
    text-align: left
}

.wr-form .order-form .flex .btn-group .label-text {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    opacity: .4;
    filter: alpha(opacity=40)
}

.wr-footer {
    background-color: #1E1C19;
    padding: 5rem 0
}

.wr-footer .top .logo {
    width: 6.25rem;
    height: 2.5rem;
    min-height: 2.5rem
}

.wr-footer .top .services-title {
    color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: .01em;
    margin-bottom: 1rem;
}
.wr-footer .top .services-list {
    list-style: none;
}
.wr-footer .top .services-list li:not(:last-child) {
    margin-bottom: 0.5rem;
}
.wr-footer .top .services-list li,
.wr-footer .top .services-list li a:link,
.wr-footer .top .services-list li a:visited {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.18rem;
    letter-spacing: .01em;
    transition: color 0.3s;
}
.wr-footer .top .services-list li a:hover,
.wr-footer .top .services-list li a:active {
    color: #F6B654;
}

.wr-footer .top .socilas .name {
    color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: .01em
}

.wr-footer .top .socilas .social {
    width: 7.5rem;
    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;
    padding: 1rem 0 2rem
}

.wr-footer .top .socilas .social a {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: relative
}

.wr-footer .top .socilas .social a:before {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: .625rem;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.wr-footer .top .socilas .social a:hover svg {
    fill: #fff
}

.wr-footer .top .socilas .social a svg {
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    fill: #F6B654;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.wr-footer .top .socilas .email a,
.wr-footer .top .socilas .email span {
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: .01em
}

.wr-footer .top .socilas .email span {
    color: #fff
}

.wr-footer .top .phone-block .phones .open-callback,
.wr-footer .top .socilas .email a {
    color: #F6B654;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s
}

.wr-footer .top .socilas .email a {
    border-bottom: .0625rem dotted #F6B654;
    transition: color .3s, border-color .3s
}

.wr-footer .top .socilas .email a:hover {
    color: #fff;
    border-color: #fff
}

.wr-footer .top .address span, 
.wr-footer .top .address p {
    color: #fff;
    line-height: 1.25rem;
    letter-spacing: .01em;
}
.wr-footer .top .address span {
    display: block;
    font-size: 1rem;
    padding-bottom: 0.625rem;
}
.wr-footer .top .address p {
    font-size: 0.875rem;
}

.wr-footer .top .phone-block .wa,
.wr-footer .top .phone-block .tg-btn {
    width: auto;
    display: inline-block;
    padding: 1.125rem 2rem 1.125rem 3.375rem;
    margin: 0;
}

.wr-footer .top .phone-block .wa svg,
.wr-footer .top .phone-block .tg-btn svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #F6B654;
    min-height: 1.5rem;
    position: absolute;
    top: 50%;
    left: 1.125rem;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wr-footer .top .phone-block .phones {
    width: 11.875rem
}

.wr-footer .top .phone-block .phones a {
    font-size: 1rem;
    line-height: 1.25rem;
    display: inline-block
}

.wr-footer .top .phone-block .phones .phone {
    color: #fff;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase
}

.wr-footer .top .phone-block .phones .open-callback {
    letter-spacing: .01em;
    border-bottom: .0625rem dotted #F6B654;
    transition: color .3s, border-color .3s
}

.wr-footer .top .phone-block .phones .open-callback:hover {
    color: #fff;
    border-color: #fff
}

.wr-footer .bottom .open-privacy {
    color: #fff;
    color: rgba(255, 255, 255, .5);
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: .01em;
    display: inline-block;
    border-bottom: .0625rem dotted rgba(255, 255, 255, .5);
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

.wr-footer .bottom .open-privacy:hover {
    color: #fff;
    border-color: #fff
}

.wr-footer .bottom .c-art {
    width: 19.375rem;
    height: 1.5rem;
    color: #fff;
    color: rgba(255, 255, 255, .5);
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    text-align: left;
    display: inline-block;
    position: relative;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.wr-footer .bottom .c-art:hover {
    color: #fff
}

.wr-footer .bottom .c-art:hover svg {
    fill: #fff;
    right: -.625rem
}

.wr-footer .bottom .c-art svg {
    width: 9.5625rem;
    height: 1.5rem;
    min-height: 1.5rem;
    fill: rgba(255, 255, 255, .5);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: right .3s, fill .3s;
    -o-transition: right .3s, fill .3s;
    transition: right .3s, fill .3s
}

.wr-footer .bottom .c-art:after {
    content: "";
    width: 100%;
    height: 1.5rem;
    position: absolute;
    top: 0;
    left: 0
}

.modal .close {
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    cursor: pointer;
    z-index: 300;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.modal .close:after,
.modal .close:before {
    content: "";
    width: .125rem;
    height: 100%;
    background-color: #F6B654;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: background-color .3s, -webkit-transform .3s linear .1s;
    -o-transition: transform .3s linear .1s, background-color .3s;
    transition: transform .3s linear .1s, background-color .3s;
    transition: transform .3s linear .1s, background-color .3s, -webkit-transform .3s linear .1s
}

.modal .close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal .modal-dialog .modal-content {
    border: 0;
    border-radius: 0
}

.modal .modal-dialog .modal-content:before {
    content: "";
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    z-index: -10
}

.modal .modal-dialog .modal-content .modal-header {
    border: 0;
    padding: 0;
    z-index: 10
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 0;
    z-index: 10
}

#modal-callback .modal-dialog {
    text-align: center
}

#modal-callback .modal-dialog .modal-content .modal-header {
    position: relative;
    z-index: 10
}

#modal-callback .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 1.75rem;
    line-height: 2.5rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: left
}

#modal-callback .modal-dialog .modal-content .modal-header .modal-subtitle {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: left;
    padding-top: 1.5rem;
    opacity: .4;
    filter: alpha(opacity=40)
}

#modal-callback .modal-dialog .modal-content .modal-body {
    padding-top: 3rem
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form {
    text-align: left
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .phone-text {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    opacity: .4;
    filter: alpha(opacity=40);
    padding-bottom: .5rem;
    margin-top: -.375rem
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .navigation {
    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;
    position: relative
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .navigation:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .navigation .nav {
    color: #1E1C19;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: center;
    border: .0625rem solid #F6B654;
    position: relative;
    z-index: 20;
    padding: .75rem 0;
    -webkit-transition: background-color .3s, border-color .3s;
    -o-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .navigation .nav.disabled {
    z-index: 1;
    opacity: .5;
    filter: alpha(opacity=50)
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .navigation .nav:hover {
    background-color: #F6B654
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .navigation .nav.active {
    background-color: #F6B654;
    cursor: default
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .input-time {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    margin-top: .5rem;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .input-time.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .btn-bordered {
    width: 14.375rem;
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.modal-exit .modal-dialog {
    text-align: center
}

.modal-exit .modal-dialog .modal-content .modal-header {
    position: relative;
    z-index: 10
}

.modal-exit .modal-dialog .modal-content .modal-header .modal-title {
    letter-spacing: .1em;
    text-transform: uppercase
}

.modal-exit .modal-dialog .modal-content .modal-header .modal-text {
    color: #F6B654;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01em
}

.modal-exit .modal-dialog .modal-content .modal-header .modal-subtitle {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-top: 1rem
}

.modal-exit .modal-dialog .modal-content .modal-body,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body {
    padding-top: 3rem
}

.modal-exit .modal-dialog .modal-content .modal-body .img img {
    position: absolute
}

.modal-exit .modal-dialog .modal-content .modal-body .order-form {
    text-align: left
}

.modal-exit .modal-dialog .modal-content .modal-body .order-form .btn-group .phone-text {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    opacity: .4;
    filter: alpha(opacity=40);
    padding-bottom: .5rem;
    margin-top: -.375rem
}

.modal-exit .modal-dialog .modal-content .modal-body .order-form .btn-group .btn-bordered {
    width: 16rem;
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.modal-exit-portfolio .modal-dialog {
    text-align: center
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-header {
    position: relative;
    z-index: 10
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-header .modal-title {
    letter-spacing: .1em;
    text-transform: uppercase
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-header .modal-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01em
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload {
    min-height: 11.875rem;
    border: .375rem solid #F6B654;
    position: relative;
    padding: 1.5rem
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload input {
    width: 100%;
    height: 100%;
    display: block;
    outline: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .failed,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .start,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .failed.active,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .start.active,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:hover .close,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .failed .content,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .start .content {
    width: 14.5625rem;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .failed .content .drop,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .start .content .drop {
    width: 3.125rem;
    height: 2.0625rem;
    min-height: 2.0625rem;
    display: inline-block
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .failed .content .name,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .start .content .name {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-top: .625rem
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.5rem
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img {
    overflow: hidden;
    margin: 1rem 0 0 1rem;
    position: relative;
    z-index: 100
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:first-child {
    margin-left: 0
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img .close {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #F6B654;
    border-radius: 1.5rem;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img .close:after,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img .close:before {
    width: .0625rem;
    height: .625rem;
    background-color: #1E1C19;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img .close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img .close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form {
    margin-top: 2rem;
    text-align: left
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group.btn-name {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer.active .closet,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group.btn-name.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer {
    color: #F6B654;
    font-size: 1.125rem;
    letter-spacing: .01em;
    line-height: 1.5rem;
    display: inline-block;
    position: relative;
    padding-right: 5.625rem;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer span {
    border-bottom: .0625rem dotted #F6B654;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer:hover {
    color: #1E1C19
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer:hover span {
    border-color: #1E1C19
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer .closet {
    width: 1.5rem;
    height: 1.5rem;
    border: .0625rem solid #F6B654;
    border-radius: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer .closet:after,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer .closet:before {
    content: "";
    width: .0625rem;
    height: 60%;
    background-color: #1E1C19;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: .0625rem;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: background-color .3s, -webkit-transform .3s linear .1s;
    -o-transition: transform .3s linear .1s, background-color .3s;
    transition: transform .3s linear .1s, background-color .3s;
    transition: transform .3s linear .1s, background-color .3s, -webkit-transform .3s linear .1s
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer .closet:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .hidden {
    margin-top: 2rem;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .hidden.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .hidden textarea {
    height: 12.25rem
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .first,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .last {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .first.active,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .last.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .email-input,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .phone-input {
    display: none
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .email-input.active,
.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .phone-input.active {
    display: block
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .socials {
    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;
    position: relative
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .socials label {
    color: #1E1C19;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: center;
    border: .0625rem solid #F6B654;
    position: relative;
    z-index: 20;
    cursor: pointer;
    padding: .75rem 0;
    -webkit-transition: background-color .3s, border-color .3s;
    -o-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .socials label:hover {
    background-color: #F6B654
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .socials label.active {
    background-color: #F6B654;
    cursor: default
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .socials label input {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: -62500rem
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .phone-text {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    opacity: .4;
    filter: alpha(opacity=40);
    padding-bottom: .5rem;
    margin-top: -.375rem
}

.modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .btn-bordered {
    width: 18.5rem;
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

#modal-gallery .modal-dialog {
    text-align: center
}

#modal-gallery .modal-dialog .modal-content {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery {
    position: relative
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .close {
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .close:after,
#modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .close:before {
    content: "";
    width: .125rem;
    height: 100%;
    background-color: #F6B654;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: background-color .3s, -webkit-transform .3s linear .1s;
    -o-transition: transform .3s linear .1s, background-color .3s;
    transition: transform .3s linear .1s, background-color .3s;
    transition: transform .3s linear .1s, background-color .3s, -webkit-transform .3s linear .1s
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .close:after,
#modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .close:hover:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .close:hover:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .modal-title {
    font-family: Calmius, Arial, sans-serif;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .order-form {
    text-align: left;
    margin-top: 3.9375rem
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .order-form .btn-group .label-text {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    opacity: .4;
    filter: alpha(opacity=40)
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .order-form .btn-group .btn-bordered {
    width: 18.375rem;
    padding-left: 0;
    padding-right: 0;
    margin: 2rem 0 0
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows {
    position: absolute;
    left: 50%;
    z-index: 300
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a {
    border: .0625rem solid #F6B654;
    border-radius: 4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .3s, opacity .3s, visibility .3s;
    -o-transition: background-color .3s, opacity .3s, visibility .3s;
    transition: background-color .3s, opacity .3s, visibility .3s
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a.slick-hidden {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a:hover {
    background-color: #F6B654
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a svg {
    width: 1.5625rem;
    height: 1.1875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a svg path {
    -webkit-transition: stroke .3s;
    -o-transition: stroke .3s;
    transition: stroke .3s
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a svg rect {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .items .item {
    overflow: hidden;
    position: relative;
    border: none;
    outline: 0
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .items .item .close-modal {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .name {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    text-align: center;
    padding-top: 1rem
}

#modal-gallery .modal-dialog .modal-content .modal-body .gallery .pagination {
    font-family: Calmius, Arial, sans-serif;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: center;
    padding-top: .375rem
}

#modal-calculator .modal-dialog {
    text-align: center
}

#modal-calculator .modal-dialog .modal-content {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

#modal-calculator .modal-dialog .modal-content:before {
    background-color: #F8F8F8
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form {
    text-align: left
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function {
    opacity: 0;
    filter: alpha(opacity=0);
    display: none
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function:before {
    content: "";
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .num span,
#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function.disabled:before {
    display: block
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .modal-title {
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item {
    letter-spacing: .01em;
    position: relative
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item:before {
    content: "";
    width: .75rem;
    height: .75rem;
    background-color: #F6B654;
    position: absolute;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item span {
    color: #F6B654;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    border-bottom: .0625rem dotted #F6B654;
    cursor: pointer
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item span:hover .tooltip {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item span .tooltip {
    width: 18.75rem;
    background-color: #1E1C19;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    padding: 1rem;
    z-index: 10;
    -webkit-transition: opacity .3s, visibility .3s, top .3s;
    -o-transition: opacity .3s, visibility .3s, top .3s;
    transition: opacity .3s, visibility .3s, top .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item span .tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border: .875rem solid transparent;
    border-bottom: .75rem solid #1E1C19;
    position: absolute;
    top: -1.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item span .tooltip:after {
    content: "";
    width: 50%;
    height: 2.5rem;
    position: absolute;
    top: -2.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .bar {
    height: .25rem;
    position: relative
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .bar .width {
    background-color: #F6B654;
    position: absolute;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .num span:last-child {
    font-family: Calmius, Arial, sans-serif;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .questions .question {
    font-family: Gilroy-Bold, Arial, sans-serif;
    letter-spacing: .01em;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .questions .question.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps {
    padding-top: 1rem
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer.active .check:before,
#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers {
    position: relative
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer {
    background-color: #fff;
    position: relative;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer:first-child {
    margin-top: 0
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer.active,
#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer:hover {
    -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, .1);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .1)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer span {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    letter-spacing: .01em
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer input {
    position: absolute;
    top: 0;
    left: -1000000px;
    opacity: 0;
    filter: alpha(opacity=0)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer .check {
    width: 1.5rem;
    height: 1.5rem;
    border: .0625rem solid #F6B654;
    border-radius: 2rem;
    position: absolute
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer .check:before {
    content: "";
    width: .75rem;
    height: .75rem;
    background-color: #F6B654;
    border-radius: .75rem;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .image:before,
#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .img:before {
    content: "";
    width: 100%;
    height: 100%;
    border: .0625rem solid #F6B654;
    position: absolute;
    top: .5rem;
    left: .5rem;
    z-index: 10;
    -webkit-transition: top .3s, left .3s;
    -o-transition: top .3s, left .3s;
    transition: top .3s, left .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .image:after,
#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .img:after {
    content: "";
    width: 1.125rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1.125rem
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows {
    -webkit-transition: opacity .3s, visibility .3s, padding-top .3s, height .3s;
    -o-transition: opacity .3s, visibility .3s, padding-top .3s, height .3s;
    transition: opacity .3s, visibility .3s, padding-top .3s, height .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows.disabled {
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    padding-top: 0
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows .flex {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows .flex a {
    display: inline-block
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows .flex a.disabled {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows .flex .prev {
    color: #F6B654;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    border-bottom: .0625rem dotted #F6B654;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows .flex .prev:hover {
    color: #1E1C19;
    border-color: #1E1C19
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows .flex .next {
    width: 7.5rem;
    margin: 0
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .consultation .messages .message {
    line-height: 1.5rem;
    letter-spacing: .01em;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .consultation .messages .message.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .consultation .autor {
    position: relative;
    padding-left: 5rem;
    margin-top: 1.5rem
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .consultation .autor img {
    width: 4rem;
    height: 4rem;
    min-height: 4rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .consultation .autor .name {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    opacity: .4;
    filter: alpha(opacity=40)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info {
    background-color: #00413D
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .circle {
    width: 3.5rem;
    height: 3.5rem;
    background-color: #F6B654;
    border-radius: 3.5rem;
    position: absolute
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .circle img {
    width: 1.625rem;
    height: 1.5625rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .text {
    color: #fff;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .01em
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .open-callback-modal {
    padding: 1rem 0
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .wa,
#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .tg-btn {
    padding: 1rem 0;
    margin: 0
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .wa svg,
#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .tg-btn svg {
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    fill: #F6B654;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .wa span,
#modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .tg-btn span {
    padding-left: 2rem
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form {
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .title {
    letter-spacing: .1em;
    text-transform: uppercase
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms {
    position: relative
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms:before {
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms .btn-group .label-text {
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    opacity: .4;
    filter: alpha(opacity=40)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms .btn-group .more {
    color: #F6B654;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    display: inline-block;
    border-bottom: .0625rem dotted #F6B654;
    margin-bottom: .5rem;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms .btn-group .more:hover {
    color: #1E1C19;
    border-color: #1E1C19
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms .btn-group textarea {
    height: 12.25rem;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .wa,
#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .tg-btn,
#modal-menu .modal-dialog .modal-content .modal-body .menu .nav li a {
    -webkit-transition: color .3s;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: Gilroy-Medium, Arial, sans-serif
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms .btn-group textarea.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms .btn-group .btn-bordered span {
    display: inline-block
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms .btn-group .btn-bordered span:first-child {
    line-height: 2rem
}

#modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms .btn-group .btn-bordered span:nth-child(2) {
    font-size: .75rem;
    line-height: 1.125rem
}

#modal-photo .modal-dialog {
    text-align: center
}

#modal-photo .modal-dialog .modal-content {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

#modal-photo .modal-dialog .modal-content .modal-body img {
    width: 100%
}

#modal-menu .modal-dialog {
    position: relative;
    z-index: 10;
    margin: 0 !important
}

#modal-menu .modal-dialog .modal-content {
    background-color: #1E1C19;
    -webkit-box-shadow: none;
    box-shadow: none
}

#modal-menu .modal-dialog .modal-content:before {
    display: none
}

#modal-menu .modal-dialog .modal-content .modal-body {
    height: 100vh;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    z-index: 10
}

#modal-menu .modal-dialog .modal-content .modal-body .menu {
    width: 100%;
    background-color: #1E1C19;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#modal-menu .modal-dialog .modal-content .modal-body .menu a {
    display: inline-block;
    position: relative
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .nav {
    padding-bottom: 5rem
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .nav li {
    margin-top: 1.5rem
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .nav li:first-child {
    margin-top: 0
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .nav li a {
    color: #F6B654;
    font-weight: 500;
    display: block;
    -o-transition: color .3s;
    transition: color .3s
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .nav li a:hover {
    color: #fff
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .nav li a:before {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: .625rem 1.25rem;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .line {
    width: 4rem;
    height: .0625rem;
    background-color: #f6b654;
    background-color: rgba(246, 182, 84, .3);
    margin: 0 auto
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts {
    padding-top: 3.125rem
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li:nth-child(2) {
    margin-top: 2.125rem
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li:last-child {
    margin-top: 2rem
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .wa,
#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .tg-btn {
    color: #F6B654;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    position: relative;
    padding-left: 2rem;
    -o-transition: color .3s;
    transition: color .3s
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .wa:before,
#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .tg-btn:before {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1.25rem;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .wa:hover,
#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .tg-btn:hover {
    color: #fff
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .wa:hover svg,
#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .tg-btn:hover svg {
    fill: #fff
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .wa svg,
#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .tg-btn svg {
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    fill: #F6B654;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .open-callback-modal,
#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .phone {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .1em
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .phone {
    color: #fff;
    font-family: Gilroy-Medium, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .open-callback-modal {
    color: #F6B654;
    border-bottom: .0625rem dotted #F6B654;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .open-callback-modal:hover {
    color: #fff;
    border-color: #fff
}

#modal-menu .modal-dialog .modal-content .modal-body .menu .contacts li .btn-default {
    width: auto;
    padding: .625rem 1rem
}

#modal-privacy .modal-dialog {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#modal-privacy .modal-dialog .modal-content {
    background-color: transparent;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#modal-privacy .modal-dialog .modal-content .modal-body .confident-data {
    position: absolute;
    top: 1.25rem;
    left: 1.875rem;
    display: none
}

#modal-privacy .modal-dialog .modal-content .modal-body .confident-title {
    font-family: Gilroy-Medium, Arial, sans-serif;
    text-align: center
}

#modal-privacy .modal-dialog .modal-content .modal-body .confident-subtitle {
    font-family: Gilroy-Medium, Arial, sans-serif;
    text-align: left;
    line-height: 1.5
}

#modal-privacy .modal-dialog .modal-content .modal-body .confident-p-title,
#modal-privacy .modal-dialog .modal-content .modal-body .confident-p.bold {
    font-family: Gilroy-Bold, Arial, sans-serif
}

#modal-privacy .modal-dialog .modal-content .modal-body .confident-p {
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    padding-bottom: .3125rem
}

#modal-privacy .modal-dialog .modal-content .modal-body .confident-p-title {
    font-size: 1rem;
    padding: 1.25rem 0 .625rem;
    text-align: center;
    line-height: 1.5
}

#modal-privacy .modal-dialog .modal-content .modal-body ul {
    padding: 0 0 .9375rem 1.875rem
}

#modal-privacy .modal-dialog .modal-content .modal-body ul li {
    font-size: 1rem;
    list-style: circle;
    padding-top: .625rem
}

@media only screen and (min-width:768px) {
    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out
    }
    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    #page-index .wr1 .block {
        min-height: 52.5rem
    }
    #page-index .wr1 .block .content {
        width: 55.0625rem;
        height: 28.8125rem
    }
    #page-index .wr1 .block .content .title {
        font-size: 1.5rem;
        line-height: 2.5rem;
        padding: .5rem 0 4rem
    }
    #page-index .wr1.wr1--quiz .block .content .title {
        max-width: 27.91rem;
        font-size: 1.2rem;
        line-height: 1.8rem;
        padding: .5rem 0 2.5rem;
        margin: 0 auto;
    }
    #page-index .wr1 .block .content .subtitle {
        font-size: 1rem;
        line-height: 1.75rem
    }
	#page-index .wr1 .block .content .info {
        width: 12.5rem;
        height: 12.5rem;
        border: .0625rem solid #f6b654;
        border: .0625rem solid rgba(246, 182, 84, .4);
        border-radius: 12.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: center;
        align-content: center;
        position: absolute;
        right: -7.4375rem;
        bottom: 0
    }
	#page-index .wr1 .block .content .info .name {
        font-size: 1.5rem;
        line-height: 2rem
    }
    #page-index .wr1 .block .content .info .name span {
        display: block
    }
    #page-index .wr1 .block .content .btn-default {
        width: auto;
        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;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: visible;
        padding: 1rem 1.5rem;
        margin-top: 1.5rem;
    }
    #page-index .wr1 .block .content .btn-default span:nth-child(2) {
        position: relative;
        top: -.0625rem
    }
    #page-index .wr2 h2 {
        width: 45rem;
        font-size: 2.5rem;
        line-height: 3rem;
        padding-top: 29.1875rem;
        margin: 0 auto
    }
    #page-index .wr3 {
        padding-top: 10rem
    }
    #page-index .wr3.wr3--oneimg {
        padding: 5rem 0;
    }
    #page-index .wr3.wr3-lp {
        padding-bottom: 10rem
    }
    #page-index .wr3 h2 {
        width: 65rem
    }
    #page-index .wr3 .items {
        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;
        row-gap: 7.5rem;
        padding-top: 5rem;
    }
    #page-index .wr3 .items .item {
        width: 41.25rem;
    }
    #page-index .wr3 .items .item:first-child .image:before {
        -webkit-animation: rustle-bottom-left 2s alternate infinite;
        animation: rustle-bottom-left 2s alternate infinite
    }
    #page-index .wr3 .items .item .image .img img {
        width: 41.25rem;
        height: 35rem;
        -webkit-animation: mymove-2 30s infinite;
        animation: mymove-2 30s infinite;
        object-fit: cover;
    }
    #page-index .wr3 .items .item .text {
        padding-bottom: 5rem
    }
    #page-index .wr3 .items .item .text.text--pt {
        padding: 5rem 0 0;
    }
    #page-index .wr3 .items .item .image:before {
        top: 1.5rem;
        left: 1.5rem
    }
    #page-index .wr4 {
        padding: 9.5rem 0 8rem
    }
    #page-index .wr4.wr4-2 {
        padding: 15.625rem 0
    }
    #page-index .wr4.wr4-2.wr4-2--remont {
        padding: 7.5rem 0
    }
    #page-index .wr4.wr4-2 .img {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #page-index .wr4 .title-block,
    #page-index .wr4 h2 {
        width: 37.5rem
    }
    #page-index .wr4 .text,
    #page-index .wr4 .numbers {
        width: 37.5rem;
        padding: 4rem 0
    }
    #page-index .wr4-2.wr4-2--remont .text p span {
        font-size: 1.6rem;
        line-height: 2.36rem;
        padding-bottom: 0.6rem;
    }
    #page-index .wr4 .img {
        width: 45rem;
        position: absolute;
        top: 0;
        right: 0
    }
    #page-index .wr4 .img img {
        width: 45rem;
        height: 63.75rem;
        min-height: 63.75rem
    }
    #page-index.wr--architect .wr4-2 .img img {
        height: 46.25rem;
        min-height: 46.25rem;
        object-fit: cover;
        object-position: top;
    }
    #page-index .wr4 .img .autor {
        width: 22.25rem;
        right: 4rem;
        bottom: 4rem
    }
    #page-index .wr4 .img .autor .name {
        font-size: 1.5rem;
        line-height: 2.5rem
    }
    #page-index .wr4 .img .autor .post {
        font-size: 1rem;
        line-height: 1.5rem
    }
    #page-index .wr10 h2,
    #page-index .wr11 h2 {
        font-size: 7.5rem;
        line-height: 7.5rem
    }
    #page-index .wr11.wr11--subtext h2 {
        font-size: 6rem;
        line-height: 6rem;
    }
    #page-index .wr11.wr11--equip h2 {
        margin-bottom: 2.5rem;
    }
    #page-index .wr4 .subtext {
        width: 37.5rem
    }
    #page-index .wr4 .order-form {
        min-width: 37.5rem;
        max-width: 40.625rem
    }
    #page-index .wr4 .order-form .btn-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0
    }
    #page-index .wr4 .order-form .btn-group .form-control {
        width: 21.25rem;
        background-color: transparent;
        margin: 0
    }
    #page-index .wr4 .order-form .btn-group .btn-bordered {
        width: auto;
        max-width: 18.75rem;
        display: inline-block;
        margin: 0 0 0 2rem
    }
    #page-index .wr5 {
        padding-bottom: 7.5625rem
    }
    #page-index .wr5 h2 {
        width: 60rem;
        font-size: 7.5rem;
        line-height: 7.5rem;
        padding-top: 7.5rem;
        margin: 0 auto
    }
    #page-index .wr5 h3 {
        width: 60rem;
        font-size: 3.5rem;
        line-height: 4rem;
        padding: 1.5rem 19.6875rem 0 0;
        margin: 0 auto
    }
    #page-index .wr5 .lines .line:first-child {
        top: 7.4375rem;
        right: 0;
        -webkit-animation: line-width 2.5s alternate infinite;
        animation: line-width 2.5s alternate infinite
    }
    #page-index .wr5 .lines .line:last-child {
        top: 32.4375rem;
        left: 0;
        -webkit-animation: line-width-2 4.3s alternate infinite;
        animation: line-width-2 4.3s alternate infinite
    }
    #page-index .wr5 .subtitle {
        width: 75rem;
        font-size: 1.125rem;
        line-height: 2rem;
        padding: 7.5rem 0 2.5rem;
        margin: 0 auto
    }
    #page-index .wr5 .items {
        width: 75rem;
        margin: 0 auto
    }
    #page-index .wr5 .items.hidden {
        margin-bottom: 2.5rem
    }
    #page-index .wr5 .items .item {
        height: 39.3125rem;
        background-color: #1E1C19;
        margin-bottom: 2.5rem
    }
    #page-index .wr5 .items .item:nth-child(odd) {
        padding-left: 22.5rem
    }
    #page-index .wr5 .items .item:nth-child(odd) .arrows {
        top: 0;
        left: 0
    }
    #page-index .wr5 .items .item:nth-child(odd) .arrows .more {
        right: 3.6875rem
    }
    #page-index .wr5 .items .item:nth-child(odd) .name {
        left: 0;
        bottom: 4rem
    }
    #page-index .wr5 .items .item:nth-child(even) .arrows {
        padding-left: 2.5rem;
        right: 0;
        bottom: 0
    }
    #page-index .wr5 .items .item:nth-child(even) .arrows .more {
        right: 10.25rem
    }
    #page-index .wr5 .items .item:nth-child(even) .name {
        top: 4rem;
        left: 55rem
    }
    #page-index .wr5 .items .item .image {
        width: 52.5rem;
        height: 39.3125rem;
        overflow: hidden
    }
    #page-index .wr5 .items .item .image .img {
        -webkit-animation: mymove-2 30s infinite;
        animation: mymove-2 30s infinite
    }
    #page-index .wr5 .items .item .arrows {
        width: 45rem;
        height: 10rem;
        background-color: #1E1C19;
        position: absolute;
        padding-top: 2.375rem
    }
    #page-index .wr5.wr5--light .items .item .arrows {
        width: 22.5rem;
    }
    #page-index .wr5 .items .item .arrows .num {
        font-size: 5rem;
        line-height: 5rem
    }
    #page-index .wr5 .items .item .arrows .num:before {
        right: -4.0625rem
    }
    #page-index .wr5 .items .item .arrows .more {
        width: 9.75rem;
        font-size: 1rem
    }
    #page-index .wr5 .items .item .name {
        width: 17.5rem;
        font-size: 1.75rem;
        line-height: 2.5rem;
        position: absolute
    }
    #page-index .wr5 .btn-default {
        width: 27.5rem;
        padding: 1.9375rem 3.5rem 2.0625rem
    }
    #page-index .wr5 .btn-default img {
        right: 3.5rem;
        -webkit-animation: rustle-top-bottom-button .5s alternate infinite;
        animation: rustle-top-bottom-button .5s alternate infinite
    }
    #page-index .wr7 {
        padding: 10rem 0 7.5rem
    }
    #page-index .wr7 h2 {
        font-size: 6rem;
        line-height: 6rem;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: absolute;
        top: 29.6875rem;
        left: -10.8125rem;
    }
    #page-index .wr7.wr7--steps h2 {
        top: 26.26rem;
        left: -8.87rem;
    }
    #page-index .wr7 h2.us {
        top: 33.1875rem
    }
    #page-index .wr7 h3 {
        width: 50rem;
        font-size: 3.5rem;
        line-height: 4rem
    }
    #page-index .wr7.wr7--steps h3 {
        width: 59.34rem;
    }
    #page-index .wr7 .chips img:first-child {
        width: 33.80687rem;
        height: 38.54812rem;
        min-height: 38.54812rem;
        top: 18.5625rem;
        left: -20rem
    }
    #page-index .wr7 .subtitle {
        font-size: 1.5rem;
        line-height: 2.5rem;
        padding-top: 2rem
    }
    #page-index .wr7 .items {
        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
    }
    #page-index .wr7 .items .item {
        width: 27.3125rem;
        overflow: hidden;
        margin-top: 4rem
    }
    #page-index .wr7 .items .item:first-child,
    #page-index .wr7 .items .item:nth-child(2) {
        width: 39.25rem;
    }
    #page-index .wr7 .items .item:first-child {
        margin-left: 7.5rem
    }
    #page-index .wr7 .items .item.open-gallery:hover .img img,
    #page-index .wr7.wr7--steps .items .item:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    #page-index .wr7 .items .item.open-gallery:hover .img .num,
    #page-index .wr7.wr7--steps .items .item:hover .img .num {
        left: .625rem;
        bottom: -.0625rem
    }
    #page-index .wr7 .items .item .img {
        height: 25rem
    }
    #page-index .wr7 .items .item .img img {
        -webkit-transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }
    #page-index .wr7 .pagination .arrows {
        width: 9rem
    }
    #page-index .wr7 .pagination .arrows a {
        width: 4rem;
        height: 4rem
    }
    #page-index .wr8 {
        padding: 3.75rem 0
    }
    #page-index .wr8 .chips img:first-child {
        width: 20.38938rem;
        height: 19.58188rem;
        min-height: 19.58188rem;
        top: -8.3125rem;
        right: 2.5rem;
        -webkit-animation: rustle-bottom-left 1s alternate infinite;
        animation: rustle-bottom-left 1s alternate infinite
    }
    #page-index .wr8 .chips img:last-child {
        width: 36.5475rem;
        height: 34.7375rem;
        min-height: 34.7375rem;
        left: -13.5625rem;
        bottom: -11.25rem
    }
    #page-index .wr8 .content {
        width: 60rem;
        border: 1.25rem solid #F6B654;
        padding: 12.8125rem 7.5rem;
        margin: 0 auto
    }
    #page-index .wr8 .content .title-block {
        font-size: 4.5rem;
        line-height: 4.5rem;
        padding-bottom: 4rem
    }
    #page-index .wr9 .ava {
        width: 6.5rem;
        height: 6.5rem;
        min-height: 6.5rem;
        position: absolute;
        top: 6.25rem;
        left: 11.875rem
    }
    #page-index .wr9 .content {
        width: 45rem;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding: 7rem 0 7.5rem 22.75rem
    }
    #page-index .wr9 .content .title-block {
        font-size: 1.75rem;
        line-height: 2.5rem
    }
    #page-index .wr9 .content .subtitle {
        padding-top: 4.5rem
    }
    #page-index .wr9 .content .order-form .btn-group {
        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;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0
    }
    #page-index .wr9 .content .order-form .btn-group .form-control {
        width: 24.0625rem
    }
    #page-index .wr9 .content .order-form .btn-group .btn-default {
        width: 19.375rem;
        padding-left: 0;
        padding-right: 0;
        margin: 0
    }
    #page-index .wr9 .content .order-form .privacy-text {
        width: 30rem
    }
    #page-index .wr10 {
        min-height: 78.125rem
    }
    #page-index .wr10 h2 {
        width: 37.5rem;
        padding-top: 7.5rem
    }
    #page-index .wr10 h3 {
        width: 34.375rem;
        font-size: 2.5rem;
        line-height: 3rem;
        position: absolute;
        top: 7.5rem;
        right: 10.625rem
    }
    #page-index .wr10 .chips {
        width: 33.80687rem;
        height: 38.54812rem;
        min-height: 38.54812rem;
        top: 16.75rem;
        left: -20.3125rem
    }
    #page-index .wr10 .content {
        width: 16.75rem;
        position: relative;
        z-index: 100;
        margin-top: 4rem
    }
    #page-index .wr10 .content .nav {
        margin-top: 3.125rem
    }
    #page-index .wr10 .content .nav:hover span {
        color: #F6B654;
        border-color: #F6B654
    }
    #page-index .wr10 .content .nav:hover .circle {
        border-color: #F6B654
    }
    #page-index .wr10 .content .tab {
        width: 67.5rem;
        height: 42.125rem;
        border: .0625rem solid #F6B654;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 22.5rem
    }
    #page-index .wr10 .content .tab .arrows a {
        width: 4rem;
        height: 4rem
    }
    #page-index .wr10 .content .tab .pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 2.5rem;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 100
    }
    #page-index .wr10 .content .tab .pagination .name,
    #page-index .wr10 .content .tab .pagination .pag {
        line-height: 2.5rem
    }
    #page-index .wr10 .content .tab .pagination .pag {
        background-color: #F6B654
    }
    #page-index .wr10 .content .tab .pagination .name {
        background-color: #1E1C19;
        color: #F6B654
    }
    #page-index .wr10 .content .tab .items .item {
        width: 67.5rem
    }
    #page-index .wr10 .content .tab .items .item .img {
        height: 42.125rem
    }
    #page-index .wr10 .guarantee {
        width: 19.5rem;
        text-align: center;
        position: relative;
        padding: 3.25rem 1rem 2rem;
        margin-top: 8.5625rem
    }
    #page-index .wr10 .guarantee .circle {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #page-index .wr10 .guarantee .name {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    #page-index .wr11 {
        padding: 7.5rem 0
    }
    #page-index .wr11 h3 {
        width: 75rem;
        font-size: 3.5rem;
        line-height: 4rem;
        padding-top: 5rem
    }
    #page-index .wr11 .subtitle {
        font-size: 1.5rem;
        line-height: 2.5rem;
        padding-top: 2rem
    }
    #page-index .wr11 .elements .items {
        width: 82.25rem;
        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;
        padding-top: 4rem
    }
    #page-index .wr11.wr11--3col .elements .items {
        justify-content: space-evenly;
    }
    #page-index .wr11 .elements .items:nth-child(2) {
        margin-left: 3.875rem;
    }
    #page-index .wr11.wr11--subtext .elements .items:nth-child(2) {
        margin-bottom: 1.875rem;
    }
    #page-index .wr11 .elements .items:last-child {
        padding-top: 4.5rem
    }
    #page-index .wr11 .elements .items .item {
        width: 18.5rem
    }
    #page-index .wr11 .elements .items .item:first-child,
    #page-index .wr11 .elements .items .item:nth-child(2),
    #page-index .wr11 .elements .items .item:nth-child(3),
    #page-index .wr11 .elements .items .item:nth-child(4) {
        margin-top: 0
    }
    #page-index .wr11 .elements .items .item .img {
        width: 4.5rem;
        height: 4.5rem;
        position: relative;
        left: 1rem
    }
    #page-index .wr11 .elements .items .item .img:before {
        width: 4.5rem;
        height: 4.5rem
    }
    #page-index .wr11 .elements .items .item .img img {
        width: 3.125rem;
        height: 3.125rem;
        min-height: 3.125rem
    }
    #page-index .wr11 .elements .items .item .text {
        padding: 2rem 1.25rem 0 0
    }
    #page-index .wr11.wr11--subtext .elements .items .item .text span {
        font-size: 1rem;
        line-height: 1.185rem;
        margin-top: 0.65rem;
    }
    #page-index .wr12 {
        padding-top: 4rem
    }
    #page-index .wr12 .chips img:first-child {
        width: 46.25rem;
        height: 36.8125rem;
        min-height: 36.8125rem;
        left: -32.1875rem;
        bottom: -4.125rem
    }
    #page-index .wr12 .chips img:last-child {
        width: 10.12125rem;
        height: 12.08313rem;
        min-height: 12.08313rem;
        top: 21.875rem;
        right: 12.875rem;
        -webkit-animation: rustle-bottom-right 1.5s alternate infinite;
        animation: rustle-bottom-right 1.5s alternate infinite
    }
    #page-index .wr12 .content {
        width: 37.5rem;
        height: 37.5rem
    }
    #page-index .wr12 .content:before {
        width: 32rem;
        height: 32rem
    }
    #page-index .wr12 .content .title-block {
        width: 48.5rem;
        font-size: 4.5rem;
        line-height: 4.5rem;
        left: 50%;
        padding-top: 5.8125rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #page-index .wr12 .content .text {
        width: 30rem;
        padding-top: 4rem;
        margin: 0 auto
    }
    #page-index .wr12 .order-form {
        width: 60rem
    }
    #page-index .wr12 .order-form .flex {
        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
    }
    #page-index .wr12 .order-form .flex .btn-group {
        width: 18.625rem;
        margin: 0
    }
    #page-index .wr12 .order-form .flex .btn-group:last-child {
        width: 19.75rem;
        padding-top: 2rem
    }
    #page-index .wr12 .order-form .flex .btn-group .btn-default {
        padding-left: 0;
        padding-right: 0;
        margin: 0
    }
    #page-index .wr12 .subtext {
        width: 35.625rem;
        padding: 4rem 0 7.5rem;
        margin: 0 auto
    }
    #page-index .wr13 {
        padding: 7.5rem 0 2.5rem
    }
    #page-index .wr13 .title-block {
        width: 51.25rem;
        padding-bottom: 4rem
    }
    #page-index .wr13 .gallery .arrows {
        width: 90rem
    }
    #page-index .wr13 .gallery .arrows a {
        width: 4rem;
        height: 4rem
    }
    #page-index .wr13 .gallery .items .item {
        width: 100vw;
        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
    }
    #page-index .wr13 .gallery .items .item .left,
    #page-index .wr13 .gallery .items .item .right {
        width: 50%;
        height: 45rem
    }
    #page-index .wr13 .gallery .items .item .left .name,
    #page-index .wr13 .gallery .items .item .right .name {
        font-size: 1.75rem;
        line-height: 2rem;
        padding: .5rem 1rem
    }
    #page-index .wr13 .gallery .items .item .left .name {
        top: 19.5rem;
        right: 0
    }
    #page-index .wr13 .gallery .items .item .right .name {
        top: 22.5625rem;
        left: 0
    }
    #page-index .wr14 .block {
        height: 115.625rem
    }
    #page-index .wr14.wr14--quality .block {
        height: 105.625rem
    }
    #page-index .wr14 h2 {
        width: 46.4375rem;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding: 1.5rem 0 0 15rem
    }
    #page-index .wr14 .lines .line:first-child {
        top: 36.4375rem;
        left: 0
    }
    #page-index .wr14 .lines .line:last-child {
        top: 7.5rem;
        right: 0
    }
    #page-index .wr14 .subtitle {
        font-size: 7.5rem;
        line-height: 7.5rem;
        position: relative;
        z-index: 110;
        padding: 7.5rem 0 0 15rem
    }
    #page-index .wr14 .text {
        width: 45rem;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding: 5rem 0 0 15rem
    }
    #page-index .wr14 .gallery {
        padding-bottom: 7.5rem;
        margin-top: 5rem
    }
    #page-index .wr14 .gallery .arrows {
        width: 90rem;
        top: 18.125rem
    }
    #page-index .wr14 .gallery .arrows a {
        width: 4rem;
        height: 4rem
    }
    #page-index .wr14 .gallery .items .item {
        cursor: pointer;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
        -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
        transform-origin: 50%;
        position: relative;
        margin: 0 2.5rem;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    #page-index .wr14 .gallery .items .item.current {
        cursor: default;
        z-index: 100;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    #page-index .wr14 .gallery .items .item.current .img {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    #page-index .wr14 .gallery .items .item.current .img:after {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    #page-index .wr14 .gallery .items .item.current .img:before,
    #page-index .wr14 .gallery .items .item:hover .img {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    #page-index .wr14 .gallery .items .item.current .name {
        display: block
    }
    #page-index .wr14 .gallery .items .item .content {
        width: 45rem;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #page-index .wr14 .gallery .items .item .img {
        width: 45rem;
        height: 33.75rem;
        display: inline-block;
        opacity: .3;
        filter: alpha(opacity=30);
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }
    #page-index .wr14 .gallery .items .item .img:before {
        top: 1.5rem;
        left: 1.5rem;
        opacity: 0;
        filter: alpha(opacity=0)
    }
    #page-index .wr14 .gallery .items .item .name {
        font-size: 1.75rem;
        line-height: 2.5rem;
        padding-top: 3rem;
        display: none
    }
    #page-index .wr15 {
        padding: 10rem 0 7.5rem;
    }
    #page-index .wr15 h2 {
        width: 48.125rem;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding-left: 7.5rem
    }
    #page-index .wr15 .items {
        width: 75rem;
        padding-top: 5rem;
        margin: 0 auto
    }
    #page-index .wr15.wr15--noimg .items .item:not(:last-child) {
        margin-bottom: 4rem;
    }
    #page-index .wr15.wr15--noimg .items .item.second {
        padding-left: 5rem;
    }
    #page-index .wr15 .items .item:nth-child(odd) {
        padding-left: 37.5rem
    }
    #page-index .wr15.wr15--noimg .items .item:nth-child(odd) {
        padding-left: 0;
    }
    #page-index .wr15 .items .item:nth-child(even) .img,
    #page-index .wr15 .items .item:nth-child(even) .img img {
        width: 30rem
    }
    #page-index .wr15 .items .item:nth-child(even) .content {
        left: 37.5rem
    }
    #page-index .wr15 .items .item .img {
        width: 37.5rem;
        height: 37.5rem;
        overflow: hidden
    }
    #page-index .wr15 .items .item .img img {
        width: 37.5rem;
        height: 37.5rem;
        min-height: 37.5rem;
        -webkit-animation: mymove-2 30s infinite;
        animation: mymove-2 30s infinite
    }
    #page-index .wr15.wr15--text .items .item .img img {
        object-fit: cover;
    }
    #page-index .wr15 .items .item .content {
        width: 33.5rem;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #page-index .wr15.wr15--noimg .items .item .content {
        width: auto;
        position: static;
        transform: none;
    }
    #page-index .wr15 .items .item .content h3 {
        font-size: 1.75rem;
        line-height: 2.5rem;
        padding-top: 2rem
    }
    #page-index .wr15 .items .item .content .num {
        width: 2.375rem;
        font-size: 5rem;
        line-height: 5rem
    }
    #page-index .wr15 .items .item .content .text {
        padding-top: 2rem
    }
    #page-index .wr15 .pagination .arrows {
        width: 9rem
    }
    #page-index .wr15 .pagination .arrows a {
        width: 4rem;
        height: 4rem
    }
    #page-index .wr16 {
        padding: 7.5rem 0 0
    }
    #page-index .wr16 h2 {
        font-size: 7.5rem;
        line-height: 7.5rem;
        top: -2.1875rem
    }
    #page-index .wr16 .chips img:first-child {
        width: 38.60688rem;
        height: 26.97312rem;
        min-height: 26.97312rem;
        top: -11.875rem;
        left: -29.625rem
    }
    #page-index .wr16 .position {
        width: 52.5rem;
        position: absolute;
        top: 0;
        right: 0
    }
    #page-index .wr16 .position .title {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-left: 7.5rem
    }
    #page-index .wr16 .position .title .quot svg:first-child {
        position: absolute;
        top: .5rem;
        left: -3rem
    }
    #page-index .wr16 .position .title .quot svg:last-child {
        position: relative;
        top: -.5rem;
        margin-left: .5rem
    }
    #page-index .wr16 .position .subtitle {
        width: 37.5rem;
        font-size: 1.5rem;
        line-height: 2.5rem;
        padding-top: 1.5rem;
        margin-left: 7.5rem
    }
    #page-index .wr16 .gallery-img {
        width: 54rem;
        position: absolute;
        top: 16.75rem;
        right: 0
    }
    #page-index .wr16.wr16--projects .gallery-img {
        top: 11.75rem;
    }
    #page-index .wr16 .gallery-img .items .item {
        height: 40.875rem
    }
    #page-index .wr16 .gallery-img .items .item .img {
        width: 52.5rem;
        height: 39.3125rem;
        cursor: pointer
    }
    #page-index .wr16 .gallery-img .items .item .img:before {
        top: 1.5rem;
        left: 1.5rem;
        -webkit-transition: top .3s, left .3s;
        -o-transition: top .3s, left .3s;
        transition: top .3s, left .3s
    }
    #page-index .wr16 .gallery-text {
        width: 30rem;
        overflow: hidden;
        margin-top: 9rem
    }
    #page-index .wr16.wr16--projects .gallery-text {
        margin-top: 4rem;
    }
    #page-index .wr16 .gallery-text .items .item {
        padding: 8.875rem 0 7.5rem
    }
    #page-index .wr16.wr16--projects .gallery-text .items .item {
        padding: 7.5rem 0 7.5rem;
    }
    #page-index .wr16 .gallery-text .items .item .autor {
        padding-left: 6rem
    }
    #page-index .wr16.wr16--projects .gallery-text .items .item .autor {
        padding-left: 0;
    }
    #page-index .wr16 .gallery-text .items .item .autor img {
        width: 4.5rem;
        height: 4.5rem;
        min-height: 4.5rem
    }
    #page-index .wr16 .gallery-text .items .item .autor span {
        font-size: 1.125rem;
        line-height: 2rem
    }
    #page-index .wr16.wr16--projects .gallery-text .items .item .autor span {
        font-size: 1.365rem;
        line-height: 2.45rem;
    }
    #page-index .wr16 .gallery-text .pagination .arrows,
    #page-index .wr16 .gallery-text .pagination-small .arrows {
        width: 9rem
    }
    #page-index .wr16 .gallery-text .pagination .arrows a,
    #page-index .wr16 .gallery-text .pagination-small .arrows a {
        width: 4rem;
        height: 4rem
    }
    #page-index .wr17 .title-block {
        width: 45rem;
        font-size: 4.5rem;
        line-height: 4.5rem;
        right: 0;
        bottom: 28.125rem
    }
    #page-index .wr17 .image {
        width: 40.5625rem;
        height: 63.25rem;
        min-height: 63.25rem;
        position: absolute;
        right: 2.875rem;
        bottom: 0;
        z-index: 110
    }
    #page-index .wr17 .subtext {
        width: 36.125rem;
        padding-top: 7.5rem
    }
    #page-index .wr17.wr17--r .subtext {
        padding-top: 9rem;
    }
    #page-index .wr17 .text {
        width: 39rem;
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    #page-index .wr17 .projects {
        width: 36.125rem;
        padding: 3rem 0 25.25rem;
    }
    #page-index .wr17 .project-text {
        gap: 3.12rem;
        padding-bottom: 3rem;
    }
    #page-index .wr17 .project-text p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    #page-index .wr17 .project-text p:first-child {
        font-size: 1.125rem;
        margin-bottom: 0.621rem;
    }
    #page-index .wr17 .order-form {
        width: 30.0625rem;
        padding: 5rem 0 15.25rem;
        margin: 0
    }
    #page-index .wr18 {
        padding: 7.5rem 0
    }
    #page-index .wr18 .chips img:first-child {
        width: 60.95313rem;
        height: 45.63125rem;
        min-height: 45.63125rem;
        top: 9.5625rem;
        left: -32.75rem
    }
    #page-portfolio .wr2 .picture .img:before,
    #page-portfolio .wr2 .portfolio .image .img:before {
        top: 1.5rem;
        left: 1.5rem
    }
    #page-index .wr18 .flex {
        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
    }
    #page-index .wr18 .flex .content {
        width: 27.5rem
    }
    #page-index .wr18 .flex .content h2 span:nth-child(2) {
        font-size: 15.625rem;
        line-height: 15.625rem;
        margin-top: 1rem
    }
    #page-index .wr18 .flex .content h2 span:last-child {
        font-size: 1.5rem;
        line-height: 2.5rem
    }
    #page-portfolio .wr1 .back,
    #page-thanks .wr-thanks .back {
        font-size: 1rem
    }
    #page-index .wr18 .flex .content .text {
        width: 26.0625rem;
        padding-top: 9.25rem
    }
    #page-index .wr18.wr18--team .flex .content .text {
        padding-top: 4rem;
    }
    #page-index .wr18 .flex .img .image {
        -webkit-animation: mymove-2 30s infinite;
        animation: mymove-2 30s infinite
    }
    #page-portfolio .wr1 {
        padding: 14rem 0 12.5rem
    }
    #page-portfolio .wr1 h1 {
        width: 60rem;
        padding-top: 4rem;
        margin: 0 auto
    }
    #page-portfolio .wr2 {
        padding-bottom: 7.5rem;
        margin-top: -8.5rem
    }
    #page-portfolio .wr2 .picture {
        width: 60rem
    }
    #page-portfolio .wr2 .picture span {
        padding-top: 2.5rem
    }
    #page-portfolio .wr2 .text {
        width: 60rem;
        border: 1.25rem solid #F6B654;
        padding: 1.5rem 7.5rem 5rem;
        margin: 5rem auto 0
    }
    #page-portfolio .wr2 .text:before {
        display: none
    }
    #page-portfolio .wr2 .portfolio {
        width: 87.5rem;
        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;
        text-align: center;
        padding-top: 5rem
    }
    #page-portfolio .wr2 .portfolio .left-row,
    #page-portfolio .wr2 .portfolio .right-row {
        width: 40rem
    }
    #page-portfolio .wr2 .portfolio .image {
        width: 40rem;
        display: inline-block;
        min-height: 6.25rem;
        margin-top: 5rem
    }
    #page-portfolio .wr2 .portfolio .image span {
        padding-top: 2.5rem
    }
    #page-portfolio .wr-contacts .content {
        padding-left: 12.5rem;
        padding-right: 15rem
    }
    #page-portfolio .wr-contacts .content h2 {
        width: 37.5rem;
        font-size: 1.75rem;
        line-height: 2.5rem;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-top: 0
    }
    #page-portfolio .wr-contacts .content h2:before {
        top: 1.1875rem;
        left: -7.5rem
    }
    #page-portfolio .wr-contacts .content .autor {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        top: 6.25rem;
        right: 7.5rem
    }
    #page-portfolio .wr-contacts .content .autor img {
        width: 6.5rem;
        height: 6.5rem;
        min-height: 6.5rem;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    #page-portfolio .wr-contacts .content .autor .text {
        padding: 0 0 1.1875rem
    }
    #page-portfolio .wr-contacts .content .subtitle {
        width: 100%;
        padding: 3.5rem 0 2rem;
        margin: 0
    }
    #page-portfolio .wr-contacts .content .phone {
        width: 60rem
    }
    #page-portfolio .wr-contacts .content .subtext {
        width: 100%;
        margin: 4rem 0 0
    }
    #page-portfolio .wr-contacts .content .subtext:before {
        top: .9375rem;
        left: -7.5rem
    }
    #page-portfolio .wr-contacts .content .socials {
        width: 100%;
        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;
        padding-top: 1.5rem;
        margin: 0
    }
    #page-thanks .wr-thanks {
        padding: 14rem 0 7.5rem
    }
    #page-thanks .wr-thanks .title {
        width: 45rem;
        font-size: 4.5rem;
        line-height: 4.5rem;
        padding: 4rem 0;
        margin: 0 auto
    }
    #page-thanks .wr-thanks .text {
        width: 45rem;
        margin: 0 auto
    }
    #page-thanks .wr-more {
        padding: 7.5rem 0 2.5rem
    }
    #page-thanks .wr-more .text {
        width: 75rem;
        margin: 0 auto
    }
    #page-thanks .wr-more .items {
        width: 75rem;
        padding-top: 2rem;
        margin: 0 auto
    }
    #page-thanks .wr-more .items .item,
    #page-thanks .wr-more .items .item .img {
        width: 33.75rem
    }
    #page-thanks .wr-form {
        padding: 5rem 0 7.5rem
    }
    #page-thanks .wr-form h2,
    .modal-exit .modal-dialog .modal-content .modal-header .modal-text {
        padding-top: 3rem
    }
    #page-thanks .wr-form .text {
        position: relative;
        z-index: 100;
        padding: 7.5rem 0 0 7.5rem
    }
    body {
        font-size: 1.375rem;
        line-height: 1.875rem
    }
    .wr .block {
        min-width: 23.5rem;
        max-width: 90rem
    }
    h1 {
        font-size: 5rem;
        line-height: 5rem
    }
    .wr1--quiz h1 {
        font-size: 4rem;
        line-height: 4rem
    }
    .title-block,
    h2 {
        font-size: 3.5rem;
        line-height: 4rem
    }
    .only-small {
        display: none !important
    }
    @-webkit-keyframes rustle-top-bottom {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px)
        }
    }
    @keyframes rustle-top-bottom {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px)
        }
    }
    @-webkit-keyframes rustle-top-right {
        0% {
            -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0)
        }
        100% {
            -webkit-transform: translateY(-5px) translateX(5px);
            transform: translateY(-5px) translateX(5px)
        }
    }
    @keyframes rustle-top-right {
        0% {
            -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0)
        }
        100% {
            -webkit-transform: translateY(-5px) translateX(5px);
            transform: translateY(-5px) translateX(5px)
        }
    }
    @-webkit-keyframes rustle-top-left {
        0% {
            -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0)
        }
        100% {
            -webkit-transform: translateY(-5px) translateX(-5px);
            transform: translateY(-5px) translateX(-5px)
        }
    }
    @keyframes rustle-top-left {
        0% {
            -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0)
        }
        100% {
            -webkit-transform: translateY(-5px) translateX(-5px);
            transform: translateY(-5px) translateX(-5px)
        }
    }
    @-webkit-keyframes rustle-bottom-left {
        0% {
            -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0)
        }
        100% {
            -webkit-transform: translateY(5px) translateX(-5px);
            transform: translateY(5px) translateX(-5px)
        }
    }
    @keyframes rustle-bottom-left {
        0% {
            -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0)
        }
        100% {
            -webkit-transform: translateY(5px) translateX(-5px);
            transform: translateY(5px) translateX(-5px)
        }
    }
    @-webkit-keyframes rustle-bottom-right {
        0% {
            -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0)
        }
        100% {
            -webkit-transform: translateY(5px) translateX(5px);
            transform: translateY(5px) translateX(5px)
        }
    }
    @keyframes rustle-bottom-right {
        0% {
            -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0)
        }
        100% {
            -webkit-transform: translateY(5px) translateX(5px);
            transform: translateY(5px) translateX(5px)
        }
    }
    @-webkit-keyframes rustle-top-bottom-button {
        0% {
            -webkit-transform: translateY(-40%) rotate(90deg);
            transform: translateY(-40%) rotate(90deg)
        }
        100% {
            -webkit-transform: translateY(-60%) rotate(90deg);
            transform: translateY(-60%) rotate(90deg)
        }
    }
    @keyframes rustle-top-bottom-button {
        0% {
            -webkit-transform: translateY(-40%) rotate(90deg);
            transform: translateY(-40%) rotate(90deg)
        }
        100% {
            -webkit-transform: translateY(-60%) rotate(90deg);
            transform: translateY(-60%) rotate(90deg)
        }
    }
    @-webkit-keyframes line-width {
        0% {
            width: 1.875rem
        }
        100% {
            width: 7.5rem
        }
    }
    @keyframes line-width {
        0% {
            width: 1.875rem
        }
        100% {
            width: 7.5rem
        }
    }
    @-webkit-keyframes line-width-2 {
        0% {
            width: 4.375rem
        }
        100% {
            width: 7.5rem
        }
    }
    @keyframes line-width-2 {
        0% {
            width: 4.375rem
        }
        100% {
            width: 7.5rem
        }
    }
    @-webkit-keyframes line-width-3 {
        0% {
            width: 10rem
        }
        100% {
            width: 15.625rem
        }
    }
    @keyframes line-width-3 {
        0% {
            width: 10rem
        }
        100% {
            width: 15.625rem
        }
    }
    @-webkit-keyframes line-width-4 {
        0% {
            width: 18.75rem
        }
        100% {
            width: 20.625rem
        }
    }
    @keyframes line-width-4 {
        0% {
            width: 18.75rem
        }
        100% {
            width: 20.625rem
        }
    }
    @-webkit-keyframes shake-hard {
        2% {
            -webkit-transform: translate(10px, -5px) rotate(-.5deg);
            transform: translate(10px, -5px) rotate(-.5deg)
        }
        4% {
            -webkit-transform: translate(4px, 1px) rotate(.5deg);
            transform: translate(4px, 1px) rotate(.5deg)
        }
        6% {
            -webkit-transform: translate(10px, 9px) rotate(2.5deg);
            transform: translate(10px, 9px) rotate(2.5deg)
        }
        8% {
            -webkit-transform: translate(7px, 7px) rotate(3.5deg);
            transform: translate(7px, 7px) rotate(3.5deg)
        }
        10% {
            -webkit-transform: translate(10px, 0) rotate(.5deg);
            transform: translate(10px, 0) rotate(.5deg)
        }
        12% {
            -webkit-transform: translate(-3px, -4px) rotate(.5deg);
            transform: translate(-3px, -4px) rotate(.5deg)
        }
        14% {
            -webkit-transform: translate(-4px, -2px) rotate(-.5deg);
            transform: translate(-4px, -2px) rotate(-.5deg)
        }
        16% {
            -webkit-transform: translate(8px, 7px) rotate(3.5deg);
            transform: translate(8px, 7px) rotate(3.5deg)
        }
        18% {
            -webkit-transform: translate(-8px, -3px) rotate(.5deg);
            transform: translate(-8px, -3px) rotate(.5deg)
        }
        20% {
            -webkit-transform: translate(2px, -7px) rotate(-2.5deg);
            transform: translate(2px, -7px) rotate(-2.5deg)
        }
        22% {
            -webkit-transform: translate(6px, 1px) rotate(-1.5deg);
            transform: translate(6px, 1px) rotate(-1.5deg)
        }
        24% {
            -webkit-transform: translate(1px, 1px) rotate(-2.5deg);
            transform: translate(1px, 1px) rotate(-2.5deg)
        }
        26% {
            -webkit-transform: translate(-1px, 10px) rotate(2.5deg);
            transform: translate(-1px, 10px) rotate(2.5deg)
        }
        28% {
            -webkit-transform: translate(10px, -1px) rotate(3.5deg);
            transform: translate(10px, -1px) rotate(3.5deg)
        }
        30% {
            -webkit-transform: translate(-8px, -2px) rotate(2.5deg);
            transform: translate(-8px, -2px) rotate(2.5deg)
        }
        32% {
            -webkit-transform: translate(7px, 0) rotate(3.5deg);
            transform: translate(7px, 0) rotate(3.5deg)
        }
        34% {
            -webkit-transform: translate(-1px, -3px) rotate(-1.5deg);
            transform: translate(-1px, -3px) rotate(-1.5deg)
        }
        36% {
            -webkit-transform: translate(-5px, 8px) rotate(1.5deg);
            transform: translate(-5px, 8px) rotate(1.5deg)
        }
        38% {
            -webkit-transform: translate(8px, 5px) rotate(3.5deg);
            transform: translate(8px, 5px) rotate(3.5deg)
        }
        40% {
            -webkit-transform: translate(10px, 2px) rotate(-1.5deg);
            transform: translate(10px, 2px) rotate(-1.5deg)
        }
        42% {
            -webkit-transform: translate(0, -1px) rotate(-2.5deg);
            transform: translate(0, -1px) rotate(-2.5deg)
        }
        44% {
            -webkit-transform: translate(-3px, -6px) rotate(.5deg);
            transform: translate(-3px, -6px) rotate(.5deg)
        }
        46% {
            -webkit-transform: translate(0, -6px) rotate(-2.5deg);
            transform: translate(0, -6px) rotate(-2.5deg)
        }
        48% {
            -webkit-transform: translate(6px, 6px) rotate(-2.5deg);
            transform: translate(6px, 6px) rotate(-2.5deg)
        }
        50% {
            -webkit-transform: translate(-3px, 9px) rotate(-.5deg);
            transform: translate(-3px, 9px) rotate(-.5deg)
        }
        52% {
            -webkit-transform: translate(7px, -3px) rotate(1.5deg);
            transform: translate(7px, -3px) rotate(1.5deg)
        }
        54% {
            -webkit-transform: translate(7px, 0) rotate(1.5deg);
            transform: translate(7px, 0) rotate(1.5deg)
        }
        56% {
            -webkit-transform: translate(3px, -7px) rotate(.5deg);
            transform: translate(3px, -7px) rotate(.5deg)
        }
        58% {
            -webkit-transform: translate(2px, -3px) rotate(-2.5deg);
            transform: translate(2px, -3px) rotate(-2.5deg)
        }
        60% {
            -webkit-transform: translate(5px, 2px) rotate(-2.5deg);
            transform: translate(5px, 2px) rotate(-2.5deg)
        }
        62% {
            -webkit-transform: translate(-2px, 10px) rotate(-.5deg);
            transform: translate(-2px, 10px) rotate(-.5deg)
        }
        64% {
            -webkit-transform: translate(8px, -2px) rotate(3.5deg);
            transform: translate(8px, -2px) rotate(3.5deg)
        }
        66% {
            -webkit-transform: translate(8px, -3px) rotate(1.5deg);
            transform: translate(8px, -3px) rotate(1.5deg)
        }
        68% {
            -webkit-transform: translate(4px, 5px) rotate(2.5deg);
            transform: translate(4px, 5px) rotate(2.5deg)
        }
        70% {
            -webkit-transform: translate(0, -7px) rotate(2.5deg);
            transform: translate(0, -7px) rotate(2.5deg)
        }
        72% {
            -webkit-transform: translate(5px, -7px) rotate(1.5deg);
            transform: translate(5px, -7px) rotate(1.5deg)
        }
        74% {
            -webkit-transform: translate(-4px, -2px) rotate(-2.5deg);
            transform: translate(-4px, -2px) rotate(-2.5deg)
        }
        76% {
            -webkit-transform: translate(-8px, -2px) rotate(1.5deg);
            transform: translate(-8px, -2px) rotate(1.5deg)
        }
        78% {
            -webkit-transform: translate(2px, -5px) rotate(.5deg);
            transform: translate(2px, -5px) rotate(.5deg)
        }
        80% {
            -webkit-transform: translate(-2px, -3px) rotate(.5deg);
            transform: translate(-2px, -3px) rotate(.5deg)
        }
        82% {
            -webkit-transform: translate(-4px, -1px) rotate(-.5deg);
            transform: translate(-4px, -1px) rotate(-.5deg)
        }
        84% {
            -webkit-transform: translate(-4px, 8px) rotate(.5deg);
            transform: translate(-4px, 8px) rotate(.5deg)
        }
        86% {
            -webkit-transform: translate(3px, 5px) rotate(-.5deg);
            transform: translate(3px, 5px) rotate(-.5deg)
        }
        88% {
            -webkit-transform: translate(6px, -4px) rotate(3.5deg);
            transform: translate(6px, -4px) rotate(3.5deg)
        }
        90% {
            -webkit-transform: translate(-8px, 3px) rotate(-.5deg);
            transform: translate(-8px, 3px) rotate(-.5deg)
        }
        92% {
            -webkit-transform: translate(-5px, 3px) rotate(-2.5deg);
            transform: translate(-5px, 3px) rotate(-2.5deg)
        }
        94% {
            -webkit-transform: translate(10px, 2px) rotate(1.5deg);
            transform: translate(10px, 2px) rotate(1.5deg)
        }
        96% {
            -webkit-transform: translate(-8px, 6px) rotate(-2.5deg);
            transform: translate(-8px, 6px) rotate(-2.5deg)
        }
        98% {
            -webkit-transform: translate(10px, 9px) rotate(1.5deg);
            transform: translate(10px, 9px) rotate(1.5deg)
        }
        0%,
        100% {
            -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0)
        }
    }
    @keyframes shake-hard {
        2% {
            -webkit-transform: translate(10px, -5px) rotate(-.5deg);
            transform: translate(10px, -5px) rotate(-.5deg)
        }
        4% {
            -webkit-transform: translate(4px, 1px) rotate(.5deg);
            transform: translate(4px, 1px) rotate(.5deg)
        }
        6% {
            -webkit-transform: translate(10px, 9px) rotate(2.5deg);
            transform: translate(10px, 9px) rotate(2.5deg)
        }
        8% {
            -webkit-transform: translate(7px, 7px) rotate(3.5deg);
            transform: translate(7px, 7px) rotate(3.5deg)
        }
        10% {
            -webkit-transform: translate(10px, 0) rotate(.5deg);
            transform: translate(10px, 0) rotate(.5deg)
        }
        12% {
            -webkit-transform: translate(-3px, -4px) rotate(.5deg);
            transform: translate(-3px, -4px) rotate(.5deg)
        }
        14% {
            -webkit-transform: translate(-4px, -2px) rotate(-.5deg);
            transform: translate(-4px, -2px) rotate(-.5deg)
        }
        16% {
            -webkit-transform: translate(8px, 7px) rotate(3.5deg);
            transform: translate(8px, 7px) rotate(3.5deg)
        }
        18% {
            -webkit-transform: translate(-8px, -3px) rotate(.5deg);
            transform: translate(-8px, -3px) rotate(.5deg)
        }
        20% {
            -webkit-transform: translate(2px, -7px) rotate(-2.5deg);
            transform: translate(2px, -7px) rotate(-2.5deg)
        }
        22% {
            -webkit-transform: translate(6px, 1px) rotate(-1.5deg);
            transform: translate(6px, 1px) rotate(-1.5deg)
        }
        24% {
            -webkit-transform: translate(1px, 1px) rotate(-2.5deg);
            transform: translate(1px, 1px) rotate(-2.5deg)
        }
        26% {
            -webkit-transform: translate(-1px, 10px) rotate(2.5deg);
            transform: translate(-1px, 10px) rotate(2.5deg)
        }
        28% {
            -webkit-transform: translate(10px, -1px) rotate(3.5deg);
            transform: translate(10px, -1px) rotate(3.5deg)
        }
        30% {
            -webkit-transform: translate(-8px, -2px) rotate(2.5deg);
            transform: translate(-8px, -2px) rotate(2.5deg)
        }
        32% {
            -webkit-transform: translate(7px, 0) rotate(3.5deg);
            transform: translate(7px, 0) rotate(3.5deg)
        }
        34% {
            -webkit-transform: translate(-1px, -3px) rotate(-1.5deg);
            transform: translate(-1px, -3px) rotate(-1.5deg)
        }
        36% {
            -webkit-transform: translate(-5px, 8px) rotate(1.5deg);
            transform: translate(-5px, 8px) rotate(1.5deg)
        }
        38% {
            -webkit-transform: translate(8px, 5px) rotate(3.5deg);
            transform: translate(8px, 5px) rotate(3.5deg)
        }
        40% {
            -webkit-transform: translate(10px, 2px) rotate(-1.5deg);
            transform: translate(10px, 2px) rotate(-1.5deg)
        }
        42% {
            -webkit-transform: translate(0, -1px) rotate(-2.5deg);
            transform: translate(0, -1px) rotate(-2.5deg)
        }
        44% {
            -webkit-transform: translate(-3px, -6px) rotate(.5deg);
            transform: translate(-3px, -6px) rotate(.5deg)
        }
        46% {
            -webkit-transform: translate(0, -6px) rotate(-2.5deg);
            transform: translate(0, -6px) rotate(-2.5deg)
        }
        48% {
            -webkit-transform: translate(6px, 6px) rotate(-2.5deg);
            transform: translate(6px, 6px) rotate(-2.5deg)
        }
        50% {
            -webkit-transform: translate(-3px, 9px) rotate(-.5deg);
            transform: translate(-3px, 9px) rotate(-.5deg)
        }
        52% {
            -webkit-transform: translate(7px, -3px) rotate(1.5deg);
            transform: translate(7px, -3px) rotate(1.5deg)
        }
        54% {
            -webkit-transform: translate(7px, 0) rotate(1.5deg);
            transform: translate(7px, 0) rotate(1.5deg)
        }
        56% {
            -webkit-transform: translate(3px, -7px) rotate(.5deg);
            transform: translate(3px, -7px) rotate(.5deg)
        }
        58% {
            -webkit-transform: translate(2px, -3px) rotate(-2.5deg);
            transform: translate(2px, -3px) rotate(-2.5deg)
        }
        60% {
            -webkit-transform: translate(5px, 2px) rotate(-2.5deg);
            transform: translate(5px, 2px) rotate(-2.5deg)
        }
        62% {
            -webkit-transform: translate(-2px, 10px) rotate(-.5deg);
            transform: translate(-2px, 10px) rotate(-.5deg)
        }
        64% {
            -webkit-transform: translate(8px, -2px) rotate(3.5deg);
            transform: translate(8px, -2px) rotate(3.5deg)
        }
        66% {
            -webkit-transform: translate(8px, -3px) rotate(1.5deg);
            transform: translate(8px, -3px) rotate(1.5deg)
        }
        68% {
            -webkit-transform: translate(4px, 5px) rotate(2.5deg);
            transform: translate(4px, 5px) rotate(2.5deg)
        }
        70% {
            -webkit-transform: translate(0, -7px) rotate(2.5deg);
            transform: translate(0, -7px) rotate(2.5deg)
        }
        72% {
            -webkit-transform: translate(5px, -7px) rotate(1.5deg);
            transform: translate(5px, -7px) rotate(1.5deg)
        }
        74% {
            -webkit-transform: translate(-4px, -2px) rotate(-2.5deg);
            transform: translate(-4px, -2px) rotate(-2.5deg)
        }
        76% {
            -webkit-transform: translate(-8px, -2px) rotate(1.5deg);
            transform: translate(-8px, -2px) rotate(1.5deg)
        }
        78% {
            -webkit-transform: translate(2px, -5px) rotate(.5deg);
            transform: translate(2px, -5px) rotate(.5deg)
        }
        80% {
            -webkit-transform: translate(-2px, -3px) rotate(.5deg);
            transform: translate(-2px, -3px) rotate(.5deg)
        }
        82% {
            -webkit-transform: translate(-4px, -1px) rotate(-.5deg);
            transform: translate(-4px, -1px) rotate(-.5deg)
        }
        84% {
            -webkit-transform: translate(-4px, 8px) rotate(.5deg);
            transform: translate(-4px, 8px) rotate(.5deg)
        }
        86% {
            -webkit-transform: translate(3px, 5px) rotate(-.5deg);
            transform: translate(3px, 5px) rotate(-.5deg)
        }
        88% {
            -webkit-transform: translate(6px, -4px) rotate(3.5deg);
            transform: translate(6px, -4px) rotate(3.5deg)
        }
        90% {
            -webkit-transform: translate(-8px, 3px) rotate(-.5deg);
            transform: translate(-8px, 3px) rotate(-.5deg)
        }
        92% {
            -webkit-transform: translate(-5px, 3px) rotate(-2.5deg);
            transform: translate(-5px, 3px) rotate(-2.5deg)
        }
        94% {
            -webkit-transform: translate(10px, 2px) rotate(1.5deg);
            transform: translate(10px, 2px) rotate(1.5deg)
        }
        96% {
            -webkit-transform: translate(-8px, 6px) rotate(-2.5deg);
            transform: translate(-8px, 6px) rotate(-2.5deg)
        }
        98% {
            -webkit-transform: translate(10px, 9px) rotate(1.5deg);
            transform: translate(10px, 9px) rotate(1.5deg)
        }
        0%,
        100% {
            -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0)
        }
    }
    .wr-phone {
        display: none !important
    }
    .wr-header.no-lang .option {
        width: 28.125rem
    }
    .wr-calculator {
        padding: 7.5rem 0
    }
    .wr-calculator.wr-calculator--margin {
        margin: 7.5rem 0 0;
    }
    .wr-calculator .order-form .function .title-block {
        width: 52.5rem
    }
    .wr-calculator .order-form .function .items {
        width: 35.8125rem;
        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;
        position: absolute;
        top: .9375rem;
        right: 1.5rem
    }
    .wr-calculator .order-form .function .items .item {
        width: 13.3125rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding-top: 1.75rem
    }
    .wr-calculator .order-form .function .items .item:before {
        top: 0
    }
    .wr-calculator .order-form .function .items .item span:hover .tooltip {
        top: 5.5625rem
    }
    .wr-calculator .order-form .function .items .item span:hover .tooltip.us {
        top: 4.0625rem
    }
    .wr-calculator .order-form .function .items .item span .tooltip.us {
        top: 5.3125rem
    }
    .wr-calculator .order-form .function .items .item span .tooltip {
        top: 6.25rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .wr-calculator .order-form .function .progress {
        width: 7.5rem;
        position: absolute;
        top: 12.8125rem;
        left: 0
    }
    .wr-calculator .order-form .function .progress .bar {
        width: 7.5rem;
        background-color: #D6D6D6
    }
    .wr-calculator .order-form .function .progress .bar .width {
        height: 100%;
        top: 0;
        left: 0
    }
    .wr-calculator .order-form .function .progress .num {
        padding-top: 2rem
    }
    .wr-calculator .order-form .function .progress .num span:first-child {
        font-family: Gilroy-Medium, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
        letter-spacing: .1em;
        text-transform: uppercase
    }
    .wr-calculator .order-form .function .progress .num span:last-child {
        font-size: 5rem;
        line-height: 5rem;
        margin-top: .5rem
    }
    .wr-calculator .order-form .function .content {
        width: 45rem;
        margin: 4rem 0 0 15rem
    }
    .wr-calculator .order-form .function .content .steps .step.step-2 .answers .answer:nth-child(2),
    .wr-calculator .order-form .function .content .steps .step.step-3 .answers .answer:nth-child(2),
    .wr-calculator .order-form .function .content .steps .step.step-4 .answers .answer:nth-child(2),
    .wr-calculator .order-form .function .content .steps .step.step-5 .answers .answer:nth-child(2) {
        margin-top: 0
    }
    .wr-calculator .order-form .function .content .questions .question {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .wr-calculator .order-form .function .content .steps {
        padding-top: 1.5rem
    }
    .wr-calculator .order-form .function .content .steps .step.step-2 .answers,
    .wr-calculator .order-form .function .content .steps .step.step-3 .answers {
        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
    }
    .wr-calculator .order-form .function .content .steps .step.step-2 .answers .answer,
    .wr-calculator .order-form .function .content .steps .step.step-3 .answers .answer {
        width: 22rem
    }
    .wr-calculator .order-form .function .content .steps .step.step-4 .answers,
    .wr-calculator .order-form .function .content .steps .step.step-5 .answers {
        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
    }
    .wr-calculator .order-form .function .content .steps .step.step-4 .answers .answer,
    .wr-calculator .order-form .function .content .steps .step.step-5 .answers .answer {
        width: 22rem
    }
    .wr-calculator .order-form .function .content .steps .step .answers .answer {
        padding: 1.0625rem 1.5rem 1.0625rem 4.5rem;
        margin-top: 1rem
    }
    .wr-calculator .order-form .function .content .steps .step .answers .answer span {
        font-size: 1.375rem;
        line-height: 1.875rem
    }
    .wr-calculator .order-form .function .content .steps .step .answers .answer .check {
        width: 2rem;
        height: 2rem;
        top: 1rem;
        left: 1.5rem
    }
    .wr-calculator .order-form .function .content .steps .step .answers .image,
    .wr-calculator .order-form .function .content .steps .step .answers .img {
        width: 26.1875rem;
        height: 18.8125rem;
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 0;
        left: 23rem;
        cursor: pointer;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }
    .wr-calculator .order-form .function .content .steps .step .answers .image:hover:before,
    .wr-calculator .order-form .function .content .steps .step .answers .img:hover:before {
        top: 1rem;
        left: 1rem
    }
    .wr-calculator .order-form .function .content .steps .step .answers .image.active,
    .wr-calculator .order-form .function .content .steps .step .answers .img.active {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    .wr-calculator .order-form .function .content .steps .step .answers .image img,
    .wr-calculator .order-form .function .content .steps .step .answers .img img {
        width: 26.1875rem;
        height: 18.8125rem;
        min-height: 18.8125rem
    }
    .wr-calculator .order-form .function .content .arrows {
        padding-top: 2rem
    }
    .wr-calculator .order-form .function .content .arrows .flex .next {
        display: none !important
    }
    .wr-calculator .order-form .function .content .consultation {
        width: 22.25rem;
        position: absolute;
        top: 12.8125rem;
        right: 0;
        padding-top: 8rem
    }
    .wr-calculator .order-form .function .content .consultation .messages .message {
        font-size: 1.125rem
    }
    .wr-calculator .order-form .function .content .consultation .autor {
        padding-top: 1.5rem
    }
    .wr-calculator .order-form .function .content .consultation .autor img {
        width: 6.5rem;
        height: 6.5rem;
        min-height: 6.5rem;
        top: 0
    }
    .wr-calculator .order-form .function .content .info {
        width: 60rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        padding: 2rem 2.5rem;
        margin: 7.5rem auto 0
    }
    .wr-calculator .order-form .function .content .info .circle {
        left: -1.75rem;
        -webkit-animation-duration: 50s;
        animation-duration: 50s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: shake-hard;
        animation-name: shake-hard;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    .wr-calculator .order-form .function .content .info .text {
        width: 18.75rem
    }
    .wr-calculator .order-form .function .content .info .open-callback {
        width: 19.375rem;
        margin: 0 0 0 2rem
    }
    .wr-calculator .order-form .function .content .info .wa,
    .wr-calculator .order-form .function .content .info .tg-btn {
        width: 12.1875rem
    }
    .wr-calculator .order-form .function .content .info .wa svg,
    .wr-calculator .order-form .function .content .info .tg-btn svg {
        left: 2rem
    }
    .wr-calculator .order-form .form .title {
        width: 69.375rem;
        font-size: 2.5rem;
        line-height: 3rem;
        padding-bottom: 4rem
    }
    .wr-calculator .order-form .form .chips {
        -webkit-animation: rustle-bottom-right 1.5s alternate infinite;
        animation: rustle-bottom-right 1.5s alternate infinite
    }
    .wr-calculator .order-form .form .book {
        width: 58.5rem;
        height: 30.0625rem;
        min-height: 30.0625rem;
        position: absolute;
        right: -26.4375rem;
        bottom: 2.6875rem
    }
    .wr-calculator .order-form .form .info {
        position: absolute;
        left: 50.5625rem;
        bottom: 4.6875rem;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .wr-calculator .order-form .form .forms {
        width: 45rem;
        padding: 3.5rem 7.5rem
    }
    .wr-calculator .order-form .form .forms:before {
        width: 100%;
        left: 0
    }
    .wr-contacts {
        padding: 7.5rem 0
    }
    .wr-contacts:before {
        display: none
    }
    .wr-contacts .content {
        width: 75rem;
        border: 1.25rem solid #F6B654;
        position: relative;
        z-index: 110;
        padding: 6.25rem;
        margin: 0 auto
    }
    .wr-contacts .content h2 {
        font-size: 7.5rem;
        line-height: 7.5rem
    }
    .wr-contacts .content h3 {
        width: 45rem;
        font-size: 3.5rem;
        line-height: 4rem;
        padding-top: 1.5rem
    }
    .wr-contacts .content .autor {
        width: 6.875rem;
        text-align: center;
        position: absolute;
        top: 15.3125rem;
        right: 7.5rem
    }
    .wr-contacts .content .autor img {
        width: 6.5rem;
        height: 6.5rem;
        min-height: 6.5rem
    }
    .wr-contacts .content .autor .text {
        padding-top: 1.1875rem
    }
    .wr-contacts .content .info {
        width: 45rem;
        text-align: center;
        padding: 1rem 0;
        margin: 4rem auto 0
    }
    .wr-contacts .content .socials,
    .wr-contacts .content .subtext {
        width: 45rem;
        margin: 2.75rem auto 0
    }
    .wr-contacts .content .info .circle {
        -webkit-animation-duration: 50s;
        animation-duration: 50s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: shake-hard;
        animation-name: shake-hard;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    .wr-contacts .content .info .text {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    .wr-contacts .content .socials {
        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;
        padding-top: 1.5rem
    }
    .wr-contacts .content .socials a {
        width: 21.75rem
    }
    .wr-contacts .content .socials a:first-child {
        padding: 2.75rem 4.75rem 0
    }
    .wr-contacts .content .socials a:last-child {
        padding: 2.75rem 0 0
    }
    .wr-contacts .content .title {
        width: 45rem;
        font-size: 1.75rem;
        line-height: 2.5rem;
        padding: 4rem 7.5rem 0 0;
        margin: 0 auto
    }
    .wr-contacts .content .title:before {
        display: none
    }
    .wr-form .order-form .flex,
    .wr-more .items {
        display: -webkit-box;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap
    }
    .wr-contacts .content .subtitle {
        width: 45rem;
        padding: 3.5rem 0 2rem;
        margin: 0 auto
    }
    .wr-contacts .content .phone {
        font-size: 5.5rem;
        line-height: 6.5rem
    }
    .wr-more {
        padding: 7.5rem 0
    }
    .wr-more .items {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 5rem
    }
    .wr-more .items .item {
        width: 41.25rem
    }
    .wr-more .items .item .img {
        width: 41.25rem;
        height: 30.875rem
    }
    .wr-more .items .item .img:hover .image {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    .wr-more .items .item .img .image {
        -webkit-transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }
    .wr-more .items .item .name {
        font-size: 1.75rem;
        line-height: 2.5rem
    }
    .wr-more .items .item .more {
        width: 12.75rem;
        height: 4.3125rem;
        font-size: 1rem;
        padding: 1.5625rem 0 0 1.5rem
    }
    .wr-more .items .item .more:hover svg {
        right: 1.1875rem
    }
    .wr-more .items .item .more svg {
        right: 1.5rem
    }
    .wr-form.wr-form--supervision {
        padding: 7.5rem 0;
    }
    .wr-form .title-block,
    .wr-form h2 {
        width: 41.625rem;
        font-size: 4.5rem;
        line-height: 4.5rem;
        padding-top: 10rem;
        margin-left: 7.5rem
    }
    .wr-form .chips img:first-child,
    .wr-form .dot {
        -webkit-animation: rustle-bottom-right 1.5s alternate infinite;
        animation: rustle-bottom-right 1.5s alternate infinite
    }
    .wr-form .book {
        width: 58.5rem;
        height: 30.0625rem;
        min-height: 30.0625rem;
        position: absolute;
        top: 5.8125rem;
        right: -26.25rem;
        z-index: 100
    }
    .wr-form .info {
        position: absolute;
        top: 25rem;
        left: 50rem;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .wr-form .order-form {
        width: 60rem;
        margin: 0 0 0 7.5rem;
        padding-top: 5.5rem
    }
    .wr-form .order-form .flex {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .wr-footer .top,
    .wr-footer .top .phone-block {
        display: -webkit-box;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap
    }
    .wr-form .order-form .flex .btn-group {
        width: 19.3125rem;
        margin: 0
    }
    .wr-form .order-form .flex .btn-group:first-child .label {
        margin-bottom: 1.625rem
    }
    .wr-form .order-form .flex .btn-group:last-child {
        width: 18.375rem;
        padding-top: 2.875rem
    }
    .wr-form .order-form .flex .btn-group .btn-bordered {
        padding-left: 0;
        padding-right: 0
    }
    .wr-footer .top {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .wr-footer .top .phone-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: start;
    }
    .wr-footer .top .phone-block .phones {
        text-align: right
    }
    .wr-footer .bottom {
        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;
        padding-top: 4rem;
    }
    .wr-footer .bottom .left,
    .wr-footer .bottom .right {
        width: 47%
    }
    .wr-footer .bottom .right {
        text-align: right
    }
    .wr-footer .bottom .c-art.us {
        width: 23.125rem
    }
    .modal .close {
        top: -2.75rem;
        right: 0
    }
    .modal .close:hover:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .modal .close:hover:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .modal .modal-dialog {
        margin: 3.75rem auto 1.875rem !important
    }
    .modal .modal-dialog .modal-content:before {
        width: 100%;
        left: 0
    }
    #modal-callback .modal-dialog {
        width: 40rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    #modal-callback .modal-dialog .modal-content {
        padding: 3rem 6.6875rem
    }
    #modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .navigation .nav {
        width: 12.8125rem
    }
    .modal-exit .modal-dialog {
        width: 66.625rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .modal-exit .modal-dialog .modal-content {
        padding: 3rem
    }
    .modal-exit .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 2.5rem;
        line-height: 3rem
    }
    .modal-exit .modal-dialog .modal-content .modal-header .modal-subtitle {
        width: 42.375rem;
        font-size: 1.5rem;
        line-height: 2.5rem;
        margin: 0 auto
    }
    .modal-exit .modal-dialog .modal-content .modal-body .img {
        width: 21.125rem;
        height: 21.125rem;
        border: 1.5rem solid #F6B654;
        position: absolute;
        top: 3rem;
        left: 7.1875rem
    }
    .modal-exit .modal-dialog .modal-content .modal-body .img img {
        width: 29.1875rem;
        height: 31rem;
        min-height: 31rem;
        top: -.6875rem;
        right: .125rem
    }
    .modal-exit .modal-dialog .modal-content .modal-body .order-form {
        width: 28.3125rem;
        margin: 0 0 0 32.3125rem
    }
    .modal-exit-portfolio .modal-dialog {
        width: 40rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .modal-exit-portfolio .modal-dialog .modal-content {
        padding: 3rem 6.6875rem
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 2.5rem;
        line-height: 3rem
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-header .modal-text {
        padding-top: 2rem
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img {
        width: 3.9375rem;
        height: 3.9375rem
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:first-child,
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:nth-child(2),
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:nth-child(3),
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:nth-child(4),
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:nth-child(5) {
        margin-top: 0
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:nth-child(5n+1) {
        margin-left: 0
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer .closet:hover:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .morer .closet:hover:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .socials label {
        width: 12.8125rem
    }
    #modal-gallery .close {
        top: 1rem;
        right: 1rem
    }
    #modal-gallery .modal-dialog {
        width: 80rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    #modal-gallery .modal-dialog .modal-content:before {
        display: none
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .slider {
        height: 50rem !important;
        overflow: hidden
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .form {
        width: 53.3125rem;
        background-color: #fff;
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
        position: absolute;
        top: 4.5rem;
        left: 50%;
        z-index: 10;
        padding: 5.3125rem 3rem 3rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: opacity .3s, visibility .3s;
        -o-transition: opacity .3s, visibility .3s;
        transition: opacity .3s, visibility .3s
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .form.active {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .form.closet {
        opacity: 0 !important;
        filter: alpha(opacity=0);
        visibility: hidden !important
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .modal-title {
        width: 18.75rem;
        font-size: 2rem;
        line-height: 2.5rem;
        text-align: left
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .form img {
        width: 30.375rem;
        height: 16.75rem;
        min-height: 16.75rem;
        position: absolute;
        top: 1rem;
        right: 0
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .order-form .flex {
        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
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .order-form .btn-group {
        width: 23.125rem;
        margin: 0
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .order-form .btn-group:first-child .label {
        margin-bottom: 1.625rem
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows {
        width: 100vw;
        top: 24.5rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a {
        width: 4rem;
        height: 4rem
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a.prev {
        left: 2rem
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a.next {
        right: 2rem
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .items,
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .items .item {
        height: 50rem
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .items .item img {
        height: 100%;
        display: block;
        position: relative;
        left: 50%;
        z-index: 100;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .name {
        width: 40rem;
        color: #fff;
        margin: 0 auto
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .pagination {
        color: #fff
    }
    #modal-calculator .modal-dialog {
        width: 80rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function {
        position: relative;
        padding: 3rem 4rem 0
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .modal-title {
        width: 32.5rem;
        font-size: 2.5rem;
        line-height: 3rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items {
        width: 32.25rem;
        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;
        position: absolute;
        top: 3.5rem;
        right: 8.0625rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding-top: 2rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item:first-child {
        width: 13.3125rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item:last-child {
        width: 15.9375rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item:before {
        top: 0
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item span:hover .tooltip {
        top: 5.5625rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item span .tooltip {
        top: 6.25rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress {
        width: 4.125rem;
        position: absolute;
        top: 12.3125rem;
        left: 4rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .bar {
        width: 4.125rem;
        background-color: #D6D6D6
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .bar .width {
        height: 100%;
        top: 0;
        left: 0
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .num {
        padding-top: 1.5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .num span:first-child {
        font-family: Gilroy-Medium, Arial, sans-serif;
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        letter-spacing: .1em;
        text-transform: uppercase
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .num span:last-child {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-top: .5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content {
        width: 46.5rem;
        margin: 3rem 0 0 7.125rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-2 .answers .answer:nth-child(2),
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-4 .answers .answer:nth-child(2),
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-5 .answers .answer:nth-child(2) {
        margin-top: 0
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .questions .question {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-2 .answers {
        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
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-2 .answers .answer {
        width: 22.625rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-3 .answers {
        width: 24.5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-4 .answers,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-5 .answers {
        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
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-4 .answers .answer,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-5 .answers .answer {
        width: 22.625rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-4 .answers .answer:last-child,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step.step-5 .answers .answer:last-child {
        width: 100%
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer {
        padding: .5rem 1.5rem .5625rem 2.5rem;
        margin-top: 1rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer .check {
        top: .75rem;
        left: .5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .image,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .img {
        width: 21rem;
        height: 14.5rem;
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 0;
        left: 25.5rem;
        cursor: pointer;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .image:hover:before,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .img:hover:before {
        top: 1rem;
        left: 1rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .image.active,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .img.active {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .image img,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .img img {
        width: 21rem;
        height: 14.5rem;
        min-height: 14.5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows {
        padding-top: 1.5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows .flex .next {
        display: none !important
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .consultation {
        width: 16.75rem;
        position: absolute;
        top: 14.1875rem;
        right: 2.625rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .consultation .messages .message {
        font-size: 1.125rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info {
        width: 80rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        padding: 1rem 4rem 1rem 8.5rem;
        margin: 3.5rem 0 0 -11.125rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms:before,
    #modal-photo .modal-dialog .modal-content:before {
        display: none
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .circle {
        top: 50%;
        left: 4rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .text {
        width: 31.25rem;
        padding-right: 3.125rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .open-callback-modal {
        width: 19.375rem;
        margin: 0 0 0 2rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .wa,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .tg-btn {
        width: 12.1875rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .wa svg,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .tg-btn svg {
        left: 2rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .form {
        background-color: #fff;
        padding: 3rem 4rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .title {
        font-size: 2.5rem;
        line-height: 3rem;
        padding-bottom: 3rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .book {
        width: 47.125rem;
        height: 28.5rem;
        min-height: 28.5rem;
        position: absolute;
        right: 0;
        bottom: 3rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms {
        width: 30.0625rem;
        z-index: 10
    }
    #modal-photo .modal-dialog {
        width: 80rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    #modal-menu.fade .modal-dialog {
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out
    }
    #modal-menu.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    #modal-menu .modal-dialog {
        width: 26.25rem
    }
    #modal-menu .modal-dialog .modal-content .modal-body {
        position: relative;
        min-height: 47.1875rem
    }
    #modal-menu .modal-dialog .modal-content .modal-body .menu {
        padding: 2.5rem
    }
    #modal-menu .modal-dialog .modal-content .modal-body .menu .nav li a {
        font-size: 1.5rem;
        line-height: 2.5rem
    }
    #modal-privacy .modal-dialog {
        width: 68.75rem;
        border-radius: 1.5rem 1.5rem 1.5rem 0
    }
    #modal-privacy .modal-dialog .modal-content .modal-body {
        padding: 3.125rem 3rem
    }
    #modal-privacy .modal-dialog .modal-content .modal-body .confident-title {
        font-size: 1.875rem
    }
    #modal-privacy .modal-dialog .modal-content .modal-body .confident-subtitle {
        font-size: 1.125rem;
        padding: 1.375rem 0
    }
}

@media (min-width:768px) {
    .modal .modal-dialog,
    .modal-dialog {
        margin: 30px auto
    }
    .modal-dialog {
        width: 600px
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
}

@media only screen and (min-width:768px) and (min-width:768px) {
    #page-index .wr16 .gallery-img .items .item:hover .img:before {
        top: .75rem;
        left: .75rem
    }
}

@media screen and (min-width:768px) and (max-width:1579px) {
    html {
        font-size: 1.05vw
    }
    body.modal-open .wr-header {
        padding-right: 1.0625rem !important
    }
    .wr-header {
        max-width: 90rem;
        padding: 4rem 0
    }
}

@media only screen and (min-width:992px) {
    #page-index.wr--services .wr1 .block .content {
        width: 60.765rem;
    }
}

@media screen and (min-width:1579px) {
    body.modal-open .wr-header {
        padding-right: 2.3125rem !important
    }
    .wr-header {
        max-width: 115.5rem;
        padding: 4rem 1.25rem
    }
}

@media only screen and (max-width:767px) {
    #page-index .wr10 .content .tab .slick-list,
    #page-index .wr13 .gallery .slick-list,
    #page-index .wr15 .slick-list,
    #page-index .wr7 .slick-list {
        overflow: visible !important
    }
    .modal.fade .modal-dialog {
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out
    }
    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    #page-index .wr1 .block {
        min-height: 41rem
    }
    #page-index .wr1 .block .content {
        width: 21rem
    }
    #page-index .wr1 .block .content .title {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding: .5rem 0 1rem;
    }
    #page-index .wr1.wr1--quiz .block .content .title {
        font-size: 0.75rem;
        line-height: 1.2rem;
        padding: .5rem 0 1rem;
    }
    #page-index .wr1 .block .content .subtitle {
        font-size: .75rem;
        line-height: 1.25rem
    }
    #page-index .wr1 .block .content .features {
        flex-direction: column;
        gap: 0.625rem;
        font-size: 0.625rem;
        text-align: center;
    }
    #page-index .wr1 .block .content .features span::before {
        width: 0.375rem;
        height: 0.375rem;
        top: 0.5rem;
    }
    #page-index .wr1 .block .content .info {
        padding: 1rem 0 0;
    }
	#page-index .wr1 .block .content .info .name {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    #page-index .wr1 .block .content .btn-default {
        width: 15.6875rem;
        font-size: 0.75rem;
        padding: .5rem 0 .75rem;
        margin-top: 1.25rem
    }
    #page-index .wr1 .block .content .btn-default span {
        display: block
    }
    #page-index .wr2 h2 {
        font-size: 1.5rem;
        line-height: 2rem;
        padding-top: 3.125rem;
    }
    #page-index .wr3 {
        padding-top: 5rem
    }
    #page-index .wr3.wr3-lp {
        padding-bottom: 5rem
    }
    #page-index .wr3 .items {
        padding-top: 3rem
    }
    #page-index .wr3 .items .item:nth-child(even) {
        display: flex;
        flex-direction: column;
    }
    #page-index .wr3 .items .item:nth-child(even) .image {
        order: 1;
    }
    #page-index .wr3 .items .item .image .img img {
        width: 21rem;
        height: 21rem;
        min-height: 21rem;
        object-fit: cover;
    }
    #page-index .wr3.wr3--oneimg .items .item .image .img img {
        width: 21rem;
        height: auto;
        min-height: auto;
    }
    #page-index .wr3 .items .item .text {
        padding: 2rem 0 4rem;
    }
    #page-index .wr3 .items .item:nth-child(even) .text {
        order: 2;
    }
    #page-index .wr3 .items .item .text p {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    #page-index .wr3 .items .item .image:before {
        top: .5rem;
        left: .5625rem
    }
    #page-index .wr4 {
        padding: 5rem 0
    }
    #page-index .wr4 .text {
        padding: 3rem 0 2rem
    }
    #page-index .wr4-2.wr4-2--remont .text p span {
        font-size: 1.35rem;
        line-height: 2rem;
        padding-bottom: 0.4rem;
    }
    #page-index .wr4 .numbers {
        padding: 2rem 0 2rem
    }
    #page-index .wr4 .img {
        position: relative
    }
    #page-index .wr4 .img img {
        width: 21rem;
        height: 29.6875rem;
        min-height: 29.6875rem
    }
    #page-index .wr4 .img .autor {
        width: 17.125rem;
        right: 1.5rem;
        bottom: 1.5rem
    }
    #page-index .wr4 .img .autor .name {
        font-size: 1rem;
        line-height: 1.5rem
    }
    #page-index .wr4 .img .autor .post {
        font-size: .875rem;
        line-height: 1.25rem
    }
    #page-index .wr4 .subtext {
        padding-top: 2rem
    }
    #page-index .wr4 .order-form .btn-group .btn-bordered {
        margin-top: 2rem
    }
    #page-index .wr5 {
        padding-bottom: 5rem
    }
    #page-index .wr5 h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        padding-top: 6.5625rem
    }
    #page-index .wr5 h3 {
        font-size: 1.5rem;
        line-height: 2rem;
        padding-top: 1rem
    }
    #page-index .wr5 .lines .line:first-child {
        top: 5rem;
        left: 1.25rem
    }
    #page-index .wr5 .lines .line:last-child {
        top: 21.5625rem;
        right: 1.25rem
    }
    #page-index .wr5 .subtitle {
        font-size: .875rem;
        line-height: 1.5rem;
        padding: 5.0625rem 0 2.5rem
    }
    #page-index .wr5 .subtitle.us {
        padding-top: 6.5625rem
    }
    #page-index .wr5 .items .item,
    #page-index .wr5 .items.hidden {
        margin-top: 4rem
    }
    #page-index .wr5 .items .item:first-child {
        margin-top: 0
    }
    #page-index .wr5 .items .item .image {
        width: 21rem;
        height: 15.75rem
    }
    #page-index .wr5 .items .item .arrows {
        position: relative;
        padding: 1.5rem 0 1.875rem
    }
    #page-index .wr5 .items .item .arrows .num {
        font-size: 3rem;
        line-height: 3rem
    }
    #page-index .wr5 .items .item .arrows .num:before {
        right: -4.375rem
    }
    #page-index .wr5 .items .item .arrows .more {
        width: 8.75rem;
        font-size: .875rem;
        right: 0;
        margin-top: -.1875rem
    }
    #page-index .wr5 .items .item .name {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    #page-index .wr5 .btn-default {
        padding: 1.5rem 3.125rem 1.5rem 1.5rem;
        margin-top: 4rem
    }
    #page-index .wr5 .btn-default img {
        right: .75rem
    }
    #page-index .wr7 {
        padding: 5rem 0
    }
    #page-index .wr7 h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }
    #page-index .wr7 h3 {
        font-size: 1.5rem;
        line-height: 2rem;
        padding-top: 1.5rem
    }
    #page-index .wr7 .chips img:first-child {
        width: 18.75rem;
        height: 21.375rem;
        min-height: 21.375rem;
        top: -1.875rem;
        left: -3.6875rem
    }
    #page-index .wr7 .subtitle {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding-top: 1.5rem
    }
    #page-index .wr7 .items {
        padding-top: 3rem;
        z-index: 100;
    }
    #page-index .wr7 .items .item {
        width: 21rem;
        outline: 0;
        margin: 0 1rem
    }
    #page-index .wr7 .items .item .img {
        width: 21rem;
        min-height: 13.0625rem
    }
    #page-index .wr7 .pagination .arrows {
        width: 7rem
    }
    #page-index .wr7 .pagination .arrows a {
        width: 3rem;
        height: 3rem
    }
    #page-index .wr8 {
        padding: 3rem 0
    }
    #page-index .wr8 .chips img:first-child {
        width: 8.5625rem;
        height: 8.25rem;
        min-height: 8.25rem;
        top: -5.9375rem;
        right: 0
    }
    #page-index .wr8 .chips img:last-child {
        width: 13.3125rem;
        height: 12.625rem;
        min-height: 12.625rem;
        left: -3.25rem;
        bottom: -7.5rem
    }
    #page-index .wr8 .content {
        border: .375rem solid #F6B654;
        padding: 3rem 1.25rem
    }
    #page-index .wr8 .content .title-block {
        font-size: 2rem;
        line-height: 2.5rem;
        padding-bottom: 2.5rem
    }
    #page-index .wr9 {
        padding: 3rem 0
    }
    #page-index .wr9 .ava {
        width: 4rem;
        height: 4rem;
        min-height: 4rem;
        display: block;
        margin: 0 auto
    }
    #page-index .wr10 .content .tab .arrows,
    #page-index .wr14 .gallery .items .item .img:after {
        display: none
    }
    #page-index .wr9 .content .title-block {
        text-align: center;
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding-top: 1rem
    }
    #page-index .wr9 .content .subtitle {
        padding-top: 4rem
    }
    #page-index .wr9 .content .order-form .btn-group .btn-default {
        margin-top: 2rem
    }
    #page-index .wr10 {
        padding-top: 5rem
    }
    #page-index .wr10 h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }
    #page-index .wr10 h3 {
        font-size: 1.5rem;
        line-height: 2rem;
        padding-top: 1.5rem
    }
    #page-index .wr10 .chips {
        width: 14.5rem;
        height: 16.5625rem;
        min-height: 16.5625rem;
        top: -.875rem;
        left: -5rem
    }
    #page-index .wr10 .content {
        padding-top: 3rem
    }
    #page-index .wr10 .content .nav {
        padding-right: 3.5rem;
        margin-top: 2.25rem
    }
    #page-index .wr10 .content .nav.active img {
        -webkit-transform: translateY(-50%) rotate(-180deg);
        -ms-transform: translateY(-50%) rotate(-180deg);
        transform: translateY(-50%) rotate(-180deg)
    }
    #page-index .wr10 .content .tab {
        margin-top: 1.5rem
    }
    #page-index .wr10 .content .tab .pagination {
        text-align: center
    }
    #page-index .wr10 .content .tab .pagination .name,
    #page-index .wr10 .content .tab .pagination .pag {
        width: 100%;
        line-height: 1.5rem;
        padding-top: 1rem
    }
    #page-index .wr10 .content .tab .pagination .pag {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #page-index .wr10 .content .tab .items .item {
        width: 21rem;
        border: .0625rem solid #F6B654;
        margin: 0 .5rem
    }
    #page-index .wr10 .content .tab .items .item .img {
        height: 14rem
    }
    #page-index .wr10 .guarantee {
        text-align: center;
        position: relative;
        padding: 3.25rem 1rem 2rem;
        margin-top: 3.5rem
    }
    #page-index .wr10 .guarantee .circle {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #page-index .wr10 .guarantee .name {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding: 0 2rem
    }
    #page-index .wr11 h2,
    #page-index .wr14 .subtitle {
        font-size: 2rem;
        line-height: 2.5rem
    }
    #page-index .wr11 {
        padding: 5rem 0
    }
    #page-index .wr11 h3 {
        width: 17.1875rem;
        font-size: 1.5rem;
        line-height: 2rem;
        padding-top: 1.5rem
    }
    #page-index .wr11 .subtitle {
        padding-top: 1.5rem
    }
    #page-index .wr11 .elements .items {
        padding-top: 3rem
    }
    #page-index .wr11 .elements .items .item {
        position: relative;
        padding-left: 5rem;
        margin-top: 2rem
    }
    #page-index .wr11 .elements .items .item:first-child {
        margin-top: 0
    }
    #page-index .wr11.wr11--subtext .elements .items .item .text span {
        font-size: 0.875rem;
        line-height: 1.05rem;
        margin-top: 0.45rem;
    }
    #page-index .wr11 .elements .items .item .img {
        width: 4rem;
        height: 4rem;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #page-index .wr11 .elements .items .item .img:before {
        width: 2.75rem;
        height: 2.75rem
    }
    #page-index .wr11 .elements .items .item .img img {
        width: 1.875rem;
        height: 1.875rem;
        min-height: 1.875rem
    }
    #page-index .wr12 {
        padding: 5rem 0
    }
    #page-index .wr12 .chips img:first-child {
        width: 14.4375rem;
        height: 11.5rem;
        min-height: 11.5rem;
        left: -6rem;
        bottom: 1.3125rem
    }
    #page-index .wr12 .chips img:last-child {
        width: 7rem;
        height: 8.3125rem;
        min-height: 8.3125rem;
        top: 19.1875rem;
        right: 1.375rem
    }
    #page-index .wr12 .content {
        width: 21rem;
        height: 21rem
    }
    #page-index .wr12 .content:before {
        width: 19.25rem;
        height: 19.25rem
    }
    #page-index .wr12 .content .title-block {
        font-size: 1.75rem;
        line-height: 2.375rem;
        padding-top: 2.5rem
    }
    #page-index .wr12 .content .text {
        padding: 2rem 1rem 0
    }
    #page-index .wr12 .subtext {
        padding-top: 4rem
    }
    #page-index .wr13 {
        padding: 5rem 0
    }
    #page-index .wr13 .title-block {
        padding-bottom: 3rem
    }
    #page-index .wr13 .gallery {
        width: 100%;
        min-width: 23.5rem;
        max-width: 23.5rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        padding: 0 1.25rem;
        margin: 0 auto
    }
    #page-index .wr13 .gallery .arrows {
        width: 18rem
    }
    #page-index .wr13 .gallery .arrows a {
        width: 3rem;
        height: 3rem
    }
    #page-index .wr13 .gallery .items .item {
        margin: 0 .5rem
    }
    #page-index .wr13 .gallery .items .item .left,
    #page-index .wr13 .gallery .items .item .right {
        width: 21rem;
        height: 15.75rem
    }
    #page-index .wr13 .gallery .items .item .left .name,
    #page-index .wr13 .gallery .items .item .right .name {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding: .4375rem .75rem
    }
    #page-index .wr13 .gallery .items .item .left .name {
        top: 0;
        left: 0
    }
    #page-index .wr13 .gallery .items .item .right .name {
        right: 0;
        bottom: 0
    }
    #page-index .wr14 {
        padding-bottom: 5rem
    }
    #page-index .wr14 h2 {
        padding-top: 2rem
    }
    #page-index .wr14 .lines .line:first-child {
        top: 5rem;
        left: 1.25rem
    }
    #page-index .wr14 .lines .line:last-child {
        top: 24.375rem;
        right: 1.25rem
    }
    #page-index .wr14 .subtitle {
        padding-top: 7.5625rem
    }
    #page-index .wr14 .text {
        padding-top: 5.0625rem
    }
    #page-index .wr14 .gallery {
        margin-top: 2.5rem
    }
    #page-index .wr14 .gallery .arrows {
        width: 18rem;
        top: 8.25rem
    }
    #page-index .wr14 .gallery .arrows a {
        width: 3rem;
        height: 3rem;
        background-color: #fff
    }
    #page-index .wr14 .gallery .items .item .img,
    #page-index .wr14 .gallery .items .item .img img {
        height: 15.75rem;
        width: 21rem
    }
    #page-index .wr14 .gallery .items .item {
        width: 21rem;
        margin: 0 .5rem
    }
    #page-index .wr14 .gallery .items .item.current .name {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    #page-index .wr14 .gallery .items .item .img:before {
        top: .5rem;
        left: .5rem
    }
    #page-index .wr14 .gallery .items .item .name {
        text-align: center;
        padding-top: 2rem;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }
    #page-index .wr15,
    #page-index .wr17 .order-form {
        padding-top: 5rem
    }
    #page-index .wr15 .items {
        padding-top: 3rem
    }
    #page-index .wr15 .items .item {
        width: 21rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        outline: 0;
        margin: 0 1rem
    }
    #page-index .wr15 .items .item.first .img,
    #page-index .wr15 .items .item.second .img,
    #page-index .wr15 .items .item.third .img {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    #page-index .wr15 .items .item.first .content,
    #page-index .wr15 .items .item.second .content,
    #page-index .wr15 .items .item.third .content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    #page-index .wr15 .items .item .img {
        width: 21rem;
        height: 21rem;
        min-height: 21rem;
        position: relative;
        overflow: hidden
    }
    #page-index .wr15 .items .item .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        display: block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0
    }
    #page-index .wr15 .items .item .content h3 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding-top: 2rem
    }
    #page-index .wr15 .items .item .content .text,
    .modal-exit .modal-dialog .modal-content .modal-header .modal-text,
    .modal-exit-portfolio .modal-dialog .modal-content .modal-header .modal-text {
        padding-top: 1.5rem
    }
    #page-index .wr15 .items .item .content .num {
        font-size: 3rem;
        line-height: 3rem;
        display: none
    }
    #page-index .wr15 .pagination .arrows {
        width: 7rem
    }
    #page-index .wr15 .pagination .arrows a {
        width: 3rem;
        height: 3rem
    }
    #page-index .wr16 {
        padding: 5rem 0
    }
    #page-index .wr16 h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }
    #page-index .wr16 .chips img:first-child {
        width: 16.32313rem;
        height: 11.40437rem;
        min-height: 11.40437rem;
        top: -5.5rem;
        left: -8rem
    }
    #page-index .wr16 .position .title {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-top: 3.875rem
    }
    #page-index .wr16 .position .title .quot svg {
        position: absolute
    }
    #page-index .wr16 .position .title .quot svg:first-child {
        right: 0;
        bottom: -2.375rem
    }
    #page-index .wr16 .position .title .quot svg:last-child {
        top: -2.375rem;
        left: 0
    }
    #page-index .wr16 .position .subtitle {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-top: 3.875rem
    }
    #page-index .wr16 .gallery-img {
        margin-top: 3rem
    }
    #page-index .wr16 .gallery-img .slick-list {
        overflow: visible !important
    }
    #page-index .wr16 .gallery-img .items .item {
        width: 21rem;
        margin: 0 .5rem
    }
    #page-index .wr16 .gallery-img .items .item .img {
        width: 21rem;
        height: 15.75rem
    }
    #page-index .wr16 .gallery-img .items .item .img:before {
        top: .5rem;
        left: .5rem
    }
    #page-index .wr16 .gallery-text {
        margin-top: 2rem
    }
    #page-index .wr16 .gallery-text .items .item {
        padding: 7.875rem 0 3.75rem
    }
    #page-index .wr16.wr16--projects .gallery-text .items .item {
        padding: 6.575rem 0 3.75rem;
    }
    #page-index .wr16 .gallery-text .items .item .autor {
        padding-left: 5rem
    }
    #page-index .wr16.wr16--projects .gallery-text .items .item .autor {
        padding-left: 0;
    }
    #page-index .wr16 .gallery-text .items .item .autor img {
        width: 4rem;
        height: 4rem;
        min-height: 4rem
    }
    #page-index .wr16 .gallery-text .items .item .autor span {
        font-size: .875rem;
        line-height: 1.5rem;
    }
    #page-index .wr16.wr16--projects .gallery-text .items .item .autor span {
        font-size: 1.125rem;
        line-height: 1.9rem;
    }
    #page-index .wr16 .gallery-text .pagination .arrows,
    #page-index .wr16 .gallery-text .pagination-small .arrows {
        width: 7rem
    }
    #page-index .wr16 .gallery-text .pagination .arrows a,
    #page-index .wr16 .gallery-text .pagination-small .arrows a {
        width: 3rem;
        height: 3rem
    }
    #page-index .wr17 {
        padding: 3rem 0 5rem
    }
    #page-index .wr17.wr17--r {
        padding-top: 6.25rem;
    }
    #page-index .wr17 .title-block {
        width: 20.875rem;
        font-size: 2rem;
        line-height: 2.5rem;
        top: 5.8125rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #page-index .wr17 .image {
        width: 23.5rem;
        height: 21.96875rem;
        min-height: 21.96875rem;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #page-index .wr17 .text {
        font-size: 1rem;
        line-height: 1.25rem
    }
    #page-index .wr17 .projects {
        padding-top: 1.25rem;
    }
    #page-index .wr17 .project-text {
        flex-direction: column;
        gap: 1.25rem;
        padding-bottom: 1.875rem;
    }
    #page-index .wr17 .project-block {
        margin-top: 1.875rem;
    }
    #page-index .wr17 .project-text p {
        font-size: 0.875rem;
        line-height: 1.25rem
    }
    #page-index .wr17 .project-text p:first-child {
        font-size: 1rem;
        margin-bottom: 0.315rem;
    }
    #page-index .wr17.wr17--r .btn-default {
        max-width: 13.1rem;
    }
    #page-index .wr18 {
        padding: 5rem 0
    }
    #page-index .wr18 .chips img:first-child {
        width: 23.71562rem;
        height: 24.19937rem;
        min-height: 24.19937rem;
        position: absolute;
        top: 2rem;
        left: -12.1875rem
    }
    #page-portfolio .wr2 .picture .img:before,
    #page-portfolio .wr2 .portfolio .image .img:before {
        top: .5rem;
        left: .5rem
    }
    #page-index .wr18 .flex .content h2 span:nth-child(2) {
        font-size: 8.75rem;
        line-height: 8.75rem;
        margin-top: 1.5rem
    }
    #page-index .wr18 .flex .content h2 span:last-child {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    #page-portfolio .wr1 .back,
    #page-thanks .wr-thanks .back {
        font-size: .875rem;
        right: 0
    }
    #page-index .wr18 .flex .content .text {
        padding: 3rem 0 2rem
    }
    #page-portfolio .wr1 {
        padding: 9.5rem 0 5rem
    }
    #page-portfolio .wr2 {
        padding-bottom: 5rem;
        margin-top: -7rem
    }
    #page-portfolio .wr2 .picture span {
        padding-top: 1rem
    }
    #page-portfolio .wr2 .text {
        position: relative;
        padding: .75rem 0 3rem;
        margin-top: 3rem
    }
    #page-portfolio .wr2 .portfolio {
        padding-top: 4rem
    }
    #page-portfolio .wr2 .portfolio .image {
        text-align: center;
        margin-top: 4rem
    }
    #page-portfolio .wr2 .portfolio .image span {
        padding-top: 1rem
    }
    #page-portfolio .wr-contacts {
        padding: 5rem 0;
        margin: 5rem 0
    }
    #page-portfolio .wr-contacts .content h2 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding-top: 6.6875rem
    }
    #page-portfolio .wr-contacts .content h2:before {
        top: 4.625rem;
        left: 0
    }
    #page-portfolio .wr-contacts .content .autor {
        position: absolute;
        top: 0;
        left: 1.25rem;
        margin: 0
    }
    #page-portfolio .wr-contacts .content .phone {
        display: block
    }
    #page-portfolio .wr-contacts .content .subtext {
        padding: 0 0 1.5rem;
        margin-top: 6.125rem
    }
    #page-portfolio .wr-contacts .content .subtext:before {
        top: -2rem;
        left: 0
    }
    #page-thanks .wr-thanks {
        padding: 9.5rem 0 5rem
    }
    #page-thanks .wr-thanks .title {
        font-size: 2rem;
        line-height: 2.5rem;
        padding: 2rem 0 2.5rem
    }
    #page-thanks .wr-more {
        padding-top: 5rem
    }
    #page-thanks .wr-form {
        padding: 5rem 0
    }
    #page-thanks .wr-form .text {
        text-align: center;
        padding-bottom: 2rem
    }
    body {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    .wr .block {
        min-width: 23.5rem;
        max-width: 23.5rem;
        padding: 0 1.25rem
    }
    h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .wr1--quiz h1 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .title-block,
    h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .only-medium {
        display: none !important
    }
    .wr-header {
        padding: 2.625rem 1.25rem
    }
    .wr-header.no-lang .logo {
        left: 100vw;
        margin-left: -8.5625rem;
        -webkit-transform: translateY(-50%) translateX(0);
        -ms-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0)
    }
    .wr-calculator {
        padding: 5rem 0;
    }
    .wr-calculator.wr-calculator--margin {
        margin: 2.5rem 0 0;
    }
    .wr-calculator .order-form .function .items {
        padding-top: 3rem
    }
    .wr-calculator .order-form .function .items .item {
        padding-left: 2rem;
        margin-top: 1rem
    }
    .wr-calculator .order-form .function .items .item:first-child {
        margin-top: 0
    }
    .wr-calculator .order-form .function .items .item:before {
        top: .375rem
    }
    .wr-calculator .order-form .function .items .item span:hover .tooltip {
        top: 2.5rem
    }
    .wr-calculator .order-form .function .items .item span .tooltip.us:before {
        left: 3.125rem;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .wr-calculator .order-form .function .items .item span .tooltip {
        top: 3.125rem;
        right: 0
    }
    .wr-calculator .order-form .function .progress {
        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;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 3rem
    }
    .wr-calculator .order-form .function .progress .bar {
        width: 18.1875rem;
        background-color: #fff;
        border: .0625rem solid #D6D6D6
    }
    .wr-calculator .order-form .function .progress .bar .width {
        height: .25rem;
        top: -.0625rem;
        left: -.0625rem
    }
    .wr-calculator .order-form .function .progress .num span:last-child {
        font-size: 1.5rem;
        line-height: 2rem;
        position: relative;
        top: -.125rem
    }
    .wr-calculator .order-form .function .content .questions .question {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
    .wr-calculator .order-form .function .content .steps {
        padding-top: 1rem
    }
    .wr-calculator .order-form .function .content .steps .step .answers .answer {
        padding: 1rem 1rem 1rem 3rem;
        margin-top: .5rem
    }
    .wr-calculator .order-form .function .content .steps .step .answers .answer span {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    .wr-calculator .order-form .function .content .steps .step .answers .answer .check {
        width: 1.5rem;
        height: 1.5rem;
        top: 1rem;
        left: 1rem
    }
    .wr-calculator .order-form .function .content .steps .step .answers .image,
    .wr-calculator .order-form .function .content .steps .step .answers .img {
        width: 21rem;
        height: 14rem;
        position: relative;
        display: none;
        margin-top: .5rem
    }
    .wr-calculator .order-form .function .content .steps .step .answers .image.active,
    .wr-calculator .order-form .function .content .steps .step .answers .img.active {
        display: block
    }
    .wr-calculator .order-form .function .content .steps .step .answers .image img,
    .wr-calculator .order-form .function .content .steps .step .answers .img img {
        width: 21rem;
        height: 14rem;
        min-height: 14rem
    }
    .wr-calculator .order-form .function .content .arrows {
        padding-top: 1rem
    }
    .wr-calculator .order-form .function .content .consultation {
        padding-top: 2.5rem
    }
    .wr-calculator .order-form .function .content .consultation .messages .message {
        font-size: 1rem
    }
    .wr-calculator .order-form .function .content .consultation .autor {
        position: relative;
        padding-left: 5rem;
        margin-top: 1.5rem
    }
    .wr-calculator .order-form .function .content .consultation .autor img {
        width: 4rem;
        height: 4rem;
        min-height: 4rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .wr-calculator .order-form .function .content .info {
        text-align: center;
        position: relative;
        padding: 3.25rem 1rem 2rem;
        margin-top: 3rem
    }
    .wr-calculator .order-form .function .content .info .circle {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .wr-calculator .order-form .function .content .info .text {
        padding-bottom: 1.5rem
    }
    .wr-calculator .order-form .function .content .info .open-callback {
        margin-bottom: 1rem
    }
    .wr-calculator .order-form .function .content .info .wa svg,
    .wr-calculator .order-form .function .content .info .tg-btn svg {
        left: 5rem
    }
    .wr-calculator .order-form .form .title {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .wr-calculator .order-form .form .book {
        width: 25.6875rem;
        height: 14.0625rem;
        min-height: 14.0625rem;
        position: relative;
        left: -4.6875rem
    }
    .wr-calculator .order-form .form .info {
        margin: 1rem auto 0
    }
    .wr-calculator .order-form .form .forms {
        padding: 2rem 0;
        margin-top: 3rem
    }
    .wr-calculator .order-form .form .forms:before {
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .wr-contacts {
        padding: 5rem 0
    }
    .wr-contacts .content h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }
    .wr-contacts .content h3 {
        font-size: 1.5rem;
        line-height: 2rem;
        padding-top: 2rem
    }
    .wr-contacts .content .autor {
        position: relative;
        padding-left: 5rem;
        margin: 4.375rem 0 3.375rem
    }
    .wr-contacts .content .autor img {
        width: 4rem;
        height: 4rem;
        min-height: 4rem;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .wr-contacts .content .info {
        padding: 1rem 1.5rem
    }
    .wr-contacts .content .info .text {
        font-size: 1rem;
        line-height: 1.25rem
    }
    .wr-contacts .content .subtext {
        padding: 2.75rem 0 1.5rem
    }
    .wr-contacts .content .socials a {
        padding-top: 2.75rem;
        margin-top: 1rem
    }
    .wr-contacts .content .socials a:first-child {
        margin-top: 0
    }
    .wr-contacts .content .title {
        position: relative;
        padding-top: 4.0625rem
    }
    .wr-contacts .content .subtitle {
        padding: 2rem 0 1rem
    }
    .wr-contacts .content .phone {
        font-size: 1.875rem;
        line-height: 1.875rem
    }
    .wr-more {
        padding: 5rem 0
    }
    .wr-more .items {
        padding-top: 3rem
    }
    .wr-more .items .item {
        position: relative;
        margin-top: 4rem
    }
    .wr-more .items .item:first-child {
        margin-top: 0
    }
    .wr-more .items .item .img {
        width: 21rem;
        height: 15.6875rem
    }
    .wr-more .items .item .name {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    .wr-more .items .item .more {
        width: 10.875rem;
        height: 3.3125rem;
        font-size: .875rem;
        padding: 1.0625rem 0 0 1rem
    }
    .wr-more .items .item .more:hover svg {
        right: .6875rem
    }
    .wr-more .items .item .more svg {
        right: 1rem
    }
    .wr-form.wr-form--supervision {
        padding: 5rem 0;
    }
    .wr-form {
        padding-top: 5rem
    }
    .wr-form .title-block,
    .wr-form h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        text-align: center
    }
    .wr-form .book {
        width: 25.6875rem;
        height: 14.0625rem;
        min-height: 14.0625rem;
        position: relative;
        left: -4.6875rem
    }
    .wr-form .info {
        margin: 1rem auto 0
    }
    .wr-form .order-form {
        margin-top: 2rem
    }
    .wr-footer .top {
        text-align: center
    }
    .wr-footer .top .services {
        margin: 4rem 0 3rem;
    }
    .wr-footer .top .socilas {
        margin: 2rem 0 2rem;
    }
    .wr-footer .top .socilas .social {
        margin: 0 auto
    }
    .wr-footer .top .phone-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 4rem
    }
    .wr-footer .top .phone-block .wa,
    .wr-footer .top .phone-block .tg-btn {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 2rem auto 0;
    }
    .wr-footer .top .phone-block .phones {
        text-align: center;
        margin: 0 auto
    }
    .wr-footer .bottom {
        text-align: center;
        padding-top: 4rem
    }
    .wr-footer .bottom .right {
        margin-top: 1rem
    }
    .wr-footer .bottom .c-art.us {
        text-align: center
    }
    .wr-footer .bottom .c-art.us svg {
        display: inline-block;
        position: relative;
        margin-top: 1rem
    }
    .modal .close {
        top: 1rem;
        right: 1rem
    }
    .modal .modal-dialog {
        padding-top: 3.75rem
    }
    .modal .modal-dialog .modal-content {
        min-width: 23.5rem;
        max-width: 23.5rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 3rem 1.25rem;
        margin: 0 auto
    }
    .modal .modal-dialog .modal-content:before {
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #modal-callback .modal-dialog {
        min-height: 100vh;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0
    }
    #modal-callback .modal-dialog .modal-content .modal-body .order-form .btn-group .navigation .nav {
        width: 10.0625rem
    }
    .modal-exit .modal-dialog {
        min-height: 100vh;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0
    }
    .modal-exit .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 1.75rem;
        line-height: 2.5rem
    }
    .modal-exit .modal-dialog .modal-content .modal-header .modal-subtitle {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    .modal-exit .modal-dialog .modal-content .modal-body .img {
        width: 18.75rem;
        height: 18.75rem;
        border: .5rem solid #F6B654;
        position: relative;
        margin: 0 auto
    }
    .modal-exit .modal-dialog .modal-content .modal-body .img img {
        width: 21rem;
        height: 22.25rem;
        min-height: 22.25rem;
        top: -.625rem;
        right: 0
    }
    .modal-exit .modal-dialog .modal-content .modal-body .order-form {
        margin-top: 3rem
    }
    .modal-exit-portfolio .modal-dialog {
        min-height: 100vh;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 1.75rem;
        line-height: 2.5rem
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img {
        width: 5.375rem;
        height: 5.375rem
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:first-child,
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:nth-child(2),
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:nth-child(3) {
        margin-top: 0
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .js-upload .success .content .img:nth-child(3n+1) {
        margin-left: 0
    }
    .modal-exit-portfolio .modal-dialog .modal-content .modal-body .order-form .btn-group .socials label {
        width: 10.0625rem
    }
    #modal-gallery .modal-dialog {
        min-height: 100vh;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0
    }
    #modal-gallery .modal-dialog .modal-content {
        padding-top: 0
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .slider {
        width: 100vw;
        overflow: hidden;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .form .modal-title {
        font-size: 1.5rem;
        line-height: 2.5rem;
        padding-top: 3rem
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .form img {
        width: 21rem;
        height: 11.875rem;
        min-height: 11.875rem;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows {
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%)
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a {
        width: 3rem;
        height: 3rem;
        background-color: #fff
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a.prev {
        left: 1.5rem
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .arrows a.next {
        right: 1.5rem
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .items {
        height: auto
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .items .item {
        width: 100vw;
        min-height: 15.75rem
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .items .item img {
        width: 100%
    }
    #modal-gallery .modal-dialog .modal-content .modal-body .gallery .items .item .close-modal {
        display: none
    }
    #modal-calculator .modal-dialog {
        min-height: 100vh;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0
    }
    #modal-calculator .modal-dialog .modal-content {
        padding-bottom: 0
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .modal-title {
        font-size: 1.5rem;
        line-height: 2rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items {
        padding-top: 2rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item {
        padding-left: 2rem;
        margin-top: 1rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item:first-child {
        margin-top: 0
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item:before {
        top: .375rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item span:hover .tooltip {
        top: 2.5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .items .item span .tooltip {
        top: 3.125rem;
        right: 0
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress {
        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;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 3rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .bar {
        width: 18.1875rem;
        background-color: #fff;
        border: .0625rem solid #D6D6D6
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .bar .width {
        height: .25rem;
        top: -.0625rem;
        left: -.0625rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .progress .num span:last-child {
        font-size: 1.5rem;
        line-height: 2rem;
        position: relative;
        top: -.125rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .questions .question {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer {
        padding: 1rem 1rem 1rem 3rem;
        margin-top: .5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .answer .check {
        top: 1rem;
        left: 1rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .image,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .img {
        width: 21rem;
        height: 14rem;
        position: relative;
        display: none;
        margin-top: .5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .image.active,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .img.active {
        display: block
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .image img,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .steps .step .answers .img img {
        width: 21rem;
        height: 14rem;
        min-height: 14rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .arrows {
        padding-top: 1rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .consultation {
        padding-top: 2.5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .consultation .messages .message {
        font-size: 1rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info {
        text-align: center;
        position: relative;
        padding: 3.25rem 1rem 2rem;
        margin-top: 3rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .circle {
        top: -1.75rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .text {
        padding-bottom: 1.5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .open-callback-modal {
        margin-bottom: 1rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .wa svg,
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .function .content .info .tg-btn svg {
        left: 5rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .title {
        font-size: 1.5rem;
        line-height: 2rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .book {
        width: 25.6875rem;
        height: 14.0625rem;
        min-height: 14.0625rem;
        position: relative;
        left: -4.6875rem
    }
    #modal-calculator .modal-dialog .modal-content .modal-body .order-form .form .forms {
        padding: 2rem 0;
        margin-top: 3rem
    }
    #modal-photo .modal-dialog {
        min-height: 100vh;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0
    }
    #modal-menu .modal-dialog {
        width: 20rem;
        overflow: hidden;
        padding: 0
    }
    #modal-menu .modal-dialog .modal-content {
        position: static;
        padding: 0
    }
    #modal-menu .modal-dialog .modal-content .modal-body {
        position: static;
        min-height: 41.5rem
    }
    #modal-menu .modal-dialog .modal-content .modal-body .menu {
        padding: 3rem 1.875rem
    }
    #modal-menu .modal-dialog .modal-content .modal-body .menu .nav li a {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    #modal-privacy .modal-dialog {
        margin: 0
    }
    #modal-privacy .modal-dialog .modal-content {
        padding: 0 1.25rem 2.5rem
    }
    #modal-privacy .modal-dialog .modal-content .modal-body .confident-title {
        font-size: 1.5rem;
        text-transform: uppercase
    }
    #modal-privacy .modal-dialog .modal-content .modal-body .confident-subtitle {
        font-size: 1rem;
        padding: 1.25rem 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control,
    input[type=time].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control {
        line-height: 34px
    }
}

@media screen and (max-width:376px) {
    html {
        font-size: 4.28vw
    }
}