/* SETUP - Open */
html {
	font-size: 18px !important;
	/*-ms-overflow-style: none;
     for Internet Explorer, Edge */
	/*scrollbar-width: none;
     for Firefox */
}

html body {
	background-color: #000;
	font-family: 'trade-gothic-next', Sans-serif;
	font-size: 1em !important;
	height: 100vh;
	overflow: hidden;
}

body.elementor-editor-active {
	overflow-y: auto !important;
}

body.scroll-snap {
	-ms-overflow-style: none;
	/* for Internet Explorer, Edge */
	scrollbar-width: none;
	/* for Firefox */
}

body.no-scroll-snap {
	overflow-y: auto;
}

body.scroll-snap::-webkit-scrollbar {
	display: none;
	/* for Chrome, Safari, and Opera */
}

.table-agenda .fa-play {
	font-size: 0.75rem !important;
	margin-right: 5px !important;
}

.toolkit-btn {
	margin: 0 !important;
}

.toolkit-btn a {
	display: block;
	width: 100%;
}

.icon-center .elementor-button-content-wrapper,
.icon-center .elementor-button-text {
	display: block;
}

.icon-center .elementor-button-icon {
	display: block;
	font-size: 2.8rem !important;
	margin: 0 0 10px 0;
}

.section-column-content > .elementor-widget-wrap {
	min-height: 70vh;
}

.no-ctrl-scroll #nav-arrows-wrapper,
.no-ctrl-scroll #ctrl-scrollbar,
.logout-section,
.a-site .hide-this {
	display: none !important;
}

.logged-in .logout-section {
	display: block !important;
}

body.single-3d-flip-book #main-wrapper {
	align-items: center;
	display: flex;
	height: 100vh;
}

#main-bg-wrapper,
#page-bg-video {
	height: 100vh;
	left: 0;
	margin: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: -1;
}

#lottie-loading-in,
#lottie-loading-out,
#lottie-wrapper-in,
#lottie-wrapper-out {
	bottom: 0;
	display: none;
	height: 100vh;
	left: 0;
	position: fixed;
	right: 0;
	transform-origin: center center;
	top: 0;
	width: 100vw;
	z-index: 998;
}

#lottie-loading-in,
#lottie-loading-out {
	z-index: 999;
}

#lottie-loading-in > svg,
#lottie-loading-out > svg,
#lottie-wrapper-in > svg,
#lottie-wrapper-out > svg {
	display: block;
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 1;
}

#lottie-wrapper-out > svg:last-child {
	z-index: 2;
}

body.e-preview--show-hidden-elements #lottie-loading-in,
body.e-preview--show-hidden-elements #lottie-loading-out,
body.e-preview--show-hidden-elements #lottie-wrapper-in,
body.e-preview--show-hidden-elements #lottie-wrapper-out {
	display: none !important;
}

body.e-preview--show-hidden-elements .elementor-location-footer,
body.e-preview--show-hidden-elements .elementor-location-header,
body.e-preview--show-hidden-elements #main-wrapper {
	opacity: 1 !important;
}

.tippy-box {
	background-color: #fff;
	color: #000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.tippy-arrow {
	color: #fff;
}

#skip-intro {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

#logo-play-video {
	/*background-color: #C9954A;*/
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

#logo-play-video .elementor-widget-container {
	align-items: center;
	display: flex;
	justify-content: center;
}

#btn-spotify,
#logo-play-video .jet-lottie {
	cursor: pointer;
}

.no-transition .elementor-location-header,
.no-transition #ctrl-scrollbar,
.no-transition #nav-arrows-wrapper,
.no-transition #lottie-loading-in,
.no-transition #lottie-loading-out,
.no-transition #lottie-wrapper-in,
.no-transition #lottie-wrapper-out {
	display: none !important;
}

.no-transition .elementor-location-footer,
.no-transition .elementor-location-header,
.no-transition #main-bg-wrapper,
.no-transition #bg-video-page,
.no-transition #main-wrapper {
	opacity: 1 !important;
}

.showroom-3d-iframe iframe {
	border: none;
	height: 100vh;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100vw;
}

.mfp-container {
	padding: 0 !important;
}

.mfp-iframe-scaler iframe,
.mfp-iframe,
.mfp-wrap,
.mfp-container {
	height: 100vh !important;
}

.mfp-iframe-holder {
	padding: 0 !important;
}

.elementor-location-header {
	position: relative;
	z-index: 991;
}

.lightbox-presto {
	cursor: pointer;
}

.lightbox-presto.elementor-widget-eael-info-box:hover .infobox-content p {
	text-decoration: underline;
}

div[id*='tippy-'] p:last-child {
	margin-bottom: 0 !important;
}

.tippy-arrow {
	left: 50% !important;
	transform: translate(-8px, 0px) !important;
}

/* SETUP - Close */

/* CONTENT VIDEO BOX - OPEN */

.btn-download-video a {
	bottom: 0;
	left: -3.5rem;
	position: absolute;
	width: 7rem;
}

.pic-play-box,
.content-video-box {
	cursor: pointer;
	margin: 0 !important;
	max-width: 600px;
	width: 100%;
}

.pic-play-box:hover {
	transform: rotate(2deg);
}

.pic-play-box .elementor-button::before {
	content: '\f04b';
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	font-size: 1.6rem !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.content-video-box .elementor-icon-box-icon .elementor-icon {
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	/*min-height: 260px;*/
}

.content-video-box .elementor-icon-box-content {
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 15px;
}

.content-video-box .elementor-icon-box-title {
	margin: 0 !important;
	padding: 5px;
	width: 55%;
}

.content-video-box .elementor-icon-box-description {
	margin: 0 !important;
	padding: 5px;
	width: 45%;
}

.mfp-close {
	opacity: 1 !important;
}

/* CONTENT VIDEO BOX - Close */

/* TOP BAR - Open */

#top-bar {
	display: block;
	left: 0;
	padding: 0 !important;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.logged-in.admin-bar #top-bar {
	top: 30px;
}

#page-logo {
	height: auto;
	left: 3%;
	max-width: 150px;
	opacity: 0;
	position: fixed;
	top: 35px;
	transform: scale(0.5);
	transform-origin: center center;
	width: 100%;
}

#page-logo.signature-logo {
	max-width: 200px;
}

/* TOP BAR - Close */

/* BACKGROUND PAGES - Open */

#main-bg {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* BACKGROUND PAGES - Close */

/* TRANSITION - Open */

.elementor-location-footer,
.elementor-location-header,
#lottie-wrapper-in,
#main-bg-wrapper,
#bg-video-page,
#main-wrapper {
	opacity: 0;
}

#bg-video-page {
	height: 100%;
	object-fit: cover;
	width: 100%;
	z-index: 1;
}

#lottie-wrapper-out {
	display: none;
}

#transition-wraper {
	height: 100vh;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 9999;
}

#transition-wraper .transition-bg {
	bottom: 0;
	display: block;
	height: 100vh;
	left: 0;
	position: absolute;
	width: 100vw;
}

#transition-wraper .transition-bg-1 {
	/*background-color: #fff !important;*/
	z-index: 1;
}

#transition-wraper .transition-bg-2 {
	z-index: 2;
}

#transition-wraper .transition-bg-2:before {
	background-color: rgba(0, 0, 0, 0.3);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#transition-wraper .transition-bg-3 {
	z-index: 3;
}

.transition-loader {
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	justify-content: center;
	left: 0;
	opacity: 0.5;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100vw;
	z-index: 5;
}

.transition-loader span.transition-title-event {
	color: #ffffff;
	display: block;
	font-size: 4em;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

.transition-loader span.transition-title-page {
	color: #ffffff;
	display: block;
	font-size: 6em;
	font-weight: 600;
	line-height: 1;
	min-height: 135px;
	/*-webkit-text-stroke: 1px #FFFFFF;
text-stroke: 1px #FFFFFF;*/
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

.lineParent {
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
}

/* TRANSITION - Close */

/* SCROLL TRIGGER - Open */

.a-site #main-container {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

.no-scroll-snap #main-container {
	position: relative;
}

.no-scroll-snap #section-0 {
	justify-content: flex-start;
}

.home-page #section-0 {
	justify-content: center;
}

.no-scroll-snap #section-0 .inner-section {
	padding-top: 160px;
}

.home-page #section-0 .inner-section {
	padding-top: 0;
}

.a-site #main-content {
	width: 100%;
	height: 100%;
}

.a-site .full-section {
	width: 100%;
	display: flex;
	align-content: center;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
	position: relative;
}

.a-site .full-section > .elementor-container {
	width: 100%;
}

#nav-arrows-wrapper {
	bottom: 10px;
	position: fixed;
	width: 100%;
}

.no-scroll-snap #nav-arrows-wrapper {
	display: none;
}

#upArrow {
	opacity: 0;
	visibility: hidden;
}

.arrow {
	bottom: 0;
	cursor: pointer;
	fill: transparent;
	height: 32px;
	left: 0;
	margin: 0 auto;
	opacity: 0.8;
	position: absolute;
	right: 0;
	stroke-width: 8px;
	width: 32px;
}

.arrow g {
	stroke: #fff;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.agenda-page .arrow g {
	stroke: #fff;
}

.arrow:hover g {
	stroke: #fff;
}

.signature-page .arrow g,
.launch-page .arrow g {
	stroke: #ffffff;
}

.signature-page .arrow:hover g,
.launch-page .arrow:hover g {
	stroke: #ffffffd2;
}

.a-site .gs_reveal {
	opacity: 0;
	visibility: hidden;
	will-change: transform, opacity;
}

.a-site .quote {
	opacity: 0;
}

.a-site .reveal-clip-path.from-right {
	clip-path: inset(0% 100% 0% 0%);
}

/* SCROLL TRIGGER - Close */

/* SMOOTH SCROLL - Open *
.viewport {
overflow: hidden;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.scroll-container {
position: absolute;
overflow: hidden;
z-index: 10;
backface-visibility: hidden;
transform-style: preserve-3d;
width: 100%;
}
/* SMOOTH SCROLL - Close */

.pic-play-box .elementor-button {
	bottom: 0;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -100px);
}

/* DOTS - Open */

#nav-control {
	left: 20px;
	position: fixed;
	transform: translateY(-40%);
	top: 50%;
	z-index: 99;
}

.dot {
	align-items: center;
	cursor: pointer;
	display: flex;
	margin: 15px 0;
	position: relative;
}

.dot:nth-child(2) {
	transform: translateX(20px);
}
.dot:nth-child(3) {
	transform: translateX(-10px);
}
.dot:nth-child(4) {
	transform: translateX(30px);
}
.dot:nth-child(5) {
	transform: translateX(5px);
}
.dot:nth-child(6) {
	transform: translateX(-10px);
}
.dot:nth-child(7) {
	transform: translateX(20px);
}
.dot:nth-child(8) {
	transform: translateX(30px);
}

.dot .ball {
	background-color: rgb(0, 0, 0);
	border-radius: 100%;
	display: none;
	height: 10px;
	margin-top: 4px;
	position: relative;
	width: 10px;
}

.dot .label {
	background: url(/wp-content/uploads/levis-fall23-bg-05-1.jpg) center left no-repeat;
	background-size: auto !important;
	border: 10px solid #000;
	color: #000;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	margin-left: 0;
	max-width: 200px;
	padding: 10px;
	position: relative;
	text-transform: uppercase;
}

.dot:hover .label {
	color: #000;
}

.dot.active .label {
	color: #a9192d;
}

.dot .label::before,
.dot .label::after {
	background-color: #000;
	bottom: -5px;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.dot .label::after {
	background-color: #a9192d;
	bottom: 0;
	height: 5px;
	width: 0%;
	z-index: 2;
}

.dot .label::before {
	display: none;
}

.dot:hover .label::before {
	background-color: #000;
}

.dot:hover .label::after {
	width: 100%;
}

.dot.active .label::before,
.dot.active:hover .label::before,
.dot.active .label::after,
.dot.active:hover .label::after {
	width: 0% !important;
}

.dots-- {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 100;
}

.toolTips {
	display: none !important;
	left: 40px;
	position: absolute;
	top: 50%;
	z-index: 1000;
}

.nc-title {
	color: #bbb;
	display: block;
	font-size: 1em;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

@media (hover: none) {
	.toolTips,
	p.navDotInfo {
		visibility: hidden;
	}
}

.toolTip {
	font-weight: 500;
	height: auto;
	left: 100px;
	line-height: 16px;
	margin: 12px 0;
	opacity: 1 !important;
}

p.navDotInfo {
	bottom: 5px;
	font-size: 0.875em;
	max-width: 5000px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 225;
}

/* DOTS - Close */

/* CONTROLLER SCROLLBAR - Close */

.ctrl-scrollbar {
	bottom: -20px;
	display: none;
	left: 0;
	margin: 0 auto;
	padding: 10px 0;
	position: fixed;
	right: 0;
	width: 94%;
	z-index: 99;
}

.ctrl-scrollbar::after {
	background: #00000022;
	content: '';
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	transform: translateY(-50%);
	top: 50%;
}

#ctrl-scrollbar-handler {
	background: transparent;
	height: 44px;
	position: relative;
	width: 40px;
	z-index: 1;
}

#ctrl-scrollbar-handler img {
	bottom: 22px;
	height: auto;
	left: auto;
	margin: 0 auto;
	right: auto;
	position: absolute;
	width: 40px;
}

/*
.elementor-editor-active #main-container {
    overflow-y: auto !important;
}
*/
/* CONTROLLER SCROLLBAR - Close */

/*----- INFO BOX - Open -----*/
.ib-pc-item {
	width: calc(32% - 15px) !important;
}
.ib-pc-item .elementor-widget-container {
	align-items: center;
	display: flex;
	height: 80px;
}
.ib-pc-item .eael-infobox.icon-on-left {
	align-items: center;
}
.ib-pc-item .infobox-icon-wrap .fa-play {
	margin-left: 3px;
}
.ib-pc-item .infobox-content h3 {
	font-size: 1.8em;
	margin: 10px 0 5px 0;
	line-height: 1.2;
	color: #fff !important;
	font-weight: 500 !important;
}
/*----- INFO BOX - Open -----*/

/*----- COLLECTION ITEM - Open -----*/
.collection-item {
	cursor: pointer;
}

.collection-item .infobox-icon {
	position: relative;
}

.collection-item .infobox-icon img {
	display: block;
	width: 100%;
}

.collection-item .infobox-icon::before {
	background: #00000033;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 250ms ease-in-out;
	width: 100%;
}

.collection-item:hover .infobox-icon::before {
	opacity: 1;
}

.collection-item .elementor-widget-container {
	padding-bottom: 50px;
}
.collection-item .infobox-button {
	bottom: 0;
	position: absolute;
	width: 100%;
}
/*----- COLLECTION ITEM - Close -----*/

/*----- SMALL SCREEN - Open -----*/
.small-screen #logo {
	width: 206px;
}
.small-screen .logo-wrapper {
	padding: 10px;
}
.small-screen #open-menu {
	max-height: 130px !important;
}

.small-screen.home-page #nav-menu ul.menu {
	min-height: 90px !important;
}

.small-screen {
	font-size: 0.92em !important;
}

.small-screen .jet-animated-box {
	max-height: 360px !important;
}

.small-screen #nav-control {
	transform: translateY(0);
	top: 140px;
}

.small-screen .dot {
	margin: 10px 0;
}

.small-screen .fb2-item.height-600 .elementor-widget-container > a,
.small-screen .fb1-item.height-600 .elementor-widget-container > a,
.small-screen .fb2-item.height-550 .elementor-widget-container > a,
.small-screen .fb1-item.height-550 .elementor-widget-container > a,
.small-screen .fb2-item.height-500 .elementor-widget-container > a,
.small-screen .fb1-item.height-500 .elementor-widget-container > a,
.small-screen .fb2-item.height-450 .elementor-widget-container > a,
.small-screen .fb1-item.height-450 .elementor-widget-container > a {
	max-height: 400px !important;
}

.inner-section__right-content {
	max-height: calc(100vh - 155px);
	overflow-x: hidden;
	overflow-y: scroll !important;
	transform: translate(-20px, 0);
	scrollbar-color: #a9192d #cccccc;
	scrollbar-width: thin !important;
}

.small-screen .container-section {
	justify-content: flex-start;
}

/*----- SMALL SCREEN - Close -----*/

.logo-spotify {
	margin: 10px 0 10px 20px;
}

.logo-spotify img {
	height: auto !important;
	max-width: 150px !important;
	width: 100% !important;
}