.home {
    overflow: hidden;
    padding-top: 0;
    background-color: #000
}

@media (max-width: 767.98px) {
    .home {
        padding-top: 30px
    }
}

.home .ae-section {
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width: 992px) {
    .home .ae-section {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1400px) {
    .home .ae-section {
        padding-left: 90px;
        padding-right: 90px
    }
}

.home .ae-section .section-title {
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.home .ae-section .section-title .title-count {
    font-family: "Freight Big Pro", serif;
    font-weight: 300;
    -webkit-text-stroke: 1px #a10022;
    -webkit-text-fill-color: transparent;
    font-size: 64px;
    margin-bottom: 20px
}

.h1-to-h5-good-times {
    font-size: 40px;
}

.h1-to-h5-good-times .s-title {
    font-size: 74px;
}

.h1-to-h5 {
    font-size: 64px;
    line-height: .8;
    color: white;
}

@media (max-width: 640px){
    .h1-to-h5 {
        font-size: 48px;
    }
}

@media (min-width: 1200px) {
    .home .ae-section .section-title .title-count {
        font-size: 96px;
        margin-bottom: 30px
    }
}

.home .ae-section .section-title span {
    display: block;
    line-height: .7
}

.home .ae-section .section-title .s-title {
    font-size: 60px;
    color: #a10022
}

@media (min-width: 1200px) {
    .home .ae-section .section-title .s-title {
        font-size: 96px
    }
}

.home .ae-section .section-title .p-title {
    font-size: 60px
}

@media (min-width: 1200px) {
    .home .ae-section .section-title .p-title {
        font-size: 96px
    }
}

.home .lftContainer {
    width: 31.6%;
    display: inline-block;
    position: relative;
    margin-top: -20%;
    vertical-align: top;
    z-index: 2
}

@media (max-width: 991.98px) {
    .home .lftContainer {
        display: none
    }
}

@media (min-width: 1920px) {
    .home .lftContainer {
        margin-top: -8%
    }
}

.home .lftContainer .p-title {
    font-size: 48px
}

@media (min-width: 1200px) {
    .home .lftContainer .p-title {
        font-size: 64px
    }
}

@media (min-width: 1400px) {
    .home .lftContainer .p-title {
        font-size: 84px
    }
}

.home .lftContainer .s-title {
    font-size: 95px
}

@media (min-width: 1200px) {
    .home .lftContainer .s-title {
        font-size: 85px
    }
}

@media (min-width: 1400px) {
    .home .lftContainer .s-title {
        ont-size: 95px
    }
}

.home .home-right-img {
    top: 0;
    width: 25%;
    position: absolute;
    right: 85px;
    text-align: right
}

@media (max-width: 991.98px) {
    .home .home-right-img {
        display: none
    }
}

.home .home-right-img .p-title {
    margin-top: -70px
}

.home .home-right-img .f-freight {
    font-weight: 300;
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    font-size: 80px
}

.home .home-right-img img {
    width: 90%;
    margin-left: auto
}

.home .home-bg-full {
    background-position: bottom center;
    background-size: cover
}

.home .top-section {
    position: relative;
    padding-top: 200px;
    overflow: hidden
}

@media (min-width: 992px) {
    .home .top-section {
        min-height: 900px
    }
}

@media (min-width: 1200px) {
    .home .top-section {
        min-height: 1060px;
        overflow: unset
    }
}

@media (max-width: 767.98px) {
    .home .top-section {
        background-image: url(../images/home-bg-new-mob.jpg) !important
    }
}

.home .top-section .ts-grid {
    padding: 0 25px;
    height: 100%;
    position: relative;
    grid-template-columns:repeat(14, 1fr);
    grid-template-rows:repeat(15, 1fr);
    z-index: 2
}

@media (min-width: 992px) {
    .home .top-section .ts-grid {
        position: absolute;
        top: 40px;
        padding: 0
    }
}

@media (min-width: 1200px) {
    .home .top-section .ts-grid {
        right: 90px;
        left: 0;
        top: 0
    }
}

.home .top-section .ts-grid .itemOne {
    grid-area: 2/1/6/5;
    transform: translateY(80px);
    display: none
}

@media (min-width: 992px) {
    .home .top-section .ts-grid .itemOne {
        display: block
    }
}

.home .top-section .ts-grid .itemOne img {
    height: auto !important
}

.home .top-section .ts-grid .itemTwo {
    grid-area: 9/1/13/15;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width: 992px) {
    .home .top-section .ts-grid .itemTwo {
        grid-area: 8/1/11/7
    }
}

@media (min-width: 1200px) {
    .home .top-section .ts-grid .itemTwo {
        grid-area: 8/1/10/7
    }
}

@media (min-width: 1800px) {
    .home .top-section .ts-grid .itemTwo {
        grid-area: 8/1/15/7
    }
}

.home .top-section .ts-grid .itemTwo .ae-img-wrapper {
    position: relative;
    z-index: 1
}

.home .top-section .ts-grid .itemTwo .ae-img-wrapper:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    left: 0;
    bottom: 0
}

.home .top-section .ts-grid .itemTwo .ae-text {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    z-index: 4;
    padding: 8%
}

.home .top-section .ts-grid .itemTwo .ae-text span {
    color: #fff;
    line-height: .7
}

.home .top-section .ts-grid .itemTwo .ae-text .p-title {
    font-size: 48px
}

@media (min-width: 1200px) {
    .home .top-section .ts-grid .itemTwo .ae-text .p-title {
        font-size: 64px
    }
}

@media (min-width: 1400px) {
    .home .top-section .ts-grid .itemTwo .ae-text .p-title {
        font-size: 84px
    }
}

.home .top-section .ts-grid .itemTwo .ae-text .s-title {
    font-size: 95px
}

@media (min-width: 1200px) {
    .home .top-section .ts-grid .itemTwo .ae-text .s-title {
        font-size: 85px
    }
}

@media (min-width: 1400px) {
    .home .top-section .ts-grid .itemTwo .ae-text .s-title {
        ont-size: 95px
    }
}

.home .top-section .ts-grid .itemThree {
    grid-area: 1/1/8/15;
    position: relative
}

@media (min-width: 992px) {
    .home .top-section .ts-grid .itemThree {
        grid-area: 3/9/12/15
    }
}

.home .top-section .ts-grid .itemThree .ae-img-wrapper {
    position: relative;
    height: auto
}

@media (min-width: 1200px) {
    .home .top-section .ts-grid .itemThree .ae-img-wrapper {
        height: 100%
    }
}

.home .top-section .ts-grid .itemThree .ae-img-wrapper:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    left: 0;
    bottom: 0;
    display: none
}

@media (min-width: 1200px) {
    .home .top-section .ts-grid .itemThree .ae-img-wrapper:before {
        display: block
    }
}

.home .top-section .ts-grid .itemThree .ae-img-wrapper .p-title {
    font-size: 48px;
    position: relative;
    top: auto;
    left: auto;
    bottom: 0;
    z-index: 2;
    line-height: 1;
    right: 0;
    text-align: left;
    margin-bottom: 0;
    margin-top: 30px
}

@media (min-width: 1200px) {
    .home .top-section .ts-grid .itemThree .ae-img-wrapper .p-title {
        font-size: 64px;
        text-align: right;
        position: absolute;
        padding: 8% 8% 0 8%;
        color: #fff;
        margin-top: 0
    }
}

@media (min-width: 1600px) {
    .home .top-section .ts-grid .itemThree .ae-img-wrapper .p-title {
        font-size: 84px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .home .top-section .ts-grid .itemThree .ae-img-wrapper .p-title {
        line-height: 1
    }

    .home .top-section .ts-grid .itemThree .ae-img-wrapper .p-title br {
        display: none
    }
}

.home .top-section .ts-grid .itemThree .desc {
    padding-right: 8%;
    padding-top: 20px;
    text-align: left;
    max-width: 500px;
    margin-left: 0;
    position: relative
}

@media (min-width: 1200px) {
    .home .top-section .ts-grid .itemThree .desc {
        position: absolute;
        margin-left: auto;
        padding-top: 40px;
        text-align: right;
        right: 0
    }
}

.home .top-section .ts-grid .ae-img-wrapper {
    height: 100%
}

.home .top-section .ts-grid .ae-img-wrapper img {
    height: 100%;
    object-fit: cover
}

.home .top-section .main-banner {
    width: 100%;
    position: relative;
    z-index: 3;
    top: 0;
    left: 0
}

@media (max-width: 991.98px) {
    .home .top-section .main-banner {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 992px) {
    .home .top-section .main-banner {
        height: 100vh;
        min-height: 100vh;
        position: absolute;
        overflow: hidden
    }
}

.home .top-section .main-banner .mb-content {
    z-index: 4;
    position: relative;
    padding-top: 0;
    text-align: center
}

@media (max-width: 1199.98px) {
    .home .top-section .main-banner .mb-content {
        margin-bottom: 180px
    }
}

@media (min-width: 1200px) {
    .home .top-section .main-banner .mb-content {
        padding-top: 40px
    }
}

.home .top-section .main-banner .mb-content .p-title, .home .top-section .main-banner .mb-content .s-title {
    text-align: center;
    display: block
}

.home .top-section .main-banner .mb-content .s-title {
    font-size: 68px;
    line-height: 1;
    color: #a10022;
    z-index: 2;
    position: relative;
    filter: drop-shadow(0 2px 2px rgba(255, 255, 255, .3))
}

@media (min-width: 1200px) {
    .home .top-section .main-banner .mb-content .s-title {
        font-size: 108px
    }
}

@media (min-width: 1400px) {
    .home .top-section .main-banner .mb-content .s-title {
        font-size: 108px
    }
}

.home .top-section .main-banner .mb-content .p-title {
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 1;
    margin-top: -20px;
    filter: drop-shadow(0 1px 10px rgba(0, 0, 0, .4))
}

@media (min-width: 1200px) {
    .home .top-section .main-banner .mb-content .p-title {
        font-size: 120px;
        margin-top: -40px
    }
}

@media (min-width: 1400px) {
    .home .top-section .main-banner .mb-content .p-title {
        font-size: 140px
    }
}

.home .top-section .main-banner .mb-content .btn-group {
    margin-top: 40px;
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-direction: column
}

@media (min-width: 576px) {
    .home .top-section .main-banner .mb-content .btn-group {
        flex-direction: row;
        margin-top: 60px
    }
}

.home .top-section .main-banner .mb-content .btn-group .dropdown {
    max-width: 100%;
    width: 100%
}

@media (min-width: 576px) {
    .home .top-section .main-banner .mb-content .btn-group .dropdown {
        max-width: 260px
    }
}

.home .top-section .main-banner .mb-content .btn-group .btn {
    justify-content: space-between
}

@media (max-width: 575.98px) {
    .home .top-section .main-banner .mb-content .btn-group .btn {
        max-width: 100%
    }
}

.home .top-section .main-banner .mb-content .btn-group .btn.btn-white {
    color: #000;
    justify-content: center
}

.home .top-section .main-banner .mb-content .btn-group .btn.btn-white:hover .text {
    color: #a10022
}

.home .top-section .main-banner .mb-content .big-title, .home .top-section .main-banner .mb-content .btn-group {
    opacity: 0;
    visibility: hidden
}

.home .top-section .main-banner .scroll-down {
    position: absolute;
    z-index: 1005;
    left: 50%;
    transform: translateX(-50%);
    bottom: -100px;
    cursor: pointer;
    height: 120px;
    width: 120px;
    display: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    visibility: hidden
}

@media (min-width: 992px) {
    .home .top-section .main-banner .scroll-down {
        bottom: 50px
    }
}

.home .top-section .main-banner .scroll-down .arrow {
    height: 120px;
    width: 120px;
    animation: bounce 2s infinite linear
}

.home .top-section .main-banner .scroll-down .text {
    position: absolute;
    height: 120px;
    width: 120px;
    left: 0;
    animation: rotate 8s linear infinite
}

@media (min-width: 992px) {
    .home .top-section .main-banner .scroll-down {
        bottom: 50px;
        right: 40px;
        display: block
    }
}

.home .top-section .ts-graphic {
    position: absolute;
    left: 0;
    overflow: hidden;
    z-index: 1;
    pointer-events: none
}

.home .top-section .ts-graphic .svgfilterEffect {
    filter: url(#turbulence)
}

.home .top-section .ts-graphic img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.home .top-section .ts-graphic.ts-graphic-one {
    left: -15%;
    top: 65%;
    width: 800px
}

@media (min-width: 1200px) {
    .home .top-section .ts-graphic.ts-graphic-one {
        width: 100%;
        top: 50%
    }
}

.home .top-section .ts-graphic.ts-graphic-one .svgfilterEffect {
    width: 60%
}

.home .top-section .ts-graphic.ts-graphic-one img {
    animation: rotate 30s linear infinite
}

.home .top-section .ts-graphic.ts-graphic-two {
    width: 80%;
    left: auto;
    overflow: hidden;
    right: 0;
    display: none
}

@media (min-width: 1200px) {
    .home .top-section .ts-graphic.ts-graphic-two {
        display: block
    }
}

.home .top-section .ts-graphic.ts-graphic-two img {
    transform: translateX(20%) translateY(-20%)
}

.home .our-roots {
    background-color: rgba(153, 153, 153, 0);
    position: relative
}

.home .our-roots:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30vh;
    background-color: #fff;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none
}

.home .our-roots .line-wrap .line-item {
    transform: translateY(50%)
}

.home .our-roots .section-title .p-title {
    color: #fff
}

@media (min-width: 992px) {
    .home .our-roots .section-title {
        transform: translateY(-240px)
    }
}

.home .our-roots .our-roots-content {
    z-index: 3;
    position: relative
}

.home .our-roots .our-roots-content .h2 {
    line-height: 1;
    color: #fff
}

.home .our-roots .our-roots-content .h2 br {
    display: none
}

@media (min-width: 1200px) {
    .home .our-roots .our-roots-content .h2 br {
        display: block
    }
}

.home .our-roots .our-roots-content.top {
    padding-top: 100px;
    z-index: 3;
    position: relative
}

@media (min-width: 992px) {
    .home .our-roots .our-roots-content.top {
        transform: translateY(-50px)
    }
}

@media (min-width: 1200px) {
    .home .our-roots .our-roots-content.top {
        padding-top: 0
    }
}

.home .our-roots .our-roots-content.top .content-image {
    position: relative;
    display: none
}

@media (min-width: 1200px) {
    .home .our-roots .our-roots-content.top .content-image {
        display: block
    }
}

.home .our-roots .our-roots-content.top .content-image .ae-image-wrapper {
    position: absolute;
    top: -50px;
    transform: translateY(-50%);
    background-color: #dfdfdf;
    width: calc(100% + 90px);
    bottom: auto
}

.home .our-roots .our-roots-content.top .content-image .ae-image-wrapper img {
    opacity: .6
}

.home .our-roots .our-roots-content.bottom {
    margin-top: 40px;
    z-index: 2;
    position: relative
}

@media (min-width: 1200px) {
    .home .our-roots .our-roots-content.bottom {
        margin-top: 0
    }
}

.home .our-roots .our-roots-content.bottom .content-image {
    position: relative;
    z-index: 2
}

.home .our-roots .our-roots-content.bottom .content-image .ae-image-wrapper img {
    opacity: .7
}

.home .our-roots .our-roots-content.bottom .content-text {
    color: #fff;
    position: relative;
    z-index: 1;
    margin-top: 40px
}

@media (min-width: 1200px) {
    .home .our-roots .our-roots-content.bottom .content-text {
        margin-top: 0
    }
}

.home .our-roots .our-roots-content.bottom .content-text::before {
    position: absolute;
    z-index: 1;
    background-color: #a10022;
    min-height: 450px;
    content: "";
    height: 650px;
    transform: translateY(-100px);
    content: "";
    right: 0;
    z-index: 0;
    left: -25px;
    width: 100vw;
    top: 0
}

@media (max-width: 767.98px) {
    .home .our-roots .our-roots-content.bottom .content-text::before {
        transform: translateY(-70px)
    }
}

@media (min-width: 576px) {
    .home .our-roots .our-roots-content.bottom .content-text::before {
        height: 550px
    }
}

@media (min-width: 992px) {
    .home .our-roots .our-roots-content.bottom .content-text::before {
        right: -90px;
        z-index: 0;
        transform: translateY(160px);
        height: 70vh;
        width: 60vw;
        left: unset;
        min-height: 350px
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .home .our-roots .our-roots-content.bottom .content-text::before {
        min-height: 450px;
        height: 80vh;
        transform: translateY(45%)
    }
}

@media (min-width: 1400px) {
    .home .our-roots .our-roots-content.bottom .content-text::before {
        min-height: 450px;
        height: 55vh;
        transform: translateY(25%)
    }
}

@media (min-width: 1400px) {
    .home .our-roots .our-roots-content.bottom .content-text::before {
        min-height: 450px;
        height: 45vh;
        transform: translateY(28%)
    }
}

@media only screen and (min-width: 1600px) {
    .home .our-roots .our-roots-content.bottom .content-text::before {
        min-height: 450px;
        height: 34vh;
        transform: translateY(100px)
    }
}

@media only screen and (min-width: 1920px) {
    .home .our-roots .our-roots-content.bottom .content-text::before {
        transform: translateY(50px)
    }
}

@media (max-width: 991.98px) {
    .home .our-roots .our-roots-content.bottom .content-text .desc {
        margin-top: 40px
    }
}

@media (min-width: 992px) {
    .home .our-roots .our-roots-content.bottom .content-text .desc {
        transform: translateY(-170px)
    }
}

@media (min-width: 1920px) {
    .home .our-roots .our-roots-content.bottom .content-text .desc {
        transform: translateY(-160px)
    }
}

.home .our-roots .our-roots-content.bottom .content-text .desc, .home .our-roots .our-roots-content.bottom .content-text .h4, .home .our-roots .our-roots-content.bottom .content-text .title {
    position: relative;
    z-index: 2;
    max-width: 500px
}

.home .our-roots .our-roots-content.bottom .content-text .title {
    margin-top: 0;
    line-height: 1
}

@media (min-width: 992px) {
    .home .our-roots .our-roots-content.bottom .content-text .title .s-title {
        font-size: 60px
    }
}

@media (max-width: 575.98px) {
    .home .our-roots .our-roots-content.bottom .content-text .btn {
        max-width: 100%
    }
}

.home .our-roots .bg-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #000;
    overflow: hidden;
    width: 100%;
    height: 800px
}

@media (min-width: 1200px) {
    .home .our-roots .bg-image {
        height: 64%
    }
}

@media (min-width: 1400px) {
    .home .our-roots .bg-image {
        height: 1283px
    }
}

.home .our-roots .bg-image img {
    opacity: .1
}

.home .counter-data {
    position: relative;
    min-height: 20vh;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (min-width: 1200px) {
    .home .counter-data {
        padding-top: 100px;
        padding-bottom: 50px
    }
}

.home .counter-data .withSup {
    position: relative
}

.home .counter-data .data-counter {
    text-align: center;
    z-index: 3;
    position: relative;
    margin-bottom: 60px
}

@media (min-width: 1200px) {
    .home .counter-data .data-counter {
        margin-bottom: 0
    }
}

.home .counter-data .data-counter .big {
    font-size: 64px;
    color: #a10022;
    line-height: 1;
    position: relative
}

@media (min-width: 1200px) {
    .home .counter-data .data-counter .big {
        font-size: 94px
    }
}

@media (min-width: 1400px) {
    .home .counter-data .data-counter .big {
        font-size: 100px
    }
}

.home .counter-data .data-counter .small {
    font-size: 18px
}

@media (min-width: 1200px) {
    .home .counter-data .data-counter .small {
        font-size: 20px
    }
}

.home .counter-data .data-counter sup {
    font-size: 20px;
    position: absolute;
    top: 25px
}

@media (min-width: 1200px) {
    .home .counter-data .data-counter sup {
        left: auto;
        right: -2%;
        top: 35px
    }
}

@media (min-width: 1400px) {
    .home .counter-data .data-counter sup {
        /*top: 40px*/
    }
}

.home .counter-data .bg-img-grid {
    position: absolute;
    top: 0;
    z-index: 2;
    left: 25px;
    height: 100%;
    right: 0;
    grid-template-columns:repeat(12, 1fr);
    grid-template-rows:repeat(8, 1fr)
}

@media (min-width: 1200px) {
    .home .counter-data .bg-img-grid {
        left: 100px;
        right: 100px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .home .counter-data .bg-img-grid {
        display: flex !important;
        flex-direction: column;
        left: 0
    }
}

.home .counter-data .bg-img-grid .ae-image-wrapper {
    background-color: #dfdfdf
}

.home .counter-data .bg-img-grid .ae-image-wrapper img {
    height: 100%;
    object-fit: cover;
    max-width: 100%
}

.home .counter-data .bg-img-grid .bg-image-1 {
    grid-area: 5/1/7/13;
    margin-right: 25px
}

@media (max-width: 1199.98px) {
    .home .counter-data .bg-img-grid .bg-image-1 {
        opacity: .5
    }
}

@media (min-width: 992px) {
    .home .counter-data .bg-img-grid .bg-image-1 {
        grid-area: 6/2/9/6
    }
}

@media (min-width: 1200px) {
    .home .counter-data .bg-img-grid .bg-image-1 {
        grid-area: 6/1/9/4;
        margin-right: 0
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .home .counter-data .bg-img-grid .bg-image-1 {
        margin: 0
    }
}

.home .counter-data .bg-img-grid .bg-image-2 {
    grid-area: 2/1/4/13;
    width: calc(100% + 100px)
}

@media (max-width: 1199.98px) {
    .home .counter-data .bg-img-grid .bg-image-2 {
        opacity: .5
    }
}

@media (min-width: 992px) {
    .home .counter-data .bg-img-grid .bg-image-2 {
        grid-area: 2/7/9/13
    }
}

@media (min-width: 1200px) {
    .home .counter-data .bg-img-grid .bg-image-2 {
        grid-area: 1/10/9/13
    }
}

.home .counter-data .bg-img-grid .bg-image-2 .ae-image-wrapper {
    transform: translateY(0);
    background-color: #dfdfdf
}

@media (min-width: 1200px) {
    .home .counter-data .bg-img-grid .bg-image-2 .ae-image-wrapper {
        transform: translateY(100px)
    }
}

.home .counter-data .bg-img-grid .bg-image-2 img {
    opacity: .3
}

.home .counter-data .cd-graphic {
    position: absolute;
    width: 80vw;
    z-index: 1;
    top: -50%;
    right: 30%
}

.home .global-brands {
    padding-bottom: 140px;
    padding-top: 100px;
    position: relative;
    padding-left: 0;
    padding-right: 0
}

.home .global-brands .gb-slider-container-wrapper {
    position: relative;
    margin-top: 80px;
    padding-top: 80px
}

@media (min-width: 1200px) {
    .home .global-brands .gb-slider-container-wrapper {
        margin-top: 140px;
        padding-top: 140px
    }
}

.home .global-brands .gb-slider-container-wrapper .bg-image {
    position: absolute;
    left: -25px;
    top: 0;
    width: 100vw;
    z-index: 3;
    background-color: #000;
    height: 50%
}

@media (min-width: 1200px) {
    .home .global-brands .gb-slider-container-wrapper .bg-image {
        height: 70%;
        left: 0
    }
}

@media (min-width: 1400px) {
    .home .global-brands .gb-slider-container-wrapper .bg-image {
        height: 60%
    }
}

@media only screen and (min-width: 1600px) {
    .home .global-brands .gb-slider-container-wrapper .bg-image {
        height: 50%;
        left: 0
    }
}

@media (max-width: 767.98px) {
    .home .global-brands .gb-slider-container-wrapper .bg-image {
        left: 0
    }
}

.home .global-brands .gb-slider-container-wrapper .bg-image .ae-image-wrapper {
    position: relative;
    height: 100%
}

.home .global-brands .gb-slider-container-wrapper .bg-image .ae-image-wrapper::before {
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .12) 52.08%, #000 100%);
    position: absolute;
    opacity: .7;
    pointer-events: none;
    z-index: 2
}

.home .global-brands .gb-slider-container-wrapper .bg-image .ae-image-wrapper img {
    opacity: .6;
    z-index: 1;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.home .global-brands .gb-slider-container-wrapper::before {
    position: absolute;
    z-index: 2;
    left: -25px;
    width: 100vw;
    content: "";
    background-color: #000;
    height: 60%;
    bottom: -100px
}

@media (min-width: 992px) {
    .home .global-brands .gb-slider-container-wrapper::before {
        width: calc(83.3333% - 65px);
        bottom: -60px
    }
}

@media (min-width: 1200px) {
    .home .global-brands .gb-slider-container-wrapper::before {
        width: calc(92% - 65px);
        left: -40px
    }
}

@media (min-width: 1400px) {
    .home .global-brands .gb-slider-container-wrapper::before {
        width: calc(92% - 65px);
        left: -90px
    }
}

@media only screen and (min-width: 1600px) {
    .home .global-brands .gb-slider-container-wrapper::before {
        left: -90px;
        width: calc(88.5% - 65px)
    }
}

.home .global-brands .gb-banner {
    padding-top: 100px;
    z-index: 3;
    position: relative
}

.home .global-brands .gb-banner:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    left: 0;
    bottom: 0
}

.home .global-brands .gb-slider-wrapper {
    position: relative;
    z-index: 4;
    margin: 0 -10px
}

@media (min-width: 1200px) {
    .home .global-brands .gb-slider-wrapper {
        margin: 0 -40px
    }
}

@media only screen and (min-width: 1600px) {
    .home .global-brands .gb-slider-wrapper {
        margin: 0 -90px
    }
}

.home .global-brands .gb-content {
    z-index: 4;
    position: relative;
    height: 100%
}

.home .global-brands .gb-content .content-text {
    height: 100%
}

@media (max-width: 767.98px) {
    .home .global-brands .gb-content .content-text {
        padding: 0 20px
    }
}

.home .global-brands .gb-content .content-text h5 {
    line-height: 1;
    color: #fff;
    transform: translateY(-110px);
    width: 85%
}

@media (min-width: 1400px) {
    .home .global-brands .gb-content .content-text h5 {
        max-width: 620px;
        width: 100%
    }
}

.home .global-brands .gb-content .content-text h5 br {
    display: none
}

@media (min-width: 1200px) {
    .home .global-brands .gb-content .content-text h5 br {
        display: block
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .home .global-brands .gb-content .content-text h5 {
        padding-left: 20px
    }
}

.home .global-brands .gb-content .content-text .desc {
    transform: translateY(-110px)
}

@media (min-width: 1400px) {
    .home .global-brands .gb-content .content-text .desc {
        max-width: 900px;
        width: 100%
    }
}

.home .global-brands .gb-content .content-text .desc h5 {
    color: #fff
}

.home .global-brands .gb-slider {
    padding-top: 40px;
    height: 100%;
    z-index: 3;
    position: relative
}

@media (min-width: 1200px) {
    .home .global-brands .gb-slider {
        padding-top: 40px;
        width: calc(100% + 90px)
    }
}

@media (min-width: 1400px) {
    .home .global-brands .gb-slider {
        padding-top: 190px
    }
}

@media only screen and (min-width: 1600px) {
    .home .global-brands .gb-slider {
        padding-top: 240px
    }
}

.home .global-brands .gb-slider::before {
    content: "";
    opacity: 0;
    background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    width: 25%;
    height: calc(100% - 40px);
    bottom: 0;
    z-index: 3;
    pointer-events: none
}

@media (min-width: 1200px) {
    .home .global-brands .gb-slider::before {
        height: calc(100% - 40px)
    }
}

@media (min-width: 1400px) {
    .home .global-brands .gb-slider::before {
        height: calc(100% - 20px)
    }
}

@media only screen and (min-width: 1600px) {
    .home .global-brands .gb-slider::before {
        height: calc(100% - 90px)
    }
}

.home .global-brands .gb-slider .slick-list {
    padding: 0 90px 0 0 !important;
    height: 100%
}

.home .global-brands .gb-slider .slick-track {
    margin-left: 0;
    height: 100%
}

.home .global-brands .gb-slider .gb-slider-item {
    position: relative;
    margin: 0 10px
}

.home .global-brands .gb-slider .gb-slider-item:hover .content-image img {
    transform: scale(1.1)
}

.home .global-brands .gb-slider .gb-slider-item .content-text {
    position: absolute;
    bottom: 0;
    padding: 8%;
    z-index: 2
}

.home .global-brands .gb-slider .gb-slider-item .content-text h2, .home .global-brands .gb-slider .gb-slider-item .content-text h6 {
    color: #fff
}

.home .global-brands .gb-slider .gb-slider-item .content-text .s-title {
    font-size: 36px
}

@media (min-width: 768px) {
    .home .global-brands .gb-slider .gb-slider-item .content-text .s-title {
        font-size: 48px
    }
}

.home .global-brands .gb-slider .gb-slider-item .content-text h6 {
    display: none
}

.home .global-brands .gb-slider .gb-slider-item .content-image {
    position: relative;
    height: 100%;
    overflow: hidden
}

.home .global-brands .gb-slider .gb-slider-item .content-image .ae-img-wrapper {
    height: 100%
}

.home .global-brands .gb-slider .gb-slider-item .content-image .ae-img-wrapper img {
    height: 100%;
    z-index: 0;
    object-fit: cover;
    transition: cubic-bezier(.075, .82, .165, 1) all .8s
}

.home .global-brands .gb-slider .gb-slider-item .content-image:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 70%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 100%);
    left: 0;
    bottom: 0
}

@media (max-width: 575.98px) {
    .home .global-brands .btn {
        max-width: calc(100% - 20px)
    }
}

@media (max-width: 767.98px) {
    .home .global-brands .btn {
        margin-top: 40px !important;
        width: 260px
    }
}

.home .global-brands .slider-counter {
    margin-left: auto;
    width: 100%;
    max-width: 1000px
}

@media (min-width: 768px) {
    .home .global-brands .slider-counter {
        margin-right: 8%
    }
}

.home .global-brands .slider-counter .counter {
    color: #fff;
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-size: 20px;
    display: flex;
    position: relative;
    align-items: center;
    width: 70%;
    margin-left: 10px
}

@media (min-width: 1200px) {
    .home .global-brands .slider-counter .counter {
        margin-left: 30px
    }
}

.home .global-brands .slider-counter .counter::before {
    height: 1px;
    width: 90%;
    background-color: #a10022;
    content: "";
    margin-right: 20px
}

.home .global-brands .slider-arrow {
    width: 40%
}

.home .global-brands .slider-arrow .slick-prev {
    display: none !important
}

.home .global-brands .slider-arrow .slick-next {
    height: 67px;
    width: 67px;
    top: 35px;
    text-decoration: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: -9999px;
    position: relative;
    border: 0;
    left: calc(50% - 120px);
    border-radius: 50px;
    border-radius: 50%;
    background-size: 20px;
    transition: background-color .3s cubic-bezier(.7, 0, .2, 1);
    background: #a10022 url(../images/next.svg) no-repeat center center;
    background-size: 20px
}

.home .global-brands .slider-arrow .slick-next:after, .home .global-brands .slider-arrow .slick-next:before {
    background-size: 100%;
    width: 100%;
    position: absolute;
    height: 100%;
    content: ""
}

.home .global-brands .slider-arrow .slick-next:hover {
    background: #000 url(../images/next.svg) no-repeat center center;
    border: 0 !important;
    background-size: 20px
}

.home .global-brands .gb-graphic {
    position: absolute;
    z-index: 0;
    width: 60%;
    top: auto;
    left: 50%;
    bottom: 20%
}

.home .global-brands .gb-graphic img {
    transform: rotate(-50deg)
}

.home .local-presence {
    padding-top: 150px;
    position: relative
}

@media (min-width: 1200px) {
    .home .local-presence {
        padding-top: 150px
    }
}

.home .local-presence .youtubePlayerWrapper {
    z-index: 3;
    margin-top: 200px
}

@media (min-width: 1200px) {
    .home .local-presence .youtubePlayerWrapper {
        margin-top: 50px
    }
}

@media (max-width: 991.98px) {
    .home .local-presence .youtubePlayerWrapper {
        margin-top: 40px
    }
}

@media (min-width: 992px) {
    .home .local-presence a.btn.btn-red.m-lg-5 {
        position: absolute
    }
}

.home .local-presence .content-text {
    z-index: 3;
    position: relative
}

.home .local-presence .content-text .title {
    margin-top: 20px;
    line-height: 1;
    padding-right: 50px
}

@media (max-width: 991.98px) {
    .home .local-presence .content-text .title {
        padding-top: 10px
    }
}

.home .local-presence .content-text .desc {
    margin-top: 40px;
    text-align: left
}

@media (min-width: 1200px) {
    .home .local-presence .content-text .desc {
        margin-top: 10px;
        text-align: right
    }
}

@media only screen and (min-width: 1600px) {
    .home .local-presence .content-text .desc {
        margin-top: 10px
    }
}

.home .local-presence .content-text .btn {
    margin-left: 0;
    margin-right: auto;
    margin-top: 20px
}

@media (max-width: 575.98px) {
    .home .local-presence .content-text .btn {
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .home .local-presence .content-text .btn {
        margin-left: auto;
        margin-right: 0;
        margin-top: 40px
    }
}

@media only screen and (min-width: 1600px) {
    .home .local-presence .content-text .btn {
        margin-top: 60px
    }
}

@media only screen and (min-width: 1920px) {
    .home .local-presence .content-text .btn {
        margin-top: 60px
    }
}

@media only screen and (min-width: 2220px) {
    .home .local-presence .content-text .btn {
        margin-top: 20px
    }
}

.home .local-presence .bg-img-grid {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 100px;
    height: 100%;
    right: 100px;
    grid-template-columns:repeat(12, 1fr);
    grid-template-rows:repeat(12, 1fr)
}

.home .local-presence .bg-img-grid .ae-image-wrapper {
    height: 100%;
    background-color: #dfdfdf
}

.home .local-presence .bg-img-grid .ae-image-wrapper img {
    height: 100%;
    object-fit: cover
}

.home .local-presence .bg-img-grid .bg-image-2 {
    grid-area: 1/9/7/13
}

.home .local-presence .bg-img-grid .bg-image-2 .ae-image-wrapper {
    width: calc(100% + 100px);
    background-color: #fff
}

.home .local-presence .bg-img-grid .bg-image-2 .ae-image-wrapper img {
    opacity: .5
}

.home .local-presence .bg-img-grid .bg-image-3 {
    grid-area: 10/4/12/8
}

.home .local-presence .bg-img-grid .bg-image-1 {
    grid-area: 4/1/8/4;
    transform: translateX(-100px)
}

.home .local-presence .bg-img-grid .bg-image-1 .ae-image-wrapper {
    width: calc(100% + 100px)
}

.home .local-presence .lp-graphic {
    position: absolute;
    z-index: 0
}

.home .local-presence .lp-graphic.lp-graphic-one {
    bottom: 95%;
    width: 100vw;
    left: 0
}

@media (min-width: 1200px) {
    .home .local-presence .lp-graphic.lp-graphic-one {
        bottom: 70%;
        width: 60vw;
        left: 25%
    }
}

.home .local-presence .lp-graphic.lp-graphic-one img {
    transform: rotate(128deg)
}

.home .local-presence .lp-graphic.lp-graphic-two {
    bottom: -10%;
    width: 100vw;
    left: 0
}

@media (min-width: 1200px) {
    .home .local-presence .lp-graphic.lp-graphic-two {
        bottom: -3%;
        width: 70vw;
        left: -10%
    }
}

.home .local-presence .lp-graphic.lp-graphic-two img {
    transform: rotate(-80deg);
    transform-origin: center
}

.home .social-feeds {
    margin-top: 50px;
    padding-top: 100px;
    position: relative;
    padding-bottom: 70px;
    z-index: 5
}

.home .social-feeds .lp-graphic {
    position: absolute;
    z-index: 0;
    opacity: .7
}

.home .social-feeds .lp-graphic.lp-graphic-one {
    bottom: 95%;
    width: 100vw;
    left: 0
}

@media (min-width: 1200px) {
    .home .social-feeds .lp-graphic.lp-graphic-one {
        bottom: 70%;
        width: 60vw;
        left: 46%
    }
}

.home .social-feeds .lp-graphic.lp-graphic-one img {
    transform: rotate(128deg)
}

.home .social-feeds .lp-graphic.lp-graphic-two {
    bottom: -10%;
    width: 100vw;
    left: 0
}

@media (min-width: 1200px) {
    .home .social-feeds .lp-graphic.lp-graphic-two {
        bottom: -3%;
        width: 70vw;
        left: -10%
    }
}

.home .social-feeds .lp-graphic.lp-graphic-two img {
    transform: rotate(-80deg);
    transform-origin: center
}

.home .social-feeds .social-feeds-content {
    margin-top: 120px;
    z-index: 3;
    position: relative
}

.home .social-feeds button {
    text-decoration: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 300;
    border: 0 !important
}

.home .social-feeds button .cutpdg {
    overflow: visible;
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    color: #a10022;
    font-size: 26px;
    letter-spacing: 2px;
    text-decoration: underline
}

.home .social-feeds button:hover {
    /* background: #fff !important; */
    border: 0 !important
}

.home .social-feeds button:hover span {
    /* background: #fff !important; */
    border: 0 !important
}

.home .distribution-universe {
    position: relative;
    z-index: 6;
    margin-top: 0
}

.home .distribution-universe .section-title .p-title {
    color: #fff
}

.home .distribution-universe::after, .home .distribution-universe::before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 110px);
    left: 0;
    top: 110px
}

@media (min-width: 1200px) {
    .home .distribution-universe::after, .home .distribution-universe::before {
        top: 65px;
        height: 100%
    }
}

.home .distribution-universe::before {
    background-color: #000;
    z-index: 1;
    opacity: .83
}

.home .distribution-universe:after {
    background-image: url(../images/bg-distribution.webp);
    background-size: cover;
    background-position: center;
    z-index: 0
}

.home .distribution-universe .du-lists {
    z-index: 4;
    position: relative;
    padding: 80px 0;
    padding-bottom: 0
}

@media (min-width: 1200px) {
    .home .distribution-universe .du-lists {
        padding: 140px 0;
        padding-bottom: 0
    }
}

.home .distribution-universe .du-lists .du-list {
    position: relative
}

.home .distribution-universe .du-lists .du-list .content-image {
    position: absolute;
    z-index: 0;
    right: 80%;
    width: 100%;
    max-width: 450px;
    top: 0
}

.home .distribution-universe .du-lists .du-list .content-text {
    position: relative;
    z-index: 2
}

.home .distribution-universe .du-lists .du-list .content-text .title {
    font-size: 64px;
    line-height: 1;
    margin-top: 40px
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list .content-text .title {
        font-size: 94px;
        line-height: 100px;
        margin-top: auto
    }
}

@media (min-width: 1400px) {
    .home .distribution-universe .du-lists .du-list .content-text .title {
        font-size: 120px
    }
}

.home .distribution-universe .du-lists .du-list .content-text .title, .home .distribution-universe .du-lists .du-list .content-text p {
    color: #fff;
    margin-bottom: 0;
}

.home .distribution-universe .du-lists .du-list-hospitality {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list-hospitality {
        flex-direction: row
    }
}

.home .distribution-universe .du-lists .du-list-hospitality .content-image {
    width: 100%;
    height: auto;
    position: relative;
    left: 0;
    right: 0
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list-hospitality .content-image {
        width: 350px;
        height: 400px;
        padding-right: 40px
    }
}

@media (min-width: 1400px) {
    .home .distribution-universe .du-lists .du-list-hospitality .content-image {
        width: 450px;
        height: 500px;
        padding-right: 40px
    }
}

.home .distribution-universe .du-lists .du-list-hospitality .h-slider-wrapper {
    width: 100%;
    height: 100%
}

.home .distribution-universe .du-lists .du-list-hospitality .h-slider-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list-hospitality .content-text {
        flex: 0 0 calc(100% - 350px);
        max-width: calc(100% - 350px)
    }
}

@media (min-width: 1400px) {
    .home .distribution-universe .du-lists .du-list-hospitality .content-text {
        flex: 0 0 calc(100% - 450px);
        max-width: calc(100% - 450px)
    }
}

.home .distribution-universe .du-lists .du-list-hospitality .content-text .title {
    color: #fff
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list-hospitality .content-text .title {
        margin-left: -100px;
        color: #999
    }
}

.home .distribution-universe .du-lists .du-list-travel {
    padding-top: 80px
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list-travel {
        padding-top: 150px
    }
}

.home .distribution-universe .du-lists .du-list-travel .content-image {
    background-color: #000
}

@media (max-width: 991.98px) {
    .home .distribution-universe .du-lists .du-list-travel .content-image {
        position: relative;
        right: auto;
        left: 0
    }
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list-travel .content-image {
        left: calc(100% - 286px);
        bottom: 110px;
        top: auto
    }
}

.home .distribution-universe .du-lists .du-list-travel .content-image img {
    z-index: 0;
    position: relative;
    opacity: .5
}

.home .distribution-universe .du-lists .du-list-travel .content-text .desc {
    font-size: 120px;
    line-height: 100px;
    padding-right: 40px
}

.home .distribution-universe .du-lists .du-list-travel .content-text .desc p {
    text-align: left
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list-travel .content-text .desc p {
        text-align: right
    }
}

.home .distribution-universe .du-lists .du-list-retail {
    padding-top: 80px
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list-retail {
        padding-top: 30px
    }
}

.home .distribution-universe .du-lists .du-list-retail .content-text {
    max-width: 600px;
    width: 100%
}

.home .distribution-universe .du-lists .du-list-retail .content-image {
    background-color: #000;
    max-width: 600px
}

@media (max-width: 991.98px) {
    .home .distribution-universe .du-lists .du-list-retail .content-image {
        position: relative;
        right: auto
    }
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list-retail .content-image {
        top: 30%;
        right: 90%
    }
}

.home .distribution-universe .du-lists .du-list-retail .content-image .ae-img-wrapper {
    opacity: 1
}

@media (min-width: 992px) {
    .home .distribution-universe .du-lists .du-list-retail .content-image .ae-img-wrapper {
        opacity: .4
    }
}

.home .distribution-universe .du-lists .du-list-retail .content-image img {
    opacity: .8
}

.home .distribution-universe .bg-img-grid {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 100px;
    height: 100vh;
    right: 100px;
    grid-template-columns:repeat(12, 1fr);
    grid-template-rows:repeat(8, 1fr)
}

.home .distribution-universe .bg-img-grid .bg-image-1 {
    grid-area: 1/10/6/13;
    transform: translateY(-65%)
}

.home .good-times {
    position: relative;
    padding-bottom: 160px;
    z-index: 2
}

@media (max-width: 991.98px) {
    .home .good-times {
        padding-bottom: 20px
    }
}

.home .good-times::before {
    position: absolute;
    z-index: 0;
    left: auto;
    right: 0;
    width: 100%;
    content: "";
    background-color: #000;
    height: calc(100% - 110px);
    bottom: auto;
    top: 110px;
    z-index: 2
}

@media (min-width: 1200px) {
    .home .good-times::before {
        width: calc(75% - 51px);
        top: 169px;
        height: calc(100% - 330px)
    }
}

@media (max-width: 991.98px) {
    .home .good-times::before {
        height: 100%
    }
}

.home .good-times .section-title .s-title {
    z-index: 3;
    position: relative
}

.home .good-times .section-title .p-title {
    color: #fff
}

.home .good-times .gt-banner {
    position: relative;
    padding-top: 80px;
    z-index: 4
}

@media (min-width: 1200px) {
    .home .good-times .gt-banner {
        padding-top: 100px
    }
}

.home .good-times .gt-banner:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 100%);
    left: 0;
    bottom: 0
}

.home .good-times .gt-content {
    z-index: 4;
    position: relative
}

.home .good-times .gt-content .title {
    line-height: 1;
    margin-top: -100px;
    color: #fff
}

@media (max-width: 1199.98px) {
    .home .good-times .gt-content .title br {
        display: none
    }
}

.home .good-times .gt-content .gt-desc {
    position: relative
}

@media (min-width: 1200px) {
    .home .good-times .gt-content .gt-desc {
        text-align: right
    }
}

.home .good-times .gt-content .gt-desc .content-image {
    padding: 10px 0;
    position: relative;
    width: 66%;
    margin-left: auto
}

@media (max-width: 991.98px) {
    .home .good-times .gt-content .gt-desc .content-image {
        display: none
    }
}

.home .good-times .gt-content .gt-desc .content-image .ae-image-wrapper {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0
}

.home .good-times .gt-content .gt-desc .desc {
    color: #fff
}

@media (min-width: 1200px) {
    .home .good-times .gt-content .gt-desc .btn {
        margin-left: auto
    }
}

.home .good-times .gt-content .gt-desc .gt-image {
    margin-top: -25%
}

.home .good-times .bg-img-grid {
    position: absolute;
    top: 0;
    left: 100px;
    height: 100%;
    right: 100px;
    grid-template-columns:repeat(12, 1fr);
    grid-template-rows:repeat(12, 1fr)
}

.home .good-times .bg-img-grid .bg-image-1 {
    grid-area: 1/10/5/13;
    transform: translateY(-200px);
    position: relative;
    z-index: 4
}

.home .good-times .bg-img-grid .bg-image-1 .ae-image-wrapper {
    width: calc(100% + 100px);
    background-color: #fff;
    position: relative;
    z-index: 2
}

.home .good-times .bg-img-grid .bg-image-1 .ae-image-wrapper img {
    opacity: .3
}

.home .good-times .bg-img-grid .bg-image-2 {
    grid-area: 2/1/12/5;
    transform: translateY(-200px);
    position: relative;
    z-index: 1
}

.home .good-times .bg-img-grid .bg-image-2 .ae-image-wrapper {
    background-color: #fff
}

.home .good-times .bg-img-grid .bg-image-2 .ae-image-wrapper img {
    opacity: .3
}

.home .good-times .bg-img-grid .bg-image-3 {
    grid-area: 11/1/13/6;
    position: relative;
    z-index: 2
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .home .good-times .bg-img-grid .bg-image-3 {
        display: none
    }
}

.home .good-times .bg-img-grid .bg-image-3 .ae-image-wrapper {
    width: 100%;
    height: calc(100% + 200px);
    transform: translateX(-100px) translateY(-186px)
}

@media (min-width: 1400px) {
    .home .good-times .bg-img-grid .bg-image-3 .ae-image-wrapper {
        transform: translateX(-100px) translateY(-60px)
    }
}

@media only screen and (min-width: 1600px) {
    .home .good-times .bg-img-grid .bg-image-3 .ae-image-wrapper {
        transform: translateX(-100px) translateY(-186px)
    }
}

@media (max-width: 767.98px) {
    .home .good-times .bg-img-grid .bg-image-3 .ae-image-wrapper {
        display: none
    }
}

.home .good-times .gt-graphic {
    position: absolute;
    z-index: 0;
    bottom: 10%;
    width: 50vw;
    left: 5%
}

.home .good-times .gt-graphic img {
    transform: rotate(128deg)
}

.home .corporate-links {
    position: relative;
    padding-top: 0;
    padding-bottom: 80px
}

@media (min-width: 1200px) {
    .home .corporate-links {
        padding-top: 80px;
        padding-bottom: 140px
    }
}

@media only screen and (min-width: 1600px) {
    .home .corporate-links {
        padding-top: 20px
    }
}

@media only screen and (min-width: 1920px) {
    .home .corporate-links {
        padding-top: 50px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .home .corporate-links {
        padding-top: 30px
    }
}

.home .corporate-links .line-wrap {
    transform: translateY(-200px);
    height: calc(100% + 200px)
}

.home .corporate-links .cl-block-items {
    z-index: 2;
    position: relative
}

.home .corporate-links .cl-block-items .cl-block-item {
    position: relative
}

.home .corporate-links .cl-block-items .cl-block-item .content-text {
    position: absolute;
    bottom: 0;
    padding: 8% 8% 4%;
    z-index: 3;
    display: flex;
    align-items: end;
    pointer-events: none
}

.home .corporate-links .cl-block-items .cl-block-item .content-text .title {
    color: #fff;
    line-height: 1
}

.home .corporate-links .cl-block-items .cl-block-item .content-text a {
    display: flex;
    text-decoration: none;
    margin-left: 10px;
    transition: cubic-bezier(.23, 1, .32, 1) transform .5s
}

.home .corporate-links .cl-block-items .cl-block-item .content-text a .icon {
    font-size: 40px;
    color: #fff;
    font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 48
}

.home .corporate-links .cl-block-items .cl-block-item .content-image {
    position: relative;
    overflow: hidden
}

.home .corporate-links .cl-block-items .cl-block-item .content-image img {
    transition: cubic-bezier(.23, 1, .32, 1) transform .8s;
    z-index: 0;
    position: relative
}

.home .corporate-links .cl-block-items .cl-block-item .content-image:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 70%;
    transition: cubic-bezier(.23, 1, .32, 1) opacity .8s;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 100%);
    left: 0;
    bottom: 0;
    opacity: .8;
    pointer-events: none
}

.home .corporate-links .cl-block-items .cl-block-item:hover .content-text a {
    transform: translateX(20px)
}

.home .corporate-links .cl-block-items .cl-block-item:hover .content-image img {
    transform: scale(1.2)
}

.home .corporate-links .cl-block-items .cl-block-item:hover .content-image:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .9) 100%);
    opacity: 1;
    height: 100%
}

.home .corporate-links .cl-graphic {
    position: absolute;
    z-index: 0;
    bottom: 20%;
    width: 50vw;
    right: -20%
}

.home .corporate-links .cl-graphic img {
    transform: rotate(40deg)
}

.home .logos {
    position: relative;
    padding: 150px 0;
    background-color: #f8f8f8
}

@media (max-width: 991.98px) {
    .home .logos {
        padding-bottom: 30px
    }
}

.home .logos .hscroll-line {
    transform: translateY(-80px);
    margin-bottom: 40px
}

.home .logos .section-title .s-title {
    font-size: 48px;
    line-height: 1
}

@media (min-width: 1200px) {
    .home .logos .section-title .s-title {
        font-size: 74px
    }
}

.home .logos .section-title .p-title {
    font-size: 48px;
    line-height: .8
}

@media (min-width: 1200px) {
    .home .logos .section-title .p-title {
        font-size: 64px
    }
}

.home .logos .logo-lists {
    margin-top: 120px
}

.home .logos .logo-lists img {
    mix-blend-mode: darken;
    padding: 0 50px
}

.home .logos .distributorContent {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.home .logos .distributorContent .sliderContainer {
    display: inline-block;
    width: 80%;
    padding-top: 80px
}

@media (max-width: 767px) {
    .home .logos .distributorContent .sliderContainer {
        width: 70%
    }
}

.home .logos .distributorContent .sliderContainer .br-slider {
    justify-content: center;
    align-items: center
}

.home .logos .distributorContent .sliderContainer .br-slider .brandSlide {
    display: flex;
    margin: 0 30px
}

.home .logos .distributorContent .sliderContainer .br-slider .brandSlide img {
    height: 140px;
    object-fit: contain
}

.home .logos .distributorContent .sliderContainer .br-slider .slick-list {
    margin: 0 -30px 0 -30px
}

.home .logos .distributorContent .sliderContainer .br-slider .slick-prev {
    left: -100px;
    font-size: 0;
    border: none;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 48px;
    background: url(../images/pre-arrow.svg) no-repeat 0 0
}

@media (max-width: 991.98px) {
    .home .logos .distributorContent .sliderContainer .br-slider .slick-prev {
        left: -50px
    }
}

.home .logos .distributorContent .sliderContainer .br-slider .slick-next {
    right: -100px;
    font-size: 0;
    border: none;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 48px;
    background: url(../images/next-arrow.svg) no-repeat 0 0
}

@media (max-width: 991.98px) {
    .home .logos .distributorContent .sliderContainer .br-slider .slick-next {
        right: -50px
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.Main__Inner-sc-1241y56-0 > a, .cBYcmq > a {
    display: none
}

@media (max-width: 1024px) {
    .root-right {
        display: none
    }
}

@media (min-width: 1024px) {
    .root-right {
        z-index: 2;
        top: 0;
        width: 35%;
        position: absolute;
        right: 85px;
        text-align: right
    }

    .root-right .home-right-img {
        position: static
    }

    .root-right .root-mobile-right {
        display: none
    }
}

@media (min-width: 1024px) {
    .root-right .desc {
        max-width: 70%;
        margin-left: auto
    }
}

@media (min-width: 1024px) {
    .root-mobile-right {
        display: none
    }
}

@media (max-width: 1023px) {
    .root-mobile-right {
        display: block;
        margin-bottom: 10px
    }

    .root-mobile-right .root-right {
        display: block
    }
}

@media (max-width: 1023px) {
    .home .our-roots .our-roots-content.top {
        padding-top: 30px
    }
}

.home.ae-section .home-banner-swipe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none
}

.home-banner-swipe::after {
    content: "";
    background-color: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    pointer-events: none
}

.home-banner-swipe .swiper-slide {
    background-size: cover;
    background-position: center
}

@media (min-width: 992px) {
    .home-wide-bg-h img {
        height: 270px;
        object-fit: cover
    }
}

.hom-brand-gb-slider .counter {
    display: none !important
}

.hom-brand-gb-slider .counterHM {
    color: #fff;
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-size: 20px;
    display: flex;
    position: relative;
    align-items: center;
    width: 70%;
    margin-left: 10px
}

@media (min-width: 1200px) {
    .hom-brand-gb-slider .counterHM {
        margin-left: 30px
    }
}

.hom-brand-gb-slider .counterHM::before {
    height: 1px;
    width: 90%;
    background-color: #a10022;
    content: "";
    margin-right: 20px
}

@media (max-width: 1600px) and (min-width: 1023px) {
    .home .our-roots .our-roots-content .h2 {
        font-size: 38px
    }
}

.no-filter img {
    filter: none;
    opacity: 1 !important
}

.our-roots-content {
    position: relative
}

.our-roots-content .bgnoise-texture {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: -1
}

.our-roots-content .heading {
    position: absolute;
    top: 100px;
    right: 75px
}

@media (max-width: 1199.98px) {
    .our-roots-content .heading {
        top: 20px
    }
}

@media (max-width: 1550px) {
    .our-roots-content .heading {
        top: 20px;
        right: 0
    }
}

@media (max-width: 640px) {
    .our-roots-content .heading {
        font-size: 20px;
        line-height: 30px
    }
}

.our-roots-content .heading:before {
    position: absolute;
    content: "";
    top: -139px;
    right: -15px;
    width: 1px;
    height: 140px;
    background: #999
}

.our-roots-content .heading span {
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
    text-align: right;
    color: #c4122e;
    font-family: "Freight Big Pro", serif;
    font-style: italic
}

@media (max-width: 640px) {
    .our-roots-content .heading span {
        font-size: 26px;
        line-height: 36px
    }
}

.our-roots-content .heading span:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #000;
    top: 40%;
    right: -20px
}

.our-roots-content .heading:after {
    position: absolute;
    content: "";
    top: 45px;
    right: -15px;
    width: 1px;
    height: 100vh;
    background: gray
}

@media (max-width: 1550px) {
    .our-roots-content .heading:after {
        height: 114vh
    }
}

.our-roots-content .our-history {
    position: relative;
    padding: 0 90px;
    box-sizing: border-box
}

@media (max-width: 640px) {
    .our-roots-content .our-history {
        padding: 0 50px 0 0
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .our-history {
        padding: 0 30px
    }
}

.our-roots-content .our-history .our-history-content {
    position: relative;
    z-index: 2
}

.our-roots-content .our-history .our-history-content p.lftText {
    padding: 95px 0 0 16.56%;
    letter-spacing: .03em;
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    width: 48%;
    display: inline-block
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .our-history .our-history-content p.lftText {
        line-height: 36px
    }
}

@media (max-width: 1199.98px) {
    .our-roots-content .our-history .our-history-content p.lftText {
        padding: 55px 0 0 3%;
        font-size: 26px;
        width: 44%
    }
}

@media (max-width: 640px) {
    .our-roots-content .our-history .our-history-content p.lftText {
        padding: 55px 0 0 3%;
        font-size: 16px;
        width: 46%;
        line-height: 24px
    }
}

.our-roots-content .our-history .our-history-content p.rtText {
    padding: 103px 0 0 10.3%;
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    display: inline-block;
    letter-spacing: .02em;
    width: 41.5%;
    vertical-align: top
}

@media (max-width: 1199.98px) {
    .our-roots-content .our-history .our-history-content p.rtText {
        padding: 55px 0 0 4.3%;
        width: 47%
    }
}

@media (max-width: 640px) {
    .our-roots-content .our-history .our-history-content p.rtText {
        padding: 55px 0 0 2%;
        width: 48%;
        font-size: 14px;
        line-height: 22px
    }
}

.our-roots-content .our-history .our-history-content p .blendPic {
    padding-top: 96px;
    display: inline-block;
    width: 100%;
    text-align: center
}

@media (max-width: 1199.98px) {
    .our-roots-content .our-history .our-history-content p .blendPic {
        padding-top: 50px
    }
}

.our-roots-content .our-history .our-history-content .top-container {
    display: flex
}

.our-roots-content .our-history .our-history-content .top-container h1 {
    height: min-content;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: 102px;
    font-family: Bebas, Helvetica, Arial, sans-serif;
    padding: 206px 0 0 12.1%;
    max-width: 60%
}

@media (max-width: 1550px) {
    .our-roots-content .our-history .our-history-content .top-container h1 {
        padding: 130px 0 0 10%;
        font-size: 100px;
        line-height: 102px
    }
}

@media (max-width: 1199.98px) {
    .our-roots-content .our-history .our-history-content .top-container h1 {
        padding: 25px 0 0 2%;
        max-width: 60%;
        font-size: 38px;
        line-height: 32px
    }
}

@media (max-width: 640px) {
    .our-roots-content .our-history .our-history-content .top-container h1 {
        padding: 75px 0 0 10%;
        max-width: 100%;
        font-size: 58px;
        line-height: 52px
    }
}

.our-roots-content .our-history .our-history-content .top-container .blend-pic {
    z-index: 9;
    margin-top: -345px;
    height: min-content;
    max-width: 38.1%
}

@media (max-width: 1199.98px) {
    .our-roots-content .our-history .our-history-content .top-container .blend-pic {
        margin-top: -175px
    }
}

@media (max-width: 640px) {
    .our-roots-content .our-history .our-history-content .top-container .blend-pic {
        margin-top: -155px;
        position: absolute;
        top: 50px;
        left: 20px
    }
}

.our-roots-content .our-history .bg-graphics {
    position: absolute;
    overflow: hidden;
    top: -320px;
    right: -40px;
    z-index: 0
}

.our-roots-content .our-history .bg-graphics img {
    transform: translateY(-400px)
}

.our-roots-content .management-container {
    position: relative;
    padding: 0 90px;
    box-sizing: border-box
}

@media (max-width: 640px) {
    .our-roots-content .management-container {
        padding: 0 50px 0 20px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .management-container {
        padding: 0 30px
    }
}

.our-roots-content .management-container .heading:after {
    top: 50px;
    right: -15px;
    width: 1px;
    height: 187vh
}

@media (max-width: 1550px) {
    .our-roots-content .management-container .heading:after {
        height: 180vh
    }
}

.our-roots-content .management-container .heading::before {
    position: absolute;
    content: "";
    top: -141px;
    right: -15px;
    width: 1px;
    height: 140px;
    background: #999
}

.our-roots-content .management-container .management-content {
    position: relative
}

.our-roots-content .management-container .management-content .management-main {
    padding: 250px 0 0 0
}

@media (max-width: 1199.98px) {
    .our-roots-content .management-container .management-content .management-main {
        padding: 115px 0 0 0
    }
}

.our-roots-content .management-container .management-content .management-main .main-heading {
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: 102px;
    padding-left: 145px;
    margin-bottom: 40px;
}

@media (max-width: 1550px) {
    .our-roots-content .management-container .management-content .management-main .main-heading {
        font-size: 80px;
        line-height: 62px;
        padding-left: 0
    }
}

@media (max-width: 1199.98px) {
    .our-roots-content .management-container .management-content .management-main .main-heading {
        font-size: 88px;
        line-height: 72px;
        padding-left: 0
    }
}

@media (max-width: 640px) {
    .our-roots-content .management-container .management-content .management-main .main-heading {
        font-size: 38px;
        line-height: 32px
    }
}

.our-roots-content .management-container .management-content .management-main .tp-container {
    padding: 80px 84px 0 17%
}

@media (max-width: 1199.98px) {
    .our-roots-content .management-container .management-content .management-main .tp-container {
        padding: 50px 84px 0 90px
    }
}

@media (max-width: 640px) {
    .our-roots-content .management-container .management-content .management-main .tp-container {
        padding: 50px 0 0 0
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .management-container .management-content .management-main .tp-container {
        padding: 30px 10px 30px 10px
    }
}

.our-roots-content .management-container .management-content .management-main .tp-container .lftContainer {
    position: relative;
    width: 41.75%;
    display: inline-block
}

@media (max-width: 640px) {
    .our-roots-content .management-container .management-content .management-main .tp-container .lftContainer {
        width: 100%;
        margin-top: 70px;
        margin-bottom: 20px
    }
}

.our-roots-content .management-container .management-content .management-main .tp-container .lftContainer span {
    position: absolute;
    top: 219px;
    left: -53%;
    width: 74.14%
}

@media (max-width: 1199.98px) {
    .our-roots-content .management-container .management-content .management-main .tp-container .lftContainer span {
        top: 95px
    }
}

@media (max-width: 640px) {
    .our-roots-content .management-container .management-content .management-main .tp-container .lftContainer span {
        left: 12%;
        width: 74.14%;
        top: -25%
    }
}

.our-roots-content .management-container .management-content .management-main .tp-container .rightContainer {
    display: inline-block;
    width: 51%;
    vertical-align: top;
    padding-left: 10%;
    margin-left: 6%
}

@media (max-width: 1199.98px) {
    .our-roots-content .management-container .management-content .management-main .tp-container .rightContainer {
        width: 52%;
        vertical-align: top;
        padding-left: 0;
        margin-left: 5%
    }
}

@media (max-width: 640px) {
    .our-roots-content .management-container .management-content .management-main .tp-container .rightContainer {
        width: 100%;
        margin-left: 0;
        text-align: center
    }
}

.our-roots-content .management-container .management-content .management-main .tp-container .rightContainer span {
    font-family: "Freight Big Pro", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: .03em;
    color: #000;
    padding-bottom: 38px;
    display: inline-block
}

@media (max-width: 1199.98px) {
    .our-roots-content .management-container .management-content .management-main .tp-container .rightContainer span {
        font-size: 30px;
        line-height: 38px;
        padding-bottom: 18px
    }
}

@media (max-width: 640px) {
    .our-roots-content .management-container .management-content .management-main .tp-container .rightContainer span {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 18px;
        text-align: left
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .management-container .management-content .management-main .tp-container .rightContainer span {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 10px
    }
}

.our-roots-content .management-container .management-content .management-main .tp-container .rightContainer p {
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .02em;
    color: #000;
    padding-bottom: 38px
}

@media (max-width: 1199.98px) {
    .our-roots-content .management-container .management-content .management-main .tp-container .rightContainer p {
        padding-bottom: 28px;
        margin-bottom: 0
    }
}

@media (max-width: 640px) {
    .our-roots-content .management-container .management-content .management-main .tp-container .rightContainer p {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        text-align: left
    }
}

.our-roots-content .management-container .management-content .management-main .tp-container .rightContainer .btn {
    width: auto;
    display: inline-block !important;
    color: #fff;
    max-width: max-content
}

.our-roots-content .management-container .management-content .management-main .tp-container .rightContainer .btn span {
    color: #fff;
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    text-transform: capitalize
}

.our-roots-content .management-container .management-content .management-main .tp-container .rightContainer .pic {
    padding-top: 100px;
    float: right;
    margin: 0;
    padding-bottom: 0
}

@media (max-width: 1199.98px) {
    .our-roots-content .management-container .management-content .management-main .tp-container .rightContainer .pic {
        padding-top: 50px;
        width: 60%
    }

    .our-roots-content .management-container .management-content .management-main .tp-container .rightContainer .pic img {
        width: 100%
    }
}

.our-roots-content .management-container .management-content .management-main .tl-slider {
    background-color: red
}

.our-roots-content .timeLine-Box {
    position: relative;
    padding: 0 90px;
    box-sizing: border-box;
    margin-top: -100px
}

@media (min-width: 2000px) {
    .our-roots-content .timeLine-Box {
        margin-top: 0
    }
}

@media (max-width: 640px) {
    .our-roots-content .timeLine-Box {
        padding: 0 50px 0 20px;
        margin-top: -60px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .timeLine-Box {
        padding: 0 30px;
        margin-top: 0
    }
}

.our-roots-content .timeLine-Box .timeline-content {
    position: relative
}

.our-roots-content .timeLine-Box .timeline-content .main-heading {
    padding-left: 0;
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: 102px
}

@media (max-width: 1199.98px) {
    .our-roots-content .timeLine-Box .timeline-content .main-heading {
        padding-left: 0;
        font-size: 108px;
        line-height: 82px
    }
}

@media (max-width: 640px) {
    .our-roots-content .timeLine-Box .timeline-content .main-heading {
        font-size: 38px;
        line-height: 32px;
        padding-top: 150px
    }
}

.our-roots-content .timeLine-Box .timeline-content .heading {
    top: -13px
}

.our-roots-content .timeLine-Box .timeline-content .heading:after {
    top: 70px;
    right: -15px;
    width: 1px;
    height: 99vh
}

@media (max-width: 1550px) {
    .our-roots-content .timeLine-Box .timeline-content .heading:after {
        top: 50px;
        height: 200vh
    }
}

.our-roots-content .timeLine-Box .timeline-content .timeline-main-container {
    padding-bottom: 175px
}

@media (max-width: 1199.98px) {
    .our-roots-content .timeLine-Box .timeline-content .timeline-main-container {
        padding-left: 0;
        margin-top: 50px;
        padding-bottom: 100px
    }
}

@media (max-width: 1023px) {
    .our-roots-content .timeLine-Box .timeline-content .timeline-main-container {
        margin-top: 0;
        padding-bottom: 30px
    }
}

.our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-content {
    padding-left: 0;
    width: 100%;
    float: left;
    vertical-align: top;
    margin-right: 8.79%
}

@media (max-width: 1199.98px) {
    .our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-content {
        padding-left: 7%;
        width: 47%;
        display: inline-block;
        vertical-align: top;
        margin-right: 7%
    }
}

@media (max-width: 1023px) {
    .our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-content {
        width: 100%;
        margin-right: 0;
        padding-left: 0
    }
}

.our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-content h2 {
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
    text-align: left;
    color: #c4122e;
    margin: 0 0 0
}

@media (max-width: 640px) {
    .our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-content h2 {
        font-size: 58px;
        line-height: 68px;
        text-align: center
    }
}

.our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-content p {
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    color: #000
}

@media (max-width: 640px) {
    .our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-content p {
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }
}

.our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-content .timeline-content-list {
    margin: 0 0
}

.our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-pic {
    float: right;
    margin: 0 15% 0 0
}

@media (max-width: 1199.98px) {
    .our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-pic {
        width: 45%;
        float: right
    }

    .our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-pic img {
        width: 100%
    }
}

@media (max-width: 1023px) {
    .our-roots-content .timeLine-Box .timeline-content .timeline-main-container .timeline-pic {
        float: left;
        width: 100%
    }
}

.our-roots-content .mission-container {
    position: relative;
    padding: 0 90px;
    box-sizing: border-box;
    background: url(../images/our-mission-bg.svg) no-repeat center center;
    min-height: 400px;
    padding-top: 150px;
    padding-bottom: 270px;
    background-size: 70%
}

@media (max-width: 1199.98px) {
    .our-roots-content .mission-container {
        background-position: -325px -249px
    }
}

@media (max-width: 640px) {
    .our-roots-content .mission-container {
        padding: 0 50px 0 20px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .mission-container {
        padding: 0 30px
    }
}

.our-roots-content .mission-container .mission-content {
    position: relative;
    padding-top: 254px
}

.our-roots-content .mission-container .mission-content .heading {
    position: absolute;
    top: 0;
    right: 75px
}

@media (max-width: 1550px) {
    .our-roots-content .mission-container .mission-content .heading {
        right: 0
    }
}

@media (max-width: 1550px) {
    .our-roots-content .mission-container .mission-content .heading:after {
        height: 90vh
    }
}

.our-roots-content .mission-container .mission-content .main-heading {
    padding-left: 8%;
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: 102px
}

.our-roots-content .mission-container .mission-content .mission-main {
    padding: 0
}

.our-roots-content .mission-container .mission-content .mission-main span img {
    transform: translateY(-50px)
}

@media (max-width: 1199.98px) {
    .our-roots-content .mission-container .mission-content .mission-main {
        padding: 0
    }
}

@media (max-width: 640px) {
    .our-roots-content .mission-container .mission-content .mission-main {
        padding: 90px 0 0 0
    }
}

.our-roots-content .mission-container .mission-content .mission-main .lftContainer {
    max-width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative
}

@media (max-width: 640px) {
    .our-roots-content .mission-container .mission-content .mission-main .lftContainer {
        width: 100%;
        max-width: 100%
    }
}

.our-roots-content .mission-container .mission-content .mission-main .lftContainer .missionHeading {
    position: absolute;
    top: 81.3%;
    right: -7px;
    font-family: Bebas;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: 85px;
    color: #fff;
    text-align: right
}

@media (max-width: 1199.98px) {
    .our-roots-content .mission-container .mission-content .mission-main .lftContainer .missionHeading {
        top: 77.8%;
        right: -5px;
        font-size: 98px;
        line-height: 65px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .mission-container .mission-content .mission-main .lftContainer .missionHeading {
        font-size: 78px;
        line-height: 65px
    }
}

@media (max-width: 640px) {
    .our-roots-content .mission-container .mission-content .mission-main .lftContainer .missionHeading {
        top: 80.4%;
        right: -5px;
        font-size: 62px;
        line-height: 41px
    }
}

.our-roots-content .mission-container .mission-content .mission-main .lftContainer .missionHeading small {
    padding-right: 10.5%;
    color: #fff;
    line-height: unset;
    font-family: unset;
}

.our-roots-content .mission-container .mission-content .mission-main .lftContainer .missionHeading span {
    color: #000
}

.our-roots-content .mission-container .mission-content .mission-main .rightContainer {
    width: 44%;
    display: flex;
    padding-left: 10%
}

@media (max-width: 1199.98px) {
    .our-roots-content .mission-container .mission-content .mission-main .rightContainer {
        width: 49%;
        padding-left: 5%
    }
}

@media (max-width: 640px) {
    .our-roots-content .mission-container .mission-content .mission-main .rightContainer {
        width: 100%;
        padding-left: 0
    }
}

.our-roots-content .mission-container .mission-content .mission-main .rightContainer span {
    font-family: "Freight Big Pro", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: .03em;
    color: #000;
    display: inline-block
}

@media (max-width: 1199.98px) {
    .our-roots-content .mission-container .mission-content .mission-main .rightContainer span {
        padding-top: 100px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .mission-container .mission-content .mission-main .rightContainer span {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 10px
    }
}

@media (max-width: 640px) {
    .our-roots-content .mission-container .mission-content .mission-main .rightContainer span {
        font-size: 26px;
        line-height: 32px
    }
}

.our-roots-content .mission-container .mission-content .mission-main .rightContainer p {
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    padding-top: 20px
}

@media (max-width: 640px) {
    .our-roots-content .mission-container .mission-content .mission-main .rightContainer p {
        font-size: 16px;
        line-height: 24px
    }
}

.our-roots-content .aboutus-container {
    position: relative;
    padding: 0 90px;
    box-sizing: border-box;
    margin-top: -100px;
    background: url(../images/about-bg.svg) no-repeat 510px 160px
}

@media (max-width: 1199.98px) {
    .our-roots-content .aboutus-container {
        background-position: -200px 100px
    }
}

@media (max-width: 640px) {
    .our-roots-content .aboutus-container {
        padding: 130px 50px 0 20px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .aboutus-container {
        padding: 0 30px
    }
}

.our-roots-content .aboutus-container .aboutus-content {
    position: relative
}

.our-roots-content .aboutus-container .aboutus-content .heading {
    position: absolute;
    top: 0;
    right: 75px
}

@media (max-width: 1550px) {
    .our-roots-content .aboutus-container .aboutus-content .heading {
        right: 0
    }
}

.our-roots-content .aboutus-container .aboutus-content .heading :before {
    position: absolute;
    content: "";
    top: -180px;
    right: -15px;
    width: 1px;
    height: 180px;
    background: #999
}

@media (max-width: 1199.98px) {
    .our-roots-content .aboutus-container .aboutus-content .heading {
        right: 0
    }
}

.our-roots-content .aboutus-container .aboutus-content .heading:after {
    height: 190vh
}

@media (max-width: 1550px) {
    .our-roots-content .aboutus-container .aboutus-content .heading:after {
        height: 180vh !important
    }
}

@media (max-width: 640px) {
    .our-roots-content .aboutus-container .aboutus-content .heading:after {
        height: 250vh
    }
}

.our-roots-content .aboutus-container .aboutus-content .aboutus-main {
    width: 100%;
    display: inline-block
}

.our-roots-content .aboutus-container .aboutus-content .aboutus-main .asidePic {
    width: 24.32%;
    display: inline-block
}

@media (max-width: 640px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .asidePic {
        display: none
    }
}

@media (max-width: 1199.98px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .asidePic {
        width: 40%
    }
}

@media (max-width: 640px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .asidePic {
        width: 65%
    }
}

.our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer {
    width: 32.65%;
    display: inline-block;
    margin: 250px 0 0 -11%;
    position: relative;
    vertical-align: top
}

@media (max-width: 1199.98px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer {
        width: 42.65%;
        margin: 120px 0 0 -25%
    }
}

@media (max-width: 640px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer {
        width: 100%;
        margin: 0 0 0 5%
    }
}

.our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer .main-heading {
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: 102px;
    color: #000;
    vertical-align: middle;
    margin-bottom: 40px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer .main-heading {
        font-size: 114px
    }
}

@media (max-width: 640px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer .main-heading {
        font-size: 58px;
        line-height: 52px;
        color: #000;
        vertical-align: middle;
        margin: -140px 0 0 100px
    }
}

.our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer span {
    font-family: "Freight Big Pro", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: .03em;
    color: #000;
    padding: 119px 0 0 6px;
    display: inline-block
}

@media (max-width: 1199.98px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer span {
        padding: 70px 0 0 6px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer span {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer span {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 10px
    }
}

@media (max-width: 640px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer span {
        font-size: 24px;
        line-height: 32px
    }
}

.our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer p {
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    padding-top: 40px
}

@media (max-width: 640px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .lftContainer p {
        font-size: 16px;
        line-height: 28px;
        padding-top: 20px;
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.our-roots-content .aboutus-container .aboutus-content .aboutus-main .rightContainer {
    float: right;
    margin: 170px 181px 0 0;
    width: 32.42%
}

@media (max-width: 1199.98px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .rightContainer {
        float: right;
        margin: 261px 0 0 0;
        width: 38.42%
    }
}

@media (max-width: 640px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .rightContainer {
        margin: 30px 0;
        width: 100%
    }
}

.our-roots-content .aboutus-container .aboutus-content .aboutus-main .rightContainer p {
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    padding-top: 0
}

@media (max-width: 640px) {
    .our-roots-content .aboutus-container .aboutus-content .aboutus-main .rightContainer p {
        font-size: 16px;
        line-height: 28px;
        padding-top: 20px;
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.our-roots-content .contactContainer {
    background: #a10022;
    overflow: hidden;
    position: relative;
    text-align: center
}

.our-roots-content .contactContainer .drkColor {
    border-color: rgba(0, 0, 0, .3)
}

.our-roots-content .contactContainer .contact-content {
    width: 100%;
    display: inline-block;
    text-align: center
}

.our-roots-content .contactContainer .contact-content .content {
    padding-top: 166px;
    z-index: 9;
    position: relative
}

@media (max-width: 640px) {
    .our-roots-content .contactContainer .contact-content .content {
        padding-top: 50px
    }
}

.our-roots-content .contactContainer .contact-content .content h5 {
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    font-weight: 300;
    font-size: 129px;
    line-height: 163px;
    color: #fff;
    margin-bottom: 40px;
}

@media (max-width: 1199.98px) {
    .our-roots-content .contactContainer .contact-content .content h5 {
        font-size: 100px;
        line-height: 163px
    }
}

@media (max-width: 640px) {
    .our-roots-content .contactContainer .contact-content .content h5 {
        font-size: 60px;
        line-height: 80px
    }
}

.our-roots-content .contactContainer .contact-content .content h3 {
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 140px;
    line-height: 118px;
    text-align: center;
    color: #000
}

@media (max-width: 1199.98px) {
    .our-roots-content .contactContainer .contact-content .content h3 {
        font-size: 100px;
        line-height: 98px
    }
}

@media (max-width: 640px) {
    .our-roots-content .contactContainer .contact-content .content h3 {
        font-size: 50px;
        line-height: 60px
    }
}

.our-roots-content .contactContainer .contact-content .ourOffices {
    display: flex;
    justify-content: space-around;
    padding: 106px 0 165px
}

@media (max-width: 640px) {
    .our-roots-content .contactContainer .contact-content .ourOffices {
        padding: 50px 0 100px;
        flex-direction: column
    }
}

.our-roots-content .contactContainer .contact-content .ourOffices .address {
    width: 100%;
    display: inline-block
}

.our-roots-content .contactContainer .contact-content .ourOffices .address span {
    display: block;
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-transform: capitalize;
    color: #fff
}

.our-roots-content .contactContainer .contact-content .ourOffices .address a {
    display: block;
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 108px;
    color: #fff;
    text-decoration: none
}

.our-roots-content .contactContainer .contact-content .ourOffices .address a.otherLocation {
    height: 75px;
    line-height: 75px;
    padding: 0 62px;
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 75px;
    text-align: center;
    text-transform: capitalize;
    color: #030303;
    background: #fff
}

@media (max-width: 640px) {
    .our-roots-content .contactContainer .contact-content .ourOffices .address a.otherLocation {
        height: 73px;
        line-height: 73px
    }
}

.our-roots-content .contactContainer .contact-content .ourOffices .address:last-child {
    display: inline-flex;
    justify-content: center;
    z-index: 9
}

.about-banner {
    width: 100%;
    display: inline-block;
    background: #000;
    padding-top: 90px;
    position: relative
}

@media (max-width: 640px) {
    .about-banner {
        padding-top: 340px !important
    }
}

.about-banner .side-pic {
    position: absolute;
    right: 90px;
    top: 15%;
    z-index: 1
}

.about-banner .push-down {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20%;
    z-index: 1
}

@media (max-width: 767px) {
    .about-banner .push-down {
        width: 80px;
        height: 80px
    }
}

.about-banner .push-down .arrow {
    height: 40px;
    width: 40px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

@media (max-width: 767px) {
    .about-banner .push-down .arrow {
        width: 20px;
        height: 20px
    }
}

.about-banner .push-down .text {
    position: absolute;
    height: 120px;
    width: 120px;
    left: 0;
    animation: rotate 8s linear infinite
}

@media (max-width: 767px) {
    .about-banner .push-down .text {
        width: 80px;
        height: 80px
    }
}

.management-main .tl-slider button.slick-next {
    left: auto;
    right: 15%
}

.management-main .tl-slider button.slick-prev {
    left: -5%;
    right: auto
}

.management-main ul.slick-dots {
    display: none
}

@media (max-width: 991px) {
    .management-main ul.slick-dots {
        position: relative;
        list-style: none;
        left: 0;
        transform: translateX(0);
        margin: 0;
        padding: 0;
        z-index: 999;
        bottom: 20px
    }
}

.event-slider-wrap .sec-title h2 {
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
    text-align: left;
    color: #c4122e;
    margin: 0 0 0
}

@media (max-width: 640px) {
    .event-slider-wrap .sec-title h2 {
        font-size: 58px;
        line-height: 68px;
        text-align: center
    }
}

.event-slider-wrap .sec-title p {
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    color: #000
}

@media (max-width: 640px) {
    .event-slider-wrap .sec-title p {
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }
}

.missionHeading small {
    text-shadow: 5px 2px 40px #000
}

.ae-license {
    width: 100%;
    display: inline-block;
    background: #ebebeb
}

.ae-license .licence-main {
    padding-top: 50px !important
}

.ae-license .spacing {
    padding: 0 152px 0 241px
}

@media (max-width: 1550px) {
    .ae-license .spacing {
        padding: 0 100px
    }
}

@media (max-width: 1100px) {
    .ae-license .spacing {
        padding: 0 40px
    }
}

.ae-license .blk-heading {
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 96px;
    line-height: 102%;
    color: #000
}

@media (max-width: 1550px) {
    .ae-license .blk-heading {
        font-size: 60px;
        line-height: 91.9%
    }
}

@media (max-width: 1100px) {
    .ae-license .blk-heading {
        font-size: 40px
    }
}

.ae-license .licence-tp {
    position: relative;
    width: 100%
}

.ae-license .licence-tp .side-pic {
    top: -28%
}

@media (max-width: 767px) {
    .ae-license .licence-tp .side-pic {
        right: 20px
    }
}

@media (max-width: 767px) {
    .ae-license .licence-tp h2 {
        line-height: 20px !important
    }
}

@media (max-width: 1550px) {
    .ae-license .licence-tp h2 .s-title {
        font-size: 80px !important
    }
}

@media (max-width: 1023px) {
    .ae-license .licence-tp h2 .s-title {
        font-size: 60px !important
    }
}

@media (max-width: 767px) {
    .ae-license .licence-tp h2 .s-title {
        font-size: 30px !important
    }
}

@media (max-width: 1550px) {
    .ae-license .licence-tp .p-title {
        font-size: 80px !important;
        line-height: 40px
    }
}

@media (max-width: 1023px) {
    .ae-license .licence-tp .p-title {
        font-size: 60px !important;
        line-height: 60px
    }
}

@media (max-width: 767px) {
    .ae-license .licence-tp .p-title {
        font-size: 30px !important;
        line-height: 20px
    }
}

@media (max-width: 1023px) {
    .ae-license .licence-tp .s-title {
        font-size: 60px !important;
        line-height: 50px
    }
}

@media (max-width: 1023px) {
    .ae-license .licence-tp .s-title {
        font-size: 60px !important;
        line-height: 50px
    }
}

@media (max-width: 767px) {
    .ae-license .licence-tp .s-title {
        font-size: 30px !important;
        line-height: 20px
    }
}

.ae-license .licence-main-container {
    position: relative
}

.ae-license .licence-main-container::after {
    content: "";
    width: 1px;
    height: 102%;
    position: absolute;
    top: -2%;
    right: 151px;
    background: #999
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container::after {
        right: 99px
    }
}

@media (max-width: 1100px) {
    .ae-license .licence-main-container::after {
        right: 38px
    }
}

.ae-license .licence-main-container .alcohol-main {
    background: #ebebeb
}

.ae-license .licence-main-container .alcohol-main .alcohol-main-pic {
    position: relative;
    margin-top: -155px;
    display: flex
}

@media (max-width: 980px) {
    .ae-license .licence-main-container .alcohol-main .alcohol-main-pic {
        margin-top: 0
    }
}

.ae-license .licence-main-container .alcohol-main .alcohol-main-content h1 {
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    font-weight: 300;
    font-size: 129px;
    line-height: 91.9%;
    color: #c4122e;
    padding-top: 165px;
    padding-bottom: 49px
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .alcohol-main .alcohol-main-content h1 {
        font-size: 60px;
        line-height: 91.9%;
        padding-top: 60px
    }
}

@media (max-width: 1100px) {
    .ae-license .licence-main-container .alcohol-main .alcohol-main-content h1 {
        font-size: 50px;
        margin-bottom: 0;
    }
}

.ae-license .licence-main-container .licence-tab-container {
    background: #ebebeb url(../images/tab-bg.svg) no-repeat 0 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: -1px;
    padding-top: 114px
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container {
        padding-top: 40px
    }
}

@media (max-width: 1100px) {
    .ae-license .licence-main-container .licence-tab-container {
        background-position: 79% 0
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container {
        background-position: 0 19%
    }
}

.ae-license .licence-main-container .licence-tab-container h3 {
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    font-weight: 400;
    font-size: 96px;
    line-height: 122px;
    text-align: right;
    color: #c4122e
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container h3 {
        font-size: 60px
    }
}

.ae-license .licence-main-container .licence-tab-container #tabs-nav {
    list-style: none;
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
    justify-content: center
}

.ae-license .licence-main-container .licence-tab-container #tabs-nav li {
    display: inline-block;
    padding: 0 5%
}

.ae-license .licence-main-container .licence-tab-container #tabs-nav li a {
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: .03em;
    color: #000;
    text-decoration: none;
    position: relative;
    border-bottom: 3px solid transparent
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container #tabs-nav li a {
        font-size: 30px
    }
}

.ae-license .licence-main-container .licence-tab-container #tabs-nav li.active a {
    border-color: #c4122e
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage {
    padding-top: 175px
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage {
        padding-top: 40px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative
}

@media (max-width: 980px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne {
        padding-top: 80px
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne {
        flex-direction: column;
        padding-right: 40px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .text-01 {
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
    position: absolute;
    color: #c4122e;
    right: -10px;
    z-index: 9;
    background: #ebebeb;
    padding: 5px 40px 15px 0;
    top: 40%
}

@media (max-width: 980px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .text-01 {
        top: 0
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .text-01 {
        font-size: 26px;
        line-height: 36px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .text-01::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background: #030303;
    right: 0;
    top: 44%
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer {
    order: 1;
    width: 40%
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer {
        width: 50%
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer {
        width: 100%;
        order: 2
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer h5 {
    font-family: Bebas, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 96px;
    line-height: 75px;
    color: #000
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer h5 {
        font-size: 86px;
        line-height: 65px
    }
}

@media (max-width: 980px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer h5 {
        font-size: 66px
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer h5 {
        font-size: 30px;
        line-height: 25px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer h5 span {
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    font-weight: 300;
    font-size: 96px;
    line-height: 40px;
    color: #c4122e;
    width: 100%;
    display: inline-block
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer h5 span {
        font-size: 86px
    }
}

@media (max-width: 980px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer h5 span {
        font-size: 66px
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer h5 span {
        font-size: 30px;
        line-height: 20px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer p {
    font-family: "Freight Big Pro";
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    color: #000;
    padding-top: 8rem
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer p {
        font-size: 46px;
        line-height: 61px
    }
}

@media (max-width: 1100px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer p {
        padding-top: 5rem
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer p {
        font-size: 40px;
        line-height: 45px;
        padding-top: 1rem
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .lftContainer p {
        font-size: 26px;
        line-height: 32px;
        padding-top: 2rem
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .rtContainer {
    order: 2;
    margin-right: 15%
}

@media (max-width: 1100px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .rtContainer {
        width: 40%
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepOne .rtContainer {
        width: 100%;
        order: 1
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    margin-top: 169px
}

@media only screen and (min-width: 981px) and (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo {
        align-items: center
    }
}

@media (max-width: 980px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo {
        padding-top: 80px;
        margin-top: 100px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo {
        padding-top: 70px;
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo {
        flex-direction: column;
        margin-top: 20px;
        padding-right: 40px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .text-01 {
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
    position: absolute;
    color: #c4122e;
    right: -10px;
    z-index: 9;
    background: #ebebeb;
    padding: 5px 40px 15px 0;
    top: 40%
}

@media (max-width: 980px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .text-01 {
        top: 0
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .text-01 {
        font-size: 26px;
        line-height: 36px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .text-01::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background: #030303;
    right: 0;
    top: 44%
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .lftContainer {
    order: 2;
    margin-right: 13%;
    width: 39%;
    display: inline-flex;
    flex-direction: column
}

@media (max-width: 1500px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .lftContainer {
        margin-right: 8%;
        width: 37%
    }
}

@media (max-width: 1750px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .lftContainer {
        margin-right: 10%;
        width: 37%
    }
}

@media (max-width: 1100px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .lftContainer {
        margin-right: 4%;
        width: 43%
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .lftContainer {
        width: 100%
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .lftContainer p {
    font-family: "Freight Big Pro";
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    color: #000;
    padding-top: 15rem
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .lftContainer p {
        padding-top: 5rem;
        font-size: 30px;
        line-height: 40px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .lftContainer p {
        font-size: 30px;
        line-height: 40px;
        padding-top: 1rem
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .lftContainer p {
        padding-top: 1rem;
        font-size: 26px;
        line-height: 40px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .lftContainer .store {
    color: #fff;
    font-family: FoundryFormSans, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-transform: capitalize
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .rtContainer {
    order: 1;
    display: inline-flex
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .rtContainer {
        width: 50%
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .rtContainer {
        width: 100%
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .rtContainer .mainPic {
    position: relative;
    margin-left: 0
}

@media (max-width: 980px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .rtContainer .mainPic {
        margin-left: 80px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .rtContainer .mainPic .aside {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -50%
}

@media (max-width: 1550px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepTwo .rtContainer .mainPic .aside {
        left: -40%;
        width: 70%
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    margin: 114px 0 137px
}

@media (max-width: 980px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree {
        padding-top: 80px;
        margin-top: 100px
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree {
        flex-direction: column;
        padding-top: 100px;
        margin-top: 20px;
        padding-right: 40px;
        margin-bottom: 30px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .text-01 {
    font-family: "Freight Big Pro", serif;
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 46px;
    position: absolute;
    color: #c4122e;
    right: -10px;
    z-index: 9;
    background: #ebebeb;
    padding: 5px 40px 15px 0;
    top: 40%
}

@media (max-width: 980px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .text-01 {
        top: 0
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .text-01 {
        font-size: 26px;
        line-height: 36px
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .text-01::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background: #030303;
    right: 0;
    top: 44%
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .lftContainer {
    order: 1;
    width: 40%
}

@media (max-width: 1100px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .lftContainer {
        width: 50%
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .lftContainer {
        width: 100%;
        order: 2
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .lftContainer p {
    font-family: "Freight Big Pro";
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    color: #000;
    padding-top: 8rem
}

@media (max-width: 1100px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .lftContainer p {
        font-size: 30px;
        line-height: 40px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .lftContainer p {
        font-size: 30px;
        line-height: 40px;
        padding-top: 1rem;
        padding-right: 20px
    }
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .lftContainer p {
        font-size: 26px;
        line-height: 40px;
        padding-top: 1rem
    }
}

.ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .rtContainer {
    order: 2;
    margin-right: 15%
}

@media (max-width: 767px) {
    .ae-license .licence-main-container .licence-tab-container .tabs-stage .stepThree .rtContainer {
        width: 100%;
        order: 1
    }
}