@font-face {
    font-family: 'HK Grotesk';
    src: url('hkgrotesk-light.woff2') format('woff2'),
        url('hkgrotesk-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('hkgrotesk-medium.woff2') format('woff2'),
        url('hkgrotesk-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('hkgrotesk-regular.woff2') format('woff2'),
        url('hkgrotesk-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ridley Grotesk';
    src: url('ridleygrotesk-regular.woff2') format('woff2'),
        url('ridleygrotesk-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ridley Grotesk';
    src: url('ridleygrotesk-bold.woff2') format('woff2'),
        url('ridleygrotesk-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Voyage';
    src: url('voyage-bold.woff2') format('woff2'),
        url('voyage-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Voyage';
    src: url('voyage-regular.woff2') format('woff2'),
        url('voyage-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('hkgrotesk-semibold.woff2') format('woff2'),
        url('hkgrotesk-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ridley Grotesk';
    src: url('ridleygrotesk-medium.woff2') format('woff2'),
        url('ridleygrotesk-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
    font-size: 1.319vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0vw;
    color: #000000;
}

h1 {
    font-size: 6.653vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.94;
    letter-spacing: 0.005vw;
    color: #FAF4B7;
}

h2 {
    font-size: 6.24vw;
    font-weight: 400;
    letter-spacing: 0.165vw;
    color: #000000;
    line-height: 108%;
    position: relative;
    font-family: 'Voyage';
    text-transform: uppercase;
}

h3 {
    font-size: 3vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0vw;
    color: #000000;
    font-family: 'Voyage';
    line-height: 144%;
}

h4 {
    font-size: 1.7vw;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 0.063vw;
    font-family: 'Ridley Grotesk';
    margin-bottom: 1.1vw;
}

h5 {
    font-size: 0.792vw;
    line-height: 1.44;
    letter-spacing: 0.069vw;
    font-weight: 600;
}

a:hover {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}


input[type="submit"] {
    display: inline-block;
    font-stretch: normal;
    font-style: normal;
    border: 0;
    cursor: pointer;
    position: relative;
    background-color: #588791;
}

input[type="submit"]::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: #ffffff;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.site_button:hover:before,
input[type="submit"]::before {
    width: 100%;
}

p {
    margin-top: 0;
    margin-bottom: 1.389vw;
}

p:last-child {
    margin-bottom: 0 !important;
}

mark {
    background-color: rgba(255, 255, 255, 0);
    background-image: -o-linear-gradient(330deg, #E4DBDC 0%, #E4DBDC 100%);
    background-image: linear-gradient(120deg, #E4DBDC 0%, #E4DBDC 100%);
    background-repeat: no-repeat;
    background-size: 100% 24%;
    background-position: 0 88%;
    color: inherit;
}

.mobile_only {
    display: none;
}

.m {
    display: none !important;
}

section {
    position: relative;
}

.section_inner {
    width: 100vw;
    margin: 0px auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.g_button {
    font-size: 0.931vw;
    letter-spacing: 0.229vw;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    padding: 1.319vw 1.944vw 1.25vw 2.083vw;
    border: solid 1px #000000;
    position: relative;
    font-family: 'Commuters Sans Semi';
    background-color: #000000;
    display: inline-block;
}

.g_button span {}

.g_button span svg {
    width: 1.042vw;
    margin-bottom: -0.278vw;
    margin-left: 0.139vw;
}

.g_button span svg path {}

.g_button:hover {}


.owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*header*/

.header--overlay {
    background-color: #fff !important;
    border-bottom: 1px solid #000;
}

.header__content--desktop .link-list__link {
    color: #000;
    font-size: 0.625vw;
    text-transform: uppercase;
    font-family: 'Ridley Grotesk';
    line-height: 137%;
}

.header__content--desktop .link-list__link {
    margin: 0 3.021vw;
    font-size: 0.8vw !important;
    letter-spacing: 0;
    border: 1px solid rgb(0 0 0 / 0%);
    margin-top: -1px;
    padding: 7px 16px 5px 16px;
    display: inline-block;
    border-width: 1px !important;
    color: #000 !important;
}

.header__block--logo .logo__image {
    width: 7.521vw !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: unset;
}

.header__wrap a.logo {
    display: inline-block;
    position: relative;
    top: -0.3vw;
    left: 1.3vw;
}

.header__content--desktop {
    padding: 1.25vw 0 1.2vw;
}

.header__content--desktop a.link-list__link.workBtn {
    border: 1px solid #000;
    background: #DDF638;
    padding: 0.26vw 0.833vw;
    margin-top: -0.417vw;
    margin-left: 4.01vw;
}

.header__content--desktop .header__block--menu a:hover {
    border: 1px solid #000;
    background: #DDF638;
}

.header a.link-list__link:hover:before {
    display: none !important;
}

@media (max-width: 1440px) {


    h2 {
        font-size: 6.250vw;
        letter-spacing: 0.167vw;
    }

    h3 {
        font-size: 41.2px;
        letter-spacing: 1px;
    }

    h4 {
        font-size: 1.667vw;
        letter-spacing: 0.083vw;
        margin-bottom: 1.042vw;
    }

}

/* 1440px */

@media (max-width: 1280px) {

    .header__content--desktop .link-list__link {
        margin: 0 28px;
        /* font-size: 1.3vw !important; */
    }


}

/* 1280px */

@media (max-width: 1140px) {}

/* 1140px */

@media (max-width: 1024px) {

    div.h_menu-left {
        margin-left: 0;
        padding-left: 4.883vw;
        margin-left: 0px !important;
    }

    div.h_menu-right {
        padding-right: 0;
        margin-right: 0;
        margin: 0 0px !important;
    }

    .header__content--desktop a.link-list__link.workBtn {
        margin-left: auto;
    }


    .header__content--desktop .link-list__link {
        margin: 0 28px;
        font-size: 1.3vw !important;
    }

    .header__block--logo .logo__image {
        width: 10.521vw !important;
        margin-bottom: -1.2vw;
    }
}

/* 1024px */

@media (min-width: 768px) {
    .mobiOnly {
        display: none !important
    }

    .header__content--desktop .link-list__link {
        letter-spacing: 0;
        padding: 7px 28px 5px 27px;
        margin: 0 2.4vw;
    }
}

@media (max-width: 1024px) {
    .header__content--desktop .link-list__link {
        letter-spacing: 0;
        padding: 7px 28px 5px 27px;
        margin: 0 0vw;
    }
}

@media (max-width: 767px) {
    .deskOnly {
        display: none !important;
    }

    .header__block--logo .logo__image {
        width: 25.521vw !important;
        margin-bottom: -1.2vw;
    }

    .header__content--mobile .link-list__link {
        color: #000 !important;
        font-size: 2.347vw;
        text-align: center;
        line-height: 3.129vw;
        margin: 1.304vw 0 7.562vw 0 !important;
        text-transform: uppercase;
    }

    .header__content--mobile a.link-list__link.workBtn {
        background: #DDF638;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border: 1px solid #000;
        padding: 0.913vw 7.04vw !important;
    }

    .header__content--mobile {
        height: calc(100vh - 8.475vw);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header__content.header__content--mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        border-top: 1px solid #000;
        padding: 19vh 0 26vh 0;
    }

    .header__content.header__content--mobile .header__block {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        display: contents;
    }

    .header__content.header__content--mobile .header__block>div {
        display: contents;
    }

    header__block--logo {
        margin-right: auto !important;
        margin-left: 0 !important;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        line-height: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
    }

    .header__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        padding: 0 5vw 0 5.5vw;
    }

    .hamburger__slice {
        background: #000;
    }

    .hamburger--slice-2,
    .hamburger--slice-3 {
        top: 2.3vw;
        opacity: 0.4;
    }

    .hamburger__slice.hamburger--slice-1 {
        width: 100%;
        margin-left: auto;
        display: block;
        left: auto;
        right: 0px;
        opacity: 0.6;
    }

    .hamburger--slice-4 {
        width: 100%;
        top: 4.347vw;
        opacity: 0.6;
    }

    .header__wrap a.logo {
        position: unset;
        margin: 0vw 0 0 0;
    }

    .header__content--desktop {
        padding: 5.6vw 0 6.868vw !important;
    }

    .header__block--logo {
        order: 1;
        margin-right: 0px !important;
        width: 56%;
        text-align: left;
    }

    .header--overlay .header__content--mobile {

        padding-top: 40vw !important;

    }

    .header--overlay .header__content--mobile .h_menu-right,
    .header--overlay .header__content--mobile .h_menu-left {}

    .header--overlay .header__content--mobile .h_menu-right .link-list,
    .header--overlay .header__content--mobile .h_menu-left .link-list {
        text-align: center;
    }

    .header--overlay .header__content--mobile .h_menu-right .link-list a,
    .header--overlay .header__content--mobile .h_menu-left .link-list a {
        text-align: center;
        margin: 0px !important;
        font-size: 18px;
        font-family: 'Ridley Grotesk';
        font-weight: normal;
        /* margin-bottom: 16.3vw !important; */
        margin: 0px 85px !important;
        margin-bottom: 16.3vw !important;
    }

    .header--overlay .header__content--mobile .link-list a {
        display: block;
        margin: 0px 85px !important;
        font-size: 16px;
        padding: 3.4vw 3.4vw 2.7vw 3.4vw;
        border: 1px solid rgb(0 0 0 / 0%);
    }

    .header--overlay .header__content--mobile .link-list a:hover {
        border: 1px solid #000;
        background: #DDF638;
    }
}

/* 767px */

@media (max-width: 550px) {}

/* 550px */





.fixed-header .site-header {
    position: fixed;
    z-index: 0;
}

.fixed-header.active .site-header {
    z-index: 999;
}
.mobile_only{
    display: none;
}
.desk_only{
    display: block;
}
@media (max-width: 767px) {
    .fixed-header .site-header {
        display: none;
    }
    .desk_only{
        display: none;
    }
    .mobile_only{
        display: block;
    }
}

/*Sec 1 ===========================*/





/*Sec 5 Start ===========================*/
section.brup5 .section_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 4.1vw;
}

.brup5_left {
    width: 44.25%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    border-right: 1px solid #000;
}

/* .brup5_left:after {
    position: absolute;
    display: block;
    content: "";
    width: 11.65vw;
    height: 1px;
    background: #000000;
    left: 100%;
    top: 14.25vw;
    transition: all 3s ease;
} */
.not_in_viewport .brup5_left:after {
    width: 0vw;
}

.brup5_right {
    padding: 5.4vw 0vw 0vw 0vw;
    width: 55.73%;
    background-color: #F5F3F1;
    position: relative;
    /* z-index: -1; */
}

.brup5_right_head {
    padding-left: 4.2vw;
    padding-bottom: 7.5vw;
    border-bottom: 1px solid #000;
    position: relative;
    z-index: 4;
}
.brup5_right:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 30vw;
    background-image: url(hed-rt.png);
    right: -30vw;
    top: 3vw;
    /* transition: all 1s ease; */
    background-repeat: no-repeat;
    z-index: 1;
    background-size: contain;
}

.not_in_viewport .brup5_right_head:after{
    width: 0vw;
}
.anim_vdo_art {
    position: absolute;
    height: 20vw;
    width: 18vw;
    left: -10vw;
    top: 2.5vw;
}

.anim_vdo_art img {
    position: relative;
    display: block;
}
.brup5_right:after {
  /* animation: spin 5s infinite linear; */
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.brup5_right h6 {
    text-transform: uppercase;
    font-family: 'Ridley Grotesk';
    font-size: 1.1vw;
    font-weight: normal;
    position: relative;
    margin-bottom: 1.9vw;
    letter-spacing: -0.015vw;
    color: #000;
}

.brup5_right h6:after {
    content: '';
    height: 1px;
    background-color: #707070;
    width: 30%;
    position: absolute;
    left: 0;
    bottom: -0.2vw;
}

.brup5_right h2 {
    font-size: 5vw;
    letter-spacing: 0.017vw;
}

.brup5_right h2 span {
    margin-left: 12vw;
    display: block;
}

section.brup5 {
    border-top: 1px solid #000;
}

.brup5_cont {
    padding-left: 4.5vw;
    display: flex;
    border-bottom: 1px solid #000;
}

.brup5_cont_left {
    width: 77%;
    border-right: 1px solid #000;
    padding-right: 3vw;
    padding-top: 3.7vw;
    padding-bottom: 4vw;
}

.brup5_cont_right {
    width: 35%;
}

.brup5_cont_right img {
    width: auto;
    height: 6vw;
    margin: 3.8vw auto 0 auto;
}

.brup5_cont_right img {
    animation: bounce2 2s ease infinite;
    transition: all .3s;
    -webkit-animation: anime_button 0.4s infinite alternate;
    -moz-animation: anime_button 0.4s infinite alternate;
    animation: anime_button 0.4s infinite alternate;
    position: relative;
}
@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}


.brup5_cont h4 {
    font-size: 1.6vw;
    font-family: 'Ridley Grotesk';
    line-height: 1.4;
    margin-bottom: 0.781vw;
    text-transform: uppercase;
    letter-spacing: 0.015vw;
    margin-bottom: 1.65vw;
}

.brup5_cont p {
    font-size: 1.12vw;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 1.3vw;
    font-family: 'HK Grotesk';
    padding-right: 0;
    letter-spacing: 0.034vw;
}


@media (max-width: 1280px) {}

/* 1280px */
@media (max-width: 1140px) {}

/* 1140px */
@media (max-width: 1024px) {
    .brup5_cont p {
        font-size: 1.7vw;
    }

    .brup5_cont p br {
        display: none;
    }
}

/* 1024px */
@media (max-width: 767px) {


    section.brup5 .section_inner {
        display: block;
        padding-top: 18.1vw;
    }

    .brup5_left {
        width: 100%;
        height: 82.850vw;
        border: 0;
        border-bottom: 1px solid #000;
        padding-bottom: 104vw;
        display: none;
    }
    .brup5_left.mobile_only{
        
display: block;
    }

    .brup5_right {
        padding: 17.1vw 0 13.71vw;
        width: 100%;
        padding-bottom: 0vw;
    }

    .brup5_right h2 {
        margin: 0 0 9.6vw 10.145vw;
        font-size: 13.768vw;
        line-height: 105%;
        position: relative;
        z-index: 1;
        letter-spacing: 0vw;
        width: 130%;
    }

    .brup5_right h2:after {
        position: absolute;
        z-index: -1;
        right: 97.5%;
        top: 6.739vw;
        width: 100%;
        height: 0.75px;
        background: #000000;
        content: "";
        margin-right: 4.831vw;
    }

    .brup5_cont {
        width: 100%;
        padding: 0;
        flex-direction: column;
    }
    .brup5_cont_left{
        width: 100%;
        padding-right: 0;
        border-right: 0;
    }
    .brup5_cont_right{
        width: 100%;
        padding-bottom: 8vw;
    }
    .brup5_cont_right img{
        height: 19vw;
    }
    .brup5_cont h4 {
        font-size: 3.865vw;
        line-height: 138%;
        letter-spacing: 1px;
        margin-bottom: 5.314vw;
        letter-spacing: 0.198vw;
    }

    .brup5_cont h4 br {
        display: none;
    }

    .brup5_cont h4 br.m {
        display: block !important;
    }

    .brup5_cont p {
        font-size: 3.865vw;
        line-height: 1.45;
        margin-bottom: 5vw;
        letter-spacing: 0.2vw;
        padding-left: 9vw;
        padding-top: 5vw;
        padding-right: 9vw;
        text-align: center;
    }

    .brup5_cont p br {
        display: none;
    }

    .brup5_cont p br.m {
        display: block !important;
    }

}

/* 767px */
@media (max-width: 550px) {}

/* 550px */


/*Sec 5 End ===========================*/



/*Sec 3 Start ===========================*/
section.brup3 .section_inner {
    max-width: 79.323vw;
    padding-bottom: 0.1vw;
}

section.brup3 {
    background: #FFFFFF;
    padding-top: 6.5vw;
}

.brup3_title h2 {
    /* display: inline-block; */
    text-align: center;
    letter-spacing: 0;
    padding-left: 1vw;
    margin-bottom: 2.4vw;
}

.brup3_title p {
    text-align: center;
    font-family: 'HK Grotesk';
    font-size: 1.2vw;
    font-weight: normal;
}

.brup3_title span.downArrow {
    position: absolute;
    right: -11.5vw;
    top: 1.5vw;
    width: 6.2vw;
    height: 11.49vw;
}

.brup3_title span.downArrow:before {
    width: 100%;
    height: 100%;
    background-image: url("arrow_down.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s;
    -webkit-animation: anime_button 0.4s infinite alternate;
    -moz-animation: anime_button 0.4s infinite alternate;
    animation: anime_button 0.4s infinite alternate;
    position: relative;
    display: block;
    content: "";
}

@keyframes anime_button {
    from {
        top: 0px;
    }

    to {
        top: 10px;
    }
}

.brup3_title {

}

.brup3_cont_img img {
    width: 43.6vw;
}
.brup3-1 .brup3_cont_img img{
    width: 51vw;
}

.brup3_cont_img {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 7.4vw;
}

.brup3_cont_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.brup3_cont_img_box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60%;
}

.brup3_left .brup3_cont_img_box {
    position: relative;
    z-index: 1;
}

.brup3_cont {
    margin-top: 5.2vw;
    width: 40%;
    padding-left: 0.3vw;
}

.brup3_left .brup3_cont_img_box:after {
    content: "";
    position: absolute;
    left: 77.5%;
    top: 6.3vw;
    width: 8.8vw;
    height: 1px;
    background: #000;
    transition: all 3s ease;
    z-index: -1;
}

.brup3_cont h6 {
    font-size: 1.06vw;
    line-height: 1.8;
    display: inline-block;
    padding: 0;
    margin-bottom: 1.65vw;
    border-bottom: 1px solid rgb(0 0 0 / 0%);
    font-family: 'Ridley Grotesk';
    font-weight: 400;
    letter-spacing: 0.09vw;
    position: relative;
    line-height: 1.3;
}

.brup3_cont h6:after {
    content: "";
    display: block;
    width: 100%;
    height: 0.75px;
    background-color: #000;
    transition: all 3s ease;
}

.brup3_cont h2 {
    margin-bottom: 3.1vw;
    letter-spacing: 0;
}

.brup3_content {
    margin-top: 1.85vw;
}

.brup3_content p {
    font-family: 'HK GROTESK';
    letter-spacing: 0.0vw;
    font-size: 1.2vw;
    margin-bottom: 2.6vw;
    line-height: 1.26;
}

.brand_btn {
    font-size: 0.8vw;
    font-family: 'Ridley Grotesk';
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    background: #DDF638;
    border: 1px solid #000;
    padding: 0.6vw 2.5vw;
    letter-spacing: 0.1vw;
    -webkit-filter: unset !important;
    filter: unset !important;
    position: relative;
    z-index: 2;
    line-height: 1;
}

.brand_btn:before {
    content: "";
    width: 0%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #000000;
    z-index: -1;
    transition: all 0.5s ease;
}

.brand_btn:hover:before {
    width: 100%;
}

.brand_btn:hover {
    color: #FFF;
}

.brup3_right .brup3_cont_img_box {
    margin-left: 5.7vw;
    position: relative;
    z-index: 1;
}
.brup3-1 .brup3_right .brup3_cont_img_box{
    margin-left: 0;
    width: 65%;
}

.brup3_right .brup3_cont_img_box:after {
    position: absolute;
    z-index: 1;
    right: 100%;
    top: 47.2%;
    width: 24.6vw;
    height: 1px;
    background: #000;
    content: "";
    display: block;
    transition: all 10s ease;
}

.brup3_boxes {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 75.5%;
}

.brup3_cont_box .brup3_cont {}
.brup3_cont_box .brup3_cont h4{text-transform: uppercase;letter-spacing: 0.11vw;color: #000;}
.brup3_cont_box .brup3_cont p{
    font-family: 'HK Grotesk';
    letter-spacing: 0;
    font-size: 1.2vw;
}
.brup3-1 .brup3_cont_box.brup3_right .brup3_cont {width: 34%;padding-left: 6vw;z-index: 9;}

.brup3_cont_box.brup3_right .brup3_cont h4 {
    margin-bottom: 1.45vw;
    padding-top: 0.2vw;
}

.brup3_cont_box.brup3_left:last-child {
}

.brup3_cont_box.brup3_left:last-child .brup3_cont {
    margin-top: 5.2vw;
    z-index: 9;
}

.brup3_cont_box.brup3_left:last-child .brup3_cont_img_box {
}

.brup3_cont_box.brup3_left:last-child .brup3_content {
    padding-right: 6.167vw;
}

.brup3_cont_box.brup3_left:last-child .brup3_content .brup3_btn .brand_btn {
    margin-top: 0.1vw;
    margin-left: -0.1vw;
}

.brup3_cont_box.brup3_right .brup3_btn .brand_btn {
    padding: 0.7vw 3.93vw 0.521vw 3.8vw;
}

.brup3-2 .brup3_cont_box.brup3_left:last-child .brup3_cont_img_box:after {top: 5.8vw;z-index: -1;}

.brup3_cont_box.not_in_viewport .brup3_cont_img_box:after,
.brup3_right.not_in_viewport .brup3_cont_img_box:after {
    width: 0vw;
}

@media (max-width: 1280px) {}

/* 1280px */
@media (max-width: 1140px) {
    .brand_btn {
        padding-top: 0.8vw;
    }

    .brup3_cont_box.brup3_left:last-child .brup3_content .brup3_btn .brand_btn {
        padding-top: 0.9vw;
    }
}

/* 1140px */
@media (max-width: 1024px) {
    .brup3_content p {
        font-size: 1.7vw;
    }

    .brup6_btn .brand_btn {
        padding-top: 0.7vw;
    }
}

/* 1024px */
@media (max-width: 767px) {
    .brup6_btn .brand_btn {
        padding: 3.519vw 12.560vw 3.019vw 11.836vw;
    }

    section.brup3 {
        padding-top: 11vw;
    }

    .brup3_title h2 {
        font-size: 11.836vw;
        line-height: 1.3;
        /* width: 70.048vw; */
        margin-bottom: 10vw;
        /* padding-left: 0.4vw; */
        letter-spacing: 0.8vw;
        text-align: center;
    }
    .brup3_title p{
        font-size: 4vw;
        letter-spacing: 0.18vw;
    }
    .brup3_title p br{
        display: none;
    }

    .brup3_title span.downArrow {
        width: 10.386vw;
        height: 19.599vw;
        bottom: 0;
        top: auto;
        left: auto;
        right: -7.246vw;
        bottom: 1.208vw;
    }

    .brup3_title {
        margin-bottom: 14vw;
        padding: 0 8vw;
        margin-bottom: 0vw;
    }

    .brup3_cont_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 19.5vw;
    }
    .brup3_cont_box.brup3_left:last-child{
        margin-bottom: 19vw;
    }

    .brup3_left .brup3_cont_img_box:after {
        display: none;
    }

    .brup3_left .brup3_cont_img_box {
        margin: 0;
    }

    .brup3_cont_box.brup3_left:last-child .brup3_cont {
        margin-top: 4.348vw;
    }
    .brup3_cont_box .brup3_cont h4{
        font-size: 6vw;
        letter-spacing: -0.09vw;
        margin-bottom: 3vw;
    }
    .brup3_cont_box .brup3_cont p{
        font-size: 4vw;
        letter-spacing: 0.18vw;
        margin-bottom: 7vw;
    }
    .brup3_cont{
        width: 100%;
        text-align: center;
    }

    .brup3_boxes {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .brup3_cont_img,
    .brup3_cont_img_box {
        width: 100%;
        border-color: #746d6a;
        margin-bottom: 1vw;
    }
    .brup3_cont_img img, .brup3-1 .brup3_cont_img img{
        margin: 0 auto;
        width: 89vw;
    }
    .brup3_cont_img_box {
    }

    .brup3_cont h6 {
        font-size: 2.899vw;
        line-height: 1.5;
        margin-bottom: 5.556vw;
        letter-spacing: 0.290vw;
    }

    .brup3_cont h2 {
        font-size: 11.111vw;
        line-height: 98%;
        margin-bottom: 12.077vw;
        position: relative;
        z-index: 1;
        margin-right: -9.662vw;
        margin-bottom: 12.4vw;
        padding-left: 0.3vw;
    }

    .brup3_content {
        padding: 0;
        margin-right: -2.899vw;
    }

    h4 {
        font-size: 3.865vw;
        line-height: 138%;
    }

    .brup3_content p {
        font-size: 3.865vw;
        line-height: 138%;
        margin-bottom: 8.3vw;
        letter-spacing: 0.08vw;
    }

    .brup3_content p br {
        display: none;
    }

    .brup3_content h4 {
        margin-bottom: 5.3vw;
        letter-spacing: 0.169vw;
    }

    .brand_btn {
        font-size: 2.899vw;
        line-height: 126%;
        padding: 3.419vw 12.560vw 3.019vw 11.836vw;
        letter-spacing: 0.362vw;
    }

    .brup3_cont_box.brup3_right .brup3_btn .brand_btn {
        padding: 3.519vw 14.010vw 3.019vw 11.836vw;
    }

    .brup3_cont_box.brup3_left:last-child .brup3_content .brup3_btn .brand_btn, .brup3-1 .brup3_cont_box.brup3_right .brup3_btn .brand_btn {
        padding: 3.4vw 11.5vw;
        text-align: center;
    }
    .brup3_cont_box.brup3_left:last-child .brup3_content .brup3_btn .brand_btn{
        padding: 3.6vw 11.5vw 3.4vw 11.5vw;
        font-size: 4vw;
    }
    .brup3-1 .brup3_cont_box.brup3_right .brup3_btn .brand_btn{
        font-size: 4vw;
        padding: 3.8vw 11.5vw 3.4vw 11.5vw !important;
        letter-spacing: 0.55vw;
    }
    .brup3_cont h2:before {
        position: absolute;
        z-index: -1;
        height: 0.75px;
        content: "";
        right: 100%;
        width: 100%;
        top: 6.8vw;
        background: #000000;
        margin-right: 3.140vw;
    }

    .brup3_cont_box.brup3_right .brup3_cont {
        margin: 0;
        padding-left: 0.6vw;
        padding-top: 0.4vw;
        width: 100%;
    }
    .brup3-1 .brup3_cont_box.brup3_right .brup3_cont{
        width: 100%;
        padding-left: 0;
        padding-top: 4vw;
    }

    .brup3_cont_box.brup3_right .brup3_cont h2 {
        letter-spacing: -0.483vw;
        margin-bottom: 10.870vw;
        margin-top: -0.8vw;
        margin-left: -1vw;
    }

    .brup3_cont_box.brup3_right {
        margin-left: -0.3vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 19vw;
    }
    .brup3-1 .brup3_cont_box.brup3_right .brup3_cont h4{
        margin-bottom: 3vw !important;
        width: 100% !important;
    }
    .brup3_cont_box.brup3_right .brup3_cont h4 {
        margin-bottom: 5.072vw;
    }

    .brup3_right .brup3_cont_img_box:after {
        display: none;
    }

    .brup3_right .brup3_cont_img_box {
        margin: 0;
        width: 100.1%;
    }

}

/* 767px */
@media (max-width: 550px) {}

/* 550px */


/*Sec 3 End ===========================*/

/*Footer Start ===========================*/
.footer_top {
    background: #000000;
    color: #fff;
    padding: 4.6vw 0 1.94vw 0;
}

.footer_top .section_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 87vw;
    margin: 0 auto;
}

.footer_left {
    width: 46.7%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    padding-left: 2vw;
}

.footer_right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 43.67vw;
    margin-left: auto;
}

.footer_logo {
    border-bottom: 1.5px solid #fff;
    padding: 0.781vw 0 1.21vw 1.5vw;
    margin-top: -0.5vw;
}

.footer_widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.8vw 1.563vw 1.563vw 1.6vw;
}

.footer_links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer_links {
    width: 17.2vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 0.521vw;
}

.footer_links ul li a {
    display: block;
    font-size: 0.78vw;
    color: #fff;
    font-family: 'Ridley Grotesk';
    text-transform: uppercase;
    line-height: 2;
    margin-bottom: 0.85vw;
    letter-spacing: 0.02vw;
}

.subscrib_form {
    width: 21vw;
    margin: 0 auto;
    text-align: center;
    padding-top: 1vw;
}

.subscrib_form form .subscrib_form {

    padding-top: 1.456vw;
}

.subscrib_form .form-group {
    margin-bottom: 0.34vw;
}

.subscrib_form h4 {
    font-size: 2.1vw;
    line-height: 1.1;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Voyage';
    margin-bottom: 0.7vw;
    letter-spacing: 0.1vw;
}

.subscrib_form p {
    font-size: 0.8vw;
    font-family: 'HK Grotesk';
    padding: 0 0vw;
    margin-bottom: 0.052vw;
    letter-spacing: 0.026vw;
    font-weight: 300;
}

.subscrib_form input {
    display: block;
    width: 100%;
    text-align: center;
    background: transparent;
    color: #fff;
    border: 0;
    border-bottom: 1.5px solid #fff;
    font-size: 0.79vw;
    line-height: 2;
    height: 1.78vw;
    border-radius: 0vw;
    box-shadow: none !important;
    font-family: 'Ridley Grotesk';
    font-weight: normal;
}

.subscrib_form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    text-transform: uppercase;
    color: #fff;
}

.subscrib_form input::-moz-placeholder {
    /* Firefox 19+ */
    text-transform: uppercase;
    color: #fff;
}

.subscrib_form input:-ms-input-placeholder {
    /* IE 10+ */
    text-transform: uppercase;
    color: #fff;
}

.subscrib_form input:-moz-placeholder {
    /* Firefox 18- */
    text-transform: uppercase;
    color: #fff;
}

.subscrib_form button {
    display: block;
    margin: 1.8954vw auto 0 auto !important;
    border: 1px solid #ddf638;
    background: #DDF638;
    color: #000;
    font-size: 0.625vw;
    font-family: 'Ridley Grotesk';
    padding: 0.45vw 2vw 0.2vw 2vw;
    text-transform: uppercase;
    position: relative;
    left: 0.23vw;
    font-weight: normal;
    letter-spacing: 0.12vw;
    /* border: 0px; */
    z-index: 2;
    box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
    line-height: 1.5;
    -webkit-filter: unset !important;
    filter: unset !important;
}

.subscrib_form button:before {
    content: "";
    width: 0%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #000000;
    z-index: -1;
    transition: all 0.5s ease;
}

.subscrib_form button:hover:before {
    width: 100%;
}

.subscrib_form button:hover {
    color: #FFF;
}

.copyright {
    background: #F1EAFA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.146vw 0.781vw;
    padding-right: 3.177vw;
}

.copyright p {
    margin: 0 0 0 0;
    font-size: 0.9vw;
    line-height: 1.2;
    padding: 0.67vw 1.406vw;
    text-transform: uppercase;
    font-family: 'Ridley Grotesk';
}

.copyright p:first-child {
    border-right: 1.5px solid #000;
}

.footer_left li {
    width: 7.656vw;
    padding: 0;
    margin-bottom: 1.354vw;
}

.footer_left h4 {
    display: inline-block;
    position: absolute;
    top: 41.1%;
    color: #fff;
    z-index: 1;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-90deg) translateY(-50%);
    -ms-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%);
    left: -5.4vw;
    padding: 0;
    border-bottom: 1px solid #fff;
    font-size: 0.9vw;
    font-family: 'Ridley Grotesk';
    line-height: 194%;
    text-transform: uppercase;
    letter-spacing: 0.036vw;
}

.footer_left h4 a {
    color: #fff;
}

.footer_left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0vw;
    list-style: none;
    width: 27.188vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer_left li img {
    display: block;
    width: 100%;
}

.footer_logo img {
    display: block;
    width: 10.417vw;
}

.instaFeed {
    max-width: 39.24vw;
}


@media (max-width: 1280px) {}

/* 1280px */
@media (max-width: 1140px) {}

/* 1140px */
@media (max-width: 1024px) {

    .subscrib_form p,
    .footer_links ul li a {
        font-size: 1.2vw;
    }

    .subscrib_form input {

        height: 3vw;

        font-size: 1.2vw;
    }

    .subscrib_form button {

        font-size: 1.2vw;
    }
}

/* 1024px */
@media (max-width: 767px) {

    .footer_top .section_inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: unset;
        width: 84vw;
    }

    .instaFeed {
        max-width: unset;
        width: 100%;
    }

    .footer_left {
        width: 100%;
        margin-bottom: 11.4vw;
    }

    .instaFeed img {
        display: block;
        width: 71.217vw;
        margin-left: auto;
        padding-right: 2vw;
    }

    .footer_left h4 {
        font-size: 3.6vw;
        top: 17vw;
        left: -15.1vw;
        line-height: 1.9;
        letter-spacing: 0.3vw;
    }

    .footer_right {
        max-width: unset;
        width: 100%;
    }

    .footer_widget {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }

    .footer_links {
        padding: 11.4vw 0 0 8.1vw;
        width: 100%;
    }

    .footer_links ul li a {
        font-size: 3vw;
        line-height: 3.5;
    }

    .footer_links ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        margin-bottom: 2.899vw;
    }

    .footer_links ul li {
        width: 41%;
        letter-spacing: 0.2vw;
        line-height: normal;
        padding-bottom: 6.3vw;
    }

    .footer_links ul li a {
        line-height: normal;
    }

    .subscrib_form {
        width: 83.019vw;
        padding: 0;
        margin-left: 0;
    }

    .subscrib_form h4 {
        font-size: 10.145vw;
        line-height: 1.1;
        margin-bottom: 5vw;
        margin-top: 3.6vw;
        letter-spacing: 0.5vw;
    }

    .subscrib_form p {
        font-size: 3.865vw;
        line-height: 139%;
        margin-bottom: 7.246vw;
        letter-spacing: 0.1vw;
        padding-right: 1vw;
    }

    .subscrib_form form .subscrib_form {
        padding-top: 11vw;
        padding-right: 0.8vw;
    }

    .subscrib_form .form-group {

        padding-bottom: 3.3vw;
    }

    .subscrib_form input {
        font-size: 3.3vw;
        line-height: normal;
        height: auto;
        letter-spacing: 0.5px;
        padding-top: 0.5vw;
    }

    .subscrib_form input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        text-transform: uppercase;
    }

    .subscrib_form input::-moz-placeholder {
        /* Firefox 19+ */
        text-transform: uppercase;
    }

    .subscrib_form input:-ms-input-placeholder {
        /* IE 10+ */
        text-transform: uppercase;
    }

    .subscrib_form input:-moz-placeholder {
        /* Firefox 18- */
        text-transform: uppercase;
    }

    .subscrib_form button {
        margin-top: 4.05vw !important;
        font-size: 2.899vw;
        line-height: 130%;
        padding: 2.415vw 8.386vw 2vw 9.386vw;
        letter-spacing: 2.4px;
    }

    .footer_top {
        padding: 13.077vw 0 18.184vw 0;
    }

    .footer_logo img {
        width: 33.676vw;
        margin: 0 0 5.77vw 8vw;
    }

    .footer_logo {
        padding: 2.208vw 0 0 0;
        margin: 0 0 0 0;
        border-bottom: 1px solid #fff;
    }

    .copyright {
        padding: 2.6vw 0 2.6vw;
        display: block;
    }

    .copyright p {
        font-size: 3.2vw;
        line-height: 1.4;
        display: block;
        width: 100%;
        text-align: center;
        padding: 4.831vw 0;
        letter-spacing: 0.6px;
    }

    .copyright p:first-child {
        position: relative;
        z-index: 1;
        border: 0;
    }

    .copyright p:first-child:after {
        position: absolute;
        content: "";
        width: 24.155vw;
        height: 2px;
        background: #000;
        left: 50%;
        top: 100%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }

}

/* 767px */
@media (max-width: 550px) {}

/* 550px */






/*Footer End ===========================*/





.brup7_cont_v2 {}

.brup7_cont_v2in {}

.brup7_cont_v2in .slick-list {
    padding-left: 29.3vw;
    padding-right: 29.3vw;
}

.brup7_cont_v2in .slick-list .slick-track {}

.brup7_cont_v2in .slick-list .slick-track .slick-slide {}

.brup7_cont_v2in .feature_slide {
    padding-left: 6vw;
    padding-right: 6vw;
    padding-top: 1.96vw;
    padding-bottom: 3vw;
}

.brup7_cont_v2in .feature_slide img {}

.brup7_cont_v2in .slick-arrow {
    position: absolute;
    top: 45%;
    width: 3.958vw;
    height: 3.438vw;
    display: block;
    /* background-image: url(arrow_left.svg); */
    background-repeat: no-repeat;
    background-size: contain;
    border: 0px;
    border-radius: 0px;
    background-color: transparent;
    font-size: 0px;
    cursor: pointer;
    z-index: 5;
}

.brup7_cont_v2in .slick-prev {
    background-image: url(arrow_left.svg);
    background-position: center left;
    left: 27.8vw;
}

.brup7_cont_v2in .slick-next {
    background-image: url(arrow_right.svg);
    background-position: center right;
    right: 27.8vw;
}





.brup7_cont_v2_nav {}

.brup7_cont_v2_nav_in {}

.brup7_cont_v2_nav_in .brup7_bottom {
    margin-top: 0vw;
    padding-top: 1.953vw;
}

.brup7_cont_v2_nav_in .brup7_bottom h4 {}

.brup7_cont_v2_nav_in .brup7_bottom p {}

.brup7_cont_v2_nav_in .brup7_bottom p a {}

.brup7_cont_v2_nav_in .brup7_bottom .brup6_btn {}

.brup7_cont_v2_nav_in .brup7_bottom .brup6_btn a.brand_btn {}


@media (max-width: 767px) {
    .brup7_cont_v2 {
        padding-top: 1.3vw;
    }

    .brup7_cont_v2in {
        padding-left: 5.3vw;
        padding-right: 5.3vw;
        padding-bottom: 16.8vw;
    }

    .brup7_cont_v2in .slick-list {
        padding-left: 0vw;
        padding-right: 0vw;
    }

    .brup7_cont_v2in .slick-list .slick-track {}

    .brup7_cont_v2in .slick-list .slick-track .slick-slide {}

    .brup7_cont_v2in .feature_slide {}

    .brup7_cont_v2in .feature_slide img {}

    .brup7_cont_v2in .slick-arrow {
        top: unset;
        bottom: 4vw;
        width: 9.958vw;
        height: 7.438vw;
    }

    .brup7_cont_v2in .slick-prev {
        left: 34.8vw;
    }

    .brup7_cont_v2in .slick-next {
        right: 34.8vw;
    }





    .brup7_cont_v2_nav {
        padding-bottom: 2.8vw;
    }

    .brup7_cont_v2_nav_in {}

    .brup7_cont_v2_nav_in .brup7_bottom {}

    .brup7_cont_v2_nav_in .brup7_bottom h4 {}

    .brup7_cont_v2_nav_in .brup7_bottom p {}

    .brup7_cont_v2_nav_in .brup7_bottom p a {}

    .brup7_cont_v2_nav_in .brup7_bottom .brup6_btn {}

    .brup7_cont_v2_nav_in .brup7_bottom .brup6_btn a.brand_btn {}
}

/***********************************************************************************/

.brup2 {
    border-bottom: 1px solid #000;
}

.brup2 .section_inner {
    width: 64%;
    margin: 0 auto;
    padding-top: 4.8vw;
}

.brup2 .brup2_in {
    border-radius: 2.5vw 2.5vw 0 0vw;
    border: 1px solid #000000;
    position: relative;
    padding-top: 2vw;
    padding-bottom: 2.7vw;
    padding-left: 1.8vw;
    padding-right: 2vw;
    border-bottom: 0;
}

.brup2 .brup2_in img {
    width: 58vw;
    height: auto;
    margin: 0 auto;
}

.brup2 .brup2_in span {
    position: absolute;
    left: 4vw;
    top: 3.7vw;
    height: 10vw;
    width: 10vw;
    display: flex;
    align-items: center;
    padding: 2vw;
    font-family: 'Ridley Grotesk';
    text-align: center;
    transform: rotate(-12deg);
    border-radius: 50%;
    line-height: 1.6;
}

.brup2 .brup2_in span img {
    height: 17.7vw;
    width: 17.396vw;
}

.brup-slider {
    padding-top: 6.55vw;
    padding-bottom: 6.2vw;
    border-bottom: 1px solid #000;
}

.brup-slider h2 {
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 5.1vw;
}

.brup-slider article {
    text-align: center;
    padding-top: 3.4vw;
}

.brup-slider article p {
    font-family: 'HK Grotesk';
    letter-spacing: 0;
    font-weight: normal;
    font-size: 1.2vw;
    line-height: 1.3;
    margin-bottom: 3vw;
}

.brup-slider article {}

button.slick-prev,
button.slick-next {
    display: none !important;
}

.brup-slider-in {}

.brup_slider_items{ height: 21.6vw; }
.brup_slider_items.slick-initialized.slick-slider{
    height: auto;
}

.slick-list.draggable {
    padding: 0px 17.5vw;
}

.slick-track {
    padding: 0 !important;
}

.brup_sld {
    margin: 0 .8vw;
}
.brup_sld_in{
    
background-position: center top;
    
background-repeat: no-repeat;
    
background-size: cover;
    
width: 100%;
    
height: 21.6vw;
    
overflow: hidden;
}
.brup_sld_in img{
    opacity:0;
}
.brup-slider article .brand_btn {
    padding: 0.7vw 2.5vw 0.7vw 2.5vw;
    /* line-height: 1; */
}

.brup4 {
    border-bottom: 1px solid #000;
    padding-bottom: 1vw;
}

.brup4 .section_inner {
    width: 88%;
}

.brup4_top {
    padding-top: 6.45vw;
    padding-bottom: 5.2vw;
}

.brup4_top h2 {
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 2.6vw;
}

.brup4_top p {
    text-align: center;
    font-family: 'HK Grotesk';
    letter-spacing: 0;
    font-size: 1.2vw;
    line-height: 1.3;
}

.brup4_bottom {}

.brup4_bottom_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.brup4_bottom_items .item {
    width: 50%;
    margin-bottom: 5vw;
}

.brup4_bottom_items .item img {
    width: auto;
    height: 25.7vw;
}

.brup4_bottom_items .item:last-child {
    padding-left: 0.7vw;
}

.brup4_bottom_items .item:nth-child(2) {
    padding-left: 0.7vw;
    padding-top: 0.4vw;
}

.brup4_bottom_items .item article {
    text-align: center;
    margin-top: -1vw;
}

.brup4_bottom_items .item article h4 {
    text-transform: uppercase;
    letter-spacing: 0.11vw;
    margin-bottom: 0;
    color: #000;
}
.brup4_bottom_items .item:nth-child(3), .brup4_bottom_items .item:nth-child(4) {
    margin-top: .35vw;
}

.brup4_bottom_items .item article p {
    font-family: 'HK Grotesk';
    letter-spacing: -0.07vw;
    margin-bottom: 1.5vw;
    color: #000;
}

.brup4_bottom_items .item article .brand_btn {
    padding: 0.8vw 2.5vw 0.6vw 2.5vw;
}
.brup3_btn .brand_btn {
    padding: 0.8vw 2.5vw 0.6vw 2.5vw;
}
section.brup3-1 {
    width: 66%;
    margin: 0 auto;
    margin-top: -0.75vw;
}
.brup3-1 .brup3_cont_box.brup3_right .brup3_cont h4{
    margin-bottom: 1vw;
}

.brup3-1 .brup3_cont_box.brup3_right .brup3_btn .brand_btn {
    padding: 0.6vw 2.4vw;
    margin-top: 0.3vw;
}

.brup3-1 .brup3_right .brup3_cont_img_box:after {
    top: 6.5vw;
    right: 86%;
    max-width: 26%;
}
section.brup3-1 {
    width: 66%;
    margin: 0 auto;
    margin-top: -0.75vw;
}
.brup3-1 .brup3_cont_box.brup3_right .brup3_cont h4{
    margin-bottom: 1vw;
    display: block;
    width: 70%;
    max-width: 100%;
}

.brup3-1 .brup3_cont_box.brup3_right .brup3_btn .brand_btn {
    padding: 0.8vw 2.4vw 0.6vw 2.4vw;
    margin-top: 0.3vw;
    margin-left: 0;
    white-space: nowrap;
}

.brup3-1 .brup3_right .brup3_cont_img_box:after {
    top: 6.5vw;
    right: 86%;
    /* width: 26%; */
}

section.brup3-2 {
    width: 75%;
    margin: 0 auto;
    margin-top: -0.6vw;
    padding-bottom: 2.35vw;
}

.brup3-2 .brup3_cont_box.brup3_left:last-child .brup3_cont {
    margin-top: 4.7vw;
    z-index: 9;
}
.anim_vdo_art {
    position: absolute;
    height: 20vw;
    width: 18vw;
    left: -10vw;
    top: 2.5vw;
    z-index: 1;
}

.anim_vdo_art img {
    position: relative;
    display: block;
}
.anim_vdo_art img {
  animation: spin 15s infinite linear;
}

.brup5_right_head h2 strong{
    font-weight: 400;
    display: inline-block;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}
@media (max-width: 767px){
    .brup2{
        margin-top: 4vw;
    }
    .brup4_bottom_items{
        flex-direction: column;
    }
    .brup4_bottom_items .item{
        width: 100%;
        margin-bottom: 17vw;
    }
    .brup4_bottom_items .item:last-child{
        margin-bottom: 14.5vw;
    }
    .brup4_bottom_items .item img{
        margin: 0 auto;
        height: 50vw;
    }
    .brup4_bottom_items .item article{
        padding-top: 7vw;
    }
    .brup4_bottom_items .item article h4{font-size: 5.6vw;letter-spacing: 0;margin-bottom: 3vw;}
    .brup4_bottom_items .item article p{font-size: 4vw;letter-spacing: 0.1vw;margin-bottom: 7vw;}
    .brup4_bottom_items .item article .brand_btn{
        font-size: 4vw;
        padding: 3.6vw 11.5vw 3.4vw 11.5vw;
        letter-spacing: 0.5vw;
    }
    .brup2 .section_inner{
        width: 100%;
        padding-top: 4vw;
        padding-bottom: 4vw;
    }
    .anim_vdo_art {
        position: absolute;
        height: 24vw;
        width: 24vw;
        left: -8vw;
        top: -9.5vw;
    }
    .brup2 .brup2_in img{width: 94vw;}
    .brup2 .brup2_in{
        border: 2px solid #000;
        margin-left: 0;
        width: 88%;
        margin: 0 auto;
        border-radius: 0;
        padding: 0;
    }
    .brup2 .brup2_in span{top: 7vw;left: 5.8vw;z-index: 999;font-size: 2vw;}
    .brup2 .brup2_in span img{
        height: auto;
        width: 24vw;
    }
    .brup-slider{
        padding-top: 9vw;
    }
    .brup-slider h2{
        font-size: 12vw;
        padding: 0 13vw;
        letter-spacing: 0.8vw;
        line-height: 1.3;
        margin-bottom: 13vw;
    }
    .brup4 .section_inner{
        width: 100%;
    }
    .brup4_top{padding-top: 12vw;padding-left: 8vw;padding-right: 8vw;padding-bottom: 12vw;}
    .brup4_top h2{font-size: 13vw;letter-spacing: 0.3vw;line-height: 1.18;margin-bottom: 9.5vw;}
    .brup4_top p{
        font-size: 4vw;
        letter-spacing: 0.12vw;
        line-height: 1.4;
    }
    .brup4_top p br{
        display: none;
    }
    section.brup3 .section_inner{
        width: 100%;
        max-width: 100%;
    }
    section.brup3-1{
        width: 100%;
    }
    .brup3-1 .brup3_right .brup3_cont_img_box{
        width: 100%;
    }
    section.brup3-2{
        width: 100%;
        padding-bottom: 0;
    }
    section.brup5_m.mobile_only {
        padding-top: 31vw;
        text-align: center;
        position: relative;
        background-color: #F5F3F1;
    }
    section.brup5_m.mobile_only:after{
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        background-image: url(brup1m.png);
        background-repeat: no-repeat;
        background-size: contain;
        top: -20vw;
        right: 0;
        z-index: 0;
    }
    .brup5_right_head{
        padding-left: 0;
        z-index: 9;
    }
    .brup5_right_head h6{
        text-transform: uppercase;
        font-family: 'Ridley Grotesk';
        font-weight: 500;
        font-size: 5vw;
        letter-spacing: 0.24vw;
        position: relative;
        margin-bottom: 8vw;
        text-align: center;
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .brup5_right_head h6:after{
        content: '';
        height: 1px;
        width: 75%;
        background-color: #000;
        bottom: -2vw;
        left: 12vw;
        position: absolute;
    }
    .brup5_right_head h2{
        font-size: 10vw;
        line-height: 1.4;
        letter-spacing: 0.6vw;
        margin-bottom: 3vw;
        text-align: center;
        width: 100%;
        margin-left: 0vw;
        margin-right: 0vw;
        padding-left: 6vw;
        padding-right: 6vw;
    }
    .brup5_right h2 span{
        
margin-left: 0vw;
    }
    .slick-list.draggable{
        padding: 0 20vw;
    }
    .brup_sld{
        margin: 0 1.8vw;
    }
    .brup-slider article{
        padding-top: 15vw;
        padding-bottom: 8vw;
    }
    .brup-slider article p{font-size: 4vw;padding-left: 9vw;padding-right: 9vw;letter-spacing: 0.1vw;line-height: 1.4;margin-bottom: 10vw;}
    .brup-slider article .brand_btn{
        font-size: 4vw;
        letter-spacing: 0.5vw;
        padding: 3.6vw 11.5vw 3.4vw 11.5vw;
    }
    .brup-slider article p br{
        display: none;
    }
    .subscrib_form p br {
        display: none;
    }
}