@font-face {
    font-family: 'PlayfairDisplay-Black';
    src: url('../fonts/PlayfairDisplay-Black.eot');
    src: local('☺'), url('../fonts/PlayfairDisplay-Black.woff') format('woff'), url('../fonts/PlayfairDisplay-Black.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-BlackItalic';
    src: url('../fonts/PlayfairDisplay-BlackItalic.eot');
    src: local('☺'), url('../fonts/PlayfairDisplay-BlackItalic.woff') format('woff'), url('../fonts/PlayfairDisplay-BlackItalic.ttf') format('truetype'), url('../fonts/PlayfairDisplay-BlackItalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-Bold';
    src: url('../fonts/PlayfairDisplay-Bold.eot');
    src: local('☺'), url('../fonts/PlayfairDisplay-Bold.woff') format('woff'), url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-BoldItalic';
    src: url('../fonts/PlayfairDisplay-BoldItalic.eot');
    src: local('☺'), url('../fonts/PlayfairDisplay-BoldItalic.woff') format('woff'), url('../fonts/PlayfairDisplay-BoldItalic.ttf') format('truetype'), url('../fonts/PlayfairDisplay-BoldItalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-Italic';
    src: url('../fonts/PlayfairDisplay-Italic.eot');
    src: local('☺'), url('../fonts/PlayfairDisplay-Italic.woff') format('woff'), url('../fonts/PlayfairDisplay-Italic.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Italic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: url('../fonts/PlayfairDisplay-Regular.eot');
    src: local('☺'), url('../fonts/PlayfairDisplay-Regular.woff') format('woff'), url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.left {
    float: left;
}

.right {
    float: right;
}

.none {
    display: block;
}

body {
    background: url(../img/body-bg.jpg) repeat-y;
    color: #000;
    background-position: 50% 0;
    font-family: 'Montserrat', sans-serif;
}

a,
a:hover,
a:visited,
a:focus {
    text-decoration: none;
    outline: none;
}

li {
    list-style-type: none;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 60px;
    text-transform: uppercase;
    margin: 0;
    position: relative;
}

h1::before {
    position: absolute;
    content: '';
    background: #000;
    width: 40px;
    height: 8px;
    top: 50%;
    transform: translateY(-50%);
    left: -70px;
}

h2 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}

h3 {
    font-family: 'PlayfairDisplay-Regular';
    font-size: 32px;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 100;
}

h4 {
    font-family: 'PlayfairDisplay-Regular';
    font-size: 18px;
    color: #999;
    margin-bottom: 15px;
}

img {
    width: 100%;
}

.btn {
    padding: 22px 37px 22px 64px;
    background: #ffe582;
    border-bottom: 3px solid #d1ba69;
    position: relative;
    text-transform: uppercase;
    border-radius: 7px;
    color: #000;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 25px;
    z-index: 1;
    outline: 0;
}

.btn:hover,
.btn:active,
.btn:visited,
.btn:focus {
    color: #000;
    text-decoration: none;
}

.download-price:hover,
.download-price:active,
.download-price:visited,
.download-price:focus {
    color: #ffe582;
    text-decoration: none;
}

.btn::before {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/white-arrow.png) no-repeat;
    width: 52px;
    height: 49px;
    top: -13px;
    left: -65px;
}

.btn::after {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/download-black-icon.png) no-repeat;
    width: 21px;
    height: 17px;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
}

#form-2 .btn {
    width: 260px;
    text-align: center;
    z-index: 3;
}

#form-2 .btn::after {
    background: url(../img/message-icon.png) no-repeat;
    width: 30px;
    height: 26px;
    top: 54%;
    left: 50px;
}

footer .btn::after,
#form-6 .btn::after {
    background: url(../img/footer-mobile-icon.png) no-repeat;
    background-size: contain;
    width: 37px;
    height: 29px;
}

header {
    background: url(../img/header-bg.png) no-repeat;
    padding: 40px 0 560px 0;
    position: relative;
    overflow: hidden;
}

header::before {
    position: absolute;
    content: '';
    display: block;
    background: url(../img/header-greens.png) no-repeat;
    right: 0px;
    bottom: 0;
    width: 549px;
    height: 910px;
    z-index: 1;
}

.header-bg-1 {
    background: url(../img/header-bg-1.png) no-repeat;
    position: absolute;
    width: 1920px;
    height: 1073px;
    top: 270px;
    left: 50%;
    transform: translateX(-50%);
}

.header-top {
    margin-bottom: 110px;
    position: relative;
}

.header-logo,
.header-logo:hover {
    text-decoration: none;
    font-family: 'PlayfairDisplay-Black';
    font-size: 21px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: -.4px;
    line-height: 60px;
}

.header-company-desc {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #999;
    padding: 7px 0 7px 30px;
    border-left: 1px solid #ccc;
    line-height: 22px;
}

.numbers-wrap {
    margin-top: -5px;
    position: relative;
}

.numbers-part {
    float: right;
}

.numbers-wrap span {
    display: block;
    position: relative;
    background: url(../img/mobile-icon.png) no-repeat 50% 50%;
    width: 85px;
    height: 85px;
    float: left;
    margin-right: 35px;
}

.numbers-wrap span::before {
    display: block;
    position: absolute;
    content: '';
    background: url(../img/ellipse-header-big.png) no-repeat;
    width: 85px;
    height: 85px;
    left: -0;
    top: 0;
    -webkit-animation: play-1 8s infinite linear;
}

.numbers-wrap span::after {
    display: block;
    position: absolute;
    content: '';
    background: url(../img/ellipse-header-small.png) no-repeat;
    width: 51px;
    height: 51px;
    left: 19px;
    top: 16px;
    -webkit-animation: play-2 8s infinite linear;
}

.numbers-wrap a {
    display: block;
    font-family: 'PlayfairDisplay-Regular';
    font-size: 22px;
    color: #000;
}

.header-call-wrap {
    width: 210px;
    height: 50px;
}

.header-call-wrap a {
    background: #ffe582;
    border-bottom: 3px solid #e7ce74;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 7px;
    text-align: center;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    line-height: 50px;
    text-transform: uppercase;
    color: #000;
}

.h1-descr {
    font-size: 32px;
    font-family: 'PlayfairDisplay-Regular';
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 2px white;
}

.advantages-black-wrap-1 ul {
    margin-bottom: 50px;
}

.advantages-black-wrap-1 li {
    font-size: 17px;
    // font-family: 'PlayfairDisplay-Regular';
    color: #fff;
    line-height: 26px;
    margin-bottom: 20px;
    display: block;
    position: relative;
}

.advantages-black-wrap-1 li:first-child::before {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/header-form-icon-1.png) no-repeat;
    background-size: contain;
    width: 47px;
    height: 45px;
    left: -65px;
}

.advantages-black-wrap-1 li:nth-child(2)::before {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/header-form-icon-2.png) no-repeat;
    background-size: contain;
    width: 34px;
    height: 49px;
    left: -55px;
    top: 5px;
}

.advantages-black-wrap-1 li:last-child::before {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/header-form-icon-3.png) no-repeat;
    background-size: contain;
    width: 46px;
    height: 45px;
    left: -60px;
    top: -10px;
}


.advantages-black-wrap-1 {
    background-image: url(../img/black-bg-1.png);
    background-repeat: no-repeat;
    background-color: transparent;
    width: 505px;
    height: 533px;
    padding: 85px 90px;
}

.download-price {
    color: #ffe582;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    display: inline-block;
    margin-left: 35px;
    border-bottom: 1px dotted #ffe582;
    position: relative;
    z-index: 1;
}

.download-price:hover {
    color: #ffe582;
}

header .download-price::before {
    width: 21px;
    height: 17px;
    position: absolute;
    content: '';
    display: block;
    background: url(../img/download-yellow-icon.png) no-repeat;
    left: -35px;
    top: 3px;
}

.btn-video-wrap {
    display: block;
    width: 185px;
    height: 185px;
    background: url(../img/play-icon.png) no-repeat 50% 50%;
    position: relative;
    z-index: 1;
    margin-top: 145px;
    float: right;
}

.btn-video-wrap::before {
    position: absolute;
    content: '';
    display: block;
    width: 185px;
    height: 185px;
    background: url(../img/play-before.png) no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
    -webkit-animation: play-1 8s infinite linear;
}

.btn-video-wrap::after {
    position: absolute;
    content: '';
    display: block;
    width: 125px;
    height: 125px;
    background: url(../img/play-after.png) no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    margin-top: -62px;
    margin-left: -62px;
    -webkit-animation: play-2 8s infinite linear;
}

#section-1 {
    margin-top: -600px;
    position: relative;
    overflow: hidden;
    padding-bottom: 520px;
}

#section-2 {
    margin-top: -380px;
}

#section-3 {
    overflow: hidden;
    padding-bottom: 50px;
}

#section-1 .white-wrap {
    width: 100%;
    position: relative;
    background: url(../img/white-bg.png) no-repeat;
    background-size: contain;
    padding: 130px 60px 210px;
    overflow: hidden;
    z-index: 2;
}

#section-2 .white-wrap {
    width: 100%;
    position: relative;
    background: url(../img/white-bg-2.png) no-repeat;
    background-size: contain;
    height: 1000px;
    padding: 130px 60px 0;
    margin-bottom: 50px;
}

#section-2 .white-wrap::before {
    position: absolute;
    display: block;
    content: '';
    background: url(../img/beauty-icon.png) no-repeat;
    bottom: 0;
    left: -190px;
    width: 593px;
    height: 595px;
    z-index: -1;
}

#section-1::before {
    position: absolute;
    content: '';
    display: block;
    background: url(../img/section-1-before.png) no-repeat;
    width: 1920px;
    height: 827px;
    bottom: 0;
}

.tabs-wrap {
    text-align: center;
    margin-bottom: 55px;
}

.tab-item {
    width: 280px;
    height: 50px;
    border-radius: 7px;
    border: 0;
    background: #e8e8e8;
    border-bottom: 3px solid #d5d5d5;
    outline: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    margin-right: 10px;
}

.tabs-content-wrap-descr {
    text-align: center;
    font-size: 17px;
    color: #000;
    // font-family: 'PlayfairDisplay-Regular';
    margin-bottom: 35px;
}

.tab-item.active {
    background: #ffe582;
    border-bottom: 3px solid #e7ce74;
    color: #000;
}

.tab-content-item {
    text-align: center;
    margin-bottom: 50px;
}

.tab-content-item img {
    width: 100%;
    height: auto;
    margin-bottom: 35px;
    display: block;
}

.tab-content-item a {
    display: block;
}

#tab-1 .tab-content-item-descr {
    padding: 0 15px;
}

.tab-content-item-descr {
    font-size: 16px;
    // font-family: 'PlayfairDisplay-Regular';
    color: #000;
    transition: all .5s;
}

#section-4 .tab-content-item-descr {
    font-size: 14px;
}

.tab-img-wrap {
    position: relative;
}

.tab-img-wrap .tab-img-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: all .5s;
}

#tab-2 .tab-content-item:hover .tab-img-wrap .tab-img-bg {
    background: #ffe582;
    opacity: .5;
}

#tab-2 .tab-content-item:hover .tab-content-item-descr {
    color: #e8c12b;
}

#tab-1 .tab-content-item {
    min-height: 330px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    transition: .3s;
    cursor: pointer;
}

.bg-gradient {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 26%, rgba(255, 255, 255, .3) 80%);
    pointer-events: none;
}

.yellow-border {
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 5px;
    border: 1px solid #ffeda7;
    pointer-events: none;
}

#tab-1 .bg-gradient .tab-content-item-descr {
    z-index: 3;
    position: absolute;
    bottom: 23px;
    color: #fff;
    transition: 0;
}

#tab-1 .tab-content-item:hover .bg-gradient .tab-content-item-descr {
    display: block;
}

#tab-1 .tab-content-item:hover .bg-gradient {
    opacity: 1;
}

#tab-1 .tab-content-item:hover {
    transform: scale(1.03);
}

.tab-content-first {
    overflow: hidden;
    margin-bottom: 30px;
}

.tabs-content-wrap .btn {
    margin: 0 auto;
    display: block;
    width: 430px;
    height: 60px;
    line-height: 16px;
    margin-top: 15px;
}

.bottom-part-left-wrap {
    text-align: center;
    position: relative;
}

.bottom-part-left-wrap span {
    // font-family: 'PlayfairDisplay-Regular';
    font-size: 15px;
    display: block;
}

.bottom-part-left-wrap img {
    width: 45px;
    margin: 50px auto 90px;
    position: relative;
}

.bottom-part-left-wrap .bottom-part-img-wrap::before {
    display: block;
    position: absolute;
    content: '';
    background: url(../img/ellipse-header-big.png) no-repeat;
    background-size: contain;
    width: 180px;
    height: 180px;
    top: -20px;
    left: 15px;
    -webkit-animation: play-2 8s infinite linear;
}

.bottom-part-left-wrap .bottom-part-img-wrap::after {
    display: block;
    position: absolute;
    content: '';
    background: url(../img/ellipse-header-small.png) no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    top: 20px;
    left: 58px;
    -webkit-animation: play-1 8s infinite linear;
}

.bottom-part-left-wrap::before {
    position: absolute;
    content: '';
    display: block;
    background: url(../img/bottom-part-left-wrap-img.png) no-repeat;
    bottom: -770px;
    left: -200px;
    width: 815px;
    height: 500px;
    z-index: 1;
}

#section-1 .form-wrap h3 {
    color: #fff;
}

#section-1 .form-wrap {
    margin-left: 60px;
}

.form-wrap {
    background: url(../img/form-1-img.png) no-repeat;
    width: 445px;
    padding: 80px 50px 125px 90px;
}

.form {
    position: relative;
}

.form span,
.form input {
    display: block;
}

.form span {
    color: #999999;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
    padding-left: 30px;
}

.form input {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #3a3a3a;
    margin-bottom: 30px;
    color: #fff;
    outline: 0;
    font-family: 'PlayfairDisplay-Regular';
    font-size: 22px;
    padding: 0 10px 15px;
}

.form input.btn {
    display: none;
}

.form-name,
.form-phone {
    position: relative;
}

.form-name::after {
    display: block;
    content: '';
    position: absolute;
    background: url(../img/name-icon.png) no-repeat;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
}

.form-phone::after {
    display: block;
    content: '';
    position: absolute;
    background: url(../img/phone-icon.png) no-repeat;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
}

.form-head-descr {
    display: block;
    font-size: 18px;
    color: #999;
    text-align: center;
    margin-bottom: 30px;
    font-family: 'PlayfairDisplay-Regular';
    position: relative;
}

.form-head-descr::after,
.form-head-descr::before {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 1px;
    background: #999;
    top: 50%;
}

.form-head-descr::after {
    left: 40px;
}

.form-head-descr::before {
    right: 40px;
}

.hide-thank-page {
    display: none;
}

.hide-thank-page {
    position: absolute;
    height: 95%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    background: #0b0709;
}

.fancybox {
    display: block;
}

.fancybox-top {
    margin-bottom: 10px;
}

a.fancybox.fancybox-bottom-item {
    width: 29%;
    display: inline-block;
    margin: 0 5px;
    position: relative;
}

.fancybox-bottom-wrap {
    text-align: center;
}

.jobs-descr-item {
    overflow: hidden;
    margin-bottom: 20px;
}

.jobs-descr-item p.left {
    width: 40%;
    // font-family: 'PlayfairDisplay-Regular';
    font-size: 16px;
    color: #000;
    text-decoration: underline;
}

.jobs-descr-item p.right {
    width: 60%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.jobs-descr-wrap a.btn {
    float: right;
    margin-top: 15px;
}

.jobs-descr-wrap a.btn::before {
    background: url(../img/black-arrow.png) no-repeat;
}

.jobs-descr-wrap a.btn::after {
    background: url(../img/application-icon.png) no-repeat;
    width: 28px;
    height: 26px;
}

.jobs-descr-wrap a.download-price {
    float: right;
    margin-right: 60px;
    color: #000;
    border-bottom: 1px solid #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
}

#section-2 .download-price::before {
    background: url(../img/icon-12.png) no-repeat;
    width: 24px;
    height: 23px;
    display: block;
    position: absolute;
    content: '';
    left: -40px;
}

.main-slider-wrap {
    position: relative;
}

.main-slider-wrap .slick-next {
    position: absolute;
    bottom: -50px;
    ;
    right: 50px;
    font-size: 0;
    background: url(../img/main-slider-arrow-right.png) no-repeat;
    width: 30px;
    height: 9px;
    border: 0;
    background-color: transparent;
    outline: 0;
    transition: .3s;
}

.main-slider-wrap .slick-prev {
    position: absolute;
    bottom: -50px;
    right: 170px;
    font-size: 0;
    background: url(../img/main-slider-arrow-left.png) no-repeat;
    width: 30px;
    height: 9px;
    border: 0;
    background-color: transparent;
    outline: 0;
    transition: .3s;
}

.main-slider-wrap .slick-prev:hover {
    background: url(../img/main-slider-arrow-left-hover.png) no-repeat;
}

.main-slider-wrap .slick-next:hover {
    background: url(../img/main-slider-arrow-right-hover.png) no-repeat;
}

.advantages-wrap {
    position: relative;
    margin-bottom: 460px;
}

.house-wrap-img {
    position: absolute;
    left: -130px;
}

.lines-wrap-img {
    position: absolute;
    right: 390px;
    top: 13px;
}

.advantages-list {
    position: absolute;
    right: 0;
    width: 365px;
}

.advantages-list li {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #666;
    line-height: 24px;
    display: block;
    position: relative;
    margin-bottom: 9px;
}

.advantages-list li::before {
    position: absolute;
    ;
    display: block;
    content: '';
    background: url(../img/list-dot.png) no-repeat;
    width: 12px;
    height: 12px;
    left: -20px;
    top: 7px;
}

#section-3 .white-wrap {
    width: 100%;
    position: relative;
    background: url(../img/white-bg-3.png) no-repeat;
    background-size: contain;
    height: 750px;
    padding: 130px 86px 0;
    margin-bottom: 50px;
}

#section-3 .white-wrap::before {
    position: absolute;
    display: block;
    content: '';
    background: url(../img/statue-bg.png) no-repeat;
    width: 425px;
    height: 465px;
    bottom: -130px;
    left: -300px;
}

.prodaction-list li {
    // font-family: 'PlayfairDisplay-Regular';
    font-size: 17px;
    color: #000;
    margin-bottom: 25px;
    position: relative;
    padding-left: 60px;
}

.prodaction-list li::before {
    display: block;
    position: absolute;
    content: '';
    width: 40px;
    height: 39px;
    left: 6px;
    top: -8px;
}

.prodaction-list li.prodaction-list-item-1::before {
    background: url(../img/prodaction-icon-1.png) no-repeat;
    background-size: contain;
}

.prodaction-list li.prodaction-list-item-2::before {
    background: url(../img/prodaction-icon-2.png) no-repeat;
    background-size: contain;
}

.prodaction-list li.prodaction-list-item-3::before {
    background: url(../img/prodaction-icon-3.png) no-repeat;
    background-size: contain;
}

.prodaction-list li.prodaction-list-item-4::before {
    background: url(../img/prodaction-icon-4.png) no-repeat;
    background-size: contain;
}

.prodaction-list li.prodaction-list-item-5::before {
    background: url(../img/prodaction-icon-5.png) no-repeat;
    background-size: contain;
}

.prodaction-list li.prodaction-list-item-6::before {
    background: url(../img/prodaction-icon-6.png) no-repeat;
    background-size: contain;
}

.prodaction-video .btn-video-wrap {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.submit-application {
    font-size: 32px;
    font-family: 'PlayfairDisplay-Regular';
    color: #000;
    text-align: center;
    margin-bottom: 35px;
}

#section-3 .form-wrap h3 {
    color: #fff;
    font-size: 17px;
    font-family: Montserrat;
    font-weight: 400;
}

.application-images-wrap .pattern {
    position: absolute;
    width: 560px;
    left: -75px;
    z-index: 1;
}

.application-images-wrap .book {
    position: absolute;
    z-index: 2;
    width: 1090px;
    left: -239px;
    top: 49px;
}

#form-2 .file-upload {
    display: block;
    position: relative;
    overflow: hidden;
    height: 90px;
}

#form-2 .file-upload .button-file,
#form-2 .file-upload>mark {
    display: block;
    cursor: pointer;
}

#form-2 .file-upload .button-file {
    line-height: 45px;
    border-bottom: 3px solid #d5d5d5;
    background: #e8e8e8;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    float: right;
    width: 90px;
    height: 50px;
    text-align: center;
    padding: 0;
    margin: 0;
    border-radius: 8px;
}

#form-2 .file-upload>mark {
    background: transparent;
    height: 30px;
    border-bottom: 2px solid #3a3a3a;
    color: #fff;
    font-size: 12px;
    margin-top: 30px;
}

#form-2 .file-upload input[type=file] {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    z-index: 5;
    cursor: pointer;
}

#section-4 {
    margin-top: -149px;
    position: relative;
    overflow: hidden;
    padding-bottom: 550px;
}

#section-4 .white-wrap {
    width: 100%;
    position: relative;
    background: url(../img/white-bg-4.png) no-repeat;
    background-size: contain;
    height: 940px;
    padding: 100px 60px 0;
    margin-bottom: 50px;
}

.section-4 .white-wrap h2 {
    margin-bottom: 35px;
}

.section-4 .tabs-wrap {
    margin-bottom: 40px;
}

#section-4 .form-wrap h3 {
    color: #fff;
}

#section-4 .bottom-part-left-wrap::before {
    background: url(../img/bottom-part-left-wrap-img-2.png) no-repeat;
    left: -80px;
    bottom: -775px;
}

#section-4::before {
    position: absolute;
    content: '';
    display: block;
    background: url(../img/section-4-before.png) no-repeat;
    width: 1920px;
    height: 982px;
    bottom: 0;
}

footer {
    position: relative;
}

footer::before {
    background: url(../img/footer-img.png) no-repeat;
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    transform: translateX(-50%);
    bottom: 110px;
    z-index: 5;
    width: 235px;
    height: 186px;
    background-size: contain;
}

footer .white-wrap {
    width: 100%;
    position: relative;
    background: url(../img/footer-white-bg.png) no-repeat;
    background-size: contain;
    height: 790px;
    padding: 100px 60px 0;
    margin-bottom: 50px;
    text-align: center;
    margin-top: -360px;
}

footer .numbers-wrap::before {
    left: 5px;
}

footer .footer-numbers-item {
    display: inline-block;
    margin-right: 20px;
    width: 47%;
    margin-bottom: 35px;
}

footer .footer-numbers-item a {
    color: #000;
    font-family: 'PlayfairDisplay-Regular';
    font-size: 21px;
}

footer .footer-numbers-item:nth-child(even) {
    margin-right: 0;
}

footer .footer-address {
    font-size: 16px;
    font-family: 'PlayfairDisplay-Regular';
    margin-bottom: 25px;
}

footer .footer-numbers-item .social-icons {
    display: inline-block;
    font-size: 22px;
    transition: .3s;
    margin-right: 15px;
}

footer .footer-numbers-item .social-icons:last-child {
    margin-right: 0;
}

footer .footer-numbers-item .social-icons:hover {
    color: #edcd51;
}

#map {
    width: 100%;
    height: 235px;
}

.ymaps-2-1-62-events-pane,
.ymaps-2-1-62-ground-pane,
.ymaps-2-1-62-copyrights-pane,
.ymaps-2-1-62-controls-pane {
    -webkit-filter: grayscale(100%);
}

.footer-bottom {
    overflow: hidden;
    padding: 0 40px 50px;
    ;
}

.footer-bottom p {
    text-align: center;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #999;
}

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

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

.footer-bottom a {
    color: #000;
}

.main-slider-item {
    outline: 0;
}

.popup-form h3 {
    color: #000;
}

#popup-form-2 .form-head-descr::before,
#popup-form-2 .form-head-descr::after {
    display: none;
}

#popup-form-1 .form-head-descr::before,
#popup-form-1 .form-head-descr::after {
    display: block;
}

.box-modal {
    position: relative;
}

.box-modal .arcticmodal-close {
    position: absolute;
    background: url(../img/popup-close.png) no-repeat;
    width: 60px;
    height: 60px;
    right: -25px;
    top: -25px;
    cursor: pointer;
    z-index: 1;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 22px;
    cursor: pointer;
    font-size: 14px;
    color: #999;
    font-family: 'Montserrat', sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.checkbox-container span {
    padding: 0;
}

.checkbox-container:hover input~.checkmark {
    background-color: transparent;
    border: 1px solid #3a3a3a;
    border-radius: 4px;
}

.checkbox-container input:checked~.checkmark {
    background-color: transparent;
    border: 1px solid #3a3a3a;
    border-radius: 4px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked~.checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 6px;
    top: 6px;
    width: 12px;
    height: 10px;
    background: url(../img/checked.png) no-repeat;
}

#popup-form-3 .form-wrap {
    padding-top: 45px;
}

.tank-icon {
    background: url(../img/thank-icon.png) no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    ;
}

.thank-page-top {
    color: #fff;
    font-size: 28px;
    font-family: 'PlayfairDisplay-Regular';
    text-align: center;
}

.thank-page-bottom {
    font-size: 18px;
    font-family: 'PlayfairDisplay-Regular';
    color: #999;
    text-align: center;
}

.popup-video {
    position: relative;
    width: 700px;
    height: 450px;
}

.popup-video iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.pagingInfo,
.pagingInfoSec {
    font-size: 38px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.page-info-wrap {
    text-align: right;
    margin-right: 105px;
    margin-top: 18px;
}

.pagingInfoSec {
    vertical-align: top;
    font-size: 14px;
    line-height: 34px;
}

.popup-form .form-wrap {
    background: url(../img/white-1.png) no-repeat;
}

.popup-form .form input {
    color: #000;
    margin-bottom: 20px;
}

#section-1 .bottom-part-left-wrap::before {
    left: -20px;
}

.gold-border-fancy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ffeda7;
    margin: 8px;
    display: none;
    transition: .2s;
}

.gallery-wrap {
    position: relative;
    padding-bottom: 20px;
    transition: .2s;
}

.gallery-wrap:hover {
    outline: 1px solid #ffeda7;
    outline-offset: -8px;
}

.fancy-hover {
    display: block;
    opacity: 0;
    transition: .3s;
}

.fancybox.fancybox-bottom-item:hover .fancy-hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 26%, rgba(255, 255, 255, .3) 80%);
    position: absolute;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.fancybox.fancybox-bottom-item:hover .fancy-hover-border {
    opacity: 1
}

.fancy-hover-border {
    margin: 10px;
    border: 1px solid #ffeda7;
    transition: .3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.post {
    transition: .2s;
}

.post:hover {
    color: #edcd51;
}

.popup-form .hide-thank-page {
    background: #fff;
}

.popup-form .thank-page-top {
    color: #000;
}

.popup-form .form-head-descr,
.popup-form .form span,
.popup-form .checkbox-container {
    color: #000;
}

.popup-form .form span {
    font-weight: 400;
}

.tab-content-first {
    display: none;
}

.tab-content-first.active {
    display: block;
}

#popup-form-4 .form-wrap {
    padding-top: 50px;
}

.hide-before::before,
a.btn.hide-before {
    opacity: 0;
}

.none-video {
    display: block;
}

.mobile-video {
    display: none;
}

.header-bottom:before {
    position: relative;
}

.header-bottom:before {
    display: block;
    content: '';
    display: none;
    background: url(../img/header-bg-1.png) no-repeat;
    background-size: contain;
}

#popup-form-3 .form-head-descr::after,
#popup-form-3 .form-head-descr::before {
    display: none;
}

.header-top::before {
    display: none;
    content: '';
    position: absolute;
    background: url(../img/header-bg-1.png) no-repeat;
    width: 675px;
    height: 382px;
    background-size: contain;
    left: -216px;
    top: 290px;
}


.top-navigation {
    position: sticky;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 13px;
    z-index: 10;
    background-color: #fff;
    box-shadow: 1px 0px 5px rgba(35, 35, 35, .5);
}

.top-navigation__list {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.top-navigation a {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    position: relative;
}

.top-navigation a::before {
    position: absolute;
    height: 2px;
    bottom: -2px;
    left: 0;
    content: '';
    background-color: #edcd51;
    width: 100%;
    transform-origin: center;
    transform: scale(0);
    transition: all .3s;
}

.top-navigation a:hover::before {
    transform: scale(1);
    transition: all .3s;
}







.menu-toggle {
    overflow: hidden;
    position: absolute;
    top: 8px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.menu-toggle span {
    width: 40px;
    height: 4px;
    margin-bottom: 5px;
    background: #000;
    border-radius: 2px;
    transition: all .5s cubic-bezier(.08, .81, .87, .71);
}

.menu-toggle__span-1 {
    transform-origin: 4px 0px;
}

.menu-toggle__span-3 {
    transform-origin: bottom right;
}

.navigation-open .menu-toggle__span-1 {
    background-color: #000;
    transform: rotate(45deg) translate(7px);
}

.navigation-open .menu-toggle__span-2 {
    background-color: #000;
    transform: rotate(495deg) translate(1px);
}

.navigation-open .menu-toggle__span-3 {
    background-color: #000;
    transform: rotate(45deg);
    opacity: 0;
}


@media(max-width:1024px) {
    body.navigation-open {
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    }

    .top-navigation {
        display: none;
        position: fixed;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        align-items: flex-start;
        padding-top: 40px;
        padding-bottom: 40px;
        overflow: auto;
    }

    .top-navigation__list {
        flex-direction: column;
        align-items: center;
    }

    .navigation-open .top-navigation {
        display: flex;

    }

    .top-navigation a {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 17px;
    }

    .toggle-menu-wrap {
        background-color: #fff;
        height: 50px;
        width: 100%;
        position: relative;
    }

    .menu-toggle {
        position: absolute;
        z-index: 5;
        display: flex;
    }

    .navigation-open .menu-toggle {
        z-index: 5;
        position: fixed;

    }
}

.slick-dots {
    width: 100%;
    display: flex;
    justify-content: center;
}

.slick-dots button {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    font-size: 0;
    margin-left: 5px;
    margin-right: 5px;
    width: 10px;
    height: 10px;
}

.slick-dots .slick-active button {
    background-color: #000;
}

.page-info-wrap {
    display: none;
}