* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html.main {
    margin-top: 0 !important;
}

body {
    background-color: #413d3f;
}

.only-desk-br {
    display: block;
}

.only-mob-br {
    display: inline;
}

/* --------------------------------------------- */

header {
    width: 100%;
}

header img {
    width: 100%;
    object-fit: cover;
}

/* ---------------------------------------------*/
.prev-section-first {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    width: 100%;
}

.prev-section-first-img-wrapper {
    width: 100%;
}

.prev-section-first-img-wrapper img {
    width: 100%;
}

/* ---------------------------------------------*/
/* --------------------------------------------- */

.first-section {
    display: flex;
    justify-content: flex-start;
    margin: 4.5rem 0rem 4.5rem 8.5rem;
}

.first-section-content {
    display: flex;
    /* width: 74rem;  */
}

.first-section-content-left {
    width: 34.4rem;
}

.first-section-content-left-title p {
    font-family: "Hanken Grotesk", sans-serif;
    color: #ede9e1;
    font-style: normal;
    font-weight: 700;
    font-size: 3.1rem;
    line-height: 3.5rem;
}

.first-section-content-left-title p:nth-child(2) {
    font-size: 3.5rem;
    letter-spacing: 0.06rem;
}

.first-section-content-left ul {
    margin-top: 3rem;
}

.first-section-content-left ul li {
    color: #ede9e1;
    font-family: "Hanken Grotesk", sans-serif;
    margin-left: 2.2rem;
    line-height: 1.47em;
    list-style-type: disc;
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: 0.1rem;
}


.first-section-content-left p.invoice {
    color: #ede9e1;
    font-family: "Hanken Grotesk", sans-serif;
    line-height: 1.45000725em;
    margin-top: 3.7rem;
    font-size: 1.45rem;
}

.first-section-content-right {
    margin-left: 2.5rem;
    width: 38.5rem;
}

.first-section-content-right img {
    width: 100%;
    object-fit: cover;
}

/* --------------------------------------------- */

.second-section {
    width: 100%;
    max-width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
}

.second-section video {
    width: 100%;
    height: auto;
    max-height: 100vh;
}

.third-section {
    display: flex;
    justify-content: flex-start;
    background-color: #000;
    width: 100%;
    padding-top: 1.4rem;
    padding-bottom: 2rem;
    padding: 1.4rem 0 2rem 3rem;
}

.third-section-left {
    width: 41.75rem;
    margin-top: 1.7rem;

}

.third-section-left img,
.third-section-right img {
    width: 100%;
    object-fit: cover;
}

.third-section-right {
    width: 43.3rem;
    margin-left: 0.3rem;
}

/* --------------------------------------------- */

.fourth-section {
    width: 100%;
    height: 49.5rem;
    background-color: #fff;
    padding-top: 4.7rem;
}

.fourth-section h1 {
    color: #012b1b;
    font-family: "Hanken Grotesk", sans-serif;
    font-weight: 700;
    line-height: 3.4rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.015rem;
    font-size: 3.3rem;
}

.second-string-title-fourth-section {
    letter-spacing: 0.06rem;
}

.brands-logo-container {
    width: 100%;
    position: relative;
}

.brand-logo-1 {
    position: absolute;
    left: 7.9rem;
    top: 5.1rem;
    width: 7rem;
}

.brand-logo-2 {
    position: absolute;
    top: 6.5rem;
    left: 18.8rem;
    width: 10.7rem;
}

.brand-logo-3 {
    position: absolute;
    top: 7rem;
    left: 34rem;
    width: 5.927rem;
}

.brand-logo-4 {
    position: absolute;
    top: 6.2rem;
    left: 45.8rem;
    width: 8.8rem;
}

.brand-logo-5 {
    position: absolute;
    left: 61.6rem;
    top: 6.6rem;
    width: 5.875rem;
}

.brand-logo-6 {
    position: absolute;
    left: 72.8rem;
    top: 3.1rem;
    width: 11.063rem;
}

.brand-logo-7 {
    position: absolute;
    top: 12.7rem;
    left: 7.4rem;
    width: 8.196rem;
    z-index: 2;
}

.brand-logo-8 {
    position: absolute;
    left: 20.6rem;
    top: 12rem;
    width: 7.188rem;
}

.brand-logo-9 {
    position: absolute;
    left: 32rem;
    top: 12.5rem;
    width: 10.1rem;
}

.brand-logo-10 {
    position: absolute;
    top: 12.9rem;
    left: 46.9rem;
    width: 6.964rem;
}

.brand-logo-11 {
    position: absolute;
    top: 12.8rem;
    left: 59rem;
    width: 11.3rem;
}

.brand-logo-12 {
    position: absolute;
    top: 11.5rem;
    left: 74.4rem;
    width: 7.761rem;
}

.brand-logo-13 {
    position: absolute;
    top: 15.8rem;
    left: 6rem;
    width: 10.929rem;
}

.brand-logo-14 {
    position: absolute;
    top: 19.4rem;
    left: 21.3rem;
    width: 5.844rem;
}

.brand-logo-15 {
    position: absolute;
    top: 17.8rem;
    left: 33.7rem;
    width: 6.666rem;
}

.brand-logo-16 {
    position: absolute;
    top: 19.2rem;
    left: 46rem;
    width: 8.583rem;
}

.brand-logo-17 {
    position: absolute;
    top: 19.1rem;
    left: 61.9rem;
    width: 6.6rem;
}

.brand-logo-18 {
    position: absolute;
    top: 17.6rem;
    left: 71.6rem;
    width: 13rem;
}

.brand-logo-19 {
    position: absolute;
    top: 24.2rem;
    left: 7.5rem;
    width: 7.977rem;
}

.brand-logo-20 {
    position: absolute;
    top: 24.7rem;
    left: 20rem;
    width: 8.296rem;
}

.brand-logo-21 {
    position: absolute;
    top: 25rem;
    left: 33.2rem;
    width: 7.7rem;
}

.brand-logo-22 {
    position: absolute;
    top: 25.6rem;
    left: 46.8rem;
    width: 6.883rem;
}

.brand-logo-23 {
    position: absolute;
    top: 26.2rem;
    left: 59.3rem;
    width: 11.5rem;
}

.brand-logo-24 {
    position: absolute;
    top: 25.5rem;
    left: 74.4rem;
    width: 7.539rem;
}

.brands-logo-container img {
    width: 100%;
    object-fit: cover;
}

/* --------------------------------------------- */


.fifth-section {
    background-color: #000;
    padding: 5rem 6rem 4.3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

}

.fifth-section-item {
    width: 25.5rem;
    height: 19.5rem;
    background-color: #ede9e1;
    margin-bottom: 0.5rem;
    display: flex;
}

.fifth-section-item img {
    width: 100%;
    object-fit: cover;
}



/* --------------------------------------------- */

.sixth-section {
    background-color: #ede9e1;
    padding: 3.6rem 0 4.7rem 7.6rem;
    display: flex;
    flex-direction: row;
    justify-content: start;
    position: relative;
}

.sixth-section-left {
    width: 25.6rem;
    height: 40.8rem;
    margin-right: 8.8rem;
}

.sixth-section-left video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sixth-section-right {
    width: 37rem;
}

.sixth-section-right h1 {
    font-family: "Hanken Grotesk", sans-serif;
    color: #413d3f;
    font-style: normal;
    font-weight: 700;
    font-size: 3.4rem;
    line-height: 4rem;
    text-align: start;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
}

.sixth-section-right span {
    font-family: "Hanken Grotesk", sans-serif;
    color: #413d3f;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.6rem;
    text-align: start;
    margin-top: 4.3rem;
    display: inline-block;
    letter-spacing: 0.17rem;
    text-transform: uppercase;
}

.sixth-section-right p {
    font-family: "Hanken Grotesk", sans-serif;
    color: #413d3f;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.8rem;
    text-align: start;
    margin-top: 2.6rem;
}

.sixth-section-right p.second {
    margin-top: 2.1rem;
}

.sixth-section-right p.third {
    margin-top: 1.8rem;
}

.sixth-section-right a {
    margin-top: 4rem;
    display: flex;
    width: 13.5rem;
    height: 4rem;
    align-items: center;
    justify-content: center;
    background-color: #0d0d11;
    text-decoration-line: underline;
    color: #ede9e1;
    font-weight: 500;
    pointer-events: all;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 1.45rem;

}

.sixth-section-right-logo {
    position: absolute;
    right: 1rem;
    top: 0.1rem;
    width: 12.776rem;
    height: 12.776rem;
}

.sixth-section-right-logo img {
    width: 100%;
    object-fit: cover;
}

/* --------------------------------------------- */

.seventh-section {
    width: 100%;
    background-color: #413d3f;
    padding: 5.75rem 0 4rem 6.7rem;
    display: flex;
}

.seventh-section-left {
    width: 31rem;
    display: flex;
    flex-direction: column;
}

.seventh-section-left .seventh-section-left-title {
    font-family: "Hanken Grotesk", sans-serif;
    color: #ede9e1;
    font-style: normal;
    font-weight: 700;
    font-size: 3.1rem;
    line-height: 3.4rem;
    text-align: start;
    letter-spacing: 0.08rem;
    margin-top: 0.6rem;
}

.seventh-section-left .seventh-section-left-title span {
    letter-spacing: 0.28rem;
}

.seventh-section-left .seventh-section-left-discription {
    font-family: "Hanken Grotesk", sans-serif;
    color: #ede9e1;
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 2.1rem;
    text-align: start;
    margin-top: 2rem;
}

.seventh-section-left-photo-discont {
    margin-top: 4.2rem;
    width: 100%;
}

.seventh-section-left-photo-discont img {
    width: 100%;
    object-fit: cover;
}

.seventh-section-right {
    margin-left: 10.15rem;
    width: 37rem;
}

.seventh-section-right p {
    font-family: "Hanken Grotesk", sans-serif;
    color: #ede9e1;
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 2rem;
    text-align: start;
    letter-spacing: 0.04rem;
}

.seventh-section-right p.plus-margin {
    margin-top: 2rem;
}

.seventh-section-right-bottom {
    margin-top: 3.9rem;
    display: flex;
    flex-direction: column;
}

.seventh-section-right-bottom span,
.seventh-section-right-bottom input[type="submit"] {
    display: flex;
    margin-top: 1.9rem;
    height: 3.7rem;
    cursor: pointer;
}

.wpcf7-not-valid-tip {
    margin-left: 1rem !important;
    margin-top: 1.86rem !important;
    font-weight: 500 !important;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 1rem !important;
    line-height: 1.4rem;
    white-space: nowrap;
}

.wpcf7 form .wpcf7-response-output {
    margin-left: 0 !important;
    color: #ede9e1;
    font-family: "Hanken Grotesk", sans-serif;
    margin-top: 1rem !important;
    width: 24.7rem;
    text-align: center;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #dc3232 !important;
}


.seventh-section-right-bottom br {
    display: none;
}

.seventh-section-right-bottom input {
    width: 24.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #ede9e1;
    border: none;
    padding: 0;
    color: #0d0d11;
    font-weight: 500;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 0.87rem;
}

.seventh-section-right-bottom input.wpcf7-not-valid {
    border: 0.15rem solid #dc3232 !important;
    color: #dc3232 !important;
}

.seventh-section-right-bottom input.wpcf7-not-valid::placeholder {
    color: #dc3232 !important;
}

.wpcf7-not-valid-tip {
    display: none !important;
}

/* --------------------------------------------- */

.eighth-section {
    display: flex;
    justify-content: space-between;
    padding: 4.9rem 3.7rem 8rem;
    background-color: #000;
}

.eighth-section-item {
    width: 25.75rem;
    height: 36rem;
    background-color: #ede9e1;
}

.eighth-section-item a {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.eighth-section-item-link {
    position: absolute;
    bottom: 9.5rem;
    display: flex;
    background-color: #000;
    width: 11.5rem;
    height: 2.875rem;
    justify-content: center;
    align-items: center;
}

.eighth-section-item-link span {
    font-weight: 500;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    color: #ede9e1;
    text-transform: uppercase;
    text-decoration: underline;
}

.eighth-section-item-link div {
    width: 1.8rem;
    margin-left: 1.5rem;
}

.eighth-section-item-link div img {
    width: 100% !important;
    object-fit: cover;
    height: auto !important;
}

.eighth-section-item a img,
.eighth-section-item a video {
    width: 100%;
    height: 36rem;
    object-fit: cover;
}

/* --------------------------------------------- */

.ninth-section {
    padding-left: 1.7rem;
    display: flex;
    background-color: #fff;
}

.ninth-section-left {
    width: 43.3rem;
    height: 48.6rem;
}

.ninth-section-left iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ninth-section-right {
    margin-left: 6rem;
    display: flex;
    flex-direction: column;
    width: 33rem;
}

.ninth-section-right-logo {
    margin-top: 0.9rem;
    margin-left: -2rem;
    width: 11rem;
}

.ninth-section-right-logo img {
    width: 100%;
    object-fit: cover;
}

.ninth-section-right-title {
    margin-top: -0.5rem;
    color: #173952;
    font-weight: 700;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 3.14rem;
    line-height: 3.7rem;
    width: 33rem;
}

.ninth-section-right-text {
    margin-top: 2rem;
    color: #173952;
    font-weight: 400;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 1.175rem;
    line-height: 1.75rem;
}

.ninth-section-right a {
    margin-top: 2rem;
    color: #173952;
    font-weight: 400;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.ninth-section-right-social-container {
    margin-left: -0.5rem;
    margin-top: 2.1rem;
    display: flex;
    justify-content: space-between;
    width: 19.1rem;
}

.ninth-section-right-social-container .social-item {
    width: 2.8rem;
    margin-top: 0;
    cursor: pointer;
}


.ninth-section-right-social-container .social-item img {
    width: 100%;
    object-fit: cover;
}

/* --------------------------------------------- */

.tenth-section {
    width: 100%;
}

.tenth-section img {
    width: 100%;
    object-fit: cover;
}