html {height:100%;min;min-height:100%;}
body {
    font-family: "Karbon";
    --c-main: #FA335D;
    --c-secondary: #5F5F64;
    --c-blue: #515862;
    color:var(--c-secondary);
    font-weight: 400;
    min-height: 100%;
    height: 100%;
}

a {
    color: var(--c-main);
}
a:hover {}
.btn { border-radius: 8px; border: 1px solid var(--red-1, #FA335D); background: linear-gradient(85deg, #D1004B -0.01%, #FF265A 99.21%); color: #fff !important; padding: 16px 32px; text-transform: uppercase; font-weight: 500; line-height: 1; font-size: 15px; }
.btn:hover {color:#fff;}
.btn.large {font-size: 18px;}
.btn.outline { background: none; color: var(--c-main) !important; font-weight:600 }
.btn.outline.gray { background: none; color: var(--c-85888C) !important; border:solid 1px #BABABA }
.btn.outline.gray:hover, .btn.outline:hover {border: 1px solid var(--red-1, #FA335D);background: linear-gradient(85deg, #D1004B -0.01%, #FF265A 99.21%); color:#fff !important}


#page { height: 100%; min-height: 100%; position: relative; z-index: 2; display: flex; flex-direction: column; }
#page > * {z-index:2; position:relative}
#page:after {content:"";background:url(../images/website-bg.jpg) no-repeat center center / cover;position: fixed;bottom: 0;left: 0;right: 0;top: 0;z-index: 1;}

#page #masthead {margin: 0 auto;width: 100%;max-width: 100%;padding: 20px 60px;background: #fff;position: fixed;top: 0;left: 0;z-index: 10;}
#page #masthead .content {display: flex;align-items: center;line-height: 1;}
#page #masthead .content .logo { margin: 0 auto 0 0; display: flex; align-items: center; }
#page #masthead .content .logo img { max-width: 121px; margin: 0 15px 0 0; }
#page #masthead .content .logo img:last-child {max-width:109px;}
#page #masthead .content .actions {}
#page #masthead .content .actions .btn { margin: 0 0 0 20px; font-size: 16px; padding: 10px 30px; }


#page #masthead .date { font-size: 18px; }
#page #masthead .date span {}
#page #masthead .date strong { font-size: 24px; font-weight: 600; }
#page #masthead .date strong em { font-style: normal; color: var(--c-main); }
#page #masthead .date strong b {font-weight:400}


#page #masthead .lang-selector { margin: 0 0 0 auto; }
#page #masthead .lang-selector .trigger { line-height: 1; display: flex; align-items: center; cursor: pointer; }
#page #masthead .lang-selector .trigger i { font-size: 24px; }
#page #masthead .lang-selector .trigger::after {content: "\f107";font-family: 'Font Awesome 6 Pro';font-weight: 500;color: var(--c-secondry);font-size: 16px;margin: 0 0 0 10px;transition: all 0.3s;}
#page #masthead .lang-selector.open .trigger::after { transform: rotate(180deg); }
#page #masthead .lang-selector .dropdown { display: none; border-top: 1px solid #D0D0D1; background: rgba(255, 255, 255, 0.50); position: absolute; left: 0; right: 0; top: 64px; align-items: center; padding: 12px 64px; justify-content: center; font-size: 16px; line-height: 1; }
#page #masthead .lang-selector.open .dropdown {display:flex}
#page #masthead .lang-selector .dropdown span {}
#page #masthead .lang-selector .dropdown ul { margin: 0; padding: 0; display: flex; list-style: none; margin: 0 0 0 10px; }
#page #masthead .lang-selector .dropdown ul li { border-right: solid 1px var(--c-secondary); padding: 0 7px 0 0; margin: 0 7px 0 0; }
#page #masthead .lang-selector .dropdown ul li:last-child {margin:0; border:none; padding:0}
#page #masthead .lang-selector .dropdown ul li a { color: var(--c-secondary); text-decoration: none; font-weight: 500; }



#primary { margin: 0 auto; padding: 0 64px; width: 100%; flex: 1; }
#primary .entry-header {}
#primary .entry-header h1 {font-weight: 800;font-size: 36px;margin: 0 0 20px 0;}

#primary .content { min-height: 100%; height: 100%; }
#primary .content .hero {text-align: center;padding: 120px 0 44px 0;display: flex;flex-direction: column;align-items: center;height: 100%;min-height: 100%;}
#primary .content .hero .video {width: 100%;/* height: 221px; */max-width: 1470px;margin: 0 0 0px 0;position: relative;z-index: 1;overflow: hidden;-webkit-mask-image: url('https://d2aa1umy1sivz4.cloudfront.net/wp-content/themes/dtsc2021/_sites/www.3shapediscover.com/2024/images/DISCOVER.svg');mask-image: url('https://d2aa1umy1sivz4.cloudfront.net/wp-content/themes/dtsc2021/_sites/www.3shapediscover.com/2024/images/DISCOVER.svg');-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: 100%;mask-size: 100%;padding-top: 14.78%;transition: all 0.3s;}
#primary .content .hero .video img {width:100%;z-index: 2;position: relative;display: none;}
#primary .content .hero .video video {width: 100%;height: 100%;object-fit: cover;object-position: center;pointer-events: none;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
#primary .content .hero h1 {background: url(../images/blue-bg.png) no-repeat center center / cover; /* Set the background color */ /* background: blue; */ /* Optional: Add padding for spacing around the text */ /* Clip the background to only the text */ -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; color: transparent; /* Hide original text color */ font-size: 350px; text-transform: uppercase; font-weight: 800; display: inline-block; line-height: 0.8; margin: 0 0 20px 0; }
#primary .content .hero h1 {}
#primary .content .hero h2 {font-size: 78px; font-weight: 400; }
#primary .content .hero > p {font-size: 21px; text-align: center; max-width: 820px; margin: 0 auto 30px; }
#primary .content .hero .btn {}
#primary .content .hero .spacer {flex: 1; }
#primary .content .hero .boxes {display: grid; grid-template-columns: repeat(3,1fr); width: 100%; grid-gap: 30px; margin: 50px 0 0 0; }

#primary .content .hero .webinars {padding: 10px 80px 0 80px;grid-column: span 2;border-radius: 15px;text-align: left;position: relative;background: url(../images/dark-bg.jpg) no-repeat center center / cover;order: 1;}
#primary .content .hero .webinars .webinars-slider {max-width: 655px;margin: 0 auto;}
#primary .content .hero .webinars .webinars-slider .item {display: flex;align-items: center;flex-wrap: wrap;}
#primary .content .hero .webinars .webinars-slider .item .text {color: #fff;flex: 1;}
#primary .content .hero .webinars .webinars-slider .item .text .speaker {margin: 0; font-size: 18px; }
#primary .content .hero .webinars .webinars-slider .item .text .name {color: #fff;font-size: 32px;text-decoration: none;line-height: 1;margin: 0 0 40px 0;display: block;}
#primary .content .hero .webinars .webinars-slider .item .photo {align-self: flex-end;flex: 0 1 240px;}
#primary .content .hero .webinars .webinars-slider .item .photo img {}

#primary .content .hero .webinars .webinars-slider.owl-carousel {}
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer {}
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage { display: flex; }
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item {}
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item { height: 100%; padding: 0 3px; }

#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more {}
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more .text { padding: 0 30px 0 0; }
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more .text h3 { font-size: 38px; font-weight: 400; margin: 0 0 6px 0; }
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more .text p { font-size: 22px; font-weight: 300; margin: 0 0 40px 0; }
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more .photo { align-self: center; /* background: #515862; */ margin: -10px 0 0 0; }
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more .photo img { /* filter: grayscale(1); */ /* mix-blend-mode: luminosity; */ }
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-dots {position: absolute; bottom: 30px; }
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-dots .owl-dot {width: 8px; height: 8px; display: inline-block; background: #fff; border-radius: 7px; margin: 0 10px 0 0; }
#primary .content .hero .webinars .webinars-slider.owl-carousel .owl-dots .owl-dot.active {background: var(--c-main); }

#primary .content .hero .webinars .custom-nav {}
#primary .content .hero .webinars .custom-nav .owl-prev {position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: none; border: none; padding: 0 0 0 60px; font-weight: 300; font-size: 29px; }
#primary .content .hero .webinars .custom-nav .owl-prev::before {content: "\f104";font-family: 'Font Awesome 6 Pro';color: #fff;}
#primary .content .hero .webinars .custom-nav .owl-next {position: absolute;right: 0;top: 50%; transform: translateY(-50%); background: none; border: none; padding: 0 60px 0 0; font-weight: 300; font-size: 29px; }
#primary .content .hero .webinars .custom-nav .owl-next::before {content: "\f105";font-family: 'Font Awesome 6 Pro';color: #fff;}


#primary .content .hero .countdown {grid-column: span 1;background: url(../images/dark-bg.jpg) no-repeat center center / cover;padding: 20px;border-radius: 15px;color: #fff;display: flex;align-items: center;justify-content: center;order: 2;}
#primary .content .hero .countdown #countdown {display: flex; align-items: flex-end; justify-content: center; }
#primary .content .hero .countdown #countdown .coll {display: flex; flex-direction: column; }
#primary .content .hero .countdown #countdown .coll > span:nth-child(1) {order: 2; font-size: 64px; line-height: 1; }
#primary .content .hero .countdown #countdown .coll > span:nth-child(2) {order: 1; flex: 0 1 100%; font-size: 18px; margin: 0 0 4px 0; }
#primary .content .hero .countdown #countdown .dotts {font-size: 64px; line-height: 1; margin: 0 10px 5px; font-weight: 300; }


.lang-selector-mobile {display: none;background: #fff;margin: 25px -25px 0 -25px;width: calc(100% + 50px);padding: 40px 25px;background: rgb(255 255 255 / 90%) !important;backdrop-filter: blur(34px);-webkit-backdrop-filter: blur(35px)}
.lang-selector-mobile .icon { font-size: 55px; font-weight: 300; margin: 0 20px 0 0; line-height: 1; }
.lang-selector-mobile .icon i {}
.lang-selector-mobile .text { text-align: left; font-size: 16px; line-height: 1; }
.lang-selector-mobile .text span {}
.lang-selector-mobile .text ul { list-style: none; padding: 0; margin: 4px 0 0 0; }
.lang-selector-mobile .text ul li { display: inline-block; border-right: solid 1px var(--c-secondary); margin: 0 4px 0 0; padding: 0 6px 0 0; line-height: 0.8; }
.lang-selector-mobile .text ul li:last-child {padding:0; margin:0; border:none}
.lang-selector-mobile .text ul li a { color: var(--c-secondary); text-decoration: none; font-weight: 500; }

@media (min-width: 1920px) {
    #primary .content .hero { padding: 150px 0 44px 0; }
    #primary .content .hero .video { padding-top: 12.78%; }
}
@media (max-width: 1440px) {
    #primary .content .hero {padding: 120px 0 44px 0;}
    #primary .content .hero .video {margin: 0;}     
    #primary .content .hero .webinars .custom-nav .owl-prev {padding: 0 0 0 40px;}
    #primary .content .hero .webinars .custom-nav .owl-next {padding: 0 40px 0 0;}
}

@media (max-width: 1100px) {
    #primary .content .hero .boxes {grid-template-columns: repeat(1, 1fr);grid-gap: 0;}
    #primary .content .hero .webinars {margin: 0 0 20px 0;}
    #primary .content .hero .countdown {margin: 0;}
}

@media (max-width: 767px) {
    #page #masthead {padding: 20px 20px;}
    #page #masthead .logo img:last-child {display:none}
    #page #masthead .date span:first-child {display:none}
    #page #masthead .date strong {font-size: 20px;}
    #page #masthead .date span {font-size: 14px;}
    #page #masthead .lang-selector {display:none;}
    #page #masthead .actions {}
    #page #masthead .actions .btn { padding: 10px 16px; }
    #page #masthead .actions .btn:last-child {display:none}
    #primary {padding: 0 25px;}

    
    #primary .content .hero {padding: 70px 0 10px 0;}
    #primary .content .hero .video {margin:0 0 10px 0;}
    #primary .content .hero > img {margin: 0 0 10px 0;}
    #primary .content .hero h2 {font-size:36px;}
    #primary .content .hero > p {font-size:18px;}
    #primary .content .hero .boxes {display: block;/* flex-wrap:wrap; *//* flex-direction: row; *//* width: 100%; */margin: 60px 0 0 0;}
    
    #primary .content .hero .webinars {padding: 0;background: none;margin: 0 -25px 0 0;order: 2;}
    #primary .content .hero .webinars .webinars-slider {max-width: 100%;}
    #primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item {text-align: center;background: url(../images/dark-bg.jpg) no-repeat center center / cover;border-radius: 15px;padding: 30px 30px 0 30px;}
    #primary .content .hero .webinars .webinars-slider .item .text {}
    #primary .content .hero .webinars .webinars-slider .item .text .name {margin:0 0 20px 0;}
    #primary .content .hero .webinars .webinars-slider .item .photo {flex: 0 1 100%;}

    #primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more { align-items: center; justify-content: center; display: flex; align-content: center; }
    #primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more .text { padding: 0; }
    #primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more .text h3 {margin-top: -10px;}
    #primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more .text p { margin: 0 0 20px 0; }
    #primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more .photo { margin: 0; }
    #primary .content .hero .webinars .webinars-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item .item.more .photo img {}


    
    #primary .content .hero .webinars .webinars-slider.owl-carousel .owl-dots {display:none;}
    #primary .content .hero .webinars .custom-nav {display:none}

    #primary .content .hero .countdown {order: 1; margin: 0 0 25px 0; background: url(../images/blue-bg.png) no-repeat center center / cover; border-radius: 0; margin: 0 -25px 25px; padding: 50px 25px; }
    #primary .content .hero .countdown #countdown .dotts {margin: 0 5px 5px; }

    .lang-selector-mobile {display: flex;align-items: center;}
}

#primary .entry-footer {}
#primary .entry-footer .edit-link {color: #fff; }
#primary .entry-footer .edit-link a {color: #fff; text-decoration: none; padding: 10px 20px; display: inline-block; background: var(--c-green); border-radius: 10px; font-size: 13px; }
#primary .entry-footer .edit-link .screen-reader-text {}

#colophon {display: none; }
#colophon .site-info {max-width: 1360px;margin: 60px auto;}
#colophon .site-info .footer-logos {list-style: none;padding: 0;margin: 0 0 30px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#colophon .site-info .footer-logos li {margin: 0 40px;}
#colophon .site-info .footer-logos li a { }
#colophon .site-info .footer-logos li a img {filter: invert(1);max-width: 250px;max-height: 65px;opacity: 0.5;width: auto;}
#colophon .site-info .menu {text-align: center;padding: 0;margin: 0 auto 0;list-style: none;font-weight: 400;font-size: 14px;}
#colophon .site-info .menu li {display: inline-block; margin: 0 15px 10px; }
#colophon .site-info .menu li a {color: var(--c-black); text-decoration: none; }

#colophon .site-info .disclaimer {color: var(--c-gray);font-size: 11px;margin: 50px 0 0 0;}
#colophon .site-info .disclaimer a {display: block;}
#colophon .site-info .disclaimer a img {filter: invert(1);max-height: 35px;width: auto;margin: 0 0 20px 0;opacity: 0.5;max-width: 100%;}
#colophon .site-info .disclaimer.agd {display: flex;justify-content: center;align-items: center;}
#colophon .site-info .disclaimer.agd a {margin: 0 30px 0 0;}
#colophon .site-info .disclaimer.agd a img {margin: 0;max-height: 100px;}
#colophon .site-info .disclaimer.agd span {text-align: left; }





.modal {}
.modal .modal-dialog {margin-top: 60px; }
.modal .modal-dialog .modal-content {background: none; border: none; }
.modal .modal-dialog .modal-content .modal-header {padding: 0; margin: 0; border: none; z-index: 12; }
.modal .modal-dialog .modal-content .modal-header .btn-close {width: 40px;height: 40px;text-align: center;line-height: 40px;background: none;opacity: 1;border-radius: 50%;position: absolute;right: 0;top: 0;margin: 0;font-weight: 300;font-size: 31px;color: var(--c-secondary);box-shadow: none;}
.modal .modal-dialog .modal-content .modal-header .btn-close i {}
.modal .modal-dialog .modal-content .modal-body {border-radius: 20px;overflow: hidden;background: #fff;background: rgb(255 255 255 / 90%) !important;backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);box-shadow: 0 0 30px rgb(0 0 0 / 10%);padding: 30px;}

#heroModal {padding: 0 40px !important;}
#heroModal .modal-dialog { width: 1312px; max-width: 100%; margin-top: 20%; /* padding: 0 40px; */ margin: 0 auto; }
#heroModal .modal-dialog .modal-content {}
#heroModal .modal-dialog .modal-content .modal-header {}
#heroModal .modal-dialog .modal-content .modal-header .btn-close {color: #fff;padding: 0;top: 25px;right: 20px;}
#heroModal .modal-dialog .modal-content .modal-body {padding: 0;background: none !important;}


#videoModal {padding: 0 40px !important;}
#videoModal .modal-dialog { width: 1312px; max-width: 100%; margin-top: 20%; /* padding: 0 40px; */ margin: 0 auto; }
#videoModal .modal-dialog .modal-content {}
#videoModal .modal-dialog .modal-content .modal-header {}
#videoModal .modal-dialog .modal-content .modal-header .btn-close { color: #fff; }
#videoModal .modal-dialog .modal-content .modal-body { padding: 0; }

#signupModal {}
#signupModal .modal-dialog {max-width: 865px; }
#signupModal .modal-dialog .modal-content {}
#signupModal .modal-dialog .modal-content .modal-body {padding: 40px;background: rgb(255 255 255 / 90%) !important;backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);/*box-shadow: 0 0 70px rgb(0 0 0 / 5%);*/}
.mktoForm {max-width: 420px; margin: 0 auto; }
.mktoForm .mktoFormRow {}
.mktoForm .mktoFormRow .mktoFormCol {}
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap {}
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap h3 {margin: 0 0 20px 0;}
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.js-form-field label {padding: 0 4px 0 0;margin: 0px 0 0 0;transform: translate(15px, 36px);z-index: 10;position: relative;width: calc(100% - 50px) !important; /* Example width of your container */white-space: nowrap; /* Prevents text from wrapping */overflow: hidden; /* Hides overflowing content */text-overflow: ellipsis; /* Display ellipsis for overflowed content */display: block;font-size: 17px;flex-direction: column;pointer-events: none;}
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.js-form-field label .mktoAsterix {/* position: absolute; *//* right: 0; */padding: 0 5px 0 0px;order: 2;}
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.js-form-field.js-in-focus label {transform: translate(0, 3px) scale(0.7);width: 100% !important;overflow: visible;}
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.js-form-field.js-filled label { transform: translate(0, 3px) scale(0.7); }
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap input {border: 1px solid #C1C2C3;padding: 0 10px !important;height: 48px;border-radius: 5px !important;color: var(--c-secondary);font-weight: 400;font-size: 20px;background: #fff;}
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap select {border: solid 1px #BCBCC0;height: 48px;padding: 0 10px !important;border-radius: 5px;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: #fff !important;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;background-repeat: no-repeat !important;background-position-x: calc(100% - 7px) !important;background-position-y: 50% !important;padding: 0 35px 0 10px;}
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .choices {}
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .choices::after { bottom: 7px; top: auto; }
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .choices .choices__inner { height: 48px; border: solid 1px #BCBCC0; border-radius: 5px; vertical-align: top; background: #fff; }
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .choices .choices__list--dropdown { border: solid 1px #BCBCC0; border-radius: 5px; border: none; z-index: 15; }
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .choices .choices__list .choices__item { font-size: 17px; padding: 12px 15px; }
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .choices .choices__list input { background: #f2f2f2; margin: 10px 15px 10px; width: calc(100% - 30px); }
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoInvalid {border: solid 1px var(--c-main); background-color: rgb(246 230 230 / 50%) !important; }

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoHtmlText {}
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoHtmlText .mktoFormName {font-size: 32px; text-align: center; line-height: 1; font-weight: 500; }
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoHtmlText .note {padding: 0; text-align: center; font-size: 15px; color: var(--c-secondary); }
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoHtmlText .note a {color: var(--c-secondary) !important; }
.mktoForm .mktoButtonRow { margin: 20px 0 0 0; }
.mktoForm .mktoButtonRow .mktoButton {border-radius: 8px; border: 1px solid var(--red-1, #FA335D) !important; background: linear-gradient(85deg, #D1004B -0.01%, #FF265A 99.21%) !important; color: #fff; padding: 16px 32px !important; text-transform: uppercase; font-weight: 500; line-height: 1; font-size: 17px !important; }

#Lblsha_marketingconsent { }
.mktoField[type="checkbox"]:checked+label::before { background: none; background: var(--c-main); background-image: none !important; border-radius: 50%; border: none; border: solid 3px #fff; box-shadow: 0 0 0 1px #BCBCC0; }
.mktoField[type="checkbox"]+label::before {border-radius: 50%;margin: 0 0 0 1px;width: 16px !important;height: 16px !important;}

#primary .content .hero > .copy { max-width: 100%; font-size: 15px; margin: 40px 0 0; color: #000; font-weight: 300; }
.copy .dot { display: inline-block; margin: 0 6px 0 8px; }
.copy a { color: #000; text-decoration: none; }
.copy a:hover {color:var(--c-main)}


@media (max-width: 767px) {
    #primary .content .hero > .copy {margin-bottom: 20px;}  
    #heroModal .modal-dialog .modal-content .modal-header .btn-close { top: 0; right: 0; font-size: 20px; }
    #videoModal .modal-dialog .modal-content .modal-header .btn-close {top: 0;right: 0;font-size: 20px;}
    #videoModal {padding: 0 10px !important;}
    #heroModal {padding: 0 10px !important;}
}



/* =========================== */
/* ========== EVENT ========== */
/* =========================== */

#page.event {}
#page.event::after {content:none;}


.section {padding: 80px 40px;}
.section.has-bg { background: url(../images/website-bg.jpg) no-repeat center center / cover; padding: 140px 40px; }
.section.has-bg.dark {background: url(../images/dark-bg.jpg) no-repeat center center / cover; padding: 140px 40px;}
.section .content {max-width: 1312px;margin: 0 auto;}
.section .content > h2 {text-align: center;font-weight: 400;text-transform: uppercase;font-size: 40px;max-width: 690px;margin: 0 auto 30px;line-height: 1;letter-spacing: 0px;}
.section .content > h2 strong {font-weight: 600;}
.section .content > p {font-size: 21px;text-align: center;max-width: 610px;margin: 0 auto 60px;line-height: 1.2;}

@media (max-width: 767px) {
    .section {padding: 60px 20px;}
    .section.has-bg {padding: 90px 20px;}
    .section.has-bg.dark {padding: 90px 20px;}
    .section .content > h2 {font-size:32px}
    .section .content > h2 br {display:none;}
    
}



.listing-style-1 { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px; }
.listing-style-1 .intro {}
.listing-style-1 .intro h2 { font-size: 32px; font-weight: 400; line-height: 1; margin: 0 0 20px 0; }
.listing-style-1 .intro h2 strong { font-weight: 600; }
.listing-style-1 .intro p { font-size: 21px; line-height: 1.2; }
.listing-style-1 .listing { grid-column: span 3; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px; }
.listing-style-1 .listing .item {border-radius: 16px;overflow: hidden;display: flex;flex-direction: column;line-height: 1.2;position: relative;}
.listing-style-1 .listing .item {}
.listing-style-1 .listing .item .video {position: relative;padding: 56.25% 0 0 0;/* transition: all 1s; */}
.listing-style-1 .listing .item .video img {width:100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;height: 100%;}
.listing-style-1 .listing .item .video button {position: absolute;left: 50%;top: 50%;transform: translate3d(-50%, -50%, 0);border: none;z-index: 1;font-size: 21px;width: 48px;height: 48px;line-height: 48px;background: rgb(255 255 255 / 80%);color: var(--c-main);border-radius: 50%;box-shadow: 0 0 0 8px rgb(255 255 255 / 40%);padding: 0 0 0 3px;}
.listing-style-1 .listing .item .video button i {line-height: 48px;}
.listing-style-1 .listing .item .video button:hover {background:var(--c-main);color:#fff;box-shadow: 0 0 0 8px rgb(255 255 255 / 80%);}
.listing-style-1 .listing .item .text {background: var(--c-blue);color: #fff;padding: 30px 20px 20px 20px;flex: 1;display: flex;flex-direction: column;z-index: 10;/* transition: all 1s; */}
.listing-style-1 .listing .item .text .speaker { font-size: 16px; margin: 0 0 10px 0; }
.listing-style-1 .listing .item .text .name {color: #fff;text-decoration: none;font-size: 21px;font-weight: 400;line-height: 1;margin: 0 0 15px 0;display: block;/* flex: 1; */cursor: pointer;} 
.listing-style-1 .listing .item .text .name:last-child {margin:0}
.listing-style-1 .listing .item .text .info {display: none;/* opacity: 0; */transition: all 0.5s;}
.listing-style-1 .listing .item .text .actions {text-align: right;flex-grow: 1;display: flex;align-items: flex-end;justify-content: flex-end;}
.listing-style-1 .listing .item .text .actions button { border: none; margin: 0; padding: 0; background: none; color: #fff; }
.listing-style-1 .listing .item .text .actions button i {color: #C9DAEE;}
.listing-style-1 .listing .item .text .actions button i:hover {color: #fff;}

.listing-style-1 .listing .item .text.overlay .info { display: block; }
.listing-style-1 .listing .item .text.overlay {position: absolute;left: 0;right: 0;top: 0;opacity: 0;pointer-events: none;}

.listing-style-1 .listing .item.show-info .text.overlay {display: flex;bottom: 0;opacity: 1;pointer-events: all;}
.listing-style-1 .listing .item.show-info .text .actions button i {color:#fff}

.listing-style-1 .listing .item.show-info .video {/* padding: 0; */}
.listing-style-1 .listing .item.show-info .video button {}
.listing-style-1 .listing .item.show-info .text {}
.listing-style-1 .listing .item.show-info .text.overlay .info { display: block; opacity: 1; /* padding: 0 0 10px 0; */ /* flex-grow: 1; */ }
.listing-style-1 .listing .item.show-info .text .info.visible { display: block; padding: 0 0 40px 0px; opacity: 1; }


@media (max-width: 1200px) {
    .listing-style-1 {display: block;}
    .listing-style-1 .intro {text-align: center;margin: 0 0 40px 0;}
    .listing-style-1 .intro h2 {}
    .listing-style-1 .intro h2 br {display: none;}
    .listing-style-1 .intro h2 strong {}
    .listing-style-1 .intro p {}
    .listing-style-1 .listing {}
}





@media (max-width: 767px) {
    .listing-style-1 .listing {margin: 0 -20px;padding: 0 0 0 20px;width: calc(100% + 40px);}
    .listing-style-1 .listing .item {min-height: auto !important;}
    .listing-style-1 .listing .item.show-info .video {display:none}
    .listing-style-1 .listing .item.show-info .text {display:none}
    .listing-style-1 .listing .item .text.overlay {display:none;}
    .listing-style-1 .listing .item.show-info .text.overlay {display:flex;position: relative;}
    
}



.listing-style-2 {}
.listing-style-2 .intro {}
.listing-style-2 .intro h2 { font-size: 32px; font-weight: 400; line-height: 1; margin: 0 0 20px 0; }
.listing-style-2 .intro h2 strong { font-weight: 600; }
.listing-style-2 .intro p { font-size: 21px; line-height: 1.2; }
.listing-style-2 .listing {grid-column: span 3;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px;}
.listing-style-2 .listing .item {border-radius: 16px;overflow: hidden;display: flex;/* flex-direction: column; */position: relative;}
.listing-style-2 .listing .item {}
.listing-style-2 .listing .item .video {position: relative;flex: 0 1 50%;/* transition: all 0.5s; */}
.listing-style-2 .listing .item .video img {width:100%;height: 100%;object-fit: cover;z-index: 1;position: relative;}
.listing-style-2 .listing .item .video button {position: absolute;left: 50%;top: 50%;transform: translate3d(-50%, -50%, 0);border: none;background: none;padding: 0;z-index: 2;font-size: 21px; width: 48px; height: 48px; line-height: 48px; background: rgb(255 255 255 / 80%); color: var(--c-main); border-radius: 50%; box-shadow: 0 0 0 8px rgb(255 255 255 / 40%); padding: 0 0 0 3px;}
.listing-style-2 .listing .item .video button i { line-height:48px; }
.listing-style-2 .listing .item .video button:hover {background:var(--c-main);color:#fff;box-shadow: 0 0 0 8px rgb(255 255 255 / 80%);}
.listing-style-2 .listing .item .text {background: var(--c-blue);color: #fff;padding: 30px 20px 20px 20px;flex: 1;display: flex;flex-direction: column;position: relative;z-index: 2;/* transition: all 0.5s; */}
.listing-style-2 .listing .item .text .col-left { flex: 0 1 50%; display: flex; flex-direction: column; }
.listing-style-2 .listing .item .text .col-left .speaker {font-size: 16px;margin: 0 0 10px 0;line-height: 1.2;}
.listing-style-2 .listing .item .text .col-left .name {color: #fff;text-decoration: none;font-size: 21px;font-weight: 400;line-height: 1.2;margin: 0 0 15px 0;display: block;flex: 1;cursor: pointer;} 
.listing-style-2 .listing .item .text .col-left .name:last-child {/* margin:0; */}
.listing-style-2 .listing .item .text .info {display: none;line-height: 1.2;}
.listing-style-2 .listing .item .text .actions {text-align: right;flex: 1;align-items: flex-end;display: flex;justify-content: flex-end;}
.listing-style-2 .listing .item .text .actions button {border: none;margin: 0;padding: 0;background: none;color: #fff;outline: none;line-height: 1;}
.listing-style-2 .listing .item .text .actions button i {color: #C9DAEE;}
.listing-style-2 .listing .item .text .actions button i:hover {color: #ffffff;}


.listing-style-2 .listing .item .text.overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; flex-direction: row; opacity: 0; pointer-events: none; }
.listing-style-2 .listing .item .text.overlay .info { display: block; flex: 0 1 50%; padding: 0 0 0 20px; }
.listing-style-2 .listing .item .text.overlay .actions button i {color:#fff}
.listing-style-2 .listing .item.show-info .text.overlay {flex-direction: row;align-items: flex-start;opacity: 1;pointer-events: all;}
.listing-style-2 .listing .item.show-info .text.overlay .info {display: block;flex: 1;padding-left: 20px;}
.listing-style-2 .listing .item.show-info .text.overlay .actions { position: absolute; bottom: 20px; right: 20px; }




@media (max-width: 991px) {
    .listing-style-2 {}
    .listing-style-2 .intro {}
    .listing-style-2 .intro h2 { }
    .listing-style-2 .intro h2 strong {}
    .listing-style-2 .intro h2 br {}
    .listing-style-2 .intro p { }
    .listing-style-2 .listing {grid-template-columns: repeat(1, 1fr);}
    .listing-style-2 .listing .item {}
}
@media (max-width: 767px) {
    .listing-style-2 .listing .item {flex-wrap: wrap;}
    .listing-style-2 .listing .item .video {flex: 0 1 100%;padding: 56.25% 0 0 0;}
    .listing-style-2 .listing .item .video::before {content:"";/* padding: 56.25%; */}
    .listing-style-2 .listing .item .video img { position: absolute; /* width: 100%; */ /* height: 100%; */ left: 0; top: 0; bottom: 0; right: 0; left: 0; }
    .listing-style-2 .listing .item .text {}
    .listing-style-2 .listing .item .text.overlay { flex-wrap: wrap; display: flex; gap: 0; height: auto; align-content: flex-start; }
    .listing-style-2 .listing .item .text.overlay .col-left { flex: 0 1 100%; }
    .listing-style-2 .listing .item .text.overlay .info {flex: 0 1 100%;padding: 0 !important;}
}


.listing-style-3 .listing {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));grid-gap: 75px;margin: 0 0 90px 0;}
.listing-style-3 .listing:last-child {margin-bottom:0 !important}
.listing-style-3 .listing .item {text-align: center;}
.listing-style-3 .listing .item .banner {position: relative;}
.listing-style-3 .listing .item .banner button {border: none;border-radius: 50%;width: 48px;height: 48px;text-align: center;line-height: 48px;position: absolute;bottom: 0;right: 0;padding: 0;font-size: 19px;color: #85888C;background: #ffffff;pointer-events: none;}
.listing-style-3 .listing .item .banner button i {line-height: 48px;}
.listing-style-3 .listing .item .banner .button {border: none;border-radius: 50%;width: 48px;height: 48px;text-align: center;line-height: 48px;position: absolute;bottom: 0;right: 0;padding: 0;font-size: 19px;color: #85888C !important;background: #ffffff;}
.listing-style-3 .listing .item .banner .button i {line-height: 48px;}
.listing-style-3 .listing .item .banner .button:hover { background: linear-gradient(85deg, #D1004B -0.01%, #FF265A 99.21%); color: #fff !important; }
.listing-style-3 .listing .item .banner img {max-width: 100%;width: 100%;}
.listing-style-3 .listing .item .btn { margin: 90px 0 0 0; }









@media (max-width: 1360px) {
    .listing-style-3 .listing {
    /* grid-gap: 30px; */
}
}

@media (max-width: 1200px) {
    .listing-style-3 .listing {grid-gap: 70px;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
}
@media (max-width: 767px) {
    .listing-style-3 {}
    .listing-style-3 .listing {padding: 0;margin: 0px -20px 75px;width: calc(100% + 40px);}
    .listing-style-3 .listing .item {padding: 0 30px;}
    .listing-style-3 .listing .item .btn {margin-top:75px}
}


.updates { color: #fff; display: flex; align-items: center; justify-content: center; }
.updates h2 { font-size: 32px; font-weight: 300; margin: 0 60px 0 0; }
.updates h2 strong {font-weight:500}
.updates .btn {}

@media (max-width: 991px) {
    .updates {flex-wrap: wrap;}
    .updates h2 {margin: 0 0 20px 0;text-align: center;line-height: 1.1;flex: 0 1 100%;}
    .updates h2 strong {}
    .updates .btn {}
}

.footer {padding: 70px 30px;margin: 0;}
.footer .content { max-width: 1312px; margin: 0 auto; display: grid; grid-template-columns: repeat(5,1fr); }
.footer .content .column { text-align: center; margin: 0 0 30px 0; }
.footer .content .column h2 { font-size: 20px; margin: 0 0 15px 0; }
.footer .content .column ul { padding: 0; list-style: none; margin: 0 0 0 0; font-size: 16px; }
.footer .content .column ul li { line-height: 1; margin: 0 0 6px 0; }
.footer .content .column ul li a { color: var(--c-secondary); text-decoration: none; }
.footer .content .column ul li a:hover {color:var(--c-main)}
.footer .content .copy { grid-column: span 5; text-align: center; font-size: 15px; }
.footer .content .copy a { color: var(--c-secondary); }
.footer .content .copy a:hover {color:var(--c-main);} 
.footer .content .copy span.dot {}

@media (max-width: 767px) {
    .footer {padding:60px 20px;}
    .footer .content { grid-template-columns: repeat(2, 1fr); font-weight: 400; }
   .footer .content .column {margin: 0 0 45px 0;} 
    .footer .content .copy {grid-column:span 2;}
    .footer .content .copy:last-child {margin:0}
    .footer .content .copy a { text-decoration: underline; }
}

.hero {background: url(../images/header-bg.jpg) no-repeat center center / cover;/* padding: 66.67% 40px 0; */color: #fff;position: relative;padding: 66.67% 0 0;overflow: hidden;margin: 78px 0 0 0;}
.hero > video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; z-index: 1; }
.hero .content {max-width: 1312px;text-align: center;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%, -50%, 0);width: 100%;padding: 0 40px;z-index: 2;}
.hero .content h1 {font-size: 80px;font-weight: 300;line-height: 0.8;text-transform: uppercase;margin: 0 0 20px 0;}
.hero .content h1 strong { font-weight: 600; }
.hero .content > p { font-size: 23px; line-height: 1.1; font-weight: 300; margin: 0 0 45px 0; }
.hero .content .modal-trigger { border: none; background: none; padding: 0; font-size: 26px; width: 60px; height: 60px; line-height: 60px; background: rgb(255 255 255 / 80%); color: var(--c-main); border-radius: 50%; box-shadow: 0 0 0 10px rgb(255 255 255 / 40%); padding: 0 0 0 7px; transition: all 0.1s; opacity: 1; }
.hero .content .modal-trigger.hidden {opacity:0;display: none;}
.hero .content .modal-trigger i { line-height: 60px; }
.hero .content .video-lang { position: relative; }
.hero .content .video-lang p { font-size: 23px; font-weight: 300; margin: 30px 0 0 0; max-width: 320px; margin: 30px auto 0; position: relative; line-height: 1.1; }
.hero .content .video-lang p i {color: #C9DAEE;display: inline-block;margin: 0 0 0 6px;vertical-align: top;position: absolute;bottom: 0px;cursor: pointer;}
.hero .content .video-lang.show-tooltip p i::after {content:"";width: 0;height: 0;border-style: solid;border-right: 15px solid transparent;border-left: 15px solid transparent;border-bottom: 15px solid #fff;border-top: 0;position: absolute;left: 50%;top: 32px;transform: translateX(-50%);}
.hero .content .video-lang .video-tooltip {background: #fff;color: var(--c-secondary);padding: 20px;border-radius: 20px;max-width: 340px;min-width: 310px;line-height: 1.2;font-size: 16px;position: absolute;left: 50%;transform: translateX(-50%);top: 69px;display: none;}
.hero .content .video-lang.show-tooltip .video-tooltip  {display:block}


.poll-fixed { position: relative; z-index: 1000 !important; }
.poll-container {position: fixed;right: -280px;bottom: 50px;transition: all 0.3s;z-index: 1000;}
.poll-container .poll { padding: 16px 24px; background: #fff; color: var(--c-secondary); width: 280px; border-radius: 0 0 0 15px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15); min-height: 220px; }


.poll-container.open {right:0}
.poll-container .poll .spinner {max-width: 140px;display: block;margin: 0 auto;height: 60px;width: 100%;object-fit: cover;display: none;}
.poll-container .poll h3 {font-size: 19px;margin: 0 0 10px 0;}
.poll-container .poll h3.success { font-weight: 800; font-size: 22px; margin: 0 0 10px 0; }
.poll-container ul { list-style: none; padding: 0; margin: 0; font-size: 18px; /* display: none; */ }
.poll-container ul li { margin: 0 0 8px 0; }
.poll-container ul li input { display: none; }
.poll-container ul li label {position: relative;padding: 0 0 0 24px;}
.poll-container ul li label::before {content:"";width: 16px;height: 16px;position: absolute;left: 0;top: 5px;border: solid 1px #BCBCC0;border-radius: 50%;}
.poll-container ul li input:checked + label::before {content:"";}
.poll-container ul li input:checked + label::after {content:"";width: 16px;height: 16px;position: absolute;background: var(--c-main);border-radius: 50%;transform: scale(0.5);left: 0;top: 5px;}

.poll-container .results { }
.poll-container .results .item { margin: 0 0 8px 0; padding: 2px 0; }
.poll-container .results .item .count { font-size: 18px; margin: 0 0 2px 0; }
.poll-container .results .item .count strong { font-weight: 600; }
.poll-container .results .item .progress { background: none; border-radius: 0; height: 3px; }
.poll-container .results .item .progress .bar { background: linear-gradient(85deg, #D1004B -0.01%, #FF265A 99.21%); }

.poll-container .vote-btn {position: absolute;transform: rotate(-90deg);border-radius: 16px 16px 0 0;top: 44px;right: 236px;padding: 12px 24px;font-size: 16px;width: 130px;border: 1px solid var(--red-1, #FA335D);}
.poll-container .vote-btn:hover {/* background: #fff; *//* color: var(--c-main) !important; *//* border: solid 1px #fff; */} 





@media (max-width: 991px) {
    .hero {padding: 100% 0 0 0;}
    .hero {padding: 198% 0 0 0;}
    .hero .content { padding: 0 20px; }
    .hero .content h1 {font-size: 48px;margin-bottom: 10px;}
    .hero .content h1 strong {}
    .hero .content > p {font-size: 18px;margin: 0 0 25px 0px;}
    .hero .content .video-lang {text-align: center;}
    .hero .content .video-lang p {font-size: 18px;margin: 25px 0 0 0;text-align: center;display: block;max-width: 100%;}
    .hero .content .video-lang p i {display:block;position: relative;margin: 10px 0 0 0;}
}

@media (max-width: 767px) {
    
    .poll-container .vote-btn {/* top: auto; *//* bottom: 44px; */}
    .poll-container {bottom: 46px;}
    .poll-container .poll {/* border-radius: 15px 0 0 0; */}
}

.video-container {position: relative;width: 100%;overflow: hidden;padding-top: 46.88%; border-radius: 20px;/* 16:9 aspect ratio (9 / 16 * 100) */}
.video-container .stats {position: absolute;top: 20px;right: 70px;z-index: 10;background: rgb(77 78 83 / 20%);color: #fff;padding: 11px 24px;border-radius: 8px;font-size: 15px;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 16px;align-items: center;}
.video-container .stats span {display: flex;align-items: center;cursor: pointer;min-width: 40px;}
.video-container .stats span.checked {pointer-events:none}
.video-container .stats span::before {content:"";font-family: "3shape";font-size: 18px;margin: 0 7px 0 0;font-weight: 300;}
.video-container .stats span.like::before {content: "\e906";}
.video-container .stats span.like:hover::before {content: "\e907";}
.video-container .stats span.like.checked::before {content: "\e907";}
.video-container .stats span.fav::before {content: "\e904";}
.video-container .stats span.fav:hover::before {content: "\e905";}
.video-container .stats span.fav.checked::before {content: "\e905";}
.video-container .stats span.star::before {content: "\e90b";}
.video-container .stats span.star:hover::before {content: "\e90c";}
.video-container .stats span.star.checked::before {content: "\e90c";}

@media (max-width: 767px) {
    .video-container {border-radius:0}
  .video-container .stats {display:none}  
}

.video-container .video-js .vjs-tech {left: -2px; top:-2px; bottom:-2px; right: -2px; width: calc(100% + 4px);height:calc(100% + 4px);}
.video-js { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; }
.video-js .vjs-poster {}
.video-js .vjs-poster img { object-fit: cover; width: 100%; height: 100%; }
.video-js .vjs-big-play-button { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); font-size: 26px; width: 60px; height: 60px; line-height: 60px; background: rgb(255 255 255 / 80%) !important; color: var(--c-main); border-radius: 50%; box-shadow: 0 0 0 10px rgb(255 255 255 / 40%); padding: 0 0 0 7px; border: none !important; }
.video-js .vjs-big-play-button .vjs-icon-placeholder {}
.video-js .vjs-big-play-button .vjs-icon-placeholder::before { content: "\e909"; font-family: "3shape"; padding: 0 0 0 4px; }

.vjs-has-started .vjs-control-bar { flex-wrap: wrap; height: auto; padding: 20px; background: linear-gradient(0deg, #4D4E53 0%, rgba(77, 78, 83, 0.00) 100%); }
.vjs-has-started .vjs-control-bar > * {order:5}

.vjs-has-started .vjs-control-bar .vjs-control {height: 40px;text-shadow: none;justify-content: flex-start;}
.vjs-has-started .vjs-control-bar .vjs-control .vjs-icon-placeholder {height: 40px;}
.vjs-has-started .vjs-control-bar .vjs-control .vjs-icon-placeholder::before {width: 40px;height: 40px;line-height: 40px;font-size: 18px;}

.vjs-has-started .vjs-control-bar .vjs-control.vjs-picture-in-picture-control {display:none}
.vjs-has-started .vjs-control-bar .vjs-control.vjs-remaining-time {display:none;}

.vjs-has-started .vjs-control-bar .vjs-control.vjs-fullscreen-control {}
.vjs-has-started .vjs-control-bar .vjs-control.vjs-fullscreen-control .vjs-icon-placeholder {}

.vjs-has-started .vjs-control-bar .vjs-control.vjs-fullscreen-control .vjs-icon-placeholder::before {content:"\e902";font-family: "3shape";}
.vjs-has-started .vjs-control-bar .vjs-control.vjs-fullscreen-control[title="Exit Fullscreen"] .vjs-icon-placeholder::before {content:"\e911";font-family: "3shape";}


.disable-play .vjs-play-control {display:none}
.disable-play .vjs-progress-control {pointer-events:none;}

.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button { position: relative; }
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-subs-caps-button { padding: 0; }
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-subs-caps-button .vjs-icon-placeholder {}
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-subs-caps-button .vjs-icon-placeholder::before { content: "\e903"; font-family: '3shape'; font-weight: 300; }
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-menu {height: 50px;width: 50px;left: 50%;transform: translateX(-50%);}
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-menu ul { text-align: left; background: var(--c-secondary); padding: 20px; border-radius: 8px; max-height: unset; font-family:"Karbon"; position:absolute; left: 50%; transform: translateX(-50%); bottom: 31px; min-width: 130px; }
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-menu ul li { text-align: left; padding: 4px 0 6px 23px; position: relative; text-transform:uppercase; font-size: 15px; background: none; }
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-menu ul li:not(.vjs-subtitles-menu-item) { text-transform: none; font-size: 13px; }
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-menu ul li.vjs-subtitles-menu-item:hover {font-weight:600}
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-menu ul li.vjs-texttrack-settings {display:none}
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-menu ul li[aria-checked="true"] { background: none; color: #fff; }
.vjs-has-started .vjs-control-bar .vjs-control.vjs-subs-caps-button .vjs-menu ul li[aria-checked="true"]::before {content: "\e900";font-family: "3shape";position: absolute;left: 0;font-size: 13px;top: 3px;}

.vjs-has-started .vjs-control-bar .vjs-control .trigger-share { }
.vjs-has-started .vjs-control-bar .vjs-control .trigger-share .icon-share { font-size: 18px; height: 40px; line-height: 40px; text-align: center; }
.vjs-has-started .vjs-control-bar .vjs-control .trigger-share.active + .share-menu {display:block}
.vjs-has-started .vjs-control-bar .vjs-control .share-menu {list-style: none;position: absolute;bottom: 46px;background: var(--c-secondary);color: #fff;padding: 0;padding: 20px;border-radius: 8px;text-align: left;min-width: 145px;left: 50%;transform: translateX(-50%);display: none;z-index: 10001;}
.vjs-has-started .vjs-control-bar .vjs-control .share-menu::after { content:""; width: 0; height: 0; border-style: solid; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid var(--c-secondary); border-bottom: 0; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); }
.vjs-has-started .vjs-control-bar .vjs-control .share-menu li {}
.vjs-has-started .vjs-control-bar .vjs-control .share-menu li a {color: #fff;text-decoration: none;font-family: "Karbon";font-size: 15px;display: flex;padding: 5px 0;align-items: center;color: rgb(255 255 255 / 80%);}
.vjs-has-started .vjs-control-bar .vjs-control .share-menu li a:hover {color:rgb(255 255 255 / 100%)}
.vjs-has-started .vjs-control-bar .vjs-control .share-menu li a i { width: 24px; height: 24px; text-align: center; line-height: 24px; background: rgb(255 255 255 / 80); color: var(--c-secondary); border-radius: 50%; margin: 0 10px 0 0; font-weight: 400; font-size: 13px; }


.vjs-has-started .vjs-control-bar .vjs-control.vjs-lang-btn { width: 44px; }
.vjs-has-started .vjs-control-bar .vjs-control .trigger-lang { display: flex; align-items: center; font-weight: 300; font-size: 11px; text-transform: uppercase; }
.vjs-has-started .vjs-control-bar .vjs-control .trigger-lang .icon-globe {font-size: 18px;height: 40px;line-height: 40px;text-align: center;margin: 0 6px 0 0;}
.vjs-has-started .vjs-control-bar .vjs-control .trigger-lang.active + .lang-menu {display:block}
.vjs-has-started .vjs-control-bar .vjs-control .lang-menu {list-style: none;position: absolute;bottom: 46px;background: var(--c-secondary);color: #fff;padding: 0;padding: 16px;border-radius: 8px;text-align: left;min-width: 145px;left: 50%;transform: translateX(-50%);display: none;z-index: 10001;}
.vjs-has-started .vjs-control-bar .vjs-control .lang-menu::after { content:""; width: 0; height: 0; border-style: solid; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid var(--c-secondary); border-bottom: 0; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); }
.vjs-has-started .vjs-control-bar .vjs-control .lang-menu li { padding: 6px 0 6px 24px; position: relative; font-size: 13px; text-transform: uppercase; }
.vjs-has-started .vjs-control-bar .vjs-control .lang-menu li span { text-transform: none; }
.vjs-has-started .vjs-control-bar .vjs-control .lang-menu li.active::before {content: "\e900";font-family: "3shape";position: absolute;left: 0;top: 4px;font-size: 14px;}
.vjs-has-started .vjs-control-bar .vjs-control .lang-menu li a {color: #fff;text-decoration: none;font-family: "Karbon";font-size: 15px;display: flex;padding: 5px 0;align-items: center;color: rgb(255 255 255 / 80%);}
.vjs-has-started .vjs-control-bar .vjs-control .lang-menu li a:hover {color:rgb(255 255 255 / 100%)}
.vjs-has-started .vjs-control-bar .vjs-control .lang-menu li a i { width: 24px; height: 24px; text-align: center; line-height: 24px; background: rgb(255 255 255 / 80); color: var(--c-secondary); border-radius: 50%; margin: 0 10px 0 0; font-weight: 400; font-size: 13px; }



.video-js .vjs-play-control {order:1;width: 40px;height: 40px;line-height: 40px;text-shadow: none !important;}
.video-js .vjs-play-control .vjs-icon-placeholder {height: 100%;box-shadow: none;}
.video-js .vjs-play-control .vjs-icon-placeholder::before { content: "\e909"; font-family: "3shape"; line-height: 40px; box-shadow: none; }
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before {content:"\e908"}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder::before {content:"\e909"}

.video-js .vjs-progress-control {order: 0;flex: 0 1 100%;margin: 0 0 0 0;}
.video-js .vjs-progress-control .vjs-progress-holder {background: rgb(255 255 255 / 50%);/* margin: 0; */}
.video-js .vjs-progress-control .vjs-progress-holder .vjs-marker {}
.video-js .vjs-progress-control .vjs-progress-holder .vjs-marker span {position: absolute;left: 0;top: -27px;/* min-width: 300px; */text-align: left;font-size: large;font-family: "Karbon";opacity: 0.8;white-space: nowrap;}
.video-js .vjs-progress-control .vjs-progress-holder .vjs-marker[data-marker-time="470"] span {left: auto;right: 0;text-align: right;}
.video-js .vjs-progress-control .vjs-progress-holder .vjs-tip { display: none; }
.video-js .vjs-progress-control .vjs-progress-holder .vjs-load-progress {background: none;} 
.video-js .vjs-progress-control .vjs-progress-holder .vjs-load-progress div {background: none;}
.video-js .vjs-progress-control .vjs-mouse-display {display: none !important;}


.video-js .vjs-play-progress {background:var(--c-main);z-index: 10000;}
.video-js .vjs-play-progress .vjs-time-tooltip {display: none !important;}
.video-js .vjs-progress-holder {height:5px}
.video-js .vjs-play-progress:before {opacity:0 !important}


.video-js .vjs-volume-panel {order:2;margin: 0 auto 0 5px;width: 40px;height: 40px;/* width: 130px !important; */}
.video-js .vjs-volume-panel .vjs-control {height: 40px !important;display: flex;align-items: center;width: 40px!important;margin: 0;flex: 1;}
.video-js .vjs-volume-panel .vjs-control .vjs-volume-bar { background: rgb(255 255 255 / 20%); width: 100%; margin: 0; }
.video-js .vjs-volume-panel .vjs-control .vjs-icon-placeholder { width: 40px; height: 40px; line-height: 40px; }
.video-js .vjs-volume-panel .vjs-control[title="Mute"] {   width: 40px !important;}
.video-js .vjs-volume-panel .vjs-control[title="Mute"] .vjs-icon-placeholder::before {content:"\e910";font-family:"3shape";line-height: 40px;width:40px;}
.video-js .vjs-volume-panel .vjs-control[title="Unmute"] .vjs-icon-placeholder::before {content: "\e912";font-family: "3shape";/width: auto;display: block;background: var(--c-main) !important;border-radius: 50%;}
.video-js .vjs-volume-panel .vjs-control[title="Unmute"] {}
.video-js .vjs-volume-panel .vjs-control[title="Unmute"] .vjs-icon-placeholder {/* width: 100%; *//* height: 100%; *//* line-height: 1; *//* font-family: inherit; *//* align-items: center; */}
.video-js .vjs-volume-panel .vjs-control[title="Unmute"] + .vjs-volume-control {display:none;}

.vjs-subs-caps-button {display:none !important}

#ondemand-video_html5_api {object-fit: cover;}
.vjs-fullscreen #ondemand-video_html5_api {object-fit: contain;}

@media (max-width: 1024px) {
    .vjs-fullscreen-control {
        display: none !important;
    }

    .vjs-has-started .vjs-control-bar .vjs-control .share-menu {
    left: auto;
    transform: none;
    right: -15px;
}
    .vjs-has-started .vjs-control-bar .vjs-control .share-menu::after {
    left: auto;
    transform: none;
    right: 25px;
}
}


@media (max-width: 767px) {
    

    #videoModal .modal-dialog .modal-content .modal-body {border-radius:8px;}
    #heroModal .modal-dialog .modal-content .modal-body {border-radius: 8px;}
    .vjs-has-started .vjs-control-bar {padding: 0;}
    .video-js .vjs-progress-control .vjs-progress-holder .vjs-marker span {display:none;}
    .video-js .vjs-progress-control {height: auto !important;}

    .vjs-has-started .vjs-control-bar .vjs-control .share-menu {padding: 15px;min-width: 110px;right: 0px;}
    .vjs-has-started .vjs-control-bar .vjs-control .share-menu::after {
    right: 8px;
}
    .vjs-has-started .vjs-control-bar .vjs-control .share-menu li {}
    .vjs-has-started .vjs-control-bar .vjs-control .share-menu li a { padding: 2px 0; }
    .vjs-has-started .vjs-control-bar .vjs-control .share-menu li a i { width: 18px; height: 18px; line-height: 15px; font-size: 11px; line-height: 18px; }

    .vjs-has-started .vjs-control-bar .vjs-control .lang-menu { padding: 15px; }
    .vjs-has-started .vjs-control-bar .vjs-control .lang-menu li {font-size:11px;padding: 3px 0 3px 19px;}
    .vjs-has-started .vjs-control-bar .vjs-control .lang-menu li.active {}
    .vjs-has-started .vjs-control-bar .vjs-control .lang-menu li.active::before { font-size: 12px; top: 2px; }

    .video-js .vjs-volume-panel {margin: 0 auto 0 0;}
    .video-js .vjs-volume-panel .vjs-control[title="Mute"] { }
    .video-js .vjs-volume-panel .vjs-control[title="Mute"] .vjs-icon-placeholder::before {}
    .video-js .vjs-volume-panel .vjs-control[title="Unmute"] .vjs-icon-placeholder::before {
    width: 27px;
    height: 27px;
    line-height: 27px;
    /* margin: 7px auto 0 auto; */
    font-size: 13px;
    /* display: inline-block; */
    position: relative;
}
    
    .video-js .vjs-volume-panel .vjs-control[title="Unmute"] {}
    .video-js .vjs-volume-panel .vjs-control[title="Unmute"] .vjs-icon-placeholder {text-align: center;display: flex;justify-content: center;align-items: center;}
    .video-js .vjs-volume-panel .vjs-control[title="Unmute"] + .vjs-volume-control {}
}