*,
a {
    padding: 0
}

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

@font-face {
    font-family: Montserrat-ThinItalic;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Montserrat-ThinItalic.woff) format("woff"), url(../fonts/Montserrat-ThinItalic.woff2) format("woff2")
}

@font-face {
    font-family: ApercuPro-Regular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ApercuPro-Regular.woff) format("woff"), url(../fonts/ApercuPro-Regular.woff2) format("woff2")
}

@font-face {
    font-family: CoFoSans-Regular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/CoFoSans-Regular.woff) format("woff"), url(../fonts/CoFoSans-Regular.woff2) format("woff2")
}

@font-face {
    font-family: GraphikLCG-Regular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/GraphikLCG-Regular.woff) format("woff"), url(../fonts/GraphikLCG-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat-Regular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Montserrat-Regular.woff) format("woff"), url(../fonts/Montserrat-Regular.woff2) format("woff2")
}

@font-face {
    font-family: NAMU-1850;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/NAMU-1850.woff) format("woff"), url(../fonts/NAMU-1850.woff2) format("woff2")
}

@font-face {
    font-family: NAMU-Pro;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/NAMU-Pro.woff) format("woff"), url(../fonts/NAMU-Pro.woff2) format("woff2")
}

@font-face {
    font-family: ApercuPro-Medium;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ApercuPro-Medium.woff) format("woff"), url(../fonts/ApercuPro-Medium.woff2) format("woff2")
}

@font-face {
    font-family: CoFoSans-Medium;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/CoFoSans-Medium.woff) format("woff"), url(../fonts/CoFoSans-Medium.woff2) format("woff2")
}

@font-face {
    font-family: GraphikLCG-Medium;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/GraphikLCG-Medium.woff) format("woff"), url(../fonts/GraphikLCG-Medium.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat-Medium;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Montserrat-Medium.woff) format("woff"), url(../fonts/Montserrat-Medium.woff2) format("woff2")
}

@font-face {
    font-family: GraphikLCG-Semibold;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/GraphikLCG-Semibold.woff) format("woff"), url(../fonts/GraphikLCG-Semibold.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat-SemiBold;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Montserrat-SemiBold.woff) format("woff"), url(../fonts/Montserrat-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: CoFoSans-Bold;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/CoFoSans-Bold.woff) format("woff"), url(../fonts/CoFoSans-Bold.woff2) format("woff2")
}

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

.svg.svg-icon-arrow-bottom {
    width: 2.125rem;
    height: 2.125rem;
    min-height: 2.125rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-arrow-down {
    width: .5625rem;
    height: 3.625rem;
    min-height: 3.625rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-arrow-mobile {
    width: 2.1875rem;
    height: .8125rem;
    min-height: .8125rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-btn {
    width: .875rem;
    height: .875rem;
    min-height: .875rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-in {
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-lock {
    width: 1.0625rem;
    height: 1.25rem;
    min-height: 1.25rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-next {
    width: 1.125rem;
    height: 1.125rem;
    min-height: 1.125rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-phone {
    width: .875rem;
    height: .875rem;
    min-height: .875rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-play {
    width: 2.8125rem;
    height: 3.25rem;
    min-height: 3.25rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-prev {
    width: 1.125rem;
    height: 1.125rem;
    min-height: 1.125rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-tg {
    width: 1.25rem;
    height: 1rem;
    min-height: 1rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-icon-views {
    width: 1.5rem;
    height: 1.125rem;
    min-height: 1.125rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.svg.svg-idp {
    width: 10.0625rem;
    height: 2.0625rem;
    min-height: 2.0625rem;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

* {
    margin: 0
}

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

li {
    list-style: none
}

a {
    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 {
    height: auto;
    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=button],
input[type=reset],
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
}

.modal,
.modal-open {
    overflow: hidden
}

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

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

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

.order-form {
    position: relative
}

.order-form .form-group {
    position: relative;
    margin-top: .5rem
}

.order-form .form-group:first-child {
    margin-top: 0
}

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

.order-form .form-group.error .form-control.error {
    color: red;
    border-color: red;
    -webkit-box-shadow: none;
    box-shadow: none
}

.order-form .form-group .form-control {
    width: 100%;
    font-weight: 400;
    vertical-align: middle;
    display: block;
    border: 0;
    outline: 0;
    margin: 0;
    background-color: #fff;
    border-bottom: .0625rem solid rgba(0, 0, 0, .1);
    -webkit-transition: border-color .3s, color .3s;
    transition: border-color .3s, color .3s
}

.order-form .form-group .form-control::-moz-placeholder {
    color: #110d18;
    color: rgba(17, 13, 24, .8);
    opacity: 1;
    filter: alpha(opacity=100)
}

.order-form .form-group .form-control:-ms-input-placeholder {
    color: #110d18;
    color: rgba(17, 13, 24, .8)
}

.order-form .form-group .form-control::-webkit-input-placeholder {
    color: #110d18;
    color: rgba(17, 13, 24, .8)
}

.order-form .form-group .form-control:focus {
    border-color: #000;
    border-color: rgba(0, 0, 0, .4)
}

.btn-bordered,
.btn-default {
    text-align: center;
    text-decoration: none;
    display: inline;
    outline: 0;
    border: none;
    border: 0;
    cursor: pointer;
    position: relative
}

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

.btn-bordered .btn-name,
.btn-default .btn-name {
    position: relative;
    z-index: 100
}
.btn-default--hero {
padding: 1.375rem 7.375rem;
}

.btn-default {
    width: auto;
    background-color: #fff;
    color: #110D18;
    border-radius: 18.75rem;
    text-align: left;
    display: inline-block;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.btn-default.black {
    background-color: #110D18;
    color: #fff
}

.btn-default.black .flare:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), to(#fff));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0))
}

.btn-default .btn-name {
    position: relative;
    z-index: 100
}

.btn-default .btn-icon {
    background-color: #FF683F;
    border-radius: 18.75rem;
    position: absolute;  
    top: 50%; 
    z-index: 100; 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.btn-default .btn-icon svg {
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%
}

.btn-default:hover {
    background-color: #FF683F;
    color: #fff
}

a,
body {
    color: #110D18
}

.btn-default:hover .btn-icon {
    background-color: #000
}

.btn-default:hover .flare:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), to(#fff));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0))
}

.btn-default:hover .svg-img svg path {
    fill: #fff;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

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

.modal {
    display: none;
    outline: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: opacity .3s, visibility .3s, background-color .3s;
    transition: opacity .3s, visibility .3s, background-color .3s
}

.modal.fade {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.modal.in {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-backdrop.fade,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.modal .modal-position {
    width: 100%;
    height: 100%;
    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;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0
}

.modal .modal-dialog {
    width: auto;
    position: relative;
    overflow: hidden;
    margin: 2rem auto
}

.modal .modal-dialog .modal-content {
    outline: 0;
    position: relative;
    z-index: 100
}

.modal-close {
    background-color: transparent;
    border: 0;
    border: none
}

.modal-backdrop {
    background-color: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

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

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

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

#gmap,
.bg,
.flare {
    height: 100%;
    top: 0;
    left: 0
}

.flare,
.main,
.section,
.slick-list,
header,
section {
    overflow: hidden
}

.modal-open[style="padding-right: 15px;"] .section-messenger {
    margin-right: 15px
}

.modal-open[style="padding-right: 17px;"] .section-messenger {
    margin-right: 17px
}

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

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

body {
    line-height: 1.15;
    -webkit-font-smoothing: subpixel-antialiased !important;
    font-family: NAMU-Pro, Arial, sans-serif;
    font-weight: 400;
    font-synthesis: none
}

a {
    display: inline-block;
    margin: 0
}

#page-index .h1 span {
    color: #FF683F;
}

#page-index .section-1 .block .items .item .text a,
#page-index .section-1 .block .items .item .text span,
#page-index .section-4 .h3 span,
.h2 span {
    color: #FF683F
}

.arrows a,
.bg {
    display: block
}

.footer .block,
.header .block,
.section,
.section .block,
header,
section,
section .block {
    position: relative;
    margin: 0 auto;
    width: 100%
}

.section,
header,
section {
    z-index: 99
}

#gmap,
.bg,
.flare,
.flare:before {
    position: absolute
}

#gmap {
    width: 100%
}

.bg {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 0
}

.privacy-text {
    color: #110d18;
    color: rgba(17, 13, 24, .8);
    font-size: .75rem;
    line-height: 1rem;
    padding-top: 1rem
}

.privacy-text a {
    color: #110d18;
    color: rgba(17, 13, 24, .8);
    display: inline;
    border-bottom: .0625rem solid rgba(17, 13, 24, .2);
    -webkit-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

.privacy-text a:hover {
    color: #000;
    border-color: #000
}

.flare {
    width: 100%;
    border-radius: 18.75rem;
    z-index: 100
}

.flare:before {
    content: "";
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5ac8e), color-stop(50%, #ff683f), to(#e5ac8e));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 172, 142, 0)), color-stop(50%, rgba(255, 104, 63, .7)), to(rgba(229, 172, 142, 0)));
    background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 104, 63, .7) 50%, rgba(229, 172, 142, 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
}

.arrows,
.arrows a {
    position: relative
}

.arrows a svg,
.header .block .call svg {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.arrows a.slick-disabled,
.arrows.black a.slick-disabled,
.arrows.white a.slick-disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

.arrows {
    width: 9.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;
    z-index: 300
}

.arrows.black a {
    background-color: #110D18
}

.arrows.black a.slick-disabled:hover {
    background-color: #110D18;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .1)
}

.arrows.white a {
    background-color: #fff
}

.arrows.white a:hover {
    background-color: #FF683F;
    border-color: #FF683F
}

.arrows.white a:hover svg {
    fill: #fff
}

.arrows.white a.slick-disabled:hover {
    background-color: #fff;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .1)
}

.arrows.white a svg,
.arrows.white a.slick-disabled:hover svg {
    fill: #110D18
}

.arrows a svg,
.footer ul li .call:hover svg,
.header .block .call:hover svg {
    fill: #fff
}

.arrows a {
    width: 4.5rem;
    height: 3rem;
    background-color: #010101;
    border: .0625rem solid #fff;
    border: .0625rem solid rgba(255, 255, 255, .1);
    border-radius: 6.25rem;
    -webkit-transition: background-color .3s, border-color .3s, opacity .3s;
    transition: background-color .3s, border-color .3s, opacity .3s
}

.arrows a:hover {
    background-color: #FF683F;
    border-color: #FF683F
}

.arrows a.slick-disabled:hover {
    background-color: transparent;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .1)
}

.arrows a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.pagination ul {
    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
}

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

.pagination ul li {
    height: .125rem;
    background-color: #8b8b8b;
    background-color: rgba(139, 139, 139, .2);
    cursor: pointer;
    border-radius: .625rem;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.pagination ul li:hover {
    background-color: #FF683F
}

.pagination ul li.slick-active {
    background-color: #FF683F;
    cursor: default
}

@-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 rotation {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(0);
        transform: translateY(-50%) translateX(-50%) rotate(0)
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(360deg);
        transform: translateY(-50%) translateX(-50%) rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(0);
        transform: translateY(-50%) translateX(-50%) rotate(0)
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(360deg);
        transform: translateY(-50%) translateX(-50%) rotate(360deg)
    }
}

@-webkit-keyframes rustle {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(.625rem);
        transform: translateY(.625rem)
    }
}

@keyframes rustle {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(.625rem);
        transform: translateY(.625rem)
    }
}

@-webkit-keyframes mymove {

    0%,
    20%,
    40% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    10%,
    30%,
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
}

@keyframes mymove {

    0%,
    20%,
    40% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    10%,
    30%,
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
}

.pointer-events {
    pointer-events: none
}

.modal .modal-dialog {
    background-color: #fff
}

.modal .modal-dialog .modal-close {
    border: .0625rem solid #110d18;
    border: .0625rem solid rgba(17, 13, 24, .1);
    border-radius: 6.25rem;
    position: absolute;
    cursor: pointer;
    z-index: 300
}

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

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

.modal .modal-dialog .modal-close:hover:after,
.modal .modal-dialog .modal-close:hover:before {
    background-color: #FF683F
}

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

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

.modal .modal-dialog .order-form {
    padding-top: 2rem
}

.lazy {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

#page-index .section-1 .block .messenger .btn-default:hover .btn-icon:before,
.lazy.lazyloaded {
    opacity: 1;
    filter: alpha(opacity=100)
}

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

.slick-list {
    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 {
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

.footer .c-art,
.header .block {
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    display: -webkit-box
}

.header {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800
}

.header .block {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header .block .contacts {
    width: 16.875rem;
    font-family: NAMU-Pro, Arial, sans-serif;
    font-weight: 400;
    font-synthesis: none
}

.footer ul li .call,
.header .block .call {
    width: 3rem;
    height: 2rem;
    border-radius: 2rem;
    -webkit-transition: background-color .3s
}

.header .block .contacts .phone {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.75rem
}

.header .block .contacts .time {
    color: #8B8B8B;
    font-size: .875rem;
    line-height: 1rem;
    padding-top: .5rem
}

.header .block .call {
    background-color: #fff;
    position: relative;
    transition: background-color .3s
}

.header .block .call:hover {
    background-color: #FF683F
}

.header .block .call svg {
    fill: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.footer {
    background-color: #1D1D1E;
    color: #fff
}

.footer ul li {
    position: relative
}

.footer ul li:first-child {
    margin-top: 0
}

.footer ul li .text {
    font-size: .75rem;
    line-height: 1rem;
    text-transform: uppercase
}

.footer ul li .contacts {
    width: 20.1875rem;
    font-family: NAMU-Pro, Arial, sans-serif;
    font-weight: 400;
    font-synthesis: none
}

.footer ul li .contacts .phone {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.75rem
}

.footer ul li .contacts .time {
    width: 16.875rem;
    color: #8B8B8B;
    font-size: .875rem;
    line-height: 1rem;
    padding-top: .5rem
}

.footer ul li .call {
    background-color: #fff;
    position: absolute;
    top: .375rem;
    right: 0;
    transition: background-color .3s
}

.footer ul li .call:hover {
    background-color: #FF683F
}

.footer ul li .call svg {
    fill: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.footer ul li .open-modal {
    color: #fff;
    border-bottom: .0625rem solid rgba(255, 255, 255, .1);
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.footer ul li .open-modal:hover {
    border-color: #fff
}

.footer .c-art {
    display: flex;
    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
}

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

.footer .c-art:hover svg {
    right: .625rem
}

.footer .c-art span {
    color: #8B8B8B;
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer .c-art svg {
    fill: #fff;
    position: relative;
    -webkit-transition: fill .3s, right .3s;
    transition: fill .3s, right .3s
}

#page-index .section-1 {
    background-color: #010101;
    color: #fff;
    border-bottom: .0625rem solid rgba(255, 255, 255, .1)
}

#page-index .section-1 .block .img {
    position: absolute;
    left: 50%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .section-1 .block .messenger .btn-default.tg .btn-icon {
    background-color: #48A5E6
}

#page-index .section-1 .block .messenger .btn-default.tg .flare:before {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#page-index .section-1 .block .messenger .btn-default:hover .btn-icon {
    background-color: #110D18
}

#page-index .section-1 .block .items .item {
    background-color: #131313;
    border-radius: 1rem;
    position: relative;
    z-index: 100;
    padding: 0.6rem
}

#page-index .section-1 .block .items .item .price {
    font-size: 2.5rem;
    line-height: 3.5rem;
    position: relative;
    padding: .75rem 0
}

#page-index .section-1 .block .items .item .price span {
    position: relative;
    z-index: 10
}

#page-index .section-1 .block .items .item .price img {
    width: 5.5rem;
    height: 3.5rem;
    min-height: 3.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#page-index .section-1 .block .items .item .logo {
    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;
    padding: 1.375rem 0 1rem
}

#page-index .section-1 .block .items .item .logo img {
    width: 8.25rem;
    height: 2rem;
    min-height: 2rem;
    display: block;
    margin-left: .5rem
}

#page-index .section-1 .block .items .item .logo .top {
    background-color: #2B2B2B;
    font-family: ApercuPro-Regular, Arial, sans-serif;
    font-weight: 400;
    font-synthesis: none;
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: 6.25rem;
    padding: .5rem 1rem;
    margin-left: 4.125rem
}

#page-index .section-1 .block .items .item .text {
    font-size: 1.125rem;
    line-height: 1.5rem
}

#page-index .section-1 .block .items .item .text span {
    display: block
}

#page-index .section-1 .block .items .item .text a {
    display: inline;
    border-bottom: .0625rem solid rgba(255, 104, 63, .4);
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

#page-index .section-1 .block .items .item .text a:hover {
    border-color: #ff683f
}

#page-index .section-1 .block .scrollTo {
    width: 5.5rem;
    height: 5.5rem;
    border: .0625rem solid #fff;
    border: .0625rem solid rgba(255, 255, 255, .1);
    border-radius: 5.5rem;
    position: absolute;
    right: 0;
    bottom: 6rem;
    -webkit-animation: rustle 1.3s alternate infinite;
    animation: rustle 1.3s alternate infinite;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

#page-index .section-1 .block .scrollTo:hover {
    border-color: #FF683F;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

#page-index .section-1 .block .scrollTo:hover svg {
    fill: #FF683F
}

#page-index .section-1 .block .scrollTo svg {
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#page-index .section-2 {
    color: #fff
}

#page-index .section-2 .h2,
#page-index .section-2 .subtitle {
    position: relative;
    z-index: 100
}

#page-index .section-2 .gallery {
    position: relative
}

#page-index .section-2 .gallery:before {
    content: "";
    width: 150vw;
    height: 62.5rem;
    background-color: #010101;
    position: absolute;
    top: -42.625rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .section-2 .gallery .arrows {
    position: absolute;
    top: -8.375rem;
    right: 0
}

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

#page-index .section-2 .gallery .items {
    position: relative;
    z-index: 100
}

#page-index .section-2 .gallery .items .item {
    overflow: hidden;
    position: relative
}

#page-index .section-2 .gallery .items .item:first-child {
    background-color: #19B846
}

#page-index .section-2 .gallery .items .item:first-child .svg-icon-arrow-down {
    fill: #00FF47
}

#page-index .section-2 .gallery .items .item:nth-child(2) {
    background-color: #0199CE
}

#page-index .section-2 .gallery .items .item:nth-child(2) .svg-icon-arrow-down {
    fill: #00BDFF
}

#page-index .section-2 .gallery .items .item:nth-child(3) {
    background-color: #FFCE1C
}

#page-index .section-2 .gallery .items .item:nth-child(3) .svg-icon-arrow-down {
    fill: #110D18
}

#page-index .section-2 .gallery .items .item:nth-child(3) .details,
#page-index .section-2 .gallery .items .item:nth-child(3) .title {
    color: #110D18
}

#page-index .section-2 .gallery .items .item .logo {
    width: 10.625rem;
    position: relative
}

#page-index .section-2 .gallery .items .item .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#page-index .section-2 .gallery .items .item .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 100;
    padding-bottom: 1rem
}

#page-index .section-2 .gallery .items .item .details svg {
    position: absolute;
    top: 1.0625rem;
    left: -.8125rem
}

#page-index .section-2 .gallery .items .item .details span:nth-child(3) {
    margin-left: 1rem
}

#page-index .section-2 .gallery .items .item .details span:last-child {
    width: 100%;
    display: block
}

#page-index .section-2 .gallery .items .item .info {
    background-color: #fff;
    border-radius: .5rem;
    position: relative;
    left: 50%;
    z-index: 50;
    padding: 1rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .section-2 .gallery .items .item .info .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#page-index .section-2 .gallery .items .item .info .detail span:first-child {
    color: #19B846
}

#page-index .section-2 .gallery .items .item .info .detail span:last-child {
    color: #110D18;
    margin-left: 1rem
}

#page-index .section-2 .gallery .items .item .info .name {
    color: #110D18;
    padding: .5rem 0 1.25rem
}

#page-index .section-2 .gallery .items .item .info .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#page-index .section-2 .gallery .items .item .info .images a {
    border-radius: .5rem;
    display: block;
    overflow: hidden;
    position: relative
}

#page-index .section-2 .gallery .items .item .info .images a:first-child {
    margin-left: 0
}

#page-index .section-2 .gallery .items .item .info .images a.last {
    color: #8B8B8B;
    font-size: .75rem;
    text-align: center;
    text-transform: uppercase;
    border: .0625rem solid #000;
    border: .0625rem solid rgba(0, 0, 0, .1);
    -webkit-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

#page-index .section-2 .gallery .items .item .info .images a.last:before {
    display: none
}

#page-index .section-2 .gallery .items .item .info .images a.last:hover {
    color: #FC6740;
    border-color: #FC6740
}

#page-index .section-2 .gallery .items .item .info .images a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#000));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

#page-index .section-2 .gallery .items .item .info .images a:hover svg,
#page-index .section-2 .gallery .items .item .info .images a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

#page-index .section-2 .gallery .items .item .info .images a svg {
    fill: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

#page-index .section-2 .gallery .items .img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0
}

#page-index .section-2 .gallery .swipe {
    color: #110d18;
    color: rgba(17, 13, 24, .8);
    display: inline-block;
    position: relative;
    padding-right: 3.125rem;
    margin-top: 1.5rem
}

#page-index .section-2 .gallery .swipe span {
    font-size: 1rem;
    line-height: 1.25rem
}

#page-index .section-2 .gallery .swipe svg {
    fill: rgba(139, 139, 139, .4);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#page-index .section-3 .steps .step {
    border-top: .0625rem solid rgba(0, 0, 0, .05)
}

#page-index .section-3 .steps .step.step-1 .items .item:first-child {
    background-color: #201C28
}

#page-index .section-3 .steps .step.step-1 .items .item:last-child {
    background-color: #FC6740
}

#page-index .section-3 .steps .step.step-1 .items .item:last-child .content .name {
    padding: 1rem 4.5rem 0 0
}

#page-index .section-3 .steps .step.step-1 .items .item:last-child .btn-default:hover {
    background-color: #110D18
}

#page-index .section-3 .steps .step.step-1 .items .item:last-child .btn-default:hover .btn-icon {
    background-color: #FF683F
}

#page-index .section-3 .steps .step.step-2 .items {
    color: #110D18
}

#page-index .section-3 .steps .step.step-2 .items .item:first-child .content .text {
    color: #110d18;
    color: rgba(17, 13, 24, .9)
}

#page-index .section-3 .steps .step.step-2 .items .item:last-child,
#page-index .section-3 .steps .step.step-2 .items .item:nth-child(2) {
    color: #110D18
}

#page-index .section-3 .steps .step.step-2 .items .item:last-child .content .text,
#page-index .section-3 .steps .step.step-2 .items .item:nth-child(2) .content .text {
    width: 100%;
    color: #110d18;
    color: rgba(17, 13, 24, .9)
}

#page-index .section-3 .steps .step.step-3 .items {
    color: #110D18
}

#page-index .section-3 .steps .step.step-3 .items .item:first-child {
    color: #fff
}

#page-index .section-3 .steps .step.step-3 .items .item:first-child .content .text,
#page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) .content .text {
    width: 100%
}

#page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) {
    background-color: #00FFC3
}

#page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) img {
    border-radius: .5rem;
    display: block;
    margin: 0 auto
}

#page-index .section-4 .gallery .items .item:first-child,
#page-index .section-info .gallery .items .item:first-child,
#page-index .section-news .gallery .items .item:first-child,
#page-index .section-video .gallery .items .item:first-child {
    margin-left: 0
}

#page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) .content .text {
    color: #110d18;
    color: rgba(17, 13, 24, .9)
}

#page-index .section-3 .steps .step.step-3 .items .item:last-child {
    color: #110D18
}

#page-index .section-3 .steps .step.step-3 .items .item:last-child .content .text {
    width: 100%;
    color: #110d18;
    color: rgba(17, 13, 24, .9)
}

#page-index .section-3 .steps .step .details {
    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 .section-3 .steps .step .details .num {
    background-color: #F2F2F2;
    border-radius: 5rem;
    text-align: center;
    position: relative
}

#page-index .section-3 .steps .step .details .num span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.1875rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#page-index .section-3 .steps .step .items {
    color: #fff
}

#page-index .section-3 .steps .step .items .item {
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#page-index .section-4 .gallery .slick-list,
#page-index .section-info .gallery .slick-list,
#page-index .section-news .gallery .slick-list,
#page-index .section-video .gallery .slick-list {
    overflow: visible !important
}

#page-index .section-3 .steps .step .items .item .content {
    position: relative;
    z-index: 100
}

#page-index .section-3 .steps .step .items .item .content .subname {
    text-transform: uppercase;
    padding-bottom: .5rem
}

#page-index .section-3 .steps .step .items .item .content .text {
    color: #fff;
    color: rgba(255, 255, 255, .8)
}

#page-index .section-3 .steps .step .items .item .content .text p {
    padding-top: 1rem
}

#page-index .section-3 .steps .step .items .item .content .text p:first-child {
    padding-top: 0
}

#page-index .section-3 .steps .step .items .item .btn-default {
    position: absolute
}

#page-index .section-4:after,
#page-index .section-4:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .section-4:before {
    width: 98%;
    max-width: 119rem;
    min-width: 100rem;
    height: 100%;
    background-color: #F2F2F2;
    border-radius: 1.5rem;
    top: 0;
    z-index: 10
}

#page-index .section-4:after {
    width: 150vw;
    height: 50%;
    background-color: #131313;
    bottom: 0;
    z-index: 5
}

#page-index .section-4 .gallery,
#page-index .section-4 .h3 {
    position: relative;
    z-index: 100
}

#page-index .section-4 .gallery .arrows {
    position: absolute;
    top: -7.25rem;
    right: 0
}

#page-index .section-4 .gallery .items .item {
    background-color: #fff;
    position: relative
}

#page-index .section-4 .gallery .items .item .details .num {
    display: inline-block;
    position: relative;
    padding-right: 2rem
}

#page-index .section-4 .gallery .items .item .details .num .dots {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0;
    right: 0
}

#page-index .section-4 .gallery .items .item .details .num .dots .dot {
    width: .375rem;
    height: .375rem;
    background-color: #99a4b7;
    background-color: rgba(153, 164, 183, .6);
    border-radius: .625rem;
    position: absolute
}

#page-index .section-4 .gallery .items .item .details .num .dots .dot:first-child {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .section-4 .gallery .items .item .details .num .dots .dot:nth-child(2) {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#page-index .section-4 .gallery .items .item .details .num .dots .dot:nth-child(3) {
    background-color: #99A4B7;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#page-index .section-4 .gallery .items .item .details .num .dots .dot:nth-child(4) {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#page-index .section-4 .gallery .items .item .details .num .dots .dot:last-child {
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .section-4 .gallery .items .item .details .structure {
    color: #99A4B7;
    text-transform: uppercase
}

#page-index .section-4 .gallery .items .item .details .plus {
    position: absolute;
    display: none
}

#page-index .section-4 .gallery .items .item .details .plus:after,
#page-index .section-4 .gallery .items .item .details .plus:before {
    content: "";
    background-color: #FF683F;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#page-index .section-4 .gallery .items .item .details .plus:before {
    width: .125rem;
    height: 100%
}

#page-index .section-4 .gallery .items .item .details .plus:after {
    width: 100%;
    height: .125rem
}

#page-index .section-4 .gallery .items .item .logo img {
    width: auto;
    height: auto;
    max-width: 40%;
    max-height: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#page-index .section-6:after,
#page-index .section-6:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .section-6:after,
#page-index .section-7 .content .h3 span svg {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

#page-index .section-6:before {
    height: 100%;
    background-color: #FFEC50;
    top: 0;
    z-index: 10
}

#page-index .section-6:after {
    width: 150vw;
    height: 120%;
    background-color: #131313;
    top: 50%;
    z-index: 5;
    transform: translate(-50%, -50%)
}

#page-index .section-6 .image {
    position: absolute;
    z-index: 50
}

#page-index .section-info .gallery,
#page-index .section-info .h3,
#page-index .section-news .gallery,
#page-index .section-news .h3,
#page-index .section-video .gallery,
#page-index .section-video .h3 {
    z-index: 100;
    position: relative
}

#page-index .section-6 .content {
    position: relative;
    z-index: 100
}

#page-index .section-6 .content h3 span {
    display: block
}

#page-index .section-6 .content .buttons .btn-default {
    text-align: left;
    margin-top: .5rem
}

#modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-title,
#page-index .section-info .block .gallery .items .item .name,
#modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-title, {
    text-align: center
}

#page-index .section-6 .content .buttons .btn-default:first-child {
    margin-top: 0
}

#page-index .section-6 .content .buttons .btn-default:first-child .flare:before {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

#page-index .section-6 .content .buttons .btn-default:nth-child(2) .flare:before {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#page-index .section-6 .content .buttons .btn-default .svg-img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#page-index .section-7 {
    background-color: #131313;
    color: #fff
}

#page-index .section-7 .img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-index .section-7 .content .h3 {
    position: relative
}

#page-index .section-7 .content .h3 span {
    width: 4.125rem;
    height: 3.25rem;
    background-color: #282828;
    border-radius: 6.25rem;
    position: absolute
}

#page-index .section-7 .content .h3 span svg {
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#page-index .section-7 .content .images {
    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
}

#page-index .section-7 .content .images img {
    display: block
}

#page-index .section-info,
#page-index .section-news,
#page-index .section-video {
    color: #fff;
    background-color: #131313
}

#page-index .section-info .h3 span,
#page-index .section-news .h3 span,
#page-index .section-video .h3 span {
    color: #FF683F
}

#page-index .section-info .gallery .arrows,
#page-index .section-news .gallery .arrows,
#page-index .section-video .gallery .arrows {
    position: absolute;
    top: -6.25rem;
    right: 0
}

#page-index .section-info .gallery .items .item,
#page-index .section-news .gallery .items .item,
#page-index .section-video .gallery .items .item {
    position: relative
}

#page-index .section-info .gallery .items .item.orange .logo,
#page-index .section-news .gallery .items .item.orange .logo,
#page-index .section-video .gallery .items .item.orange .logo {
    background-color: #d74f33
}

#page-index .section-info .gallery .items .item.blue .logo,
#page-index .section-news .gallery .items .item.blue .logo,
#page-index .section-video .gallery .items .item.blue .logo {
    background-color: #ffffff;
    color: black;
}

#page-index .section-info .gallery .items .item.pink .logo,
#page-index .section-news .gallery .items .item.pink .logo,
#page-index .section-video .gallery .items .item.pink .logo {
    background-color: #feebef
}

#page-index .section-info .gallery .items .item.rose .logo,
#page-index .section-news .gallery .items .item.rose .logo,
#page-index .section-video .gallery .items .item.rose .logo {
    background-color: #b71852
}

#page-index .section-info .gallery .items .item.dark-blue .logo,
#page-index .section-news .gallery .items .item.dark-blue .logo,
#page-index .section-video .gallery .items .item.dark-blue .logo {
    background-color: #004465
}

#page-index .section-info .gallery .items .item .logo,
#page-index .section-news .gallery .items .item .logo,
#page-index .section-video .gallery .items .item .logo {
    background-color: #fff;
    position: relative
}

#page-index .section-info .gallery .items .item .logo img,
#page-index .section-news .gallery .items .item .logo img,
#page-index .section-video .gallery .items .item .logo img {
    width: auto;
    height: auto;
    max-width: 60%;
    max-height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#page-index .section-info .gallery .items .item .name,
#page-index .section-news .gallery .items .item .name,
#page-index .section-video .gallery .items .item .name {
    color: #8b8b8b;
    letter-spacing: -.02em
}

#page-index .section-news .block .gallery .items .item .name:hover,
#page-index .section-video .gallery .items .item .name:hover {
    color: #fff
}

#page-index .section-info .gallery .pagination,
#page-index .section-news .gallery .pagination,
#page-index .section-video .gallery .pagination {
    margin: 0
}

#page-index .section-info .block {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

#page-index .section-info .block .gallery .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem 0
}

#page-index .section-info .block .gallery .items .item {
    opacity: 1;
    filter: alpha(opacity=100);
    margin: 0
}

#page-index .section-news .block {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

#page-index .section-news .block .gallery .items .item .logo:hover img {
    -webkit-transform: translate(-50%, -50%) scale(.8);
    -ms-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8)
}

#page-index .section-news .block .gallery .items .item .logo img {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

#page-index .section-news .block .gallery .items .item .name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: color .3s;
    transition: color .3s
}

#page-index .section-video .gallery .items .item .logo {
    overflow: hidden
}

#page-index .section-video .gallery .items .item .logo:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.02);
    -ms-transform: translate(-50%, -50%) scale(1.02);
    transform: translate(-50%, -50%) scale(1.02)
}

#page-index .section-video .gallery .items .item .logo:hover svg {
    fill: #FF683F
}

#page-index .section-video .gallery .items .item .logo img {
    width: 101%;
    height: 101%;
    max-width: 101%;
    max-height: 101%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

#page-index .section-video .gallery .items .item .logo .svg {
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#page-index .section-video .gallery .items .item .name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: color .3s;
    transition: color .3s
}

#page-index .section-video .gallery .pagination ul li {
    width: 6.875rem
}

#modal-gallery .modal-dialog {
    width: 100%;
    height: 100%;
    background-color: #010101;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0
}

#modal-gallery .modal-dialog .modal-close {
    border: .0625rem solid #fff;
    border: .0625rem solid rgba(255, 255, 255, .2);
    right: 1rem
}

#modal-gallery .modal-dialog .modal-close:after,
#modal-gallery .modal-dialog .modal-close:before {
    background-color: #fff
}

#modal-gallery .modal-dialog .modal-close:hover:after,
#modal-gallery .modal-dialog .modal-close:hover:before {
    background-color: #FF683F
}

#modal-gallery .modal-dialog .modal-close:hover:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

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

#modal-gallery .modal-dialog .modal-content {
    position: static
}

#modal-gallery .modal-dialog .modal-content .gallery {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#modal-gallery .modal-dialog .modal-content .gallery .slick-list {
    overflow: visible !important
}

#modal-gallery .modal-dialog .modal-content .gallery .items {
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

#modal-gallery .modal-dialog .modal-content .gallery .items.load {
    width: 62500rem;
    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;
    opacity: 0;
    filter: alpha(opacity=0)
}

#modal-gallery .modal-dialog .modal-content .gallery .items .item {
    position: relative
}

#modal-gallery .modal-dialog .modal-content .gallery .items .item img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#modal-gallery .modal-dialog .modal-content .gallery .pagination ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#modal-gallery .modal-dialog .modal-content .gallery .pagination ul li {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2)
}

#modal-gallery .modal-dialog .modal-content .gallery .pagination ul li.slick-active,
#modal-gallery .modal-dialog .modal-content .gallery .pagination ul li:hover {
    background-color: #FF683F
}

#modal-gallery .modal-dialog .modal-content .gallery .arrows {
    height: 0;
    z-index: 300
}

#modal-gallery .modal-dialog .modal-content .gallery .arrows a {
    position: absolute
}

#modal-privacy .modal-position,
#modal-Cookies .modal-position {
    display: block
}

#modal-privacy .modal-position .modal-dialog .modal-content,
#modal-Cookies .modal-position .modal-dialog .modal-content {
    background-color: transparent;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-data,
#modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-data {
    position: absolute;
    top: 1.25rem;
    left: 1.875rem;
    display: none
}

#modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-subtitle,
#modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-subtitle {
    text-align: left;
    line-height: 1.5
}

#modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-br,
#modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-br  {
    padding-top: 1.25rem
}

#modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-p,
#modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-p {
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    padding-bottom: .3125rem
}

#modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-p span,
#modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-p.bold,

#modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-p span,
#modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-p.bold {
    font-family: CoFoSans-Bold, Arial, sans-serif;
    font-weight: 700;
    font-synthesis: none
}

#modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-p-title,
#modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-p-title  {
    font-family: CoFoSans-Bold, Arial, sans-serif;
    font-size: 1rem;
    padding: 1.25rem 0 .625rem;
    line-height: 1.5;
    font-weight: bold;
}

#modal-privacy .modal-position .modal-dialog .modal-content .modal-body ul,
#modal-Cookies .modal-position .modal-dialog .modal-content .modal-body ul {
    padding: 0 0 .9375rem 1.875rem
}

#modal-privacy .modal-position .modal-dialog .modal-content .modal-body ul li,
#modal-Cookies .modal-position .modal-dialog .modal-content .modal-body ul li  {
    font-size: 1rem;
    list-style: circle;
    padding-top: .25rem
}



@media only screen and (min-width:768px) {
    .order-form .form-group .form-control {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding: 1.5625rem 0
    }


    .btn-default {
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 1.375rem 7.375rem 1.6875rem 2rem
    }

    .btn-default .btn-icon {
        width: 4.875rem;
        height: 3.125rem;
        right: 1rem
    }

    .btn-default .btn-icon svg {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }


    .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;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out
    }

    #modal-gallery.fade .modal-dialog,
    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0)
    }

    .modal.in .modal-dialog {
        transform: translate(0, 0)
    }

    .modal-open[style="padding-right: 15px;"] .header {
        padding-right: 15px
    }

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

    body {
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    .footer .block,
    .header .block,
    .section .block,
    section .block {
        min-width: 23.5rem;
        max-width: 89.5rem
    }

    .h1 {
        font-size: 3rem;
        line-height: 3rem
    }

    .h2 {
        font-size: 4.5rem;
        line-height: 4.5rem
    }

    .h3 {
        font-size: 4rem;
        line-height: 4rem
    }

    .only-small {
        display: none !important
    }

    .pagination {
        margin-top: 4rem
    }

    .modal .modal-dialog {
        width: 37rem;
        border-radius: 1.5rem;
        padding: 2.5rem
    }

    .modal .modal-dialog .modal-close {
        width: 3.75rem;
        height: 3.75rem;
        top: 1rem;
        right: 1rem
    }

    .modal .modal-dialog .modal-title {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .modal .modal-dialog .modal-subtitle {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding-top: 1rem
    }

    .header {
        padding-top: 3rem
    }

    .header .block .logo {
        width: 20rem
    }

    .header .block .logo img {
        width: 8.9375rem;
        height: 4rem;
        min-height: 4rem
    }

    .footer {
        padding: 4rem 0 5.5rem
    }

    .footer ul li {
        margin-top: 3.25rem
    }

    .footer ul li:first-child {
        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 .section-1 .block .items,
    .footer ul li .logo {
        -ms-flex-wrap: wrap;
        display: -ms-flexbox
    }

    .footer ul li .logo {
        width: 30.875rem;
        display: flex;
        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
    }

    .footer ul li .logo img {
        width: 8.9375rem;
        height: 4rem;
        min-height: 4rem
    }

    .footer ul li .text {
        width: 20rem
    }

    .footer ul li .open-modal {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .footer .c-art {
        width: 20.125rem;
        height: 1.5rem;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .footer .c-art span {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .footer .c-art svg {
        right: 0
    }

    #page-index .section-1 .block {
        padding: 11rem 0 5.75rem
    }

    #page-index .section-1 .block .img {
        width: 120rem;
        height: 67.5rem;
        min-height: 67.5rem;
        top: 0
    }

    #page-index .section-1 .block .h1 {
        width: 52rem;
        padding-top: 2rem;
    }

    #page-index .section-1 .block .messenger {
        padding-top: 10rem;
    } 

    #page-index .section-1 .block .messenger .text {
        padding-bottom: 2rem;
    }

  

    #page-index .section-1 .block .items {
        width: 82rem;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 2.25rem
    }

    #page-index .section-1 .block .items .item {
        width: 19.7rem
    }

    #page-index .section-1 .block .items .item:first-child .price {
        margin-left: 1rem
    }

    #page-index .section-1 .block .items .item:first-child .text {
        padding-right: 3.125rem
    }

    #page-index .section-1 .block .items .item .text {
        width: 20rem;
        padding: 1rem 0 1.5rem
    }

    #page-index .section-2 {
        padding: 7.5rem 0
    }

    #page-index .section-2 .h2 {
        width: 54.6875rem
    }

    #page-index .section-2 .subtitle {
        font-size: 2rem;
        line-height: 1.75rem;
        padding-top: 2.5rem
    }

    #page-index .section-2 .gallery {
        margin-top: 6rem
    }

    #page-index .section-2 .gallery .items .item {
        width: 29.5rem;
        height: 49.0625rem;
        border-radius: 1.5rem;
        padding: 2rem 1.5rem 0;
        margin: 0 .25rem
    }

    #page-index .section-2 .gallery .items .item .logo {
        height: 2.5rem
    }

    #page-index .section-2 .gallery .items .item .title {
        height: 11.5rem;
        font-size: 2rem;
        line-height: 2rem;
        padding: 1.5rem 0 2rem
    }

    #page-index .section-2 .gallery .items .item .details span {
        font-size: 1rem;
        line-height: 1.375rem
    }

    #page-index .section-2 .gallery .items .item .info {
        width: 28.5rem
    }

    #page-index .section-2 .gallery .items .item .info .name {
        height: 7.75rem;
        font-size: 2rem;
        line-height: 2rem
    }

    #page-index .section-2 .gallery .items .item .info .images a {
        width: 5.5rem;
        height: 3rem;
        margin-left: .5rem
    }

    #page-index .section-2 .gallery .items .item .info .images a.last {
        width: 2.5rem;
        line-height: 3rem
    }

    #page-index .section-2 .gallery .pagination li {
        width: 44.25rem
    }

    #page-index .section-3 .h2 {
        width: 47.25rem
    }

    #page-index .section-3 .steps {
        padding-top: 5rem
    }

    #page-index .section-3 .steps .step {
        padding: 5rem 0
    }

    #page-index .section-3 .steps .step.step-1 .items .item {
        padding: 3rem 3rem 10.75rem
    }

    #page-index .section-3 .steps .step.step-1 .items .item:first-child {
        padding-top: 22rem
    }

    #page-index .section-3 .steps .step.step-1 .items .item:last-child img {
        width: 38.5rem;
        height: 18rem;
        min-height: 18rem
    }

    #page-index .section-3 .steps .step.step-2 .items .item {
        margin-top: .5rem
    }

    #page-index .section-3 .steps .step.step-2 .items .item:first-child {  
        width: 100%;
        margin-top: 0
    }

    #page-index .section-3 .steps .step.step-2 .items .item:first-child .content {
        width: 45rem;
        padding: 3rem 3rem 17.75rem
    }

    #page-index .section-3 .steps .step.step-2 .items .item:first-child .content .text {
        width: 23.5rem;
        padding-top: 2rem
    }

    #page-index .section-3 .steps .step.step-2 .items .item:first-child .btn-default {
        bottom: 7.75rem
    }

    #page-index .section-3 .steps .step.step-2 .items .item:last-child .content,
    #page-index .section-3 .steps .step.step-2 .items .item:nth-child(2) .content {
        width: 30rem;
        padding: 22rem 3rem 13.25rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item {
        margin-top: .5rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:first-child,
    #page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) {
        margin-top: 0
    }

    #page-index .section-3 .steps .step.step-3 .items .item:first-child .content,
    #page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) .content {
        width: 26.875rem;
        padding: 22rem 3rem 12rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) {
        padding-top: 3rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) img {
        width: 38.5rem;
        height: 17rem;
        min-height: 17rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) .content {
        width: 31.25rem;
        padding-top: 2rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:last-child {
        width: 100%
    }

    #page-index .section-3 .steps .step.step-3 .items .item:last-child .content {
        width: 41.5625rem;
        padding: 3rem 3rem 17.75rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:last-child .btn-default {
        bottom: 7.75rem
    }

    #page-index .section-3 .steps .step .details .num {
        width: 5rem;
        height: 5rem;
        font-size: 2.25rem
    }

    #page-index .section-3 .steps .step .details .h3 {
        width: 82.5rem;
        font-size: 4rem;
        line-height: 4rem
    }

    #page-index .section-3 .steps .step .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;
        padding-top: 4rem
    }

    #page-index .section-3 .steps .step .items .item {
        width: 44.5rem;
        border-radius: 1.5rem
    }

    #page-index .section-3 .steps .step .items .item .content .subname {
        font-size: 1rem;
        line-height: 1.5rem
    }

    #page-index .section-3 .steps .step .items .item .content .name {
        font-size: 2.5rem;
        line-height: 2.5rem
    }

    #page-index .section-3 .steps .step .items .item .content .text {
        width: 33.125rem;
        padding-top: 1.5rem
    }

    #page-index .section-4,
    #page-index .section-6 {
        padding: 7.5rem 0
    }

    #page-index .section-3 .steps .step .items .item .btn-default {
        left: 3rem;
        bottom: 3rem
    }

    #page-index .section-4 .h3 {
        width: 71.5625rem;
        font-size: 3.5rem;
        line-height: 3.5rem
    }

    #page-index .section-4 .gallery {
        margin-top: 4rem
    }

    #page-index .section-4 .gallery .items .item {
        width: 29.5rem;
        height: 30.5rem;
        border-radius: 1.5rem;
        opacity: 0;
        filter: alpha(opacity=0);
        padding: 2rem;
        margin: 0 .25rem;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    #page-index .section-4 .gallery .items .item.slick-active,
    #page-index .section-4 .gallery .items .item.slick-current {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    #page-index .section-4 .gallery .items .item .details .num {
        font-size: 3rem;
        line-height: 3rem
    }

    #page-index .section-4 .gallery .items .item .details .structure {
        font-size: 1rem;
        line-height: 1.125rem;
        padding-top: .5rem
    }

    #page-index .section-4 .gallery .items .item .details .plus {
        width: 1.5rem;
        height: 1.5rem;
        top: 2rem;
        right: 2rem
    }

    #page-index .section-4 .gallery .items .item .logo {
        height: 13rem;
        margin: 1.8125rem 0
    }

    #page-index .section-4 .gallery .items .item .name {
        font-size: 1.4375rem;
        line-height: 1.5625rem
    }

    #page-index .section-4 .gallery .pagination li {
        width: 11.75rem
    }

    #page-index .section-6:before {
        width: 98%;
        max-width: 119rem;
        min-width: 100rem;
        border-radius: 1.5rem
    }

    #page-index .section-6 .image {
        width: 53.75rem;
        height: 42rem;
        min-height: 42rem;
        right: 6.875rem;
        bottom: -2.125rem
    }

    #page-index .section-6 .content {
        width: 39.375rem
    }

    #page-index .section-6 .content h3 span:first-child {
        font-size: 3rem;
        line-height: 3rem
    }

    #page-index .section-6 .content h3 span:last-child {
        font-size: 2rem;
        line-height: 2rem;
        padding-top: 2rem
    }

    #page-index .section-6 .content .buttons {
        padding-top: 4.5rem
    }

    #page-index .section-6 .content .buttons .btn-default {
        width: 34.3125rem
    }

    #page-index .section-6 .content .buttons .btn-default.lr .svg-img svg {
        width: 6.25rem;
        height: 1.625rem;
        min-height: 1.625rem
    }

    #page-index .section-6 .content .buttons .btn-default.oz .svg-img svg {
        width: 7.5rem;
        height: 1.625rem;
        min-height: 1.625rem
    }

    #page-index .section-6 .content .buttons .btn-default .svg-img {
        right: 7.5rem
    }

    #page-index .section-6 .content .subtext {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding-top: 4.5rem
    }

    #page-index .section-7 {
        padding: 7.5rem 0
    }

    #page-index .section-7 .img {
        width: 120rem;
        height: 67.625rem;
        min-height: 67.625rem
    }

    #page-index .section-7 .content .h2 {
        width: 31.25rem;
        font-size: 3.5rem;
        line-height: 3.5rem;
        margin-left: 15rem
    }

    #page-index .section-7 .content .h3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding-left: 5.125rem;
        margin: 3.75rem 0 0 15rem
    }

    #page-index .section-7 .content .h3 span {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #page-index .section-7 .content .images {
        width: 74.5rem;
        padding-top: 5.25rem;
        margin: 0 auto
    }

    #page-index .section-7 .content .images img {
        border-radius: 1rem;
        margin-top: .5rem
    }

    #page-index .section-7 .content .images img:first-child,
    #page-index .section-7 .content .images img:nth-child(2) {
        width: 37rem;
        height: 18.5rem;
        min-height: 18.5rem
    }

    #page-index .section-7 .content .images img:nth-child(3) {
        width: 29.5625rem;
        height: 20rem;
        min-height: 20rem
    }

    #page-index .section-7 .content .images img:last-child {
        width: 44.4375rem;
        height: 20rem;
        min-height: 20rem
    }

    #page-index .section-7 .content .text {
        width: 45rem;
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin: 5rem 0 0 15rem
    }

    #page-index .section-info .h3,
    #page-index .section-news .h3,
    #page-index .section-video .h3 {
        width: 71.5625rem;
        font-size: 3.5rem;
        line-height: 3.5rem
    }

    #page-index .section-info .gallery,
    #page-index .section-news .gallery,
    #page-index .section-video .gallery {
        margin-top: 3rem
    }

    #page-index .section-info .gallery .items,
    #page-index .section-news .gallery .items,
    #page-index .section-video .gallery .items {
        padding-bottom: 3rem
    }

    #page-index .section-info .gallery .items .item,
    #page-index .section-news .gallery .items .item,
    #page-index .section-video .gallery .items .item {
        width: 22rem;
        opacity: 0;
        filter: alpha(opacity=0);
        margin: 0 .25rem;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    #page-index .section-info .gallery .items .item.slick-active,
    #page-index .section-info .gallery .items .item.slick-current,
    #page-index .section-news .gallery .items .item.slick-active,
    #page-index .section-news .gallery .items .item.slick-current,
    #page-index .section-video .gallery .items .item.slick-active,
    #page-index .section-video .gallery .items .item.slick-current {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    #page-index .section-info .gallery .items .item .logo,
    #page-index .section-news .gallery .items .item .logo,
    #page-index .section-video .gallery .items .item .logo {
        height: 12.25rem;
        border-radius: 1.5rem
    }

    #page-index .section-info .gallery .items .item .name,
    #page-index .section-news .gallery .items .item .name,
    #page-index .section-video .gallery .items .item .name {
        font-size: 1rem;
        line-height: 1rem;
        padding-top: 1rem
    }

    #page-index .section-info .gallery .pagination li,
    #page-index .section-news .gallery .pagination li,
    #page-index .section-video .gallery .pagination li {
        width: 5rem
    }

    #page-index .section-info {
        padding: 7.5rem 0 3rem
    }

    #page-index .section-news .block {
        padding-bottom: 3rem
    }

    #page-index .section-video {
        padding-bottom: 7.5rem
    }

    #page-index .section-video .gallery .items .item {
        width: 29.5rem
    }

    #page-index .section-video .gallery .items .item .logo {
        height: 16.5625rem
    }

    #modal-gallery.fade {
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden
    }

    #modal-gallery.fade .modal-dialog {
        transform: translate(0, 0);
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out
    }

    #modal-gallery.in {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #modal-gallery.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    #modal-gallery .modal-dialog {
        min-height: 46.5rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery {
        height: 34rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery .items .item {
        width: 59.5rem;
        height: 34rem;
        margin: 0 .25rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery .items .item img {
        border-radius: 1.5rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery .pagination {
        width: 89.5rem;
        margin: 3rem auto 0
    }

    #modal-gallery .modal-dialog .modal-content .gallery .pagination ul li {
        width: 12.5rem;
        margin: 0 .5rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery .arrows {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0
    }

    #modal-gallery .modal-dialog .modal-content .gallery .arrows a {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #modal-gallery .modal-dialog .modal-content .gallery .arrows a.prev {
        left: 4.75rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery .arrows a.next {
        right: 4.75rem
    }

    #modal-privacy .modal-position .modal-dialog,
      #modal-Cookies .modal-position .modal-dialog {
        width: 68.75rem
    }

    #modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-title,
      #modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-title {
        font-size: 1.875rem
    }

    #modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-subtitle,
      #modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-subtitle {
        font-size: 1.125rem;
        padding: 1.375rem 0
    }
    .hero__text {
        margin-top: 20px;
        max-width: 50%;
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 100px;
    }
}

@media screen and (min-width:768px) and (max-width:1472px) {
    html {
        font-size: 1vw
    }
}

@media only screen and (max-width:767px) {
    .order-form .form-group .form-control {
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 1.125rem 0
    }

    .btn-default,
    body {
        line-height: 1.5rem;
        font-size: 1.125rem
    }

    .btn-default {
        padding: .875rem 5.75rem 1.0625rem 1.5rem
    }

    .btn-default .btn-icon {
        width: 3rem;
        height: 2rem;
        right: .75rem
    }

    .btn-default .btn-icon svg {
        -webkit-transform: translate(-50%, -50%) scale(.8);
        -ms-transform: translate(-50%, -50%) scale(.8);
        transform: translate(-50%, -50%) scale(.8)
    }

    .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;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out
    }

    #modal-gallery.fade .modal-dialog,
    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0)
    }

    .modal.in .modal-dialog {
        transform: translate(0, 0)
    }

    .modal-open[style="padding-right: 15px;"] .header,
    .modal-open[style="padding-right: 17px;"] .header {
        right: 8px
    }

    .h1,
    .h2 {
        line-height: 2rem
    }

    .footer .block,
    .header .block,
    .section .block,
    section .block {
        min-width: 23.4375rem;
        max-width: 23.4375rem;
        padding: 0 1rem
    }

    .h1 {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .h2 {
        font-size: 2rem
    }

    .h3 {
        font-size: 1.625rem;
        line-height: 1.625rem
    }

    .only-medium {
        display: none !important
    }

    .pagination {
        margin-top: 1rem
    }

    .footer .c-art,
    .footer ul li {
        margin-top: 2rem
    }

    .modal .modal-dialog {
        width: 21.4375rem;
        border-radius: 1rem;
        padding: 1.5rem
    }

    .modal .modal-dialog .modal-close {
        width: 3rem;
        height: 3rem;
        top: .5rem;
        right: .5rem
    }

    .modal .modal-dialog .modal-title {
        font-size: 1.5rem;
        line-height: 1.625rem
    }

    .modal .modal-dialog .modal-subtitle {
        font-size: 1rem;
        line-height: 1.25rem;
        padding-top: .5rem
    }

    .footer .c-art span,
    .footer ul li .open-modal {
        font-size: .75rem;
        line-height: .875rem
    }

    .header {
        padding-top: 1.5rem
    }

    .header .block .logo {
        width: 15.625rem
    }

    .footer ul li .logo img,
    .header .block .logo img {
        width: 6.625rem; 
        height: 3rem;
        min-height: 3rem
    }

    .footer {
        padding: 2.5rem 0 2.75rem
    }

    .footer ul li .text {
        padding-top: 1rem
    }

    .footer .c-art {
        width: 14.125rem;
        height: 1rem;
        position: relative
    }

    .footer .c-art svg {
        width: 6.375rem;
        height: 1rem;
        min-height: 1rem;
        right: 1rem
    }

    #page-index .section-1 .block {
        padding-top: 4.5rem;
        padding-bottom: 2rem
    }

    #page-index .section-1 .block .messenger .text,
    #page-index .section-info .gallery .items,
    #page-index .section-news .gallery .items,
    #page-index .section-video .gallery .items {
        padding-bottom: 1.5rem
    }

    #page-index .section-1 .block .img {
        width: 45.5rem;
height: 32.63rem;
top: 14.56rem;
left: 20px;
        margin-left: .625rem
    }


    #page-index .section-1 .block .h1 {
        padding-top: 1rem
    }

    #page-index .section-1 .block .messenger {
        padding-top: 2rem
    }

    #page-index .section-1 .block .messenger .btn-default {
        font-size: 1rem;
        line-height: 1rem
    }
 
    #page-index .section-1 .block .items {
        padding-top: 24rem;
    }

    #page-index .section-1 .block .items .item {
        margin-top: .25rem
    }

    #page-index .section-1 .block .items .item:first-child {
        margin-top: 0
    }

    #page-index .section-2 .gallery,
    #page-index .section-3 .steps .step .items {
        margin-top: 2rem
    }

    #page-index .section-1 .block .items .item:first-child .text span {
        display: block
    }

    #page-index .section-4:after,
    #page-index .section-4:before,
    #page-index .section-6:after {
        display: none
    }

    #page-index .section-2 {
        padding: 2rem 0 4rem
    }

    #page-index .section-2 .subtitle {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding-top: 1.5rem
    }

    #page-index .section-2 .gallery .items .item {
        width: 22.5rem;
        border-radius: 1rem;
        padding: 2rem 1rem .25rem;
        margin: 0 .125rem
    }

    #page-index .section-2 .gallery .items .item:first-child {
        margin-left: 0
    }

    #page-index .section-2 .gallery .items .item .logo {
        height: 2.125rem
    }

    #page-index .section-2 .gallery .items .item .title {
        height: 7.875rem;
        font-size: 1.5rem;
        line-height: 1.5rem;
        padding: 1rem 0 2rem
    }

    #page-index .section-2 .gallery .items .item .info {
        width: 22rem
    }

    #page-index .section-2 .gallery .items .item .info .name {
        height: 9.25rem;
        font-size: 1.25rem;
        line-height: 1.25rem
    }

    #page-index .section-2 .gallery .items .item .info .images a {
        width: 4.25rem;
        height: 2.5rem;
        margin-left: .25rem
    }

    #page-index .section-2 .gallery .items .item .info .images a.last {
        width: 2rem;
        line-height: 2.5rem
    }

    #page-index .section-2 .gallery .pagination li {
        width: 6.5625rem
    }

    #page-index .section-3 .steps {
        padding-top: 2rem
    }

    #page-index .section-3 .steps .step {
        padding: 2rem 0
    }

    #page-index .section-3 .steps .step.step-1 .items .item {
        padding: 2rem 1rem 7.5rem
    }

    #page-index .section-3 .steps .step.step-1 .items .item:first-child {
        padding-top: 12rem
    }

    #page-index .section-3 .steps .step.step-1 .items .item:last-child img {
        width: 100%;
        height: auto
    }

    #page-index .section-3 .steps .step.step-2 .items .item:first-child .content {
        padding: 12rem 1rem 7.5rem
    }

    #page-index .section-3 .steps .step.step-2 .items .item:first-child .content .text {
        padding-top: 1rem
    }

    #page-index .section-3 .steps .step.step-2 .items .item:nth-child(2) {
        color: #fff !important
    }

    #page-index .section-3 .steps .step.step-2 .items .item:nth-child(2) .content .text {
        color: #fff !important;
        color: rgba(255, 255, 255, .9) !important
    }

    #page-index .section-3 .steps .step.step-2 .items .item:last-child .content,
    #page-index .section-3 .steps .step.step-2 .items .item:nth-child(2) .content {
        padding: 12rem 1rem 7.5rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:first-child .content {
        padding-right: 6.25rem !important
    }

    #page-index .section-3 .steps .step.step-3 .items .item:first-child .content .subname {
        padding-right: 12.5rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:first-child .content,
    #page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) .content {
        padding: 12rem 1rem 7.5rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:first-child .content .name,
    #page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) .content .name {
        padding-right: 3.75rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) {
        padding-top: 1.5rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) img {
        width: 20.9375rem;
        height: 9.25rem;
        min-height: 9.25rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:nth-child(2) .content {
        padding-top: 1.25rem
    }

    #page-index .section-3 .steps .step.step-3 .items .item:last-child .content {
        padding: 12rem 1rem 7.5rem
    }

    #page-index .section-3 .steps .step .details .num {
        width: 3.25rem;
        height: 3.25rem;
        font-size: 1.5rem
    }

    #page-index .section-3 .steps .step .details .h3 {
        width: 17.4375rem
    }

    #page-index .section-3 .steps .step .items .item {
        width: 22.9375rem;
        border-radius: 1rem;
        left: 50%;
        margin-top: .25rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #page-index .section-3 .steps .step .items .item:first-child {
        margin-top: 0
    }

    #page-index .section-3 .steps .step .items .item .content .subname {
        font-size: .75rem;
        line-height: 1rem
    }

    #page-index .section-3 .steps .step .items .item .content .name {
        font-size: 1.5rem;
        line-height: 1.625rem
    }

    #page-index .section-4 .gallery .items .item .details .num,
    #page-index .section-4 .h3 {
        line-height: 1.5rem;
        font-size: 1.5rem
    }

    #page-index .section-3 .steps .step .items .item .content .text {
        padding-top: 1rem
    }

    #page-index .section-3 .steps .step .items .item .btn-default {
        left: 1rem;
        bottom: 2rem
    }

    #page-index .section-4 {
        background-color: #F2F2F2;
        padding: 3rem 0 2rem
    }

    #page-index .section-4 .gallery {
        margin-top: 1.5rem
    }

    #page-index .section-4 .gallery .items .item {
        width: 21.875rem;
        height: 23.5625rem;
        border-radius: 1rem;
        padding: 1rem;
        margin: 0 .125rem
    }

    #page-index .section-4 .gallery .items .item .details .num .dots {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    #page-index .section-4 .gallery .items .item .details .structure {
        font-size: .75rem;
        line-height: 1rem;
        padding-top: .25rem
    }

    #page-index .section-4 .gallery .items .item .details .plus {
        width: 1rem;
        height: 1rem;
        top: 1rem;
        right: 1rem
    }

    #page-index .section-4 .gallery .items .item .logo {
        height: 13.6875rem
    }

    #page-index .section-4 .gallery .items .item .name {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    #page-index .section-4 .gallery .pagination li {
        width: 1.875rem
    }

    #page-index .section-6 {
        background-color: #131313;
        padding: 2rem 0
    }

    #page-index .section-6:before {
        width: 22.9375rem;
        border-radius: 1rem
    }

    #page-index .section-6 .image {
        width: 18.375rem;
        height: 20.5rem;
        min-height: 20.5rem;
        top: 9.75rem;
        left: .3125rem
    }

    #page-index .section-6 .content h3 span:first-child {
        font-size: 2rem;
        line-height: 2rem
    }

    #page-index .section-6 .content h3 span:last-child {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding-top: 1rem
    }

    #page-index .section-6 .content .buttons {
        padding-top: 24.5rem
    }

    #page-index .section-6 .content .buttons .btn-default {
        width: 100%
    }

    #page-index .section-6 .content .buttons .btn-default.lr .svg-img svg {
        width: 4.8125rem;
        height: 1.25rem;
        min-height: 1.25rem
    }

    #page-index .section-6 .content .buttons .btn-default.oz .svg-img svg {
        width: 4.625rem;
        height: 1rem;
        min-height: 1rem
    }

    #page-index .section-6 .content .buttons .btn-default .svg-img {
        right: 5rem
    }

    #page-index .section-6 .content .subtext {
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 2rem 4rem 0 0
    }

    #page-index .section-7 {
        padding: 4rem 0
    }

    #page-index .section-7 .img {
        width: 82.5rem;
        height: 30.125rem;
        min-height: 30.125rem
    }

    #page-index .section-7 .content .h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
        margin-top: 5rem
    }

    #page-index .section-7 .content .h3 span {
        top: -3.25rem;
        left: -.625rem;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    #page-index .section-7 .content .images {
        width: 22.9375rem;
        left: 50%;
        padding-top: 2.75rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #page-index .section-7 .content .images img {
        border-radius: .5rem;
        margin-top: .25rem
    }

    #page-index .section-7 .content .images img:first-child {
        width: 11.3125rem;
        height: 5.6875rem;
        min-height: 5.6875rem
    }

    #page-index .section-7 .content .images img:nth-child(2) {
        width: 11.3125rem;
        height: 5.625rem;
        min-height: 5.6875rem
    }

    #page-index .section-7 .content .images img:nth-child(3) {
        width: 9.0625rem;
        height: 6.125rem;
        min-height: 6.125rem
    }

    #page-index .section-7 .content .images img:last-child {
        width: 13.5625rem;
        height: 6.125rem;
        min-height: 6.125rem
    }

    #page-index .section-7 .content .text {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding-top: 2rem
    }

    #page-index .section-info .h3,
    #page-index .section-news .h3,
    #page-index .section-video .h3 {
        font-size: 1.5rem;
        line-height: 1.5rem
    }

    #page-index .section-info .gallery,
    #page-index .section-news .gallery,
    #page-index .section-video .gallery {
        margin-top: 1.5rem
    }

    #page-index .section-info .gallery .items .item,
    #page-index .section-news .gallery .items .item,
    #page-index .section-video .gallery .items .item {
        width: 10.5rem;
        margin: 0 .125rem
    }

    #page-index .section-info .gallery .items .item .logo,
    #page-index .section-news .gallery .items .item .logo,
    #page-index .section-video .gallery .items .item .logo {
        height: 5.75rem;
        border-radius: .75rem
    }

    #page-index .section-info .gallery .items .item .name,
    #page-index .section-news .gallery .items .item .name,
    #page-index .section-video .gallery .items .item .name {
        font-size: .75rem;
        line-height: .875rem;
        padding-top: .5rem
    }

    #page-index .section-info .gallery .pagination li,
    #page-index .section-news .gallery .pagination li,
    #page-index .section-video .gallery .pagination li {
        width: 1rem
    }

    #page-index .section-info {
        padding: 3rem 0 1.5rem
    }

    #page-index .section-news .block {
        padding-bottom: 1.5rem
    }

    #page-index .section-video {
        padding-bottom: 3rem
    }

    #modal-gallery.fade .modal-dialog {
        transform: translate(0, 0);
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out
    }

    #modal-gallery.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    #modal-gallery .modal-dialog {
        min-height: 25rem
    }

    #modal-gallery .modal-dialog .modal-close {
        top: 1rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery {
        height: 12.25rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery .items .item {
        width: 21.4375rem;
        height: 12.25rem;
        margin: 0 .125rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery .items .item img {
        border-radius: 1rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery .pagination {
        width: 100%;
        margin: 2.375rem auto 0
    }

    #modal-gallery .modal-dialog .modal-content .gallery .pagination ul li {
        width: 1.6875rem;
        margin: 0 .25rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery .arrows {
        width: 21.4375rem;
        position: relative;
        margin: 0 auto
    }

    #modal-gallery .modal-dialog .modal-content .gallery .arrows a {
        width: 3rem;
        top: -1.4375rem
    }

    #modal-gallery .modal-dialog .modal-content .gallery .arrows a.prev {
        left: 0
    }

    #modal-gallery .modal-dialog .modal-content .gallery .arrows a.next {
        right: 0
    }

    #modal-privacy .modal-position .modal-dialog,
      #modal-Cookies .modal-position .modal-dialog {
        padding-top: 3rem
    }

    #modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-title,
      #modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-title {
        font-size: 1.5rem;
        text-transform: uppercase
    }

    #modal-privacy .modal-position .modal-dialog .modal-content .modal-body .confident-subtitle,
    
    #modal-Cookies .modal-position .modal-dialog .modal-content .modal-body .confident-subtitle { 
        font-size: 1rem;
        padding: 1.25rem 0
    }
}

@media screen and (max-width:375px) {
    html {
        font-size: 4.02vw
    }
}