/*...........................*/

.lottie_sec video.video-bg.fill.visible {
    position: static;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.lottie_sec .bg.section-bg.fill.bg-fill.bg-loaded {
    text-align: center;
}
section.section.tesla_sec.lottie_sec.dark.is-full-height {
    background: #fcf4f3;
}
@media only screen and (max-width: 767px){
.lottie_sec video.video-bg.fill.visible{

    width: 98%;

}
}

/**********************************/
/*           LOTTIE               */
.swift-reveal-lottie {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 100vw;
	max-height: 100vh;
	width: 100vw;
	height: 100vh;
	z-index: -10;
}

.div-transform-lottie {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 100vw;
	max-height: 100vh;
	width: 100vw;
	height: 100vh;
	z-index: -10;
}

.hero-lightpass-mobile {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 100vw;
	max-height: 100vh;
	width: 100%;
	height: 100%;
	z-index: -10;
}

.four-sizes-lottie {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 100vw;
	max-height: 100vh;
	width: 100vw;
	height: 100vh;
	z-index: -10;
}

.video_sec {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


.two-models-header-left {
	position: fixed;
	width: 350px;
	left: 8%;
	top: 34%;
}

.two-models-header-right {
	position: fixed;
	width: 350px;
	left: 10%;
	top: 34%;
	margin-left: 68%
}

.two-models-text-left {
	position: fixed;
	width: 350px;
	left: 8%;
	top: 43%;
	font-size: 35px;
}

.two-models-text-right {
	position: fixed;
	width: 350px;
	left: 10%;
	top: 43%;
	margin-left: 68%;
	font-size: 35px;
}

.two-models-button-left {
	position: fixed;
	width: 250px;
	left: 8%;
	top: 85%;
}

.two-models-button-right {
	position: fixed;
	width: 250px;
	left: 10%;
	top: 85%;
	margin-left: 68%;
}

.two-models-text-right-ar {
	position: fixed;
	width: 350px;
	left: 10%;
	top: 43%;
	margin-left: 58%;
	font-size: 35px;
}

.two-models-header-right-ar {
    position: fixed;
	width: 350px;
	left: 10%;
	top: 34%;
	margin-left: 58%
}

.two-models-button-right-ar {
	position: fixed;
	width: 250px;
	left: 10%;
	top: 85%;
	margin-left: 58%;
}

.div_transform_left {
	position: fixed;
	width: 500px;
	height: 500px;
	background: #FF0000;
	z-index: 10000;
}

.div-forward-thinking-lottie .col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0 15px;
}
.div-forward-thinking-lottie h2 {
    max-width: 100%;
    display: block;
    text-align: center;
}
.div-forward-thinking-lottie .section-content.relative {
    top: -50%;
}
.div-forward-thinking-lottie video.video-bg.fill.visible {
    height: 100%!important;
}
.div-forward-thinking-lottie .bg.section-bg.fill.bg-fill.bg-loaded {
    height: 100%!important;
}
.div-forward-thinking-lottie .col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0 15px;
}
.div-forward-thinking-lottie h2 {
    max-width: 100%;
    display: block;
    text-align: center;
}

.forward-thinking-lottie-canvas {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 100vw;
	max-height: 100vh;
	width: 100vw;
	height: 100vh;
	z-index: -10;
}

.two-models-lottie-lite-header {
	margin-left: 80%;
}


/* Swift Pro */

.swift-pro-hero {
	z-index: 10 !important;
}

.swift-pro-video-sec {
	z-index: 10 !important;
}

.swift-pro-configurator {
	z-index: 10 !important;
}

.lift_colors_sec {
	z-index: 10 !important;
}

.carpet2_sec {
	z-index: 10 !important;
}

.size_matters_sec {
	z-index: 10 !important;
}

.technical_spec_sec {
	z-index: 10 !important;
}

.buy_sl_sec {
	z-index: 10 !important;
}

.customizable-text {
	position: fixed;
	left:5%;
	top: 40%;
	width: 25%;
}

.customizable-header {
	color: #1fadb7;
	font-size: 4em;
	font-weight: bold;
}

.customizable-description {
	color: #1fadb7;
	font-size: 1.5em;
}

.customizable-text-mobile {
	position: fixed;
	left:5%;
	right:5%;
	top: 80%;
	width: 90%;
}

.customizable-header-mobile {
	color: #1fadb7;
	font-size: 2.5em;
	font-weight: bold;
}

.customizable-description-mobile {
	color: #1fadb7;
	font-size: 1em;
}

.colorful-text {
	position: fixed;
	left:5%;
	top: 40%;
	width: 25%;
}

.colorful-header {
	color: #ff9196;
	font-size: 4em;
	font-weight: bold;
}

.colorful-description {
	color: #ff9196;
	font-size: 1.5em;
}

.colorful-text-mobile {
	position: fixed;
	left:5%;;
	right:5%;
	top: 80%;
	width: 90%;
}

.colorful-header-mobile {
	color: #ff9196;
	font-size: 2.5em;
	font-weight: bold;
}

.colorful-description-mobile {
	color: #ff9196;
	font-size: 1em;
}

.swift-pro-config-options {
	height: 300px;
}

.intelligent_sec {
	z-index: 10;
}

.zid, .footer-wrapper{z-index:999999999999}
@media (max-width:720px){.zid{z-index:999}}
/*-----------END--------------*/