html {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.25;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*transition: 0.25s;*/
}


a {
    cursor: pointer;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}


li {
    list-style-type: none;
}

body {}

button,
button:hover,
button:focus {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    min-height: 500px;
    border-radius: 20px;
}

.hide-d {
    display: none !important;
}

.hide-m {
    display: block !important;
}

.sect1 a,
.sect1_2 a,
.sect2 a,
.sect3 a,
.sect4 a,
.sect5 a {
    text-decoration: none;
    margin: 0px;
}

@keyframes zoomEffect {
    0% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(0.75, 0.75)
    }

    100% {
        transform: scale(1, 1)
    }

}

.pulser {
    position: absolute;
    left: calc(50% - 25px);
    top: 137px;
    animation: 4s ease 0s normal none infinite running zoomEffect;
    -webkit-animation: 4s ease 0s normal none infinite running zoomEffect;
    -o-animation: 4s ease 0s normal none infinite running zoomEffect;
    -moz--o-animation: 4s ease 0s normal none infinite running zoomEffect;
}

.sect1 .t3 {
    opacity: 0.8;
    color: #000000;
    font-family: Roboto;
    font-display: swap;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.6px;
}

.sect1 .horizontal .wrap3>img {
    display: block;
    margin-left: 30px;
    margin-right: 10px;

}

.button {
    cursor: pointer;
    color: #ffffff;
    font-family: Roboto;
    font-display: swap;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    width: 290px;
    height: 60px;
    box-shadow: 0 20px 60px rgba(199, 151, 61, 0.3);
    border-radius: 30px;
    background-image: linear-gradient(-30deg, #ae7213 0%, #f7dd8c 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sect1 .face {
    position: absolute;
    left: calc(50% - 15px);
    top: 85px;
}

.sect1 .t2 {
    opacity: 0.8;
    color: #000000;
    font-family: Roboto;
    font-display: swap;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    padding-top: 30px;
    padding-bottom: 62px;
}

.sect1 .inner>img {
    left: -20px;
}

.sect1 .inner {
    padding-top: 115px;
    padding-bottom: 345px;
}

.sect1 .t1 {
    padding-bottom: 45px;
    opacity: 0.65;
    color: #000000;
    font-family: Roboto;
    font-display: swap;
    font-size: 16px;
    font-weight: 400;
}

.horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.inner {
    max-width: 1260px;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

.sect1 {
    background: url(../images/e1740a4dde6bf17a43998652596d37cc.jpg) center top no-repeat, #ffffff;
}

p {
    margin: 0;
}

* {
    letter-spacing: 0.1;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    line-height: 1.2;
}

.desk_only_block {
    display: block;
}

.mob_only_block {
    display: none;
}

.section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
    overflow: hidden;
}

.sect1 .wrap3 {}

@media only screen and (max-width: 980px) {
    .sect1 .horizontal .wrap3>img {
        margin-left: 0px;
    }

    .sect1 .wrap3 {
        padding-top: 6.250vw;
        padding-bottom: 35.41vw;
    }

    .sect1 .inner>img {
        left: 0px;
        width: 76.88vw;
    }

    .sect1 .inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .sect1 .t2 {
        text-align: center;
        font-size: 5.000vw;
        line-height: 7.500vw;
        padding-top: 10.94vw;
        padding-bottom: 9.844vw;
    }

    .button {
        width: 68.13vw;
        height: 14.22vw;
        box-shadow: 0 3.125vw 9.375vw rgba(199, 150, 61, 0.3);
        border-radius: 7.031vw;
        background-image: linear-gradient(-30deg, #ae7213 0%, #f7dc8c 100%);
    }

    .sect1 .inner .horizontal {
        flex-direction: column;
    }

    .sect1 .t1 {
        padding-bottom: 7.031vw;
        padding-top: 17.19vw;
        font-size: 3.750vw;
        max-width: 68.75vw;
        text-align: center;
    }

    .sect1 {
        background: url(../images/b14ff1e349a7e88108f1ffc3a446d0a8.jpg) center top / 100% no-repeat,
            url(../images/c8451e8dc5b2eb34d63cfba26b415da5.jpg) center bottom / 100% no-repeat;
    }

    .inner {
        padding-left: 6.250vw;
        padding-right: 6.250vw;
    }

    .desk_only_block {
        display: none;
    }

    .mob_only_block {
        display: block;
    }
}

.sect5 .soc_button {
    transition: 0.25s;
}

.sect5 .soc_button:hover {
    box-shadow: 0px 0px 12px #dab25b;
    transition: 0.25s;
}

.button {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(118, 109, 240, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(118, 109, 240, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(118, 109, 240, 0);
    }
}

@-webkit-keyframes rotating

/* Safari and Chrome */
    {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.rotating {
    -webkit-animation: rotating 22s linear infinite;
    -moz-animation: rotating 22s linear infinite;
    -ms-animation: rotating 22s linear infinite;
    -o-animation: rotating 22s linear infinite;
    animation: rotating 22s linear infinite;
}

.sect1_2 .planet {
    position: absolute;
    top: -219px;
    left: calc(50% - 751px);
}

.sect1_2 {
    overflow: visible;
    background: url(../images/cf65e909529b7d819a445e5c92a79f48.jpg) center top no-repeat;
}

.sect1_2 .t6 {
    line-height: 24px;
    text-align: center;
    font-family: Roboto;
    font-display: swap;
    font-size: 16px;
    font-weight: 400;
}

.sect1_2 .t5 {
    text-align: center;
    font-family: Roboto;
    font-display: swap;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 15px;
}

.sect1_2 .img_wrap {
    height: 175px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sect1_2 .gitem {
    padding-left: 60px;
    padding-right: 60px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sect1_2 .grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    grid-row-gap: 10px;
}

.sect1_2 .t4 {
    text-align: center;
    padding-top: 135px;
    color: #000000;
    font-family: "Playfair Display";
    font-display: swap;
    font-size: 48px;
    font-weight: 400;
}

@media only screen and (max-width: 980px) {
    .sect1_2 {
        background: url(../images/cb5e766c580b32b84c80db95f0f70aba.jpg) center 105vw / 100% no-repeat;
    }

    .sect1_2 .planet {
        width: 24.53vw;
        top: -38vw;
        left: -8vw;
    }

    .sect1_2 .t6 {
        font-size: 4.3vw;
        line-height: 6.563vw;
    }

    .sect1_2 .t5 {
        font-size: 4.375vw;
        padding-bottom: 3.594vw;
    }

    .sect1_2 .gitem {
        padding-left: 0px;
        padding-right: 0px;
    }

    .sect1_2 .gitem:nth-child(1) .img_wrap>img {
        width: 13.44vw;
    }

    .sect1_2 .gitem:nth-child(1) .img_wrap>img {
        width: 11.88vw;
    }

    .sect1_2 .gitem:nth-child(1) .img_wrap>img {
        width: 14.22vw;
    }

    .sect1_2 .gitem:nth-child(1) .img_wrap>img {
        width: 13.13vw;
    }

    .sect1_2 .img_wrap {
        height: 32.81vw;
    }

    .sect1_2 .t4 {
        font-size: 8.750vw;
        padding-top: 6vw;
    }

    .sect1_2 .grid {
        grid-template-columns: 1fr;
    }
}

.sect2 .img_wrap {
    width: 100%;
    justify-content: center;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sect2 .t4 {
    text-align: center;
    font-family: Roboto;
    font-display: swap;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.sect2 .gitem {
    width: 100%;
}

.sect2 .grid {
    width: 100%;
    display: grid;
    grid-column-gap: 65px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
}

.sect2 .t3 {
    text-align: center;
    font-family: "Playfair Display";
    font-display: swap;
    font-size: 48px;
    font-weight: 400;
}

.sect2 .button {
    margin-top: 30px;
}

.sect2 .t2:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 16px;
    height: 12px;
    top: 20px;
    background: url(../images/7c68fb93ffb00e10617d2db80677251f.png);
}

.sect2 .t2 {
    padding-top: 20px;
    font-family: Roboto;
    font-display: swap;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-left: 30px;
}

.sect2 .t1 {
    font-family: "Playfair Display";
    font-display: swap;
    font-size: 48px;
    font-weight: 400;
}

.sect2 .white>img {
    position: absolute;
    left: 73px;
    top: -115px;
}

.sect2 .white {
    padding-left: 50%;
    padding-right: 20px;
    padding-top: 55px;
    padding-bottom: 60px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    width: 100%;
}

.sect2 .outer {
    margin-bottom: 160px;
    padding: 20px;
    width: 100%;
    max-width: 1120px;
    border-radius: 25px;
    border: 2px solid #ae761a;
}

.sect2 {
    padding-top: 140px;
}

@media only screen and (max-width: 980px) {
    .sect2 .t4 {
        font-size: 4.375vw;
        line-height: 6.563vw;
    }

    .sect2 .img_wrap>img {
        width: 100%;
    }

    .sect2 .gitem {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sect2 .img_wrap {
        width: 14.53vw;
        height: 26.56vw;
    }

    .sect2 .grid {
        grid-template-columns: 1fr;
    }

    .sect2 .t3 {
        font-size: 8.75vw;
    }

    .sect2 .t2:before {
        top: 15vw;
        width: 7.188vw;
        height: 5.625vw;
        left: calc(50% - 3.594vw);
        background: url(../images/22c38d735d5a88c5e0351e913645fd5b.png) center top /100% 100% no-repeat;
    }

    .sect2 .t2 {
        text-align: center;
        padding-left: 0.000vw;
        padding-top: 25.78vw;
    }

    .sect2 .t1 {
        text-align: center;
        font-size: 8.750vw;
    }

    .sect2 {
        padding-top: 57.03vw;
    }

    .sect2 .white {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 60.94vw;
        padding-bottom: 16.41vw;
        padding-right: 6.250vw;
        padding-left: 6.250vw;
    }

    .sect2 .white>img {
        width: 92.81vw;
        top: -47vw;
        left: -3.5vw;
    }

    .sect2 .outer {
        margin-bottom: 23.91vw;
        border-radius: 3.906vw;
        border: 0.3125vw solid #d5ae5b;
        width: calc(100% - 6.250vw);
        padding: 3.125vw;
    }
}

.sect3 .planet {
    position: absolute;
    top: 828px;
    left: calc(50% + 468px);
}

.sect3 .t2 {
    font-family: Roboto;
    font-display: swap;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 20px;
}

.sect3 .t1 {
    font-family: "Playfair Display";
    font-display: swap;
    font-size: 48px;
    font-weight: 400;
    padding-bottom: 50px
}

.sect3 .wrap .button {
    margin-top: 10px;
}

.sect3 .wrap {
    width: 100%;
    padding-left: calc(50% + 50px);
}

.sect3 {
    padding-top: 280px;
    background: url(../images/36cbd7003847c3e2e41ebbb49cd8274b.jpg) center top no-repeat;
    min-height: 1124px;
}

@media only screen and (max-width: 980px) {
    .sect3 .t2 {
        padding-bottom: 28px;
        font-size: 4.375vw;
        line-height: 6.563vw;
    }

    .sect3 .t1 {
        text-align: center;
        padding-bottom: 13.28vw;
    }

    .sect3 .wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0px;
    }

    .sect3 {
        padding-bottom: 31.88vw;
        min-height: none;
        background: url(../images/6618b7c444594c420a3f60a92b6081f8.jpg) center top / 100% no-repeat,
            url(../images/72ab1399101dff5227c80b8fc53d7522.jpg) center bottom / 100% no-repeat, #f2f4f5;
        padding-top: 106.25vw;
    }
}

.sect4 .black>iframe {
    width: 100%;
    height: 100%;
}

.sect4 .black {
    overflow: hidden;
    height: 607px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #505050;
    width: 100%;
}

.sect4 .outer {
    padding: 20px;
    width: 100%;
    max-width: 1120px;
    border-radius: 25px;
    border: 2px solid #ae761a;
}

.sect4 .zp_vid {
    width: calc(100% - 42px);
    left: 21px;
    height: auto;
    top: 90px;
}

.sect4 .review {
    width: 100%;
}

.sect4 .fly1 {
    position: absolute;
    top: 530px;
    left: calc(50% + 612px);
}

.sect4 .t1 {
    text-align: center;
    font-family: "Playfair Display";
    font-display: swap;
    font-size: 48px;
    font-weight: 400;
    padding-bottom: 43px;
}

.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
}

.carousel-indicators .active {
    background-color: #fa8b29;
    border: none;
}

.carousel-indicators {
    bottom: -55px;
}

.sect4 .control:last-child {
    justify-content: flex-end;
}

.sect4 .carousel-control {
    position: relative;
}

.sect4 .control {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}

.sect4 .item.next,
.sect4 .item.prev {
    /* top: 20px; */
}

.sect4 .grid_item {
    width: 100%;
    height: 100%;
    background: url(../images/a15a66e11eb6736198ccfb73faf81897.png) center top / 100% 100% no-repeat;
}

.sect4 .inner {
    width: 1200px;
    padding-left: 0px;
    padding-right: 0px;
}

.sect4 .grid {
    max-width: 1036px;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
}

.sect4 .item {
    margin: 0 auto;
    max-width: 1036px;
    width: 100%;
}

.sect4 .carousel-inner {
    border-radius: 30px;
    border: 2px dashed rgba(255, 255, 255, 0.1);
    /* padding: 20px; */
}

.sect4 .car {
    margin-bottom: 117px;
    width: 100%;
    display: grid;
    grid-template-columns: 60px 1fr 60px;
}

.desk_only_grid {
    display: grid !important;
}

.mob_only_grid {
    display: none !important;
}

@media only screen and (max-width: 1280px) {


    .sect4 .inner {
        width: 100%;
        max-width: 1080px;
        /* width: calc(100% + 40px);
        max-width: 1120px; */
    }

    .sect4 .control {
        display: none;
    }

    .sect4 .car {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 980px) {
    .sect4 .fly1 {
        width: 23.28vw;
        position: absolute;
        top: 113vw;
        left: calc(50% + 37vw);
    }

    .sect4 {
        background: url(../images/3c299ed6d8cd50859931afb3cbc669b8.png) calc(50% + 10vw) 200vw / 23.28vw no-repeat;
    }

    .sect4 .black {
        height: 49.06vw;
        box-shadow: 0 4.688vw 12.50vw rgba(0, 0, 0, 0.1);
        border-radius: 3.125vw;
    }

    .sect4 .outer {
        border-radius: 3.906vw;
        max-width: calc(100% - 6.250vw);
        padding: 3.125vw;
        border: 0.3125vw solid #ae761a;
    }

    .sect4 .control:last-child {
        justify-content: center;
    }

    .sect4 .control {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sect4 .car_control {
        width: 2.813vw;
        height: 2.500vw;
    }

    .sect4 .inner {
        padding-right: 6.250vw;
        padding-left: 6.250vw;
    }

    .sect4 .grid_item {
        height: 106.72vw;
    }

    .sect4 .zp_vid {
        left: 3.5vw;
        width: calc(100% - 7vw);
        top: 15vw;
    }

    .sect4 .review {
        width: 53.13vw;
    }

    .sect4 .control {
        display: flex;
    }

    .sect4 .car {
        grid-template-columns: 17.19vw 1fr 17.19vw;
    }

    .sect4 .zp_vid {}

    .desk_only_grid {
        display: none !important;
    }

    .mob_only_grid {
        display: grid !important;
    }

    .sect4 .t1 {
        padding-top: 13.28vw;
        font-size: 8.750vw;
    }

    .carousel-indicators {
        bottom: -26vw;
    }
}

.sect5 .fly1 {
    position: absolute;
    left: calc(50% - 830px);
    top: 10px;
}

.horizontal a {
    margin-left: 5px;
    margin-right: 5px;
}

.sect5 .lt-block-wrapper {
    padding-top: 0px !important;
}

.sect5 .white {
    padding-left: 20px;
    padding-top: 45px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}

.sect5 .outer {
    margin-top: 90px;
    padding: 20px;
    ;
    max-width: 1120px;
    width: 100%;
    border-radius: 25px;
    border: 2px solid #ae761a;
}

.sect5 .t3 {
    text-align: center;
    color: #000000;
    font-family: Roboto;
    font-display: swap;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.sect5 .horizontal {
    justify-content: center;
    width: 100%;
    max-width: 725px;
    margin-top: 50px;
}

.sect5 .soc_button>img {
    margin-right: 10px;
}

.sect5 a:nth-child(3) .soc_button {
    background-color: #3e6388;
}

.sect5 a:nth-child(2) .soc_button {
    background-color: #9f61c1;
}

.sect5 .soc_button {
    cursor: pointer;
    color: #ffffff;
    font-family: Roboto;
    font-display: swap;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    /* Text style for "telegram" */
    letter-spacing: 1.6px;
    width: 221px;
    height: 60px;
    border-radius: 30px;
    background-color: #5a9ddf;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.sect5 .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sect5 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 145px;
    padding-bottom: 120px;
    background: url(../images/de0260ea5c312333cd2bbbc22a545dbf.jpg) center top no-repeat;
}

.sect5 .t2 {
    font-family: Roboto;
    font-display: swap;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.sect5 .t1 {
    text-align: center;
    font-family: "Playfair Display";
    font-display: swap;
    font-size: 48px;
    font-weight: 400;
    padding-bottom: 35px;
}

.sect5 .hor2 {}

@media only screen and (max-width: 980px) {
    .sect5 {
        overflow: visible;
        background: url(../images/5c2df239c5d2de07bba81e5efb0825b5.jpg) center bottom / 100% no-repeat;
    }

    .sect5 .white {
        padding-left: 0px;
    }

    .sect5 .t1 {
        padding-bottom: 5.469vw;
        font-size: 8.750vw;
    }

    .sect5 .outer {
        margin-top: 18.75vw;
        width: calc(100% - 6.250vw);
        padding: 3.125vw;
        border: 0.3125vw solid #ae761a;
        border-radius: 3.906vw;
    }

    .sect5 .white {
        box-shadow: 0 4.688vw 12.50vw rgba(0, 0, 0, 0.1);
        border-radius: 3.125vw;
        border: 0.1563vw solid rgba(0, 0, 0, 0.05);
        padding-top: 12.50vw;
    }

    .sect5 .t2 {
        font-size: 4.375vw;
    }

    .sect5 .hor2 {
        height: 300px;
    }

    .sect5 .fly1 {
        width: 27.50vw;
        position: absolute;
        left: calc(50% - 63vw);
        top: -3vw;
    }

    .sect5 .horizontal {
        margin-top: 10.16vw;
        flex-direction: column;
    }

    .sect5 .soc_button {
        margin-bottom: 3.125vw;
        width: 67.97vw;
        height: 14.06vw;
        font-size: 3.750vw;
        letter-spacing: 0.2500vw;
    }

}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
}

.carousel-control.left {
    right: 0;
    left: auto;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
}

@media(max-width:440px) {
    .hide-d {
        display: block !important;
    }

    .hide-m {
        display: none !important;
    }

}

@media(max-width:320px) {}