@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-100.woff2) format("woff2"),url(../webfont/museo-sans-100.woff) format("woff"),url(../webfont/museo-sans-100.otf) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-italic-100.woff2) format("woff2"),url(../webfont/museo-sans-italic-100.woff) format("woff"),url(../webfont/museo-sans-italic-100.otf) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-300.woff2) format("woff2"),url(../webfont/museo-sans-300.woff) format("woff"),url(../webfont/museo-sans-300.otf) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-italic-300.woff2) format("woff2"),url(../webfont/museo-sans-italic-300.woff) format("woff"),url(../webfont/museo-sans-italic-300.otf) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 300;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-500.woff2) format("woff2"),url(../webfont/museo-sans-500.woff) format("woff"),url(../webfont/museo-sans-500.otf) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-italic-500.woff2) format("woff2"),url(../webfont/museo-sans-italic-500.woff) format("woff"),url(../webfont/museo-sans-italic-500.otf) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-700.woff2) format("woff2"),url(../webfont/museo-sans-700.woff) format("woff"),url(../webfont/museo-sans-700.otf) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-700.woff2) format("woff2"),url(../webfont/museo-sans-700.woff) format("woff"),url(../webfont/museo-sans-700.otf) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-900.woff2) format("woff2"),url(../webfont/museo-sans-900.woff) format("woff"),url(../webfont/museo-sans-900.otf) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-italic-900.woff2) format("woff2"),url(../webfont/museo-sans-italic-900.woff) format("woff"),url(../webfont/museo-sans-italic-900.otf) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 900;
    font-stretch: normal
}

:root {
    --white: #fff;
    --green: #00A19C;
    --btn-c: #6C4196;
    --title-fc2: #42CCC5;
    --title-fs: 105px;
    --title-lh: 120px;
    --title-fs2: 80px;
    --title-lh2: 96px;
}



body {
    background: #fff;
    font-family: "Museo Sans";
    font-weight: 500;

    font-style: normal;

    font-size: 16px;
    line-height: 21px;

/*    overflow-x: hidden;*/
    margin: 0px;
/*    letter-spacing: .25px;*/
/*    color: #3D3935;*/

    background: #0B0907;
/*    overflow-x: hidden;*/
}

body, html {
  overflow-x: hidden;
}

/*body::-webkit-scrollbar {
  display: none;
}*/

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    font-weight: normal;

    font-family: "Museo Sans";
}

p {
    font-size: 16px;
    line-height: 21px;
    margin: 0px;
    font-family: "Museo Sans";
    font-weight: 500;
}

a {
    text-decoration: none;
    color:#00A19C;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

a:hover {
/*    opacity: 0.5;*/
}

.noScrollbar {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

/* Clearfix Hack */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


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


.p50LoadingContainer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    -webkit-transition: transform ease 1s;
    -moz-transition: transform ease 1s;
    -ms-transition: transform ease 1s;
    -o-transition: transform ease 1s;
    transition: transform ease 1s;
    z-index: 10;
}

.p50LoadingContainerInner {
    margin-left: auto;
    height: calc(100vh - 90px);
    margin-top: 90px;
/*    display: flex;*/
    height: calc(100vh - 54px);
    margin-top: 54px;
    margin-top: 0px;
    height: 100%;
    background: #000;
}

.p50LoadingContainerInner video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw;
    height: 100vh;

    height: 100%;
}

.p50LoadingContent {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    display: flex;
    align-items: center;
    gap: 60px;
}

.digit {
    display: inline-block;
    overflow: hidden;
    height: 15px;
    color: #fff;
}

.sequence {
    display: flex;
    flex-direction: column;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.sequence span {
    line-height: 1em; /* Adjust based on your font size for alignment */
}

.p50LoadingContent img {
    max-width: 253px;
    display: block;
}

.p50LoadingContent .counter {

}

.p50LoadingContent .counter .digit {
    font-size: 74px;
    line-height: 89px;
    height: 1em;
    font-weight: 700;
}

.p50LoadingContainer.loaded {
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

    /*-moz-transform: translateY(-120%);
    -webkit-transform: translateY(-120%);
    -o-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%);*/
}

.p50header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;

    z-index: 9;
}

.p50header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 140%;
    top: 0px;
    left: 0px;
    background: rgb(11,9,7);
    background: -moz-linear-gradient(0deg, rgba(11,9,7,0) 0%, rgba(11,9,7,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(11,9,7,0) 0%, rgba(11,9,7,1) 100%);
    background: linear-gradient(0deg, rgba(11,9,7,0) 0%, rgba(11,9,7,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b0907",endColorstr="#0b0907",GradientType=1);
/*    opacity: 0;*/
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50header.active:before {
    opacity: 1;
}

.p50headerInner {
    display: flex;
    align-items: center;
    position: relative;

    margin-top: 7px;
}

.p50headerLeft {
    padding-left: 23px;
    /* width: 250px; */
    width: 285px;
    display: flex;
    align-items: center;
    padding-top: 20px;

    padding-left: 20px;
    padding-top: 26px;
}

.p50headerLeft img {
    max-width: 108px;

    max-width: 50px;
}

.p50headerLeft p {
    position: relative;
    /* padding-left: 34px; */
    margin-left: 20px;
    padding-left: 20px;
    /* margin-top: 0; */
    border-left: 1px solid #fff;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
/*    font-weight: 500;*/
}

/* .p50headerLeft p:before {
    content: '|';
    font-size: 12px;
    line-height: 14px;
    color: var(--white);
    position: absolute;
    left: 16px;
    top: 0px;
} */

.p50headerRight {
    width: calc(100% - 263px - 39px);
    padding-left: 39px;
}

.p50headerRightTop {
    padding-top: 26px;
}

.p50headerRightTop ul {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0px;
    margin: 0px;
}

.p50headerRightTop ul li {
    list-style-type: none;
    margin-right: 55px;
}

.p50headerRightTop ul li:last-child {
    margin-right: 36px;
}

.p50headerRightTop ul li a {
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    color: var(--white);
    display: block;

    font-size: 12px;
}

.p50headerRightBtm {
    margin-top: 15px;
    padding-top: 14px;
    /* border-top: 1px solid rgba(255, 255, 255, .3); */
    /* padding-top: 40px; */
}

.p50headerRightBtm ul {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0px;
    margin: 0px;
}

.p50headerRightBtm ul li {
    list-style-type: none;
    margin-right: 55px;
}

.p50headerRightBtm ul li:last-child {
    margin-right: 36px;
}

.p50headerRightBtm ul li a {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: var(--white);
        display: block;

    font-size: 14px;
}

.p50bannerContainer {
    position: relative;
    width: 100%;
    height: 100vh;
}

.p50bannerBG {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.p50bannerBG iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    pointer-events: auto;
}

.p50bannerBG:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 43%;
    background: url(../img/main-banner-top-transparent.png) left top repeat-x;
    z-index: 1;

    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.p50bannerBG:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 65%;
    background: url(../img/main-banner-btm-transparent.png) left bottom repeat-x;
    z-index: 1;

    height: 28%;
    background: rgb(11,9,7);
    background: -moz-linear-gradient(0deg, rgba(11,9,7,1) 0%, rgba(11,9,7,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(11,9,7,1) 0%, rgba(11,9,7,0) 100%);
    background: linear-gradient(0deg, rgba(11,9,7,1) 0%, rgba(11,9,7,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b0907",endColorstr="#0b0907",GradientType=1);

    /* height: 48%; */
    height: 35%;
}

.p50bannerContainerInner {
    position: absolute;
    /* left: 85px; */
    /* bottom: 12.875%; */
    /* bottom: 4.875%; */
    width: calc(100% - 170px);
    z-index: 1;
    /* bottom: 80px; */
    bottom: 116px;
    left: 125px;
}

.p50bannerTitle {

}

.p50bannerTitle h1 {
    font-size: var(--title-fs2);
    line-height: var(--title-fs2);
    font-weight: 700;
    color: var(--white);
}

.p50bannerTitle h1 span {
    display: block;
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.p50bannerTitle h1 span.show {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.p50liveBanner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);

    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -o-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;

    display: none;
}

.p50liveBanner.show {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.p50liveBannerClose {
    position: absolute;
    right: 26px;
    top: 30px;
    background: url(../img/live-close-icon.png) center no-repeat;
    width: 22px;
    height: 22px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50liveBannerImg {
    display: block;
}

.p50liveBannerImg > img:nth-child(2) {
    position: absolute;
    top: 26px;
    left: 30px;
}

.p50liveBannerImg p {
    position: absolute;
    left: 30px;
    bottom: 24px;
    font-size: 16px;
    line-height: 21px;
    color: var(--white);
    font-weight: 700;
}

.p50liveBannerImg > img:last-child {
    display: none;
}

.p50liveBanner.after .p50liveBannerClose,
.p50liveBanner.after .p50liveBannerImg * {
    display: none;
}

.p50liveBanner.after .p50liveBannerImg > img:last-child {
    display: block;
}

.p50c2Container {
    background: #0B0907;
    position: relative;
}

.p50c2ContainerInner {
    padding: 55px 100px 140px 70px;
}

.p50c2Title {
    text-align: right;
}

.p50c2Title h2 {
    font-size: var(--title-fs);
    line-height: var(--title-lh);
    font-weight: 700;
    color: var(--white);

    line-height: var(--title-fs);
}

.p50c2Title h2 b {
    color: var(--green);
    display: block;
}

.p50c2Content {
    width: 45.6%;
    max-width: 507px;
}

.p50c2Content p {
    font-weight: 700;
}

.p50c2Content .split-lines .line {
/*    margin-bottom: 20px;*/

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    --highlight-offset: 0%;
    background-image: linear-gradient(90deg, white var(--highlight-offset), rgba(255, 255, 255, 0.2) var(--highlight-offset));
}

.p50c2Content .split-lines {
    margin-bottom: 20px;
    color: #fff;
}

.p50c2Content .split-lines:last-child {
    margin-bottom: 0px;
}

.split-lines .line {
    position: relative;
}

.split-lines .line-mask {
    position: absolute;
    top: 0;
    right: 0;
/*    background-color: black;*/
    opacity: 0.65;
    height: 100%;
    width: 100%;
/*    z-index: 1;*/

    /*-webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;*/
}

.p50c2Content .split-lines .line-mask {
/*    background: #0B0907;*/
}

.p50c2Img {
    position: absolute;
    right: 0px;
    /* top: 50%; */
    top: 35%;
}

.p50c2Img img {
    max-width: 594px;
}

.p50c3Container {
    overflow: hidden;
}

.p50c3Swiper {
    width: 50% !important;
    margin: auto;
}

.p50c3Swiper .owl-stage-outer {
    overflow: visible !important;
}

.p50c3Swiper .owl-item .item {
    width: 100%;
    position: relative;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
        padding-bottom: 59.5%;
}

.p50c3SwiperBG {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50c3SwiperInner {
    position: absolute;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding: 10px 58px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    flex-wrap: wrap;
    color: var(--white);
    flex-direction: column;
    width: calc(100% - 116px);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;

    justify-content: flex-end;
    height: calc(100% - 40px);
}

.p50c3SwiperInner h3 {
    /* font-size: 30px;
    line-height: 40px; */
    font-weight: 700;

    font-size: 25px;
    line-height: 27px;
}

.p50c3SwiperInner p {
    font-weight: 300;
}

.p50c3SwiperInner a {
    margin-top: 11px;

    margin-top: 23px;
}

.p50generalBtn {
    background: var(--btn-c);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    padding: 8px 35px 8px 4px;
    /* padding: 10px 35px; */
}

.p50generalBtn i {
    display: block;
    background: url(../img/explore-more-icon.png);
    width: 33px;
    height: 33px;
}

.p50generalBtn p {
    margin-left: 22px;
    color: var(--white);
}

/* .p50c3Swiper .owl-item .item:hover .p50c3SwiperBG,
.p50c3Swiper .owl-item.active .item .p50c3SwiperBG {
    opacity: 0.4;
} */

.p50c3Swiper .owl-item .item:hover .p50c3SwiperBG:before,
.p50c3Swiper .owl-item.active .item .p50c3SwiperBG:before {
    /* opacity: 0.4; */
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(11, 9, 7, 0) 0%, rgba(11, 9, 7, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(11, 9, 7, 0) 0%, rgba(11, 9, 7, 1) 100%);
    background: linear-gradient(180deg, rgba(11, 9, 7, 0) 0%, rgba(11, 9, 7, 1) 100%);
    position: absolute;
    bottom: 0%;
    transition: all 300ms ease 0s;
    /* z-index: 1; */
}

.p50c3Swiper .owl-item .item:hover .p50c3SwiperInner,
.p50c3Swiper .owl-item.active .item .p50c3SwiperInner {
    opacity: 1;
}

.p50c3Swiper .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 45px auto 50px;
    padding: 0px 33px;
}

.p50c3Swiper .owl-dots button {
    border: 2px solid transparent !important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0px 2.5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50c3Swiper .owl-dots button span {
    display: block;
    width: 10px;
    height: 10px;
    background: #42CCC5;
    margin: 5px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50c3Swiper .owl-dots button.active {
    border: 2px solid #fff !important;
}

.p50c4Container {
    padding-top: 150px;
    overflow: hidden;
    padding-bottom: 150px;

    padding-top: 10.2%;
    padding-bottom: 10.2%;
    position: relative;
}

.p50c4ContainerPattern {
    position: relative;
}

.p50c4ContainerPattern:before {
    content: '';
    background: url(../img/p50-c3-pattern-new.svg) center no-repeat;
    /*width: 42%;
    padding-bottom: 47%;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-top: -15%;

    width: 469px;
    height: 528px;
    margin-top: -170px;
}

.p50c4Carousel01  {
     -moz-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
    width: 83% !important;
    margin: auto;

     width: 90% !important;
}

.p50c4Carousel01 .owl-stage-outer {
    overflow: visible !important;
}

.p50c4Carousel01 .owl-item {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50c4Carousel01 .owl-item .item {
    position: relative;
    padding-bottom: 60.5%;
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    border-radius: 29px;
    overflow: hidden;
}

.p50c4SwiperBG {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50c4SwiperInner {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - 40px);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0px 20px 30px;
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
}

.p50c4SwiperInner h3 {
    /* font-size: 40px;
    line-height: 45px; */
    color: var(--white);
    font-weight: 700;
    width: calc(100% - 194px);
    font-size: 25px;
    line-height: 27px;
}

.p50c4Carousel01 .owl-item .item:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.07) 60%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.07) 60%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.07) 60%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
    z-index: 1;
}

.p50c4Carousel01 .owl-item .item:hover .p50c4SwiperInner {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.p50c4Carousel01 .owl-item .item:hover:before {
    opacity: 1;
}

.p50c4Content {
    position: relative;
    padding: 80px 105px;
}

.p50c4ContentInner {
    max-width: 547px;
    margin-left: auto;
    position: relative;
}

.p50c4ContentInner h2 {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    font-weight: 700;
    margin : 30px;
    color: var(--white);
}

.p50c4ContentInner h2 b {
    color: var(--green);
}

.p50c4Content > img {
    position: absolute;
    right: 0px;
    top: -37%;
}

.p50c4Carousel02  {
     -moz-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
    width: 83% !important;
    margin: auto;

     width: 90% !important;
}

.p50c4Carousel02 .owl-stage-outer {
    overflow: visible !important;
}

.p50c4Carousel02 .owl-item {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50c4Carousel02 .owl-item .item {
    position: relative;
    padding-bottom: 60.5%;
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    border-radius: 29px;
    overflow: hidden;
}

.p50c4Carousel02 .owl-item .item:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.07) 60%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.07) 60%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.07) 60%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
    z-index: 1;
}

.p50c4Carousel02 .owl-item .item:hover .p50c4SwiperInner {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.p50c4Carousel02 .owl-item .item:hover:before {
    opacity: 1;
}

.p50c4Carousel02 .p50c4SwiperInner {
    flex-direction: row-reverse;
        text-align: end;
}

.p50c4Carousel02 .p50generalBtn {
    flex-direction: row-reverse;
}

.p50c4Carousel01 .owl-item:hover,
.p50c4Carousel02 .owl-item:hover {
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 1;
}



/*Lightbox*/
.JlightboxContainer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow: auto;
    background: rgba(0, 0, 0, 0.7);
    display: none;

/*    backdrop-filter: blur(50px);*/
}

.JlightboxBG {
    /*position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,.2);*/
}

.JlightboxContainerInner {
    max-width: 1385px;
    padding: 100px 38px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: calc(100% - 150px);

    display: table;
    width: calc(100% - 76px);
}

.JlightboxContainerInnerText {
    max-width: 1385px;
    padding: 100px 38px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: calc(100% - 150px);

    display: table;
    width: calc(100% - 500px)!important;
}

.JlightboxContent {
    position: relative;

    display: table-cell;
    vertical-align: middle;
}

.JlightboxContentOuter {
    position: relative;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.JlightboxContentOuter.JlightboxContentOuterText {
    position: relative;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
} {
    position: relative;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.JlightboxClose {
    width: 24px;
    height: 25px;
    background: url(../img/pgbLightboxClose.png) center no-repeat;
    position: absolute;
    right: 0px;
    top: -51px;
}

.JlightboxVideo {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.JlightboxVideo > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.p50c5Container {
    position: relative;

/*    overflow: hidden;*/
}

.p50c5Title {
    padding: 0px 105px;
    /* overflow: hidden; */
}

.p50c5Title h2 {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    color: var(--white);
    font-weight: 700;

    position: relative;
    z-index: 1;
}

.p50c5Title h2 b {
    color: var(--green);
}

.p50c5Container > img {
    position: absolute;
    right: 34px;
    top: 0px;
    max-width: 640px;
}

.p50c5Title > img {
    position: absolute;
    right: 0px;
    top: -110px;
    max-width: 640px;
}

.p50c5ContainerInner {
    position: relative;
    padding-top: 125px;
}

.p50c5Tabs.ui-tabs {
    border: none !important;
    border-radius: 0px;
    background: transparent;
    padding: 0px;
        height: 100vh;
}

.p50c5Tabs.ui-tabs .ui-tabs-nav {
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
    width: auto;
    position: absolute;
    top: 0px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 504px;
    border: 1px solid #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    z-index: 3;
    margin-top: 30px;

/*    display: none;*/
}

.p50c5Tabs.ui-tabs .ui-tabs-nav li {
    margin: 0px;
    padding: 0px;
    border: none;
    background: transparent;
    width: 50%;
        position: relative;
    z-index: 1;
}

.p50c5Tabs.ui-tabs .ui-tabs-nav li a {
    font-size: 20px;
    line-height: 20px;
    color: var(--white);
    font-weight: 300;
    width: calc(100% - 20px);
    text-align: center;
    padding: 24px 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;

    border: none !important;
    outline: none;
}

.p50c5Tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
/*    background: var(--green);*/
}

.p50c5Tabs.ui-tabs .ui-tabs-nav span {
    content: '';
    background: var(--green);
    width: 50%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    -webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.p50c5Tabs.ui-tabs .ui-tabs-nav li:nth-child(1).ui-tabs-active ~ span {
    left: 0px;
}

.p50c5Tabs.ui-tabs .ui-tabs-nav li:nth-child(2).ui-tabs-active ~ span {
    left: 50%;
}

.p50c5BG {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-bottom: 10%;

    box-sizing: initial;
}

.p50c5BG:before {
    content: '';
    width: 100%;
    height: 31%;
    background: rgb(11,9,7);
    background: -moz-linear-gradient(180deg, rgba(11,9,7,0) 0%, rgba(11,9,7,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(11,9,7,0) 0%, rgba(11,9,7,1) 100%);
    background: linear-gradient(180deg, rgba(11,9,7,0) 0%, rgba(11,9,7,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b0907",endColorstr="#0b0907",GradientType=1);
    position: absolute;
    bottom: 0%;
    z-index: 1;
    margin-bottom: 10%;
}

.p50c5BG > iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    pointer-events: auto;

    top: 0px;
    transform: translate(-50%, 0%);
}

.p50c5BGinner {
    position: absolute;
    width: calc(100% - 210px);
    /* width: 100%; */
    left: 105px;
    bottom: 177px;
    z-index: 2;

    bottom: calc(17% + 177px);

    bottom: 42%;
}

.p50c5BGinner h2 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: var(--white);
}

.p50c5BGinner > p {
    color: var(--white);
    margin-top: 5px;
}

.p50c5BGinner a {
    /*display: flex;
    align-items: center;*/
    background: var(--btn-c);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding: 12px 46px;
/*    gap: 0px 10px;*/

    display: inline-block;
    margin-top: 52px;
}

.p50c5BGinner a i {
    width: 17px;
    height: 21px;
    background: url(../img/Icon-play.png) center no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.p50generalBtn.p50c1PlayBtn {
    padding: 10px 35px;
}

.p50generalBtn.p50c1PlayBtn i {
    /* width: 17px;
    height: 21px; */
    width: 12px;
    height: 20px;
    background: url(../img/Icon-play.png) center no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

.p50c5BGinner a p {
    color: var(--white);
        display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.p50c5carouselGeneralOuter {
    position: absolute !important;
    bottom: 0px;
    left: 0px;
/*    padding: 0px 105px;*/
    width: 100%;

    margin-bottom: 0%;
    bottom: 2.7%;

    z-index: 2;
}

.p50c5carouselGeneralOuterTitle {
    margin-bottom: 25px;
}

.p50c5carouselGeneralOuter h4 {
    padding: 0px 105px;
    /* width: calc(100% - 210px); */
    width: 100%;
    color: var(--white);
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
/*    margin-bottom: 25px;*/
}

.p50c5carouselGeneralOuterTitleDisclaimer {
    padding: 0px 105px;
    /* width: calc(100% - 210px); */
    width: 100%;
    color: var(--white);
    display: flex;
    margin-top: 5px;
}

.p50c5carouselGeneralOuterTitleDisclaimer img {

}

.p50c5carouselGeneralOuterTitleDisclaimer p {
    margin-left: 10px;
    font-style: italic;
}

.p50c5carouselGeneral {
/*    position: absolute !important;*/
    bottom: 0px;
    left: 0px;
    padding: 0px 105px;
    /* width: calc(100% - 210px) !important; */
    width: 100%;

    margin-bottom: 0%;
/*    overflow: hidden;*/
    z-index: 2 !important;
/*    bottom: 2.7%;*/
}

.p50c5carouselGeneral .owl-stage-outer {
    overflow: visible !important;
}

.p50c5carouselGeneral .owl-item {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50c5carouselGeneral .item {
    padding-bottom: 56%;
}

.p50c5BGbtn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px 40px;
}

.p50c5SwiperBG {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.p50c5SwiperInner {
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 18px);
    bottom: 0px;
    left: 0px;
    padding: 0px 15px 18px;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
    z-index: 2;
}

.p50c5BGbtn.p50c5SwiperInner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px 40px;

    position: unset;
    width: unset;
    height: unset;
    bottom: unset;
    left: unset;
    padding: unset;
    justify-content: unset;
    opacity: 1;
}

.p50c5SwiperPlay {
    width: 17px;
    height: 21px;
    background: url(../img/Icon-play.png) center no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.p50c5SwiperVote {
    margin-left: 13px;
    display: flex;
    align-items: center;
}

@media screen and (max-width:1024px) {
    .p50c5SwiperVote {
        margin-left: 0px;
    }
    
}

.p50c5SwiperVote i {
    width: 17px;
    height: 21px;
    background: url(../img/Icon-play.png) center no-repeat;
    display: block;
}

.p50c5SwiperVote p {
    color: var(--white);
    font-weight: 700;
    margin-left: 13px;
}

.p50c5carouselGeneral .owl-dots {
    display: none;
}

.p50c5BG:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 65%;
    background: url(../img/main-banner-btm-transparent.png) left bottom repeat-x;
    z-index: 1;
    height: 28%;
    background: rgb(11, 9, 7);
    background: -moz-linear-gradient(0deg, rgba(11, 9, 7, 1) 0%, rgba(11, 9, 7, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(11, 9, 7, 1) 0%, rgba(11, 9, 7, 0) 100%);
    background: linear-gradient(0deg, rgba(11, 9, 7, 1) 0%, rgba(11, 9, 7, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b0907",endColorstr="#0b0907",GradientType=1);
}

.p50c5carouselGeneral .owl-item:hover {
    z-index: 1;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.16);
}

.p50c5carouselGeneral .owl-item:hover .p50c5SwiperInner {
    opacity: 1;
}

.p50c6Container {
    padding-top: 290px;
    position: relative;

    background: #0B0907;
    min-height: 100vh;
    overflow: hidden;

    /* padding-bottom: 120px; */
    padding-bottom: 0px;
}

.p50c6Title {
    padding: 0px 105px;
    /* width: calc(100% - 210px); */
    width: 100%;
    position: relative;
    z-index: 2;
}

.p50c6Title h2 {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    font-weight: 700;
    color: var(--white);
}

.p50c6Title h2 b {
    color: var(--green);
    display: block;
}

.p50c6Container > img {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    display: none;
}

.p50c6ContainerInner {
    position: relative;
    z-index: 1;
    margin-top: 85px;
    /* padding-bottom: 60px; */
    /* padding-bottom: 100px; */
    padding-bottom: 30px;
}

.p50c5carousel01YT,
.p50c5carousel02YT {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
    opacity: 0;
}

.p50c5carouselGeneral .item.active .p50c5carousel01YT,
.p50c5carouselGeneral .item.active .p50c5carousel02YT {
/*    z-index: 1;*/
    opacity: 1;
}

.p50c5BvoteMain {
    display: flex;
    align-items: center;
    margin-bottom: 12px;

    /* display: none; */
}

.p50c5BvoteMain i {
    width: 17px;
    height: 21px;
    background: url(../img/Icon-play.png) center no-repeat;
    display: block;

    background-image: url(../img/Icon-vote.png);
    width: 21px;
    height: 21px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50c5BvoteMain p {
    color: var(--white);
    font-weight: 700;
    margin-left: 28px;
}

.p50c7Container {
    position: relative;
    /* min-height: 100vh; */
    min-height: 65vh;

    overflow: hidden;
}

.p50c7Container > img {
    position: absolute;
}

.p50c7Container > img:nth-child(1) {
    /* left: 0px; */
    right: 0;
    top: 0;
    /* bottom: 16%; */
    transform: scaleX(-1) !important;
}

.p50c7Container > img:nth-child(2) {
    right: 0px;
    top: 0px;
}

.p50c7ContainerInner {
    padding: 0px 105px;
    /* width: calc(100% - 210px); */
    width: 100%;
    display: flex;
}

.p50c7ContainerLeft {
    width: 50%;
    margin-top: 110px;
}

.p50c7ContainerLeft h2 {
    font-size: var(--title-fs2);
    line-height: 85px;
    color: var(--white);
    font-weight: 700;
}

.p50c7ContainerLeft h2 b {
    color: var(--green);
}

.p50c7ContainerLeft > p {
    font-weight: 300;
    color: var(--white);
    margin-top: 30px;
}

.p50c7ContainerLeftBtn {
    display: flex;
    margin-top: 23px;
}

.p50c7ContainerLeft .p50generalBtn {
    width: 161px;
}

.p50c7ContainerLeft .p50generalBtn p {
    margin: auto;
}

.p50c7ContainerRight {
    width: 50%;

    position: relative;
}

.p50c7ContainerRight img {
    margin-left: auto;
    display: block;
    position: relative;
    right: -7%;

    max-width: 300px;
    margin-right: auto;
    margin-top: 15%;
}

.p50c8Container {
    position: relative;
    padding-bottom: 340px;

    overflow: hidden;

    /* display: none; */
}

.p50c8Container > img {
    position: absolute;
    max-width: 711px;
}

.p50c8Container > img:nth-child(1) {
    left: 0px;
    top: 2%;
}

.p50c8Container > img:nth-child(2) {
    right: 0px;
    bottom: 7%;
}

.p50c8ContainerInner {
    padding: 0px 105px;
    /* width: calc(100% - 210px); */
    width: 100%;

    position: relative;
}

.p50c8Title {

}

.p50c8Title h2 {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    color: var(--white);
    font-weight: 700;
}

.p50c8Title h2 b {
    color: var(--green);
}

.p50c8Content {
    max-width: 896px;
    margin: auto;

    margin-top: 60px;
}

.p50c8ContentList {
    margin-top: 75px;
    display: flex;
    align-items: center;

    margin-top: 20px;
    justify-content: space-between;
}

.p50c8ContentListLeft {
    width: 46%;

    width: 34.599%;
}

.p50c8ContentListLeft img {
    display: block;
    margin: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    max-width: 100%;
    width: 100%;
}

.p50c8ContentListRight {
    width: 54%;
    padding: 0px 30px 0px 65px;

    max-width: 415px;
    padding: 0px 0px 0px 20px;
}

.p50c8ContentListRightTitle {

} 

.p50c8ContentListRightTitle p {
    font-size: 17px;
    line-height: 20px;
    color: var(--white);
    font-weight: 700;

    font-size: 16px;
}

.p50c8ContentListRightTitle h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 900;
    color: var(--green);
    text-transform: uppercase;
    margin-top: 2px;

    font-size: 20px;
    line-height: 24px;
}

.p50c8ContentListRightTitle.newstitle h3 {
    text-transform: none;
}

.p50c8ContentListRight > p {
    color: var(--white);
    margin-top: 18px;
}

.p50c8ContentListRightBtn {
    display: flex;
    margin-top: 20px;
}

.p50c8ContentList:nth-child(even),
.p50c8ContentList:nth-child(even) > div {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.p50c8ContentList:nth-child(even) .p50c8ContentListRight {
    padding-left: 0px;
    padding-right: 20px;
}


.p50c9Container {
    position: relative;
    /* padding-top: 50px; */
    padding-top: 90px;
}

.p50c9ContainerInner {
    max-width: 1390px;
    margin: auto;
    position: relative;
    margin-bottom: 10%;
}

@media screen and (max-width:1024px) {
    .p50c9Container {
        padding-top: 0px;
    }

    .p50c9ContainerInner {
        margin-bottom: 0px;
    }
}

.p50c9VideoBG {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;
    overflow: hidden;

    top: -31%;
    left: -23%;
    mix-blend-mode: lighten;
}

.p50c9VideoBG:before {
    content: '';
    width: 100%;
    height: 70px;
    background: rgb(11,9,7);
    background: -moz-linear-gradient(0deg, rgba(11,9,7,0) 0%, rgba(11,9,7,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(11,9,7,0) 0%, rgba(11,9,7,1) 100%);
    background: linear-gradient(0deg, rgba(11,9,7,0) 0%, rgba(11,9,7,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b0907",endColorstr="#0b0907",GradientType=1);
    position: absolute;
    top: 0px;
    left: 0px;
}

.p50c9VideoBG video {
    /*position: absolute;
    top: 0px;
    left: 0px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;*/

    width: 90%;
}

.p50c9Title {
    padding: 107px 0px  105px177px;
    /* width: calc(100% - 210px); */
    width: 100%;
        position: relative;

    padding-bottom: 117px;
}

.p50c9Title h3 {
    font-size: var(--title-fs2);
    line-height: 50px;
    font-weight: 700;
    color: var(--white);
    max-width: 490px;
    margin-left: auto;
    font-size: 40px;
}

.p50c9Title h3 b {
    color: var(--green);
}

.p50c9Content {
    margin-top: 50px;
}

.p50c9ContentTop,
.p50c9ContentBtm {
    overflow: hidden;
    padding: 0px 105px;
}

.p50c9carouselGeneral {
/*    width: 50% !important;*/
}

.p50c9ContentTop .owl-stage-outer,
.p50c9ContentBtm .owl-stage-outer {
    overflow: visible !important;
}

.p50c9ContentTop .owl-item,
.p50c9ContentBtm .owl-item {

}

.p50c9ContentTop .item,
.p50c9ContentBtm .item {
    position: relative;
    padding-bottom: 60.5%;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    overflow: hidden;
}

.p50c9SwiperBG {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.p50c9SwiperBG:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 40%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.p50c9SwiperInner {
    position: absolute;
    width: calc(100% - 72px);
    padding: 0px 36px 48px;
    display: flex;
    align-items: baseline;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;

    height: calc(100% - 48px);
}

.p50c9SwiperInner h3 {
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
    color: var(--white);
    max-width: 370px;
}

.p50c9SwiperInner a {
    margin-top: 18px;
    margin-bottom: -49px;

    opacity: 0;
}

.p50c9ContentTop .item:hover .p50c9SwiperInner a,
.p50c9ContentBtm .item:hover .p50c9SwiperInner a {
    margin-bottom: 0px;
}

.p50c9ContentTop .item:hover .p50c9SwiperBG:before,
.p50c9ContentBtm .item:hover .p50c9SwiperBG:before {
    height: 55%;
}

.p50c9ContentBtm {
    margin-top: 26px;
}

.p50c9ContentBtm .p50c9SwiperInner {
    align-items: end;
}

.p50c9ContentBtm .p50c9SwiperInner h3 {
    text-align: left;
}

.p50c9ContentBtm .p50c9SwiperInner a {
    flex-direction: row-reverse;
}

.p50c10Content {
    position: relative;
}

.p50c10Content ul {
    padding: 0px;
    margin: 0px;
}

.p50c10Content ul li {
    list-style-type: none;
}

.p50c10ContentInner {
    display: flex;
    width: 100%;
}

.p50c10ContentLeft {
    width: 40%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    /* padding-bottom: 51%; */
    padding-bottom: 50px;
}

.p50c10ContentRight {
    /* width: calc(50% - 66px); */
    width: 60%;
    padding: 0px 20px 0px 46px;
}

.p50c10ContentTitle {
    padding-top: 180px;
}

.p50c10ContentTitle p {
    color: var(--white);
}

.p50c10ContentTitle h3 {
    color: var(--green);
    font-weight: 900;
    font-size: 25px;
    line-height: 30px;
    margin-top: 3px;
}

.p50c10ContentDesc {
    margin-top: 13px;
}

.p50c10ContentDesc p {
    color: var(--white);
}

.p50c10ContentBtn {
    display: flex;
    margin-top: 22px;
}


.p50c10Content .timeline {
    position: absolute;
/*    right: 105px;*/
    top: 0px;
    width: 567px;

    /* width: 717px; */
    width: 60%;
    right: 0px;
}

.p50c10Content .timeline:after {
    content: '';
    width: calc(100% - 105px);
    height: 5px;
    background: var(--white);
    -webkit-border-top-left-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-bottomleft: 100px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    position: absolute;
    top: 149px;
    right: 0px;
}

.p50c10Content .timeline > button {
    position: absolute;
    font-size: 0px;
    line-height: 0px;
    background: url(../img/carousel-arrow.png) center no-repeat transparent;
    border: none;
    width: 52px;
    height: 52px;
    z-index: 1;
    top: 0px;
}

.p50c10Content .timeline > button.slick-prev {
    right: calc(105px + 63px);
}

.p50c10Content .timeline > button.slick-next {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 105px;
}

.p50c10Content .timeline .slick-list {
    margin-top: 32px;
        width: 100%;
    overflow: hidden;
}

.p50c10Content .timeline .slick-list .slick-track {
    display: flex;
/*    align-items: baseline;*/

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50c10Content .timeline .slick-list .slick-slide {
    text-align: right;
/*    width: 27% !important*/
}

.p50c10Content .timeline .slick-list .slick-slide span {
    font-size: 50px;
    line-height: 60px;
/*    line-height: var(--title-fs);*/
    font-weight: 900;
    color: var(--green);
    /*-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;*/
    margin: 0px 14px;

    display: flex;
    align-items: end;
    height: var(--title-fs);
}

/*.p50c10Content .timeline .slick-list .slick-slide.slick-current span {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    color: var(--white);
}*/

.p50c10Content .timeline .slick-list .slick-slide.show span {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    color: var(--white);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50c10Content .timeline .slick-list .slick-slide.slick-current {
/*    width: 261px;*/
    text-align: left;
/*    width: 46% !important;*/
}

.p50c10Timeline {
    position: relative;
}

.p50c10ContainerInner .years-carousel {
    position: absolute;
    right: 0px;
    top: 0px;
    max-width: 567px;
}

.p50c10ContainerInner .years-carousel .years a {
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: var(--green);
}

.p50c10ContainerInner .years-carousel .owl-item.center .years a {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    color: var(--white);
}

.p50c11Container {
    margin-top: 130px;
}

.p50c11Title {
    /* width: calc(100% - 210px); */
    width: 100%;
    padding: 0px 105px;
}


.p50c11Title h2 {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    color: var(--white);
    font-weight: 700;
}

.p50c11Title h2 b {
    color: var(--green);
}

.p50c11ContainerInner {
    margin-top: 35px;
}


.p50c11ContainerInner .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;

    height: 93vh;
    padding-bottom: 70px;
}

.p50c11ContainerInner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2) !important;

    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;

    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.p50c11Content {
    position: absolute;
    /* width: calc(100% - 40px); */
    /* height: calc(100% - 40px); */
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .63);
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50c11Content > p {
    color: var(--white);
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;

    padding-bottom: 59px;
}

.p50c11ContainerInner .swiper-slide:hover .p50c11Content {
    opacity: 1;
}

.p50c11ContainerInner .p50generalBtn {
    position: absolute;
    bottom: 60px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(200px - 39px);
}

.p50c11ContainerInner .p50generalBtn p {
    margin: auto;
}

.p50c11ContentLink {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.p50c11ContainerInner .swiper-pagination {
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p50c11ContainerInner .swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 18px;
    height: 18px;
    border: 2px solid transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: transparent;
    margin: 0px 3px;
    opacity: 1;
}

.p50c11ContainerInner .swiper-pagination .swiper-pagination-bullet:before {
    content: '';
    background: #42CCC5;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0px 0px -5px;
}

.p50c11ContainerInner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--white);
}


.p50cFooterContainer {
    /*adding-top: 220px;
    padding-bottom: 43px;*/
    position: relative;

    overflow: hidden;

    padding: 56px 72px;
    background: url(../img/p50-footer-pattern-new-b.png) left top repeat #00A19C;
    /* margin-top: 80px; */
    margin-top: 125px;
}

.p50cFooterPanel {
    position: relative;
    background: #0B0907;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    /* padding: 24px 14px 42px; */
    padding: 42px 14px 42px;
        overflow: hidden;
}

.p50cFooterPanel > img {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.p50cFooterContainerInner {
    /*padding: 0px 105px;
    width: calc(100% - 210px);*/
    position: relative;
}

.p50cFooterTitle {
    text-align: center;
}

.p50cFooterTitle img {
    max-width: 192px;
    margin: auto;
    display: block;
}

.p50cFooterTitle h2 {
    font-size: 50px;
    line-height: 60px;
    color: var(--white);
    font-weight: 700;
    margin-top: 62px;
}

.p50cFooterContent {
    margin-top: 35px;
    text-align: center;
}

.clock-container {
    display: flex;
    justify-content: center;
}

.clock-col {
    color: var(--white);
    width: 80px;
}

.clock-timer {
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
}

.clock-label {
    position: relative;
    padding-top: 29px;
}

.clock-label:before {
    content: '';
    width: 16px;
    height: 1px;
    background: var(--white);
    position: absolute;
    top: 14px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.p50cFooterContent > p {
    color: var(--white);
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    font-weight: 300;
    margin-top: 20px;
}

.p50cFooterEmail {
/*    margin-top: 46px;*/
    display: flex;
    width: 100%;
    max-width: 400px;
    margin: 46px auto 0px;
}

.p50cFooterEmail {
    display: flex;
    align-items: center;
}

.p50cFooterEmail input[type="email"],
.p50cFooterEmail input[type="text"] {
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    padding: 15px 18px;
    background: #fff;
    border: 1px solid #fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: calc(100% - 153px);
    display: block;
    outline: none !important;
}

.p50cFooterEmail button {
    width: 151px;
    border: 1px solid #fff;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    outline: none !important;
    background: transparent;
    color: #fff;
    padding: 15px 10px;
    font-size: 20px;
    line-height: 20px;
    display: block;
    height: 56px;
}

.p50cFooterSocial {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 110px;

    margin-top: 50px;
}

.p50cFooterSocial a {
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-right: 50px;
    display: block;

    width: 35px;
    height: 35px;
}

.p50cFooterSocial a:last-child {
    margin-right: 0px;
}

.p50cFooterSocial a.p50cFooterSocialFB {
    background-image: url(../img/social-fb.png);
}

.p50cFooterSocial a.p50cFooterSocialIN {
    background-image: url(../img/social-in.png);
}

.p50cFooterSocial a.p50cFooterSocialTT {
    background-image: url(../img/social-tt.png);
}

.p50cFooterSocial a.p50cFooterSocialX {
    background-image: url(../img/social-x.png);
}

.p50cFooterSocial a.p50cFooterSocialYT {
    background-image: url(../img/social-yt.png);
}

.p50cFooterSocial a.p50cFooterSocialLI {
    background-image: url(../img/social-li.png);
}

.p50cFooterCopyright {
    margin-top: 60px;
    text-align: center;
}

.p50cFooterCopyright p {
    color: var(--white);   
}

.p50cFooterCopyright p span {
    font-size: 10px;
}

.p50cFooterCopyright p:nth-child(2) {
    /* margin-top: 7px; */
    margin-top: 25px;
}

.p50headerRightBtmM,
.p50headerRightBurger {
    display: none;
}

.p50headerLeftLogoActive {
    display: none;
}

.p50c4ContentInnerM {
    display: none;
}

.p50c5BG > h4 {
/*    display: none;*/

    display: block;
    color: var(--white);
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
    padding: 30px 33px;
}

.p50c7ContainerLeft > img {
    display: none;
}

.p50c10Title {
    /* padding: 76px 105px 24px; */
    padding: 106px 105px 24px;
    /* width: calc(100% - 210px); */
    width: 100%;
}

.p50c10Title h2 {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    color: var(--white);
    font-weight: 700;
}

.p50c10Title h2 b {
    color: var(--green);
}

.p50c5BGinner a.p50c5BvoteMainBtn i,
.p50c5SwiperVote i,
.p50c5BGinner a.p50c5BvoteSecondBtn i {
    background-image: url(../img/Icon-vote.png);
    width: 21px;
    height: 21px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50c5SwiperInner.active .p50c5SwiperVote i {
    background-image: url(../img/Icon-vote-c.png);
}

.p50c5BGbtn.p50c5SwiperInner.active .p50c5SwiperVote i {
    background-image: url(../img/Icon-vote-c.png);
}

.p50c5BGbtn.p50c5SwiperInner.active a.p50c5SwiperVote {
    background: #FFFFFF;
    text-decoration: unset;
}

.p50c5BGbtn.p50c5SwiperInner.active a.p50c5SwiperVote p {
    color: var(--green);
}

/* .p50c5BvoteMainBtn,
.p50c5BvoteSecondBtn,
.p50c5SwiperVote {
    display: none !important;
} */


.p50cMSGContainer {
    /* padding-top: 140px; */

    overflow: hidden;

/*    display: none;*/

    position: relative;
}

.p50cMSGTitle {
    padding: 76px 105px 24px;
    /* width: calc(100% - 210px); */
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50cMSGTitlePanel {
    position: relative;
    width: 100%;
}

.p50cMSGTitle h2 {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    color: var(--white);
    font-weight: 700;
    max-width: 660px;
}

.p50cMSGTitle h2 b {
    color: var(--green);
}

.p50cMSGTitleInner {
    position: absolute;
    right: 105px;
    bottom: 15px;
    display: flex;
    gap: 28px;
}

.p50cMSGContentOuter {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;

    perspective: 300px;
}

.p50cMSGContent {
    min-height: 100vh;
    min-width: 100%;
}

.imgBox img {
    transform: none !important;
}

#detail {
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, .75);
    top:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-evenly;
    z-index: 5;
}

#detailImg {
    width:85%;
    height:85%;
}

#detailTxt {
    color:#ccc;
    font-size:20px;
    letter-spacing:1px;
}

.p50cMSGContentOuterM {
    display: none;
}


.p50c4Splide01Outer {
    -moz-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
    margin: auto;
    width: 90% !important;
}

.p50c4Splide01 {
    /*-moz-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
    margin: auto;
    width: 90% !important;*/
}

.p50c4Splide01 .splide__track {
    overflow: visible !important;
}

.p50c4Splide01List {
/*    width: 50%;*/
    position: relative;
    padding-bottom: 60.5%;
    overflow: hidden;
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    border-radius: 29px;
    margin: 0px 10px;
}


.p50c4Swiper01  .swiper-wrapper {
    transition-timing-function: linear !important;
}

.p50c4Slick01Outer {
    -moz-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
        margin: auto;
    width: 90% !important;
}

.p50c4Slick01Outer .slick-list {
    overflow: visible !important;
}

.p50c4Slick01Outer .slick-slide .inner {
    position: relative;
    padding-bottom: 60.5%;
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    border-radius: 29px;
    overflow: hidden;
    margin: 0px 10px;
}

.p50c4Slick01Outer .slick-slide {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
}

.p50c4Slick01Outer .slick-slide .inner:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.07) 60%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.07) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.07) 60%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
    z-index: 1;
}

.p50c4Slick01Outer .slick-slide:hover {
    -moz-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -o-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09);
    z-index: 1;
}

.p50c4Slick01Outer .slick-slide .inner:hover:before {
    opacity: 1;
}

.p50c4Slick01Outer .p50c4SwiperInner {
    /*flex-direction: row-reverse;
    text-align: end;*/
}

.p50c4Slick01Outer .inner:hover .p50c4SwiperInner {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}


.p50c4Carousel01F {
    -moz-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
    margin: auto;
    width: 90% !important;
    padding: 0% 0px 3%;

    outline: none !important;
}

.p50c4Carousel02F {
    -moz-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
    margin: auto;
    width: 90% !important;
    padding: 0% 0px 3%;

    outline: none !important;
}

.p50c4Carousel01F .b-slider__slide,
.p50c4Carousel02F .b-slider__slide {
/*  text-align: center;*/
/*  width: 30rem;*/
/*  height: 8rem;*/
  /*display: flex;
  align-items: center;*/
  width: 50%;
  margin: 0px 10px;
}

.b-slider__slide_inner {
    padding-bottom: 60.5%;
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    border-radius: 29px;

    padding-bottom: 56.5%;
}

/*.p50c4Carousel01F .b-slider__ref {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}*/

.b-slider__slide_inner:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.07) 60%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.07) 60%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.07) 60%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
    z-index: 3;
}

.b-slider__slide_inner:hover .p50c4SwiperInner {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.b-slider__slide_inner:hover:before {
    opacity: 1;
}

/*.p50c4Carousel02 .p50c4SwiperInner {
    flex-direction: row-reverse;
        text-align: end;
}

.p50c4Carousel02 .p50generalBtn {
    flex-direction: row-reverse;
}*/

.p50c4Carousel01F .b-slider__slide:hover,
.p50c4Carousel02F .b-slider__slide:hover {
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 1;
}

.b-slider__slide .p50c4SwiperInner {
    z-index: 3;
/*    padding-bottom: 40px;*/
}

.p50c4Carousel02F.p50c4Carousel02 .p50c4SwiperInner {
    flex-direction: row;
        text-align: left;
}

.p50c4Carousel02F.p50c4Carousel02 .p50generalBtn {
    flex-direction: row;
}

.p50c9Carousel01F,
.p50c9Carousel02F  {
    width: 100%;
/*    padding: 3% 0px;*/
/*    padding: 0px 105px;*/

/*    padding: 0px 105px;
    width: calc(100% - 210px);*/

    outline: none !important;
}

.p50c9Carousel01F .b-slider__slide,
.p50c9Carousel02F .b-slider__slide {
    width: 50%;
    margin: 0px 10px;
}

.p50c9Carousel01F .flickity-viewport,
.p50c9Carousel02F .flickity-viewport {
/*    padding: 0px 105px;*/
}

/*.p50c9ContentTop {
    padding: 0px;
}*/

.p50c9ContentTop .b-slider__slide:hover .p50c9SwiperInner a, 
.p50c9ContentBtm .b-slider__slide:hover .p50c9SwiperInner a {
    margin-bottom: 0px;
    opacity: 1;
}

.p50c9Carousel01F .b-slider__slide_inner:before,
.p50c9Carousel02F .b-slider__slide_inner:before {
    display: none;
}

.p50c9ContentBtm .p50c9Carousel02F .p50c9SwiperInner {
    align-items: baseline;
}

.p50c9ContentBtm .p50c9Carousel02F .p50c9SwiperInner h3 {
    text-align: left;
}

.p50c9ContentBtm .p50c9Carousel02F .p50c9SwiperInner a {
    flex-direction: row;
}

.p50cS1Container {
    padding: 0px 105px;
    margin-top: 100px;
    /* margin-bottom: 100px; */
    margin-bottom: 130px;
    /* width: calc(100% - 210px); */
    width: 100%;
    position: relative;
}

.p50cS1ContainerInner {
    /*max-width: 915px;
    margin: auto;*/
}

.p50cS1Title {
/*    text-align: center;*/
    max-width: 520px;
}

.p50cS1Title h2 {
    font-size: var(--title-fs);
    line-height: var(--title-fs);
    font-weight: 700;
    color: var(--white);
        position: relative;
    z-index: 1;
}

.p50cS1Title h2 b {
    color: var(--green);
}

.p50cS1Title img {
    position: absolute;
    right: 0px;
    /* top: 0px; */
    top: -125px;
    z-index: -1;
}

.p50cS1Content {
    width: 100%;
    position: relative;

    max-width: 915px;
    margin: auto;
}

.p50cS1ContentMap {
    width: 100%;
    position: relative;
/*    padding-top: 90px;*/

    margin-top: 90px;
}

.p50cS1ContentMapInner {
    display: none;

    text-align: center;
}

.p50cS1ContentMapInner.all {
    display: block;
}

.p50cS1ContentMapImg {
    position: relative;
/*    width: 100%;*/
    display: inline-block;
}

.p50cS1ContentMapImg > img {
    max-width: 100%;
    margin: auto;
    display: block;

    max-height: 359px;
}

.p50cS1ContentMapImg > p {
    position: absolute;
    color: #fff;
    font-size: 21px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapImg > p:nth-child(1) {
    left: -2%;
    top: 62%;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapImg > p:nth-child(2) {
    left: 20%;
/*    top: 96%;*/
    bottom: -5%;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapImg > p:nth-child(3) {
    left: 28%;
    top: 45%;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapImg > p:nth-child(4) {
    left: 45%;
    top: 53%;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapImg > p:nth-child(5) {
    right: 4%;
    top: 6%;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapImg > p:nth-child(6) {
    right: 30%;
    top: 15%;
}

.p50cS1ContentMapInner.torch1 .p50cS1ContentMapImg > p:nth-child(1) {
    left: 16%;
    top: 54%;
}

.p50cS1ContentMapInner.torch1 .p50cS1ContentMapImg > p:nth-child(2) {
    right: 0%;
    top: 7%;
}

.p50cS1ContentMapInner.torch1 .p50cS1ContentMapImg > p:nth-child(3) {
    right: 43%;
    top: 19%;
}

.p50cS1ContentMapInner.torch2 .p50cS1ContentMapImg > p:nth-child(1) {
    left: -17%;
    bottom: 0%;
}

.p50cS1ContentMapInner.torch2 .p50cS1ContentMapImg > p:nth-child(2) {
    right: -16%;
    top: 23%;
    text-align: left;
}

.p50cS1ContentMapInner.torch3 .p50cS1ContentMapImg > p:nth-child(1) {
    right: -44%;
    top: 10%;
}

.p50cS1ContentMapContent {
    position: absolute;
    width: 100%;
    height: calc(100% - 90px);
    bottom: 0px;
    left: 0px;

    height: 100%;
}

.p50cS1ContentMapContent > div {
    position: absolute;
    cursor: pointer;
}

.p50cS1ContentMapContent > div .torchTooltips {
    display: none;
    position: absolute;
    bottom: -20px;
    right: 30px;
    width: 270px;

    bottom: auto;
    top: -10px;

    background: #3E3E3E;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: max-content;
    /* max-width: 270px; */
    /* max-width: 340px; */
    max-width: 400px;
    padding: 13px 20px;
    right: 50px;
    top: -30px;
}

.p50cS1ContentMapContent > div .torchTooltips:before {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8.5px 0 8.5px 19px;
    border-color: transparent transparent transparent #3E3E3E;
    transform: rotate(0deg);
    right: -19px;
    top: 30px;
    /*-moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
}

.p50cS1ContentMapContent > div .torchIcon {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 20px;
    height: 20px;
    background: url(../img/map/torch.svg) center no-repeat;
/*    margin-left: -18px;*/
    display: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    border-radius: 100px;
}

.p50cS1ContentMapContent > div .markerIcon {
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: block;
    background: #fff;
}

.p50cS1ContentMapContent > div.apr .markerIcon,
.p50cS1ContentMapContent > div.apr .torchTooltips .torchTooltipsDate p:nth-child(1),
.p50cS1ContentMapContent > div.sep .markerIcon,
.p50cS1ContentMapContent > div.sep .torchTooltips .torchTooltipsDate p:nth-child(1),
.p50cS1ContentMapContent > div.oct .markerIcon,
.p50cS1ContentMapContent > div.oct .torchTooltips .torchTooltipsDate p:nth-child(1){
    background: #FDB924;
}

.p50cS1ContentMapContent > div.may .markerIcon,
.p50cS1ContentMapContent > div.may .torchTooltips .torchTooltipsDate p:nth-child(1) {
    background: #C4D82E;
}

.p50cS1ContentMapContent > div.june .markerIcon,
.p50cS1ContentMapContent > div.june .torchTooltips .torchTooltipsDate p:nth-child(1) {
    background: #214897;
}

.p50cS1ContentMapContent > div.july .markerIcon,
.p50cS1ContentMapContent > div.july .torchTooltips .torchTooltipsDate p:nth-child(1) {
    background: #763F98;
}

.p50cS1ContentMapContent > div.aug .markerIcon,
.p50cS1ContentMapContent > div.aug .torchTooltips .torchTooltipsDate p:nth-child(1) {
    background: #707070;
}

.p50cS1ContentMapContent > div.istorch .torchIcon {
    display: block;
}

.p50cS1ContentMapContent > div.istorchcompleted .torchIcon {
    width: 20px;
    height: 20px;
    margin-left: -15px;
    display: block;
    background-image: url(../img/map/torch-completed.svg);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50cS1ContentMapContent > div.istorch .markerIcon,
.p50cS1ContentMapContent > div.istorchcompleted .markerIcon {
/*    display: none;*/
    opacity: 0;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapContent > div {
    
}



.p50cS1ContentLegend {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px 28px;
    margin-top: 60px;
}

.p50cS1ContentLegendList {
    display: flex;
    align-items: center;
    gap: 0px 10px;
}

.p50cS1ContentLegendList i {
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: block;
    background: #fff;
}

.p50cS1ContentLegendList.apr i,
.p50cS1ContentLegendList.sep i,
.p50cS1ContentLegendList.oct i {
    background-color: #FDB924;
}

.p50cS1ContentLegendList.may i {
    background-color: #C4D82E;
}

.p50cS1ContentLegendList.june i {
    background-color: #214897;
}

.p50cS1ContentLegendList.july i {
    background-color: #763F98;
}

.p50cS1ContentLegendList.aug i {
    background-color: #707070;
}

.p50cS1ContentLegendList.torch i {
    width: 37px;
    height: 37px;
    background-color: transparent;
    background: url(../img/map/torch.svg) center no-repeat;
    border: none;
}

.p50cS1ContentLegendList.completed i {
    width: 37px;
    height: 37px;
    background-color: transparent;
    background: url(../img/map/torch-completed.svg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: none;
}

.p50cS1ContentLegendList p {
    color: var(--white);
    line-height: 16px;
}

.p50cS1ContentTabs {
    margin-top: 40px;
}

.p50cS1ContentTabsDesktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p50cS1ContentTabsDesktop a {
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
}

.p50cS1ContentTabsDesktop a.active {
    color: #00A19C;
}

.p50cS1ContentTabsMobile {
    margin: auto;
    max-width: 294px;
    position: relative;
    display: none;
}

.p50cS1ContentTabsMobile:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 9px;
    background: url(../img/map/map-dropdown-arrow.png) center no-repeat;
    width: 15px;
    height: 9px;
}

.p50cS1ContentTabsMobile select {
    background: transparent;
    border: 1px solid #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    line-height: 16px;
    padding: 8px 15px;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
        outline: none !important;
}

.p50cS1ContentTabsMobile select option {
    background: #0B0907;
}

.p50cS1ContentTabsMobile select option:hover {
    background: #0B0907;
}

.p50cS1ContentTable {
    margin-top: 44px;
}

.p50cS1ContentTableInner {
    max-height: 450px;
    overflow: auto;
    display: none;
}

.p50cS1ContentTableInner.all {
    display: block;
}

.p50cS1ContentTableInner table {
    width: 100%;
}

.p50cS1ContentTableInner table thead {

}

.p50cS1ContentTableInner table thead tr th:first-child {
    min-width: 100px;
}

.p50cS1ContentTableInner table thead tr th {
    text-align: left;
}

.p50cS1ContentTableInner table thead tr th:last-child {
    text-align: center;
}

.p50cS1ContentTableInner tr td {
    border-bottom: 2px solid #fff;
    padding: 20px 10px;
    color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50cS1ContentTableInner tr.active td {
    color: #42CCC5;
}

.p50cS1ContentTableInner table thead tr th {
    color: rgba(255, 255, 255, .6);
    border-bottom: 2px solid #fff;
    padding: 20px 10px;
}

.p50cS1ContentTableInner tr td:first-child,
.p50cS1ContentTableInner table thead tr th:first-child {
    padding-left: 0px;
}

.p50cS1ContentTableInner table thead tr th:nth-child(5),
.p50cS1ContentTableInner tr td:nth-child(5) {
    display: none;
}

.p50cS1ContentTableIcon {
    display: flex;
    gap: 10px;
}

.p50cS1ContentTableIcon img {
    max-width: 35px;
}

.p50cS1ContentTableInner tr td:last-child {
    align-content: center;
}

.p50cS1ContentTableInner tr td:last-child div {

}

.p50cS1ContentTableInner tr td:last-child div i,
.p50cS1ContentTableInner tr td:first-child div i {
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: block;
    background: #fff;
    margin: auto;
}

.p50cS1ContentTableInner tr td:last-child div i.apr,
.p50cS1ContentTableInner tr td:last-child div i.sep,
.p50cS1ContentTableInner tr td:last-child div i.oct,
.p50cS1ContentTableInner tr td:first-child div i.apr,
.p50cS1ContentTableInner tr td:first-child div i.sep,
.p50cS1ContentTableInner tr td:first-child div i.oct {
    background-color: #FDB924;
}

.p50cS1ContentTableInner tr td:last-child div i.may,
.p50cS1ContentTableInner tr td:first-child div i.may {
    background-color: #C4D82E;
}

.p50cS1ContentTableInner tr td:last-child div i.june,
.p50cS1ContentTableInner tr td:first-child div i.june {
    background-color: #214897;
}

.p50cS1ContentTableInner tr td:last-child div i.july,
.p50cS1ContentTableInner tr td:first-child div i.july {
    background-color: #763F98;
}

.p50cS1ContentTableInner tr td:last-child div i.aug,
.p50cS1ContentTableInner tr td:first-child div i.aug {
    background-color: #707070;
}

.p50cS1ContentTableInner tr td:last-child div.istorch i,
.p50cS1ContentTableInner tr td:first-child div.istorch i {
    width: 38px;
    height: 38px;
    background-color: transparent;
    background: url(../img/map/torch.svg) center no-repeat;
    border: none;
}

.p50cS1ContentTableInner tr td:last-child div.istorchcompleted i,
.p50cS1ContentTableInner tr td:first-child div.istorchcompleted i {
    width: 37px;
    height: 37px;
    background-color: transparent;
    background: url(../img/map/torch-completed.svg) center no-repeat;
    border: none;
}

.p50cS1ContentTableInner tbody tr {
    cursor: pointer;
    vertical-align: text-top;
}

@keyframes pulse-animation-completed {
    0% {
      box-shadow: 0 0 0 0px rgba(255, 255, 255, 1);
    }
    100% {
      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
  }
  
  @keyframes pulse-animation-torch {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
}

@keyframes pulse-animation-apr {
  0% {
    box-shadow: 0 0 0 0px rgba(253, 185, 36, 1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(253, 185, 36, 0);
  }
}

@keyframes pulse-animation-may {
  0% {
    box-shadow: 0 0 0 0px rgba(196, 216, 46, 1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(196, 216, 46, 0);
  }
}

@keyframes pulse-animation-june {
  0% {
    box-shadow: 0 0 0 0px rgba(33, 72, 151, 1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(33, 72, 151, 0);
  }
}

@keyframes pulse-animation-july {
  0% {
    box-shadow: 0 0 0 0px rgba(118, 63, 152, 1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(118, 63, 152, 0);
  }
}

@keyframes pulse-animation-aug {
  0% {
    box-shadow: 0 0 0 0px rgba(112, 112, 112, 1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(112, 112, 112, 0);
  }
}

.p50cS1ContentMapContent > div.apr.active .markerIcon,
.p50cS1ContentMapContent > div.sep.active .markerIcon,
.p50cS1ContentMapContent > div.oct.active .markerIcon {
    animation: pulse-animation-apr 2s infinite;
}

.p50cS1ContentMapContent > div.may.active .markerIcon {
    animation: pulse-animation-may 2s infinite;
}

.p50cS1ContentMapContent > div.june.active .markerIcon {
    animation: pulse-animation-june 2s infinite;
}

.p50cS1ContentMapContent > div.july.active .markerIcon {
    animation: pulse-animation-july 2s infinite;
}

.p50cS1ContentMapContent > div.aug.active .markerIcon {
    animation: pulse-animation-aug 2s infinite;
}

.p50cS1ContentMapContent > div.istorchcompleted.active .markerIcon {
    animation: none;
}

.p50cS1ContentMapContent > div.istorchcompleted.active .torchIcon {
    animation: pulse-animation-completed 2s infinite;
}

.p50cS1ContentMapContent > div.istorch.active .torchIcon {
    animation: pulse-animation-completed 2s infinite;
}

/* .p50cS1ContentMapContent > div.istorch.active .markerIcon {
    animation: pulse-animation-torch 2s infinite;
    transform: translate(80%, -131%);
    z-index: -1;
    position: relative;
    width: 10px;
    height: 10px;
    opacity: 1!important;
} */

@media screen and (max-width:768px) {
    .p50cS1ContentMapContent > div.istorch.active .markerIcon {
        width: 5px;
        height: 5px;
    }
}

.p50cS1ContentMapContent > div.active .torchTooltips {
    display: block;
}

.torchTooltipsInner {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    align-items: flex-start;
}

.torchTooltipsDate {
    /* width: 57px; */
    width: 65px;
    border: 1px solid rgba(248, 185, 38, 1.0);
    text-align: center;
    margin-top: 2px;
}

.torchTooltipsDate p {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700; 
    color: #fff;
    text-transform: uppercase;
}

.torchTooltipsDate p:nth-child(1) {
    background: #F8B926;
    padding: 2px;
}

.torchTooltipsDate p:nth-child(2) {
    background: transparent;
    padding: 2px;
    background: #0B0907;

/*    color: #000;*/
}

.torchTooltipsDate p.tbc {
/*    min-height: 42px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.torchTooltipsTxt {
    /* width: calc(100% - 67px); */
    text-align: right;
    color: #fff;
    font-style: italic;

/*    color: #000;*/
}

.torchTooltipsTxt h5 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    font-style: normal;
}

.torchTooltipsTxt p {
    padding-top: 7px;
    font-size: 16px;
    /* line-height: 16px; */
    line-height: 19px;
    font-weight: 300;
    font-style: normal;
}

.p50cS1ContentMapContent > div.outsideX2 .torchTooltips {
    right: auto;
    left: 30px;

    left: 50px;
}

.p50cS1ContentMapContent > div.outsideX2 .torchTooltips:before {
    left: -19px;
    right: auto;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.p50cS1ContentMapContent > div.outsideX2 .torchTooltips .torchTooltipsInner {
    flex-direction: row;
}

.p50cS1ContentMapContent > div.outsideX2 .torchTooltips .torchTooltipsInner .torchTooltipsTxt {
    text-align: left;
}

.p50cS1ContentMapContent > div.active {
    z-index: 1;
}

.p50cS1ContentMapContent > div.apr .torchTooltips .torchTooltipsDate,
.p50cS1ContentMapContent > div.sep .torchTooltips .torchTooltipsDate,
.p50cS1ContentMapContent > div.oct .torchTooltips .torchTooltipsDate {
    border-color: #FDB924;
}

.p50cS1ContentMapContent > div.may .torchTooltips .torchTooltipsDate {
    border-color: #C4D82E;
}

.p50cS1ContentMapContent > div.june .torchTooltips .torchTooltipsDate {
    border-color: #214897;
}

.p50cS1ContentMapContent > div.july .torchTooltips .torchTooltipsDate {
    border-color: #763F98;
}

.p50cS1ContentMapContent > div.aug .torchTooltips .torchTooltipsDate {
    border-color: #707070;
}

.p50cS1TableMobile {
    display: none;
}

.p50cS1TableMobile i {
    display: block;
    margin: 15px 0px 0px !important;
}

.p50cS1TableMobile p {
    font-style: italic;
}
/* 
.p50cS1ContentMapImg .torchTooltipsIcon,
.p50cS1ContentMapContentMobile {
    display: none;
} */

.p50cS1ContentMapContentMobile {
    display: none;
}

.p50cS1ContentTableInner tr td {
    /* padding: 20px 5px; */
    padding: 20px 15px 20px 5px;
}

.p50bannerBtn {
    /* margin-top: 35px; */
    margin-top: 25px;
    display: flex;
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.p50bannerBtn.show {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.p50c4ContentImgNew {
    position: absolute;
    right: -104px !important;
    bottom: 0px;
    top: auto !important;

    bottom: -34%;
}

.p50c4ContentInner02 {
    max-width: 524px;
    margin: auto;
    /* margin: auto 150px auto auto; */
}

.p50c4ContentInner02Content {
    color: #fff;
}

.p50c4ContentInner02Content h3 {
    font-size: 26px;
    line-height: 30px;
    padding-left: 31%;
    margin-top: -5%;
}

.p50c4ContentInner02ContentFooter {
    padding-left: 31%;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 22px;
}

.p50c4ContentInner02ContentFooter p {
    font-size: 11px;
    line-height: 13px;
    font-weight: 300;
}

.p50c4ContentInner02ContentFooter img {
    max-width: 55px;
}

.p50cS1ContentMapContent > div .p50cS1ContentMapPath {
    display:none;
    position: absolute;
    /* top: 0%;
    right: 17%; */
    /* max-width: 12%; */
    width: max-content;
    max-width: 400px;
    z-index: -1;
}

.p50cS1ContentMapPath img {
    max-width: 100%;
}

/* .p50cS1ContentMapInner.torch1 .p50cS1ContentMapPath { */
    /* position: absolute;
    top: 0%;
    right: 22%;
    max-width: 20%; */
    /* position: absolute;
    top: 0%;
    right: 17%; */
    /* max-width: 100%; */
    /* width: max-content;
    max-width: 400px;
} */

.p50cS1ContentMapContent > div.active .p50cS1ContentMapPath {
    display: block;
}

.p50cFooterEmail a {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 248px;
    justify-content: center;
    padding: 10px;
    margin: auto;
}

.p50cFooterEmail a i {
    background: url(../img/p50-footer-calendar-icon.png) center no-repeat;
    width: 26px;
    height: 28px;
    display: block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50cFooterEmail a p {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: 300;
}

.JlightboxLeader {
    background: #262626;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow: auto;
    display: none;
}

.JlightboxLeaderInner {
    height: 100vh;
    overflow: auto;
    padding: 0px 110px;
    position: relative;
}

.JlightboxLeaderClose {
    position: fixed;
    right: 38px;
    top: 34px;
    width: 49px;
    height: 49px;
    background: url(../img/popup-close.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
}

.JlightboxLeaderInner:before {
    content: '';
    position: fixed;
    width: 32%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: url(../img/p50-footer-pattern-new-b.png) left top repeat #00A19C;

    /* -webkit-background-size: 100px;
    -moz-background-size: 100px;
    -o-background-size: 100px;
    background-size: 100px; */

    -webkit-background-size: 20%;
    -moz-background-size: 20%;
    -o-background-size: 20%;
    background-size: 20%;
}

.JlightboxLeaderInner.newspopup:before {
    width: 7.8%;
}

.JlightboxLeader > img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 350px;
}

.JlightboxLeaderContent {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    gap: 0px 60px;
}

.JlightboxLeaderLeft {
    width: 35.8%;
}

.JlightboxLeaderLeft.newscontent {
    width: 5%;
}

.JlightboxLeaderLeft img {
    max-width: 100%;
}

.JlightboxLeaderRight {
    width: calc(64.2% - 60px);
}

.JlightboxLeaderRight .p50c8ContentListRightTitle {

}

.JlightboxLeaderRight img {
    /* width: 100%; */
    /* height: 250px; */
    width: 100%;
    height: 100%; 
    object-fit: cover;
    padding-top: 30px;
}


.JlightboxLeaderRight .p50c8ContentListRightTitle p {
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
}

.JlightboxLeaderRight .p50c8ContentListRightTitle h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 900;
    color: #42CCC5;
}

.JlightboxLeaderRight p {
    color: #fff;
    font-weight: 300;
    margin-top: 30px;
}

/* .p50c10Container {
    display: none;
} */

.JlightboxNews .JlightboxLeaderInner:before {
    width: 230px;
    width: 18%;
}

.JlightboxNews .JlightboxLeaderContent {
    width: 82%;
        margin: auto;
}

.mobile-v {
    display:none;
}

@media screen and (max-width:768px){
    .JlightboxNews .JlightboxLeaderContent {
        width: 100%;
    }

    .mobile-v {
        display:block;
    }
}

.JlightboxNews .JlightboxLeaderLeft.newscontent {
    width: 0px;
}

.JlightboxNews .JlightboxLeaderRight {
    width: 100%;
    max-width: 680px;
        margin: auto;
}


.p50cMSGformPopup .JlightboxContentOuter {
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    border-radius: 43px;
    max-width: 800px;
    margin: auto;
}

.p50cMSGformPopupContent {
    background: #00A19C;
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    border-radius: 43px;
    position: relative;
    overflow: hidden;
    padding: 70px 25px;
}

.p50cMSGformPopupContent:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../img/p50-footer-pattern-new-b.png) left top repeat;
    opacity: .35;
    /*-webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    border-radius: 43px;*/
    -webkit-background-size: 93px;
    -moz-background-size: 93px;
    -o-background-size: 93px;
    background-size: 93px;
}

.p50cMSGformPopupContentInner {
    max-width: 582px;
    margin: auto;
    position: relative;
}

.p50cMSGformPopupContentInner h2 {
    font-size: 40px;
    line-height: 48px;
    color: var(--white);
    text-align: center;
    display: block;
}

.p50cMSGformPopupForm {
    margin-top: 29px;
}

.p50cMSGformPopupFormList {
    margin-bottom: 15px;
}

.p50cMSGformPopupFormList input[type="text"],
.p50cMSGformPopupFormList textarea {
    font-weight: 300;
    background: var(--white);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-color: #00A19C;
    padding: 17px 20px;
    display: block;
    /* width: calc(100% - 42px); */
    width: calc(100%);
    outline: none !important;
    border: 1px solid #00A19C;
}

.p50cMSGformPopupFormFooter {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.p50cMSGformPopupFormFooterLeft {

}

.p50cMSGformPopupFormFooterLeftCheckbox {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.p50cMSGformPopupFormFooterLeftCheckbox input {
    margin: 0px;
}

.p50cMSGformPopupFormFooterLeftCheckbox label {
    color: var(--white);
    margin: 0px;
    font-weight: normal;
}

.p50cMSGformPopupFormFooterLeftCheckbox label a {
    color: var(--white);
    text-decoration: underline;
}

.p50cMSGformPopupFormFooterRight {

}

.p50cMSGformPopupFormFooterRight button {
    /*background: var(--btn-c);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    padding: 8px 35px 8px 4px;
    border: none;*/
    border: none;
    outline: none;
}

.p50cMSGformPopup .JlightboxClose {
    width: 45px;
    height: 45px;
    background: url(../img/form-close-icon.png) center no-repeat;
    top: -55px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50cMSGallPopup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #000000;
    overflow: hidden;
    display: none;
}

.p50cMSGallPopup:before {
    content: '';
    background: url(../img/p50-msgall-bg.png) center no-repeat;
    width: 1104px;
    height: 763px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.p50cMSGallContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: calc(100% - 110px);
    position: relative;
    padding: 55px 45px;

    height: 100%;
    padding: 55px 45px 0px;
}

.p50cMSGallPanel {
    max-width: 1190px;
    margin: auto;
    width: 100%;
    height: 100%;
}

.p50cMSGallTitle {
    width: 100%;
}

.p50cMSGallTitle h2 {
    font-size: 72px;
    line-height: 82px;
    font-weight: 700;
    color: var(--white);
    max-width: calc(100% - 59px);
}

.p50cMSGallTitle h2 b {
    color: #00A19C;
}

.p50cMSGallContainerInner {
    margin-top: 40px;
}

.p50cMSGallTitle {
    position: relative;
}

.p50cMSGallTitle .JlightboxMSGallClose {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 49px;
    height: 49px;
    background: url(../img/popup-close.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50cMSGallContainerOuter {
    max-width: 1090px;
    margin: 38px auto 0px;
    max-height: calc(100vh - 300px);
    overflow: auto;

    max-height: calc(100vh - 174px);
    padding-bottom: 38px;
}

.p50cMSGallContainerInner {
    max-width: 970px;
    margin: auto; 
}

.p50cMSGallContent {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.p50cMSGallList {
    width: calc(33.3333% - 20px);
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.p50cMSGallListInner {
    padding: 20px 23px;
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: unset;
}

.p50cMSGallListContentTop > p {
    font-weight: 300;
}

.p50cMSGallListContentTop > p.hash {
    margin-top: 18px;
    color: #42CCC5;
}

.message-card1 .p50cMSGallListContentTop > p.hash, 
.message-card5 .p50cMSGallListContentTop > p.hash 
{
    /* margin-top: 18px; */
    color: #763F98;
}

.p50cMSGallListFooter {
    margin-top: 10px;
}

.p50cMSGallListFooterInner {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    gap: 15px;
    justify-content: end;
}

.p50cMSGallListFooterRightProfile {
    width: 43px;
    height: 43px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.p50cMSGallListFooterInner p {
    max-width: calc(100% - 58px);
}



/* Video Inner */
.p50VIc1 {

}

.p50VIc1 .p50c5BGinner {
    bottom: 114px;
}

.p50VIc2 {
    position: relative;
    margin-top: -32px;
    z-index: 1;
}

.p50VIc2 .p50c5carouselGeneralOuter {
    position: static !important;
}

.p50VIc2 {
    overflow: hidden;
    padding-bottom: 4%;
}

.p50c5carousel01YTNew {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
    opacity: 0;
}

.p50VIc2 .p50c5carouselGeneral .item.active .p50c5carousel01YTNew {
    opacity: 1;
}

.p50VIc3 {
    overflow: hidden;
}

.p50VIc3 .p50c5carouselGeneral .item h3 {
    font-weight: 900;
    font-size: 312px;
    line-height: 312px;
    -webkit-text-stroke: 3px #00A19C;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 0px;
    top: 0px;

    top: -46px;

    top: 50%;
    margin-top: -155px;
    left: -20px;
    word-spacing: -170px;
}

.p50VIc3 .p50c5carouselGeneral .item {
    padding-bottom: 0px;
}

.p50VIc3ItemInner {
    margin-left: 15%;
    position: relative;
    width: 85%;
    height: 100%;
    padding-bottom: 56%;
    padding-bottom: 49%;
}

.p50VIc3 .p50c5carouselGeneral .owl-item:hover {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*.p50VIc3 .p50c5carouselGeneral .item .p50c5carousel01YT {
    padding-left: 15%;
}*/

.p50VIc3 .p50c5carouselGeneralOuterTitle h4 {
    padding: 0px 105px;
    /* width: calc(100% - 210px); */
    width: 100%;
    color: var(--white);
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
}

.p50VIc3 .p50c5SwiperInner {
    width: 100%;
}

.p50VIc3 .p50c5carouselGeneralOuterTitle {
    margin-bottom: 0px;
}

.p50VIc3 .p50c5carouselTP  {
    margin-top: 40px;
}

.p50VIc3 .p50c5carouselTP {
    width: 80%;
}

.p50VIc4 {
    margin-top: 90px;
    position: relative;
    z-index: 1;
}

.p50VIc4Inner {
    padding: 0px 105px;
    width: 100%;
    position: relative;
}

.p50VIc4  .p50c5carouselGeneralOuterTitle {

}

.p50VIc4  .p50c5carouselGeneralOuterTitle h4 {
    width: 100%;
    color: var(--white);
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
}

.p50VIc4Content {
    margin-top: 30px;
    position: relative;
    display: flex;
    gap: 24px 20px;
    flex-wrap: wrap;
}

.p50VIc4List {
    width: calc(33.3333% - 13.3333px);
    position: relative;
}

.p50VIc4ListTop {
    width: 100%;
    padding-bottom: 57.4%;
    display: block;
    position: relative;
}

.p50VIc4ListTop .p50c5SwiperBG {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.p50VIc4ListTop .p50VIc4YT {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.p50VIc4ListTop.active .p50VIc4YT {
    opacity: 1;
}

.p50VIc4YTOverlay {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.p50VIc4ListBtm {
   margin-top: 20px;
   display: flex;
   justify-content: space-between; 
   gap: 0px 10px;
}

.p50VIc4ListBtmLeft {
    width: calc(100% - 45px);
}

.p50VIc4ListBtmLeft h3 {
    color: var(--white);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.p50VIc4ListBtmLeft p {
    color: var(--white);
    font-weight: 300;
    margin-top: 2px;
}

.p50VIc4ListBtmRight {
    width: 36px;
    height: 31px;
    display: block !important;
}

.p50VIc4ListBtmRight i {
    width: 36px;
    height: 31px;
    display: block;
    background: url(../img/icon-vote2.png) center no-repeat !important; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50VIc4ListBtm.active .p50VIc4ListBtmRight i {
    background-image: url(../img/icon-vote2-c.png) !important;
}

.p50VIc4ContentFooter {
    padding: 70px 0px 20px;
}

.p50VIc4ContentFooterInner {
    display: flex;
    justify-content: center;
}

.p50VIc4List {
    display: none;
}

.p50VIc5 h4 {
    width: 100%;
    color: var(--white);
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
}

.p50VIc5 h4 b {
    color: #00A19C;
}


.p50cMSGformPopupFormSuccess {
    padding: 3em;
    background-color: #FFFFFF;
    border: solid 1px #00a99d;
    border-radius: 20px;
    color: #00a99d;
}

.p50cMSGformPopupFormSuccessInner {
/*    padding: 3em;*/
}

.p50cMSGformPopupFormSuccess h3 {
    font-size: calc(1.3rem + .6vw);
}

.p50cMSGformPopupFormSuccess p {
    margin-top: 20px;
}



@media (min-aspect-ratio: 16/9) {

.p50bannerBG iframe,
.p50c5BG > iframe {
    height: 56.25vw;
}

}

@media (max-aspect-ratio: 16/9) {

.p50bannerBG iframe,
.p50c5BG > iframe {
    width: 177.78vh;
}

}



@media only screen and (max-width: 1440px) {

.p50c5BGinner {
    bottom: 35%;

    bottom: 40%;
}

}


@media only screen and (max-width: 1440px) and (max-height: 770px) {

.p50c5BGinner {
    bottom: 41%;
}

}




@media only screen and (max-width: 1280px) {

.p50VIc1 .p50c5BGinner {
    width: calc(100% - 132px);
    left: 66px;
}

.p50VIc2 .p50c5carouselGeneralOuter h4,
.p50VIc2 .p50c5carouselGeneralOuterTitleDisclaimer,
.p50VIc3 .p50c5carouselGeneralOuterTitle h4,
.p50VIc3 .p50c5carouselGeneralOuterTitleDisclaimer,
.p50VIc4Inner {
    padding: 0px 66px;
}

.p50VIc2 .p50c5carouselGeneral,
.p50VIc3 .p50c5carouselGeneral {
    padding: 0px 66px;
}

/*.p50VIc3 .p50c5carouselTP {
    width: 80%;
}*/

}

@media only screen and (max-height: 650px) {

.p50c5BGinner {
    bottom: 39%;
}

}

@media only screen and (max-height: 650px) and (min-width: 1000px) {

.p50c5BGinner {
    bottom: 48%;
}

}


@media only screen and (min-width: 1025px) {

.p50c10Content .timeline .slick-list {
    top: 0px !important;
}

}


@media only screen and (max-width: 1024px) {

.p50headerLeft p,
.p50headerRightTop {
    display: none;
}

.p50headerLeft {
    padding-left: 33px;
    padding-top: 32px;
    width: 79px;
    position: relative;
    z-index: 1;
}

.p50headerLeft img {
    max-width: 79px;
}

.p50headerRightBurger {
    display: block;
    width: 22px;
    height: 11px;
    position: relative;
        z-index: 1;
}

.p50headerRightBurger span {
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p50headerRightBurger span:nth-child(2) {
    top: 5px;
}

.p50headerRightBurger span:nth-child(3) {
    top: 10px;
    width: 12px;
    left: auto;
    right: 0px;
}

.p50headerRightBtm {
    margin-top: 0px;
    padding-top: 0px;
    border: none;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    background: #fff;
    height: 100vh;
    display: none;

    background: #0B0907;
}

.p50headerRightBtm ul {
    display: block;
}

.p50headerRightBtm ul li {
    margin-right: 0px;
    display: block;
    position: relative;
}

.p50headerRightBtm ul li a {
    font-size: 24px;
    line-height: 29px;
    color: #000;
    font-family: 'Museo Sans', sans-serif;
    display: inline-block;
    background: none;
    font-weight: normal;
     padding: 18px 15px 15px 33px;
     color: #000;

     color: var(--white);
}

.p50headerRightBtmM {
    display: block;
}

.p50headerInner {
    align-items: flex-start; 
}

.p50headerRight {
    width: calc(100% - 145px);
    padding-left: 0px;
    padding-right: 33px;
    padding-top: 40px;
    display: flex;
    justify-content: end;
}

.p50headerInner.active .p50headerLeft .p50headerLeftLogo {
    display: block;
}

.p50headerInner.active .p50headerLeft .p50headerLeftLogoActive {
    display: block;
}

.p50headerInner.active .p50headerRight .p50headerRightBurger span {
    background: var(--green);
}

.p50headerInner.active .p50headerRight .p50headerRightBurger span:nth-child(1) {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 6px;
}

.p50headerInner.active .p50headerRight .p50headerRightBurger span:nth-child(2) {
    opacity: 0;
}

.p50headerInner.active .p50headerRight .p50headerRightBurger span:nth-child(3) {
    width: 100%;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 6px;
}

.p50headerRightBtm > ul {
    margin-top: 84px;
}

.p50header {
    z-index: 6;
}

.p50liveBannerImg > * {
    display: none;
}

.p50liveBannerImg {
    width: 64px;
    height: 74px;
    background: url(../img/live-banner-m.png) center no-repeat;
    display: block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50liveBannerClose {
    background: url(../img/live-close-icon-m.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 16px;
    height: 16px;
    top: -25px;
    right: -16px;

    display: none;
}

.p50liveBanner {
    overflow: visible;
    right: 33px;
    bottom: 26px;
}

.p50bannerContainerInner {
    /* width: calc(100% - 66px); */
    width: 100%;
    left: 33px;
    bottom: 100px;
}

.p50bannerTitle h1 {
    font-size: 30px;
    line-height: 35px;
}

.p50LoadingContent img {
    max-width: 165px;
}

.p50LoadingContent .counter .digit {
    font-size: 37px;
    line-height: 45px;
}

.p50LoadingContent {
    gap: 37px;
        width: 100%;
    max-width: 312px;
}

.p50c2ContainerInner {
    padding: 85px 33px 70px;
}

.p50c2Title {
    text-align: left;
    position: relative;
    z-index: 1;
}

.p50c2Title h2,
.p50c4ContentInner h2 {
    font-size: 35px;
    line-height: 40px;
}

.p50c2Content {
    margin-top: 30px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.p50c2Img {
    max-width: 350px;
    top: 10%;
}

.p50c2Img img {
    max-width: 100%;
}

.p50c4ContentInnerM {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 2px;
}

.p50c4ContentInnerM p {
    font-size: 14px;
    line-height: 20px;
    color: var(--white);
    font-style: italic;  
}

.p50c4ContentInner {
    max-width: 182px;
}

.p50c4Content {
    padding-left: 33px;
    padding-right: 33px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.p50c4Content > img {
    /*max-width: 314px;
        top: 3%;*/
}

.p50c5Title {
    padding: 0px 33px;
}

.p50c5Title h2 {
    font-size: 40px;
    line-height: 45px;
}

.p50c5Container > img {
    max-width: 300px;

    right: -30px;
}

.p50c5Tabs.ui-tabs {
    min-height: 100vh;
    height: auto;
}

.p50c5Tabs.ui-tabs .ui-tabs-nav li a {
    font-size: 12px;
    line-height: 12px;
    padding: 16px 10px;
}

.p50c5Tabs.ui-tabs .ui-tabs-nav {
    width: 100%;
    max-width: 324px;
    margin-top: 24px;
}

.p50c5BGinner h2 {
    font-size: 30px;
    line-height: 35px;
}

.p50c5BGinner > p {
    font-size: 18px;
    line-height: 22px;
}

.p50c5BGinner a {
    margin-top: 23px;
}

.p50c5BGinner {
    left: 33px;
    bottom: calc(25% + 53px);
}

.p50c5carouselGeneralOuter {
    bottom: 0px;
    position: static !important;
    margin-top: 30px;

    position: relative !important;
}

.p50c5carouselGeneralOuter h4 {
    padding: 0px 33px;
    /* width: calc(100% - 66px); */
    width: 100%;
}

.p50c5carouselGeneral {
    bottom: 0px;

    position: static !important;
    padding: 0px 33px;
    width: calc(100% - 66px) !important;
}

.p50c5carouselGeneralOuterTitleDisclaimer {
    padding: 0px 33px;
    width: calc(100% - 66px) !important;
}

.p50c5BG > iframe {
    position: relative;
}

.p50c5BG {
    padding-bottom: 20%;
    position: static;
    height: 100vh;

    padding-bottom: 0px;
/*    overflow: visible;*/
    min-height: 100vh;
    height: auto;
}

.p50c5Tabs.ui-tabs .ui-tabs-panel {
    padding: 0px;
}

.p50c5BG:after {
    display: none;
}

.p50c5BG > h4 {
    display: block;
    color: var(--white);
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
    padding: 30px 33px;
}

.p50c5carouselGeneral .owl-item:hover {
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.p50c5SwiperInner {
    width: calc(100% - 26px);
    height: calc(100% - 9px);
    padding: 0px 13px 9px;
}

.p50c5SwiperPlay,
.p50c5SwiperVote i {
    width: 14px;
    height: 16px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50c6Title {
    padding: 0px 33px;
    /* width: calc(100% - 66px); */
    width: 100%;
}

.p50c6Title h2 {
    font-size: 35px;
    line-height: 40px;
}

.p50c6Container > img {
    max-width: 260px;
    top: 40px;
}

.p50c6Container {
    padding-top: 80px;
    min-height: auto;
}

.p50c7Container {
    margin-top: 50px;
    min-height: auto;
}

.p50c7ContainerInner {
    padding: 0px 33px;
    /* width: calc(100% - 66px); */
    width: 100%;
        align-items: center;
}

.p50c7ContainerLeft h2 {
    font-size: 40px;
    line-height: 45px;
}

.p50c7ContainerLeft h2 br {
    display: none;
}

.p50c7ContainerLeft > img {
/*    display: block;*/
}

.p50c7ContainerRight {
/*    display: none;*/
}

.p50c7ContainerLeft {
    width: 100%;
    margin-top: 0px;
}

.p50c7ContainerRight img {
    max-width: 324px;
}

.p50c7Container > img {
    max-width: 390px;
}

.p50c7Container > img:nth-child(1) {
    bottom: 36%;
}

.p50c8ContainerInner {
    padding: 0px 33px;
    /* width: calc(100% - 66px); */
    width: 100%;
}

.p50c8Title h2 {
    font-size: 40px;
    line-height: 45px;
}

.p50c8Container > img {
    max-width: 504px;
}

.p50c8ContentList {
    margin-top: 30px;
}

.p50c8Container {
    padding-bottom: 30px;
}

.p50c9Title {
    padding: 457px 33px 40px;
    /* width: calc(100% - 66px); */
    width: 100%;
}

.p50c9Title h3 {
    font-size: 40px;
    line-height: 45px;
    margin: 0px;
    max-width: 314px;
}

.p50c9Title h3 br {
    display: none;
}

.p50c4SwiperInner h3,
.p50c3SwiperInner h3 {
    font-size: 16px;
    line-height: 20px;
}

.p50c4SwiperInner h3 {
    width: calc(100% - 154px);
}

.p50c3SwiperInner > p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
}

.p50generalBtn {
    /* padding: 6px 16px 6px 4px; */
    padding: 6px 23px 6px 4px;
}

.p50generalBtn p {
    font-size: 14px;
    line-height: 14px;
    margin-left: 16px;
}

.p50generalBtn i {
    width: 23px;
    height: 23px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50c4SwiperInner {
    width: calc(100% - 30px);
    padding: 0px 15px 22px;
}

.p50c4SwiperInner .p50generalBtn p {
    font-size: 10px;
    line-height: 10px;
}

.p50c9SwiperInner h3 {
    font-size: 16px;
    line-height: 19px;
        max-width: calc(100% - 33px);
}

.p50c9SwiperInner {
    width: calc(100% - 20px);
    padding: 0px 10px 15px;
    height: calc(100% - 10px);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}

.p50c9SwiperInner a {
    margin-top: 0px;
    background: url(../img/more-icon-m.png) center no-repeat transparent;
        margin-bottom: 0px;

    opacity: 1;
}

.p50c9SwiperInner a > * {
    display: none;
}

.p50c9ContentBtm .p50c9carousel02 .p50c9SwiperInner {
    flex-direction: row-reverse;
}

.p50c9ContentBtm .p50c9Carousel02F.p50c9carousel02 .p50c9SwiperInner {
    flex-direction: row;
}

.p50c9ContentBtm .p50c9Carousel02F .p50c9SwiperInner {
    align-items: end;
}

.p50c10Title {
    padding: 74px 0px 24px 33px;
    width: calc(100% - 174px);
}

.p50c10Title h2 {
    font-size: 40px;
    line-height: 45px;
}

.p50c10ContentInner {
    flex-wrap: wrap;
}

.p50c10ContentLeft {
    height: 500px;
    width: calc(100% - 33px);
}

.p50c10ContentRight {
    width: 100%;
    padding: 0px 33px;
}

.p50c10Content .timeline {
    /*top: 54%;

    top: 0px;
    height: 100%;*/
}

.p50c10Content .timeline .slick-list {
    position: absolute;
/*    top: 50%;*/
/*    margin-top: 0px;*/
}

.p50c10Content .timeline:after {
    display: none;
}

/*.p50c10Content .timeline .slick-list:after {
    content: '';
    width: calc(100% - 105px);
    height: 5px;
    background: var(--white);
    -webkit-border-top-left-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-bottomleft: 100px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    position: absolute;
    top: 149px;
    right: 0px;
}*/

.p50c10Content .timeline > button {
    top: -75px;
    width: 42px;
    height: 42px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.p50c10Content .timeline > button.slick-prev {
    right: 88px;
}

.p50c10Content .timeline > button.slick-next {
    right: 40px;
}

.p50c11Title {
    width: calc(100% - 660px);
    padding: 0px 33px;
}

.p50c11Container {
    margin-top: 70px;
}

.p50c11Title h2 {
    font-size: 40px;
    line-height: 45px;
}

.p50c11ContainerInner .swiper-slide {

}

.p50c11ContainerInner .swiper-slide .p50c11Content {
    opacity: 1;
    height: 80px;
    bottom: 0px;
    top: auto;
    padding: 8px 18px;
    width: calc(100%);
    justify-content: space-between;
}

.p50c11Content > p {
    font-size: 14px;
    line-height: 15px;
    padding-bottom: 0px;
    text-align: left;
    width: calc(100% - 38px);
}

.p50c11Content a {
    width: 28px !important;
    height: 29px;
    background: url(../img/p50-c10-buy-icon.png) center no-repeat transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: static !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.p50c11Content a > * {
    display: none;
}

.p50c11ContainerInner .swiper {
    padding-bottom: 25px;
}

.p50c11ContainerInner .swiper-pagination {
    bottom: 0px;
    top: auto;
}

.p50cFooterContainer > img {
    max-width: 680px;
}

.p50cFooterContainer {
/*    padding-top: 90px;*/
}

.p50cFooterTitle img {
    max-width: 108px;
}

.p50cFooterTitle h2 {
    font-size: 21px;
    line-height: 25px;
    margin-top: 94px;
}

.p50cFooterEmail input[type="email"], 
.p50cFooterEmail input[type="text"] {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 15px;
    width: calc(100% - 125px);
}

.p50cFooterEmail button {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 15px;
    height: 45px;
    width: 125px;
}

.p50cFooterSocial a {
    width: 25px;
    height: 25px;
    margin-right: 0px;
}

.p50cFooterSocial {
    max-width: 324px;
    justify-content: space-between;
    /* margin: 166px auto 0px; */
    margin: 40px auto 0px;
}

.p50cFooterCopyright {
    margin-top: 35px;
}

.p50c3SwiperInner {
    opacity: 1;
}

.p50c3SwiperBG {
    opacity: 0.4;
}

.p50c9ContentTop .item .p50c9SwiperBG:before, 
.p50c9ContentBtm .item .p50c9SwiperBG:before {
    height: 55%;
}

.p50cMSGContentOuterM {
    display: block;
    overflow: hidden;
    margin-top: 40px;
}

.p50cMSGContentOuter,
.p50cMSGTitleInner {
    display: none;
}

.p50cMSGContainer .pin-spacer {
/*    display: none;*/
    height: 0px !important;
}

.p50cMSGcarouselGeneral {
/*    overflow: hidden;*/
    padding: 0px 105px;
/*    width: calc(100% - 210px) !important;*/

    outline: none !important;

    width: 100%;
}

.p50cMSGcarouselGeneral .owl-stage-outer {
    overflow: visible !important;
}

.p50cMSGTitle h2 {
    font-size: 40px;
    line-height: 45px;
}

.p50cMSGTitle {
    padding: 74px 33px 0px 33px;
    /* width: calc(100% - 66px); */
    width: 100%;

    position: static !important; 
}

.p50cMSGBtnM {
    max-width: 222px;
    margin: 30px auto 0px;
}

.p50cMSGBtnM a {
    margin-bottom: 20px;
}

.p50cMSGBtnM a.p50generalBtn p {
    margin: auto;
}

.p50cFooterContainerInner {
    /*padding: 0px 33px;
    /* width: calc(100% - 66px); */
    width: 100%;*/
}

.p50c9VideoBG {
    top: 3%;
    left: 0%; 
}

.p50c9VideoBG video {
/*    max-height: 436px;*/

    width: auto;
    height: 436px;
    margin-left: -387px;
    position: relative;
    left: 50%;
}

.p50cFooterContainer {
    padding: 35px;
}

.p50c5BG > iframe {
    height: 80vh;
}

.p50c9Content {
    margin-top: 0px;
}

.p50c5BG:before {
    margin-bottom: 0px;
    bottom: auto;
    top: 0px;
    margin-top: 48vh;
}

.p50cMSGcarouselGeneral .b-slider__slide {
    padding: 0px 10px;
    width: 50%;
}

.p50cMSGcarouselGeneral .b-slider__slide_inner {
    padding-bottom: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.p50cMSGcarouselGeneral .b-slider__slide_inner img {
    width: 100%;
}

/*.p50cMSGcarouselGeneral {
    padding: 0px 33px;
    width: 100% !important;
}*/

.p50cMSGcarouselGeneral .b-slider__slide_inner:before {
    display: none;
}

.p50cMSGcarousel02  {
    margin-top: 26px;
}

}



@media only screen and (max-width: 768px) {

.p50c3Swiper {
    width: calc(100% - 66px) !important;
}

.p50c3Swiper .owl-item .item {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    padding-bottom: 127.2%;

    max-height: 550px;
    /* max-height: 412px; */
    height: 127.2vh;
    padding-bottom: 0px;
}

.p50c3SwiperInner {
    padding: 15px 20px;
    width: calc(100% - 40px);
    height: calc(100% - 30px);
    justify-content: flex-end;
}

.p50c5ContainerInner {
    padding-top: 30px;
}

.p50c5BGinner {
     width: calc(100% - 66px); 
/*    width: 100%;*/
    bottom: 24%;

    bottom: 29%;
}

.p50c5BGinner a {
    width: 100%;
    display: flex;
    justify-content: center;
}

.p50c7ContainerLeft > img {
    display: block;
    max-width: 324px;
    margin: 50px auto 0px;
}

.p50c7ContainerRight {
    display: none;
}

.p50c7ContainerLeft > p {
    margin-top: 0px;
}

.p50c8Container {
    padding-top: 60px;
}

.p50c7Container > img:nth-child(1) {
    bottom: 56%;
}

.p50c8ContentList {
    flex-wrap: wrap;
}

.p50c8ContentListLeft {
    width: 100%;
}

.p50c8ContentListRight {
    width: 100%;
    padding: 0px;
        margin-top: 27px;
}

.p50c8ContentList:nth-child(even), 
.p50c8ContentList:nth-child(even) > div {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.p50c9ContentTop, 
.p50c9ContentBtm {
    padding: 0px 33px;
}

.p50c9carouselGeneral {
    width: 100% !important;
}

.p50c10Content .timeline .slick-list .slick-slide span {
    font-size: 27px;
    line-height: 27px;
    height: 56px;
}

.p50c10Content .timeline .slick-list .slick-slide.show span {
    font-size: 56px;
    line-height: 56px;
}

.p50c10Content .timeline .slick-list .slick-track {
    align-items: baseline;  
}

.p50c10Content .timeline {
    width: calc(100% - 33px + 14px);
}

.p50c10ContentLeft {
    /* padding-bottom: 90%; */
    padding-bottom: 5px;
}

.p50c10ContentTitle {
    padding-top: 90px;
}

.p50c10Content .timeline .slick-list {
    margin-top: 12px;
}

.p50c4Carousel01F .b-slider__slide,
.p50c4Carousel02F .b-slider__slide,
.p50c9Carousel01F .b-slider__slide,
.p50c9Carousel02F .b-slider__slide {
  width: 100%;
  margin: 0px 10px;
}

.p50cS1ContentMapContent > div .markerIcon {
    width: 10px;
    height: 10px;
}

.p50cS1ContentMapImg > p {
    font-size: 14px;
    line-height: 14px;
}

.p50cS1ContentMapImg > img {
/*    padding: 0px 25px;*/
}

.p50cS1ContentTabsDesktop,
.p50cS1ContentTableInner table thead tr th:nth-child(3),
.p50cS1ContentTableInner table thead tr th:nth-child(4),
.p50cS1ContentTableInner table thead tr th:nth-child(5),
.p50cS1ContentTableInner table thead tr th:nth-child(6),
.p50cS1ContentTableInner table tbody tr td:nth-child(3),
.p50cS1ContentTableInner table tbody tr td:nth-child(4),
.p50cS1ContentTableInner table tbody tr td:nth-child(5),
.p50cS1ContentTableInner table tbody tr td:nth-child(6) {
    display: none;
}

.p50cS1ContentTabsMobile,
.p50cS1TableMobile {
    display: block;
}

.p50cS1Title {
    text-align: left;
}

.p50cS1Title h2 {
    font-size: 40px;
    line-height: 45px;
}

.p50cS1ContentMap {
    margin-top: 45px;
}

.p50cS1ContentTabsMobile {
    margin: 0px;
}

.p50cS1ContentTable {
    margin-top: 25px;
}

.p50cS1Container {
    margin-top: 0px;
}

.p50cS1ContentMapContentMobile {
    display: block;
}

.p50cS1ContentMapContentMobile .p50cS1ContentMapContent {
    position: static;
}

.p50cS1ContentMapContentMobile .p50cS1ContentMapContent > div {
/*    display: none;*/
    position: static;
}

.p50cS1ContentMapContentMobile .p50cS1ContentMapContent > div > i.torchIcon,
.p50cS1ContentMapContentMobile .p50cS1ContentMapContent > div > span.markerIcon {
    display: none;
}

.p50cS1ContentMapContentMobile .p50cS1ContentMapContent > div .torchTooltips {
    display: block;
    position: static;
/*    width: 100%;*/
    max-width: 300px;
    margin: auto;
}

.p50cS1ContentMapContentMobile .p50cS1ContentMapContent > div .torchTooltips:before {
    display: none;
}

.p50cS1ContentMapContentMobile .p50cS1ContentMapContent > div .torchTooltips .torchTooltipsInner {
/*    flex-direction: row;*/
    gap: 10px;
}

.p50cS1ContentMapContentMobile .p50cS1ContentMapContent > div .torchTooltips .torchTooltipsInner .torchTooltipsIcon {
    max-width: 34px;

    /* display: none; */
}

.p50cS1ContentMapContentMobile .p50cS1ContentMapContent > div .torchTooltips .torchTooltipsInner .torchTooltipsIcon img {
    display: block;
    max-width: 100%;
}

.p50cS1ContentMapContentMobile .p50cS1ContentMapContent > div .torchTooltips .torchTooltipsInner .torchTooltipsTxt {
    width: calc(100% - 111px);
/*    text-align: left;*/

    width: calc(100% - 67px);;
}

.p50cS1ContentMapContentMobile .p50cS1ContentMapContent > div {
    display: none;
    margin-top: 35px;
}

.p50cS1ContentLegend {
    margin-top: 40px;
}

.p50cS1ContentMapImg .torchTooltips {
    display: none !important;
}

.p50cS1ContentMapContent > div .torchIcon {
    width: 15px;
    height: 15px;
}

.p50cS1ContentMapContent > div.istorchcompleted .torchIcon {
    width: 15px;
    height: 15px;
}

.p50cS1Container {
    /* padding: 0px 33px; */
    padding: 60px 33px 0px 33px;
    /* width: calc(100% - 66px); */
    width: 100%;
}

.p50cS1Title img {
    max-width: 50%;
    /* top: -100px; */
    top: -60px;
}

.p50bannerBtn {
    margin-top: 20px;
}

.p50c4ContainerPattern {
    display: none;
}

.p50c4ContentInner02 {
    max-width: 280px;
}

.p50c4ContentInner02 > img {
    max-width: 100%;
}

.p50c4ContentInner02Content h3 {
    font-size: 14px;
    line-height: 15px;
}

.p50c4ContentInner02ContentFooter img {
    max-width: 42px;
}

.p50c4ContentInner02ContentFooter {
    margin-top: 5px;
    gap: 10px;
}

.p50c4Content > img {
    max-width: 243px;
}

.p50c4ContentImgNew {
    right: -63px !important;
    bottom: -39%;
}

.p50c4ContentInner02ContentFooter p {
    font-size: 7px;
    line-height: 7px;
}

.p50cFooterPanel {
    padding: 30px 14px 35px;
}

.p50cFooterTitle h2 {
    margin-top: 30px;
}

.p50cFooterSocial {
    margin-top: 30px;
}

.p50cFooterContainer {
    -webkit-background-size: 75px;
    -moz-background-size: 75px;
    -o-background-size: 75px;
    background-size: 75px;
    margin-top: 50px;
}

.p50cFooterPanel > img {
    display: none;
}

.p50cS1ContentLegendList p {
    font-size: 14px;
    line-height: 14px;
}

.p50c6ContainerInner {
    margin-top: 55px;
    padding-bottom: 30px;
}

.p50c8Content {
    margin-top: 2px;
}

.p50c8Container > img:nth-child(2) {
    bottom: 28%;
    right: -6%;
}

.JlightboxLeaderClose {
    top: 20px;
    right: 15px;
}

.JlightboxLeaderInner {
    padding: 0px 33px;
}

.JlightboxLeaderContent {
    flex-wrap: wrap;
    padding: 127px 0px;
    align-items: normal;
    height: auto;
}

.JlightboxLeaderContent > div {
    width: 100%;
}

.JlightboxLeaderLeft img {
    max-width: 325px;
    margin: auto;
    display: block;
}

.JlightboxLeaderInner:before {
    position: absolute;
    position: absolute;
    height: 560px;
    width: 50%;
}

.JlightboxLeaderRight {
    margin-top: 90px;
}

.JlightboxLeaderRight .p50c8ContentListRightTitle p {
    margin-top: 0px;
}

.p50c5Title > img {
    max-width: 270px;
    top: 30px;
}

.p50LoadingContainerInner video {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50%);
    height: auto;
    left: 0px;
    margin-left: -35vw;
    width: 170vw;

}

.p50c5BG:before {
    /*margin-bottom: 0px;
    top: 29%;
    bottom: auto;*/
}


.p50cMSGformPopupContentInner h2 {
    font-size: 33px;
    line-height: 36px;
}

.p50cMSGformPopup .JlightboxContentOuter {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.p50cMSGformPopupContent {
    padding: 30px 25px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.p50cMSGformPopup .JlightboxClose {
    width: 40px;
    height: 40px;
}

.p50cMSGformPopupForm {
    margin-top: 16px;
}

.p50cMSGformPopupFormFooter {
    flex-wrap: wrap;
    justify-content: center;
}

.p50cMSGformPopupFormFooter > div {
    width: 100%;
}

.p50cMSGformPopupFormFooterLeftCheckbox {
    justify-content: center;
}

.p50cMSGformPopupFormFooter .g-recaptcha,
.p50cMSGformPopupFormFooterRight {
    display: flex;
    justify-content: center;
}

.p50cMSGallTitle h2 {
    font-size: 40px;
    line-height: 45px;
}

.p50cMSGallContainer {
    padding: 25px 33px;
    height: calc(100% - 50px);
}

.p50cMSGallPopup:before {
    width: 144px;
    height: 100px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0px;
    right: 0px;
    left: auto;
}

.p50cMSGallTitle h2 b {
    display: block;
}

.p50cMSGallContainerOuter {
    margin-top: 33px;
    max-height: calc(100vh - 198px);

    max-height: calc(100vh - 147px);
    padding-bottom: 30px;
}

.p50cMSGallList {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

/*    width: calc(50% - 15px);*/
}

.p50cMSGcarouselGeneral {
    padding: 0px 33px;
    width: 100% !important;
}

.p50cMSGcarouselGeneral .b-slider__slide {
    width: 100%;
}

.p50VIc4List {
    width: 100%;
}

.p50VIc3 .p50c5carouselGeneral .item h3 {
    font-size: 145px;
    line-height: 145px;
    margin-top: -68px;
}

.p50VIc1 .p50c5BGinner {
    width: calc(100% - 66px);
    left: 33px;
}

.p50VIc2 .p50c5carouselGeneralOuter h4, 
.p50VIc2 .p50c5carouselGeneralOuterTitleDisclaimer, 
.p50VIc3 .p50c5carouselGeneralOuterTitle h4, 
.p50VIc3 .p50c5carouselGeneralOuterTitleDisclaimer, 
.p50VIc4Inner {
    padding: 0px 33px;
}

.p50VIc3 .p50c5carouselTP {
    padding-bottom: 20px;
}

.p50VIc3 {
    padding-top: 20px;
}

.p50VIc4 {
    margin-top: 40px;
}

}


@media only screen and (max-width: 767px) {

.p50c5BGinner {
    bottom: 38%;

    bottom: 42%;
}

}


@media only screen and (max-width: 640px) {


}

@media only screen and (max-width: 480px) {

.p50c5BGinner {
    bottom: 27%;

    bottom: 35%;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapImg > p:nth-child(1) {
    left: -7%;
    top: 85%;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapImg > p:nth-child(2) {
    left: 18%;
    bottom: -18%;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapImg > p:nth-child(5) {
    right: -4%;
    top: -1%;
}

.p50cS1ContentMapInner.all .p50cS1ContentMapImg > p:nth-child(4) {
    left: 43%;
    top: 30%;
}

.p50cS1ContentMapInner.torch2 .p50cS1ContentMapImg > p:nth-child(1) {
    left: auto;
    bottom: 22%;
    right: -36%;
}

.p50cS1ContentMapInner.torch2 .p50cS1ContentMapImg > p:nth-child(2) {
    right: -5%;
}

.p50cS1ContentMapInner.torch3 .p50cS1ContentMapImg > p:nth-child(1) {
    right: -13%;
    top: 35%;
}

.p50c2Title h2 b {
    display: inline;
}

.p50c5BG:before {
    margin-top: 46vh;
}

}

@media screen and (min-width:1025px) {
    .p50c2Title h2 {
        font-size: 65px;
        line-height: 70px;
    }

    .p50bannerTitle h1 {
        font-size: 50px;
        line-height: 55px;
        font-weight: 500;
    }
}

@media screen and (min-width:769px) {
    .torchTooltipsIcon img {
        max-width: 34px;
        max-height: 34px;
    }
}

@media screen and (max-width:768px) {
    .JlightboxLeaderInner.newspopup:before {
        
        display: none;
    }

    .JlightboxLeaderRight.newscontent {
        margin-top: 0px;
    }

    .p50headerInner {
        justify-content: space-around;
    }

    .p50headerLeft {
        /* padding-left: 32px; */
        padding-left: 25px;
        padding-top: 10px;
        width: 113px;
    }

    .p50headerRight {
        padding-top: 20px;
    }

    .p50headerLeft img {
        max-width: 119px;
    }

    .p50bannerTitle {
/*        width: 90%;*/
    }

    .p50LoadingContainerInner video {
        top: 50%;
    }

    .p50generalBtn.p50c1PlayBtn {
        padding: 6px 25px;
    }

    .p50generalBtn p {
        margin-left: 13px;
    }

    .p50cS1ContentMapContent > div.active .p50cS1ContentMapPath {
        display: none;
    }
}

@media screen and (max-width:600px) {
    .p50cS1Title img {
        /* top: -6px; */
        top: 50px;
    }

    .p50bannerBG iframe {
        /* top: 43%; */
        top: 36%;
        height: 65vh;
    }

    .p50bannerBG:after {
        /* bottom: 14%; */
        bottom: 20%;
    }

    .p50c2ContainerInner {
        padding: 25px 33px 70px;
    }

    .p50c2Img {
        width: 55%;
        top: 15%!important;
    }

    .p50bannerContainer {
        height: 78vh;
    }

}

@media screen and (max-width:425px) {
    
    .p50cS1Title img {
        /* top: -6px; */
        top: 50px;
    }

    .p50bannerBG iframe {
        /* top: 43%;
        height: 65vh; */
        top: 34%;
        height: 50vh;
    }

    .p50bannerBG:after {
        bottom: 33%;
    }

    .p50c2ContainerInner {
        padding: 25px 33px 70px;
    }

    .p50c2Img {
        top: 2%;
    }

    .p50bannerContainer {
        height: 78vh;
    }

    .p50cS1Title {
        padding-right: 33px;
    }
}

@media screen and (min-width:601px) {
    .p50c4ContentInner02 {
        margin: auto 150px auto auto;
    }
}


.eapps-instagram-feed-title {
    font-family: 'Museo Sans'!important;
}
    
.eapps-instagram-feed-posts-grid-load-more{
    font-family: 'Museo Sans'!important; 
}
    
#eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-text {
    font-family: 'Museo Sans'!important;
}

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {
    padding: 5px 12px 5px 4px!important;
}

.eapps-instagram-feed-posts-grid-load-more {
    height: 40px!important;
}

a:hover {
    opacity: 0.5!important;
    text-decoration: unset;
}


/* support - message all pagination */
.p50cMSGallPagination{
    text-align: right;
    padding: 40px 0;
    align-items: center;

    /* page numbers */
    display: flex;
    justify-content: end;

}
.p50cMSGallPagination ul{
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 0;
    flex-wrap: wrap;
}
.p50cMSGallPagination ul li{
    text-decoration: none;
    list-style: none;
}
.p50cMSGallPagination ul li a{
    font-size: 20px;
    color:#00A19C;
    padding: 0 14px;
    /* opacity: 0.6; */
    text-decoration: none;
}
.p50cMSGallPagination ul li a:hover{
    opacity: 1;
}

.p50cMSGallPagination ul li a.active{
    color: #ffffff;
    opacity: 1 !important;
}
.p50cMSGallPagination ul li a.disabled{
    pointer-events: auto;
    /* opacity: 0.5 !important; */
}

.p50cMSGallPagination button {
    padding: 0px;
    margin: 0 5px;
    cursor: pointer;
    border: none;
    background: none;
}

.p50cMSGallPagination button img {
    width: 52px;
    height: 52px;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.p50cMSGallPagination button:disabled {
    /* opacity: 0.4; */
}

.p50cMSGallPagination .next {
    transform: rotate(180deg);
}

.page-info{color: #00A19C; opacity: 0.8;margin:0 10px}
.current-page{color: #ffffff;}

@media only screen and (max-width: 1024px) {
  .p50cMSGallPagination button img {
    width: 42px;
    height: 42px;
  }
  .p50cMSGallPagination{
    padding-top:20px;
  }

  .p50cMSGallPagination ul li a{
    font-size: 16px;
    padding: 0 8px;
  }

  .p50cMSGContentOuterM{
    margin-top: 0px;
  }

  .p50cMSGContentM {
        display: none;
    }
}

/* message card */
.p50cMSGContentHover{padding: 0px 105px;}

.message-container{
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    height: 650px;
    max-width: 1280px;
    margin: auto;
}
.message-card{
    width: 320px;
    min-height:300px;
    padding: 44px;
    border-radius: 20px ;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    background-color: rgb(255, 255, 255);
    color: #000;
    margin: 10px;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 0.5s ease;
    box-shadow: 3px 30px 30px 0px #2222222e;
    transform: translate3d(var(--translateX), var(--translateY), 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(var(--rotateZ)) skew(0deg, 0deg);
}
.message-card .p50cMSGallListFooterInner {justify-content: start;}

.message-card1{
    bottom: auto;
    left: 0%;
    top: 10%;
    --translateX:60%;
    --translateY:15%;
    --rotateZ:-10deg;
    background-color: #FDB924;
}
.message-card2{
    top: 0%;
    --translateX:-0%;
    --translateY:15%;
    --rotateZ:5deg;
    z-index: 1;
    background-color: #FFFFFF;
}
.message-card3{
    top: 4%;
    bottom: auto;
    right: 0%;
    --translateX: -60%;
    --translateY: 20%;
    --rotateZ: 5deg;
    background-color: #20419A;
    color: #FFFFFF;
}
.message-card4{
    top: auto;
    bottom: auto;
    left: 15%;
    --translateX: 40%;
    --translateY: -30%;
    --rotateZ: 3deg;
    z-index: 2;
    background-color: #763F98;
    color: white;
}

.message-card5{
    top: auto;
    right: 10%;
    bottom: auto;
    --translateX: -60%;
    --translateY:-30%;
    --rotateZ:10deg; 
    z-index: 3;
    background-color:  #BFD730;
}

.card-hover{
    cursor: pointer;
    border-radius: 100%;
    width: 80%;
    height: 80%;
    position: relative;
    z-index: 30;
    margin-top: -4%;
}

/* .p50cMSGallListContentTop > p.hash-purple {
    color: #763F98;
} */

@media only screen and (max-width: 1400px) {
    .message-card{
        width: 300px;
        min-height:250px;
        padding: 30px;
    }
    .message-container {
        max-width: 1024px;
    }
    .message-card1{
        --translateX:50%;
    }
    .message-card3{
        --translateX: -35%;
    }
    .message-card4{
        --translateX: 35%;
    }
    
    .message-card5{
        --translateX: -25%;
    }
}

@media only screen and (max-width: 1230px) {
    .message-container {
        max-width: 900px;
    }
    .message-card1{
        --translateX:30%;
    }
    .message-card3{
        --translateX: -30%;
    }
    .message-card4{
        --translateX: 15%;
    }
    
    .message-card5{
        --translateX: -20%;
    }
}
.hover-active{
    --translateX:0%;
    --translateY:0%;
    --rotateZ:0deg;
}

@media only screen and (max-width: 1024px) {
    .card-hover{display: none;}
    .p50cMSGContentHover{padding: 0px 33px;}
    .message-container{
        display: grid;
        grid-template-columns: 50% 50%;
        padding-top: 30px;
        max-width: 700px;
        margin: auto;
        height: auto;
        justify-items: center;
    }
    .message-card{
        width: 90%;
        min-height:auto;
        position: relative;
        transform: none;
        margin: 0;
        top: 0;
        border: 0;
        left: 0; 
        margin-bottom: 30px;
        padding:46px;

    }
    .message-card2{margin-bottom: -200px;}
    .message-card4{margin-bottom: -200px;}
}

@media only screen and (max-width: 768px) {
    .message-card{
        width: 90%;
        padding:30px;
    } 
}

@media only screen and (max-width: 600px) {
    .message-container{
        display: grid;
        grid-template-columns: 100%;
        max-width: 375px;
    }
    .message-card{
        padding:30px;
        margin-bottom: 20px;
        width: 95%;
    }
    .message-card2{margin-bottom: 20px;}
    .message-card4{margin-bottom: 20px;}
   
}