/**
 * @license
 * MyFonts Webfont Build ID 4028200, 2021-03-17T13:38:52-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLTPro-Book by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-45-book/
 * 
 * Webfont: AvenirLTPro-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-55-roman/
 * 
 * 
 * Webfonts copyright: Copyright © 2014 Monotype GmbH. All rights reserved.
 * 
 * © 2021 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */


body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}


.landscape-mode {
	display: none;

}

.preloader {
	width: 100vw;
	height: 100vh;
	/* background: linear-gradient(180deg, #E76E02 0%, #ef6c3d 100%);  */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 199999;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	transition: 0.5s ease;
	background: url(../images/m/m01.jpg) 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}

.preloader .glass-details-left {
	opacity: 0;
	animation: glassDetailsAnimationLeft 0.9s ease 0.5s forwards, breathe 5s infinite;

}

.preloader .glass-details-right {
	opacity: 0;
	animation: glassDetailsAnimationRight 0.9s ease 0.5s forwards, breathe 5s infinite;
}

@keyframes glassDetailsAnimationLeft {
	from {
		top: 1000px;
		opacity: 0;
		height: 1vh;
	}
	to {
		top: 0;
		opacity: 1;
		height: 100vh;
	}
}

@keyframes glassDetailsAnimationRight {
	from {
		top: -500px;
		opacity: 0;
		height: 1vh;
	}
	to {
		top: 0;
		opacity: 1;
		height: 100vh;
	}
}

.preloader.hide {
	opacity: 0;
	pointer-events: none;
	z-index: -1;
}

.pc-up {
	margin:340px auto 0 auto;
	width: 268px;
	position: relative; 
}

.pre-right {
	right: 150px !important;
}


.overflow {
    z-index: 9998;
    width: 100vw;
    height: 100vh;
}

.circle-line {
    z-index: 9999;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 268px;
    margin-top: 22px;
}

.circle-red,.circle-green,.circle-yellow,.circle-blue{
    position: relative;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 4px;
}

.circle-red {
    background-color: #eee;
    animation: movingUp 0.5s 2 alternate;
}

.circle-blue {
    background-color: #eee;
    animation: movingUp 0.5s 0.25s 2 alternate;
   
}

.circle-green {
    background-color: #eee;
    animation: movingUp 0.5s .4s 2 alternate;
}

.circle-yellow {
    background-color: #eee;
    animation: movingUp 0.5s .6s 2 alternate;
    
}

.enter-button {
	color: #eee;
	width:80px; 
	height: 80px;
	border-radius: 50%;
	border: 1px solid #eee;
	cursor: pointer;
	transition: 0.25s ease-out;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 285px;
    animation: enterButtonShow 0.3s 0.5s forwards;
    opacity: 0;
    z-index:-1;
    transform-origin: 100% 100%;  
}

.enter-button:hover {
	padding: 10px;
	top: 275px; 
	background-color: #fff;
}
.enter-button:hover p {
	color:#d56328;
}

.enter-button p {
	/* font-family:''; */
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	margin: 0;
	text-align: center;
    letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
}
.enter-button .more {
	font-size: 12px;
}

@keyframes enterButtonShow {
    0% {
        opacity: 0;
        transform:  translateX(-50%)  scale(0.5);
        transform-origin: center;
    }

    100% {
        opacity: 1;
        transform:  translateX(-50%) scale(1.0);
        transform-origin: center;
        z-index: 1;
    }
}


/* CSS ANIMATION */

@keyframes movingUp {
    0% {	
        top: 0px;     
    }

    100% {
        top:10px;
    }
}


/* ui */

header {
	width: 100vw;
	height: 38px;
	position: fixed;
	top: 40px;
    left:0;
    z-index: 100;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.ventus-typografy {
	height: 18px;
    margin-left: 110px;
    justify-self: start;
    align-self: center;   
}
.ventus-typografy img{
	position: relative;
	height: 60px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

#ventus-typografy {
	fill: #8596AD;
	transition: 0.3s ease;
}

.logo {
	margin: 0 auto;
	justify-self: center;
	height: 38px;
	width: 37px;
	position: relative;
}

#logo:hover{
	transform: scale(1.1);
}

#logo {
	fill: url(#paint0_radial);
	transition: 0.5s ease;
}

.logo svg {
	position: absolute;
	left: 0;
	top:0;
}


.menu {
	margin-right: 110px;
	justify-self: end;
	/*align-self: center;*/
	transform: translateY(14px);
}

.menu-mobile-x {
	position: absolute;
    right: 13px;
    top: -5px;
    padding: 20px;
    display: none;
}

.menu-mobile-x .bar1 {
	transform: rotate(-45deg) translateY(7px);
	height: 1px;
}

.menu-mobile-x .bar2 {
	transform: rotate(45deg) translateY(-7px);
	height: 1px;
}

.menu:hover .menu-bar{
	background-color: #ef6c3d!important;
}

.menu-bar {	
	height: 1px;
	background-color: #8596AD;
	transition: 0.3s ease;
}

.header.white .menu-bar {
	background-color: white;
	transition: 0.5s ease;
}

.bar1 {
	margin-bottom: 9px;
}

.menu.open .bar1{
	transform: rotate(-45deg) translateY(7px);
	height: 1px;
}

.menu.open .bar2{
	transform: rotate(45deg) translateY(-7px);
	height: 1px;
}

.menu-content {
	background-color: rgba(255, 255, 255, 0.7);
	height: 100vh;
	width:0vw;
	position: fixed;
	right: 0;
	top: 0;
	z-index: -1;
	transition: 0.6s ease;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	/*-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
	*/
}

.menu-left-side {
	width: 100vw;
	opacity: 0;
	pointer-events: none;
	height:100vh;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(218,219,220, 0.6);
    z-index: -2;
    transition: 0.5s ease;
}

.menu-content.open {
	width: 50vw;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);

}

.menu-left-side.open {
	opacity: 1;
	pointer-events: all;
}

.menu-content.open.over-image {
	width: 50vw;
	background: rgba(255, 255, 255, 0.93);
}

.menu-left-side.open.over-image {
	opacity: 0;
	pointer-events: all;
}

.menu-links {
	margin-top: 120px;
	margin-left: 120px;
}

.menu-links p {
	/* font-family:''; */
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.2em;
	text-transform: uppercase;	
}

.home-link {
	color:  #1F3047;
	transition: 0.2s ease;
}

.home-link  {
	color: #8596AD;
	transition: 0.2s ease;
}

.menu-links .page-one {
	opacity: 0;
	cursor: pointer;
}

.page-one .home-link{
	color: #8596AD;
}
.page-one .home-arrow-link path{
    stroke: #8596AD;
}

.page-one.active .home-link{
	color: #1F3047;
}

.page-one.active .home-arrow-link path {
   stroke: #1F3047;
}

.menu-content.open .menu-links .page-one {
	animation: menuContent 0.3s ease forwards 0.7s;
}

.menu-content.open .menu-contact a:nth-of-type(1) {
	animation: menuContent 0.3s ease forwards 0.8s;
}

.menu-content.open .menu-contact a:nth-of-type(2) {
	animation: menuContent 0.3s ease forwards 0.9s;
}

.menu-content.open .menu-contact a:nth-of-type(3) {
	animation: menuContent 0.3s ease forwards 1s;
}

.menu-links .page-one {
	text-decoration: none;
	display: grid;
	grid-template-columns: 9px 1fr;
	justify-content: center;
	/* width: 100px; */
}

.menu-links svg {
	align-self: center;
	transition: 0.2s ease;
	transform: translateX(-20px);
}

.menu-links .page-one:hover .home-link {
	color: #ef6c3d;
}

.menu-links .page-one:hover .home-arrow-link {
    transform: translateX(-12px);
    stroke: #ef6c3d;
}

.menu-links .page-one:hover .home-arrow-link path {
    stroke: #ef6c3d;
}

.menu-content.open>.menu-contact {
	animation: menuContent 0.3s ease forwards 0.6s;
}

.menu-contact:before {
	content: "";
	width: 250px;
	height: 1px;
	background: red;
}

.menu-contact {
	width: 250px;
	border-top: 0px solid rgba(133, 150, 173, 0.2);
	margin-left: 100px;
	margin-bottom: 120px;
	opacity: 0;
	padding-top: 72px;
}

.menu-contact a {
	text-decoration: none;
    display: grid;
    grid-template-columns: 0 1fr;
    justify-content: center;
    opacity: 0;
}

.menu-contact svg {
	align-self: center;
	transform: translate(-20px, -2px);
	opacity: 0;
	transition: 0.3s ease;
}

.menu-contact a:hover .email-arrow-link {
    transform: translate(-14px, -2px);
    opacity: 1;
}

.menu-contact a:hover .number-arrow-link {
	transform: translate(-14px, -2px);
	opacity: 1;
}

.menu-contact a:hover .adress-arrow-link {
	transform: translate(-14px, -2px);
	opacity: 1;
}

.menu-contact p {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 28px;
	color: #ef6c3d;
	margin: 8px 0 8px 0;
}



@keyframes menuContent{
	from {
		transform: translateX(30px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

/* header animation */

/* .header.display #ventus-typografy path {
	animation: pathCHanger 0.5s forwards;
} */

@keyframes pathCHanger {

  10.6% {
    d: path("M2.424.585H.488v2.012c0 .365.052.728.157 1.078l4.14 13.905H7.19a.835.835 0 00.8-.597l3.962-13.307c.104-.35.157-.713.157-1.078V.585h-1.936v2.28L6.369 15.638h-.142L2.424 2.864V.585z");
  }

  33.2% {
    d: path("M43.204 8.113h-9.683V2.529h8.849a.836.836 0 00.834-.838V.586h-11.62v16.995H42.37a.836.836 0 00.834-.837V15.64h-9.683v-5.584h8.849a.836.836 0 00.834-.837V8.113zM2.424.585H.488v2.012c0 .365.052.728.157 1.078l4.14 13.905H7.19a.835.835 0 00.8-.597l3.962-13.307c.104-.35.157-.713.157-1.078V.585h-1.936v2.28L6.369 15.638h-.142L2.424 2.864V.585z");
  }

  49.8% {
  	d: path("M43.204 8.113h-9.683V2.529h8.849a.836.836 0 00.834-.838V.586h-11.62v16.995H42.37a.836.836 0 00.834-.837V15.64h-9.683v-5.584h8.849a.836.836 0 00.834-.837V8.113zM74.3.586h-1.937v13.11L64.617.587H62.68v16.995h1.102a.836.836 0 00.835-.837V4.471l7.746 13.11h1.102a.836.836 0 00.835-.837V.586zM2.424.585H.488v2.012c0 .365.052.728.157 1.078l4.14 13.905H7.19a.835.835 0 00.8-.597l3.962-13.307c.104-.35.157-.713.157-1.078V.585h-1.936v2.28L6.369 15.638h-.142L2.424 2.864V.585z");
  }

  66.4% {
  	d: path("M43.204 8.113h-9.683V2.529h8.849a.836.836 0 00.834-.838V.586h-11.62v16.995H42.37a.836.836 0 00.834-.837V15.64h-9.683v-5.584h8.849a.836.836 0 00.834-.837V8.113zM74.3.586h-1.937v13.11L64.617.587H62.68v16.995h1.102a.836.836 0 00.835-.837V4.471l7.746 13.11h1.102a.836.836 0 00.835-.837V.586zM105.396.586h-11.62V2.53h4.817V17.58h1.126c.461 0 .835-.374.835-.837V2.53h4.007a.836.836 0 00.835-.838V.586zM2.424.585H.488v2.012c0 .365.052.728.157 1.078l4.14 13.905H7.19a.835.835 0 00.8-.597l3.962-13.307c.104-.35.157-.713.157-1.078V.585h-1.936v2.28L6.369 15.638h-.142L2.424 2.864V.585z");
  }

  83% {
  	d:path("M43.204 8.113h-9.683V2.529h8.849a.836.836 0 00.834-.838V.586h-11.62v16.995H42.37a.836.836 0 00.834-.837V15.64h-9.683v-5.584h8.849a.836.836 0 00.834-.837V8.113zM74.3.586h-1.937v13.11L64.617.587H62.68v16.995h1.102a.836.836 0 00.835-.837V4.471l7.746 13.11h1.102a.836.836 0 00.835-.837V.586zM105.396.586h-11.62V2.53h4.817V17.58h1.126c.461 0 .835-.374.835-.837V2.53h4.007a.836.836 0 00.835-.838V.586zM136.491.586h-1.936V14.11c0 .8-.727 1.53-1.525 1.53h-4.673c-.847 0-1.549-.68-1.549-1.53V.586h-1.937V14.11a3.36 3.36 0 001.017 2.452c.678.68 1.501 1.02 2.469 1.02h4.673c.944 0 1.767-.34 2.445-1.02a3.364 3.364 0 001.016-2.452V.586zM2.424.585H.488v2.012c0 .365.052.728.157 1.078l4.14 13.905H7.19a.835.835 0 00.8-.597l3.962-13.307c.104-.35.157-.713.157-1.078V.585h-1.936v2.28L6.369 15.638h-.142L2.424 2.864V.585z");
  }

  100% {
  	d:path("M43.204 8.113h-9.683V2.529h8.849a.836.836 0 00.834-.838V.586h-11.62v16.995H42.37a.836.836 0 00.834-.837V15.64h-9.683v-5.584h8.849a.836.836 0 00.834-.837V8.113zM74.3.586h-1.937v13.11L64.617.587H62.68v16.995h1.102a.836.836 0 00.835-.837V4.471l7.746 13.11h1.102a.836.836 0 00.835-.837V.586zM105.396.586h-11.62V2.53h4.817V17.58h1.126c.461 0 .835-.374.835-.837V2.53h4.007a.836.836 0 00.835-.838V.586zM136.491.586h-1.936V14.11c0 .8-.727 1.53-1.525 1.53h-4.673c-.847 0-1.549-.68-1.549-1.53V.586h-1.937V14.11a3.36 3.36 0 001.017 2.452c.678.68 1.501 1.02 2.469 1.02h4.673c.944 0 1.767-.34 2.445-1.02a3.364 3.364 0 001.016-2.452V.586zM167.611 13.454c0-1.966-1.525-3.472-3.437-4.346-2.736-1.262-6.295-2.282-6.27-4.419 0-1.19.992-2.16 2.154-2.16h3.438c1.186 0 2.179.97 2.179 2.136h1.101c.461 0 .846-.379.756-.832-.155-.78-.535-1.46-1.131-2.057-.799-.801-1.767-1.19-2.905-1.19h-3.438c-1.138 0-2.106.413-2.905 1.214-.799.801-1.186 1.748-1.186 2.89 0 2.014 1.525 3.496 3.437 4.37 2.736 1.262 6.295 2.258 6.271 4.394 0 1.238-.969 2.185-2.155 2.185h-3.438c-1.186 0-2.178-.971-2.178-2.16h-1.937c0 1.14.411 2.112 1.21 2.913.799.801 1.767 1.19 2.905 1.19h3.414c1.138 0 2.106-.413 2.905-1.214.799-.802 1.21-1.773 1.21-2.914zM2.424.585H.488v2.012c0 .365.052.728.157 1.078l4.14 13.905H7.19a.835.835 0 00.8-.597l3.962-13.307c.104-.35.157-.713.157-1.078V.585h-1.936v2.28L6.369 15.638h-.142L2.424 2.864V.585z");
  }
}


.header.display  .menu-bar {
   animation: menuBarChanger 0.5s forwards;
 }

@keyframes menuBarChanger  {
    from {
    	width: 0px;
    }

    to {
    	width: 24px;
    }
 }

 .header.display  .logo {
 	animation: logoChanger 0.5s forwards; 
 }

 @keyframes logoChanger  {
    from {
    	transform: scale(0.2);
    }

    to {
    	transform: scale(1.0);
    }
}

.side-menu {
	position: fixed;
	right: 75px;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	z-index: 100;
	display: grid;
	grid-template-rows: 1fr;
	grid-gap: 12px;
	pointer-events: none;
}

.side-menu.display {
	pointer-events: all;
}

.side-menu.white p{
	color: white;
	transition: 0.5s ease;
}

.side-menu.white p:after  {
	border-bottom: 1px solid white;
	transition: 0.5s ease;
}

.side-menu.white .anicircle {
	stroke: white;
	transition: 0.5s ease;
}

.side-menu.white  .dot{
	background-color: white;
}

.btn, .btn-enhale {
	width: 48px;
	height: 24px;
	display: flex; 
	cursor: pointer;
	opacity: 0;
}

.btn.hide .dot, .btn-enhale.hide .dot {
	opacity: 0.4 !important;
}

.side-menu.display .btn, .side-menu.display .btn-enhale  {
	animation: btnChanger 0.5s forwards;
}

.side-menu.display .btn:nth-of-type(1), .side-menu.display .btn-enhale:nth-of-type(1) {
    animation-duration: 500ms;
    animation-delay: 62.8ms;
 }

.side-menur.display .btn:nth-of-type(2),  .side-menur.display .btn-enhale:nth-of-type(2) {	
    animation-duration: 500ms;
    animation-delay: 124.8ms;
 }


.side-menu.display .btn:nth-of-type(3), .side-menu.display .btn-enhale:nth-of-type(3) {
    animation-duration: 500ms;
    animation-delay: 187.8ms;
 }


.side-menu.display .btn:nth-of-type(4), .side-menu.display .btn-enhale:nth-of-type(4) {
    animation-duration: 500ms;
    animation-delay: 250.4ms;
 }

.side-menu.display .btn:nth-of-type(5), .side-menu.display .btn-enhale:nth-of-type(5) {
    animation-duration: 500ms;
    animation-delay: 313.8ms;
}

.side-menu.display .btn:nth-of-type(6),  .side-menu.display .btn-enhale:nth-of-type(6) {	
 	animation-duration: 500ms;
    animation-delay: 376ms;
}

.side-menu.display .btn:nth-of-type(7), .side-menu.display .btn-enhale:nth-of-type(7) {
    animation-duration: 500ms;
    animation-delay: 438ms;
 }

.side-menu.display .btn:nth-of-type(8) {
 	animation-duration: 500ms;
    animation-delay: 501ms;
}

.side-menu.display .btn:nth-of-type(9) {
 	animation-duration: 500ms;
    animation-delay: 571ms;
 }
.side-menu.display .btn:nth-of-type(10) {
 	animation-duration: 500ms;
    animation-delay: 641ms;
 }
.side-menu.display .btn:nth-of-type(11) {
 	animation-duration: 500ms;
    animation-delay: 711ms;
 }

@keyframes btnChanger {
	0% { 
	    opacity: 0;
	}
	100% {	   
	    opacity: 1;
	}
}


.btn-text p {
	margin: 0;
	/* font-family:''; */
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	color: #ef6c3d;
	transform: translateY(-6px) translateX(-25px);
	padding-left: 5px;
	opacity: 0;
	transition: 0.3s;	
}

.btn-text p:after {
	content: "";
    display: block;
    width: 0;
    height: 2.1px;
	border-bottom: 1px solid #ef6c3d;
    margin: 0 auto;
    transition: all 0.1s linear 0.2s;
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: -2px;
}

.btn1{
	position: relative;
	width: 24px;
	height: 24px;
    display: flex;      
    justify-content: center;
    align-items: center;
}

.btn svg, .btn-enhale svg  {
	position: absolute;
	left: -2px;
    top: 0px;
}

.anicircle {
	fill: none;
	stroke-width: 4px;
	stroke: #ef6c3d;
	stroke-dasharray:235;
	stroke-dashoffset: -235;
	transition: 350ms linear;
	opacity: 0;
  }

  .anicircle.ios {
	stroke-dashoffset: 235;
  }

.dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #ef6c3d;
	transition: 0.2s ease-in;
}

.btn:hover .dot, .btn-enhale:hover .dot  {
	width: 10px;
	height: 10px;
}

.btn.active .anicircle,  .btn-enhale.active .anicircle{
    stroke-dashoffset: 171;
    opacity: 1; 
}

.btn.active .btn-text p:after, .btn-enhale.active .btn-text p:after {
	width: 32px;
}

.btn.active p, .btn-enhale.active p {
	opacity: 1;
	transform: translateY(-6px) translateX(3px);
}

footer {
	width: 100vw;
	position: fixed;
	bottom: 52px;
	z-index: 100;
	display: grid;
	grid-template-columns: 1fr 1fr;
    pointer-events: none;
}

.footer.white p, .footer.white a  {
	color: white;
	transition: 0.5s ease;
}

.copyrights {
	justify-self: start;
	align-self: end;
	margin-left: 110px;
}


.subscribe-notiff {
	width :289px;
	height: 54px;
	background: radial-gradient(79.47% 73.92% at 79.47% 13.05%, #FFAC0A 0%, #E76E02 49.54%, #ef6c3d 100%);
    border-radius: 10px;
    margin: 0 auto;
    transition: 0.5s ease;
    position: absolute;
     bottom: -52px;
    z-index: 1;
    opacity: 0;
}

.subscribe-notiff p {
	/* font-family:''; */
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 155%;
	text-align: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #F9FAFB;
	line-height: 54px;
	margin: 0;
}

.subscribe-notiff.thanks {
    bottom: 52px;
    opacity: 1;
}

.dots {
	height: 13px;
}

#dots {
	fill: #8596AD;
	transition: 0.3s;
}

.copyrights p {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	color: #8596AD;
	text-transform: uppercase;
	margin-top: 18px;
}

.socials {
	justify-self: end;
	margin-right: 110px;
	align-self: end;
	pointer-events: all;
}

.socials p {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	color: #8596AD;
	text-transform: uppercase;
	transition: 0.3s ease;
	width: 122px;
}

.socials a {
	text-decoration: none;
	color: #8596AD;
	transition: 0.5s ease;
}

#typing3:hover, #typing4:hover {
	color: #ef6c3d !important;
}

.toggle-sound {
	display: flex;
	display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

body {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.sound-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.sound-wave {
    width: 42px;
    height: 32px;
    display: flex;
    align-items: center;
}

.sound-wave.display {
 	opacity: 1;
}

.bar {
    display: block;
    width: 2px;
    border-radius: 6px;
    margin-right: 6px;
    height: 30px;
    background: #ef6c3d;
    animation: sound 0ms -800ms linear infinite alternate;
    transition: 0.8s;
}

@keyframes sound {
	0% {
	    height: 6px;
	  }
	100% {   
	    height: 28px;
	}
}

.bar:nth-child(1) {
	height: 2px;
	animation-duration: 474ms;
	transition: 0.5s ease;
}
.bar:nth-child(2) {
    height: 10px;
    animation-duration: 433ms;
    transition: 0.5s ease;
}
.bar:nth-child(3) {
    height: 18px;
    animation-duration: 407ms;
    transition: 0.5s ease;
}
.bar:nth-child(4) {
    height: 26px;
    animation-duration: 458ms;
    transition: 0.5s ease;
}
.bar:nth-child(5) {
    height: 30px;
    animation-duration: 400ms;
    transition: 0.5s ease;
}

.sound-wave.mute .bar {
  	height: 6px;
  	background: #8596AD !important;
    transition: 0.3s ease;
    animation: none;
}


.slider-home {
    transform: translateX(-50vw);
}

.slider-enhale {
    transform: translateX(50vw);
}

.sections-holder{
	background: linear-gradient(180deg, #F9FAFB 0%, #EDF1F2 100%);
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	transition: 0.9s ease;
}

.main-sections, .main-sections-enhale {
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	transition:opacity 1s ease;
}

#sliderR {
	left:0;
}

#enhaleR {
	left: 100vw;
}

.displayEnhale#enhaleR {
	left: 0vw;
}

.displayEnhale#sliderR {
	left: -100vw;
}

.current0.remove #logoBG {
	transform: translateX(-50%) scale(0.2);
	opacity: 0;
}

#logoBG {
	position: absolute;
	transform: translateX(-50%) scale(1.0);
	left: 50%;
	top: 40px;
	opacity: 1;
	z-index: -1;
    transition: 0.5s ease 0.2s;
}

.hero h1 {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 45px;
	line-height: 155%;
    margin-top: 220px;
	text-align: center;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #1F3047;	
}
.hero h1 span.small {
	font-size: 30px;
}

.current0.remove h1 {
	animation: Blur 0.9s ease-in forwards;
}

@keyframes Blur {
	10%{
		 filter: blur(0);
	}
	50%{
		 filter: blur(50px);
	}
	100%{
		 filter: blur(150px);
	}
}


@keyframes LetterBlur{
	5% {
       filter: blur(0);
	}

	30% {
		filter: blur(0);
	}
	31% {
        filter: blur(2px);
	}
	32% {
		filter: blur(3px);
	}
	33%{
        filter: blur(4px);
	}
	34% {
		filter: blur(5px);
	}
	35%{
        filter: blur(5px);
	}
	36% {
		filter: blur(5px);
	}
	37% {
		filter: blur(4px);
	}
	38% {
		filter: blur(3px);
	}
	39% {
		filter: blur(2px);
	}
	40% {
		filter: blur(1px);
	}
	100% {
		filter: blur(0);
	}
}

.hero h1>span:nth-of-type(1) {
	transition: 0.5s ease 0.3s;
	transform: translateY(0);
	opacity: 1;
	display: inline-block;
}

.hero h1>span:nth-of-type(2) {
	transition: 0.5s ease 0.4s;
	transform: translateY(0);
	opacity: 1;
	display: inline-block;
}


.current0.remove  h1>span:nth-of-type(1) {
	transform: translateY(30px);
	opacity: 0;
	transition-delay: 1s;
}

.current0.remove  h1>span:nth-of-type(2) {
	transform: translateY(30px);
	opacity: 0;
	transition-delay: 1.2s;
}

.call-to-action {
	position: relative;
	display: flex;
	justify-content:center;
}

.current0.remove .call-to-action-btn::after {
	width: 0;
}

.current0.remove .call-to-action-btn::before {
	width: 0;
}

.call-to-action-btn::before {
	content: "";
	width: 60px;
	height: 1px;
	background-color: #ef6c3d;
	position: absolute;
	right: -80px;
    top: 50%;
    transition: 0.3s ease;	
}

.call-to-action-btn {
	width: 120px;
	height: 120px;
	position: relative;	
	display: grid;
	grid-template-rows: 1fr 1fr;
	cursor: pointer;

}

.call-to-action-btn::after {
	content: "";
	width: 60px;
	height: 1px;
	background-color: #ef6c3d;
	position: absolute;
	left: -80px;
    top: 50%;
    transition: 0.3s ease;
}
.call-to-action-btn svg {
	justify-self: center;
	margin-top: 52px;
    transition: 0.3s ease;
}

.call-to-action-btn:hover.call-to-action-btn::after {
	left: -90px;
} 

.call-to-action-btn:hover.call-to-action-btn::before {
	right: -90px;
} 

.call-to-action-btn:hover.call-to-action-btn svg {
    margin-top: 62px;
    transition: 0.3s ease;
}

.call-to-action p {
	/* font-family:''; */
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	margin:0;
	line-height: 120px;
	text-align: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #F9FAFB;
}

.see-more-btn-holder::after {
    content: "njac";
    width: 100px;
    height: 12px;
    position: absolute;
    bottom: -32px;
    left: 50%;
    background-color: #ef6c3d;
    transform: translateX(-50%);
    opacity: 0.2;
    filter: blur(16px);
}

.call-to-action-background {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: -2;
	margin-top: -120px;
}

.hero-blur {
	background-color: rgba(255,255,255,0.4);
	width: 50vw;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	border-right: 1px solid rgba(233,233,233, 0.3);
	backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);	
}

.about {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 100vh;
}

 .about h2 {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #1F3047;
	margin-bottom: 32px;
    transition: 0.5s ease 0s;
}

.mark h2, .david h2 {
	text-transform: none;
}



.current3 .about h2 {
 	transition: 0.5s ease 0.5s;
}

.about-for-animation h2 {
	transform: translateX(0);
	opacity: 1;
}

.preciseh2 {
    margin-top: 0;
}

.current1.remove .about-for-animation h2, .current3.remove .about-for-animation h2{
	transform: translateX(-30px);
	opacity: 0;
}

.current1 .about-for-animation p:nth-of-type(1) {
	transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.1s;
}

.current1 .about-for-animation p:nth-of-type(2){
	transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.2s;
}

.current6 .about-text h2 {
 	transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.4s;
 }

.current6 .about-text p:nth-of-type(1) {
 	transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.5s;
 }

 .current6 .about-text p:nth-of-type(2)  {
 	transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.6s;
 }

.current6 .about-text p:nth-of-type(3) {
    transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.7s;
}

.current6 .about-text .about-btn {
    transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.7s;
}

.current6.remove .about-text h2 {
	transform: translateX(-30px);
	transition: 0.5s ease 0s;
	opacity:0;
 }

.current6.remove .about-text p:nth-of-type(1) {
	transition: 0.5s ease 0.1s
 }

 .current6.remove .about-text p:nth-of-type(2)  {
	transition: 0.5s ease 0.2s
 }

.current6.remove .about-text p:nth-of-type(3) {
	transition: 0.5s ease 0.3s
}

.current6.remove .about-text .about-btn {
	transform: translateX(-30px);
	opacity: 0;
	transition: 0.5s ease 0.4s;
}

.current3 .about-for-animation p:nth-of-type(1) {
	transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.6s
}

.current3 .about-for-animation p:nth-of-type(2) {
	transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.7s
}

.current3.remove .about h2 {
    transition: 0.5s ease 0s;
}

.current3.remove .about-for-animation p:nth-of-type(1) {
    transition: 0.5s ease 0.1s;
}

.current3.remove .about-for-animation p:nth-of-type(2) {
    transition: 0.5s ease 0.2s;
}

.current1.remove .about-for-animation p:nth-of-type(1), .current3.remove .about-for-animation p:nth-of-type(1), .current6.remove .about-text p:nth-of-type(1) {
	transform: translateX(-30px);
	opacity: 0;
}

.current1.remove .about-for-animation p:nth-of-type(2), .current3.remove .about-for-animation p:nth-of-type(2), .current6.remove .about-text p:nth-of-type(2), .current6.remove .about-text p:nth-of-type(3)  {
	transform: translateX(-30px);
	opacity: 0;
}
.about-for-animation .newsletter {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.5s ease 0.3s, opacity 0.5s ease 0.3s;
	height: 54px;
}

.current1.remove .about-for-animation .newsletter {
	transform: translateX(-30px) ;
	opacity: 0;
}

.current1 .about-img-for-transition, .current4 .mission-image, .currentEnhale2 .about-img-for-transition {
	transform: translateX(0) translateY(5px);
	opacity: 1;
	transition: 0.5s ease 0.4s;
}

.currentEnhale5 .team-image .mark-img{
	transform: translateX(0) translateY(3px);
	opacity: 1;
	transition: 0.5s ease 0.4s;
}

.currentEnhale5 .team-image .david-img{
	transform: translateX(0) translateY(3px);
	opacity: 1;
	transition: 0.5s ease 0.5s;
}

.current1.remove .about-img-for-transition, .current4.remove .mission-image, .currentEnhale2.remove .about-img-for-transition,
.currentEnhale5.remove .team-image .mark-img, .currentEnhale5.remove .team-image .david-img  {
	transform: translateX(-50px) translateY(3px);
	opacity: 0;
}

.about p {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	color: #8596AD;
	margin-bottom: 28px;
}

.about-btn {
	font-family:'' !important;
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 14px !important;
	line-height: 155% !important;
	letter-spacing: 0.2em !important;
	text-transform: uppercase;
	color: #ef6c3d !important;
	cursor: pointer;
	width: 135px;
}

.see-more-arrow {
	transition: 0.3s ease;
}

.about-btn .see-more-arrow {
    transform: translateX(-5px) translateY(1px);
    opacity: 0;
}

.about-btn:hover .see-more-arrow {
	opacity: 1;
	transform: translateX(5px) translateY(1px);
}

.about-p2 {
    margin-bottom: 24px !important;
}

.about-content {
	justify-self: end;
	align-self: center;
	position: relative;
}

.about-text {
	width: 388px;
	padding-right: 15px;
}

.about-image {
	align-self: center;
	margin-left: 158px;
}

.product-image {
	align-self: center;
	-webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
    pointer-events:none
}

.modal {
	margin-left: 100px;
}

.icon360 {
	display: flex;
    justify-content: flex-start;
    margin-left: 174px;
    transform: translateY(15px);
}

.newsletter {
	position: relative;
	z-index: 9999999;
	width: 263px;
}

.newsletter-btn {
	width: 180px;
	height: 50px;
	background: linear-gradient(180deg, #F9FAFB 0%, #EDF1F2 100%);
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	border:none;
	/* font-family:''; */
	font-style: normal;
	font-weight: bold;
	font-size: 14px;  
	text-transform: uppercase;
	letter-spacing: 0.2em;
	transition: 0.3s ease;
	color: #1F3047;
	margin-bottom: 30px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.newsletter-btn:focus, .input-newsletter:focus, .input-newsletter-two:focus, .input-newsletter-three:focus {
	outline: 0;
}

.input-newsletter, .input-newsletter-three {
	width: 236px;
	height: 54px;
	border-radius: 10px;
    border:1px solid white; 
    background: rgba(249, 250, 251, 0.4);
    position: absolute;
	left: 0;
	top: 0;
	padding-left: 20px;
	padding-right: 40px;
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 54px;
	color: #1F3047;
	transition: 0.3s ease;
	box-sizing: border-box;
}  

.input-newsletter::placeholder, .input-newsletter-three::placeholder {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	color: #1F3047;
	opacity: 0.6;
}

.input-newsletter-two{
	width: 236px;
	height: 54px;
	border-radius: 10px;
    border:1px solid white; 
    background: rgba(31, 48, 71, 0.1);
    position: absolute;
	left: 0;
	top: 0;
	padding-left: 20px;
	padding-right: 40px;
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 54px;
	color: white;
	transition: 0.3s ease;
	box-sizing: border-box;
}

.input-newsletter-two::placeholder {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	color: white;
	opacity: 0.6;
}

.newsletter-click-detector, .newsletter-click-detector-two, .newsletter-click-detector-three {
    width: 263px;
	height: 54px;
	background-color: red;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.newsletter-btn.reveal-input {
	width: 99px;
	right: -100px;
}

.newsletter.reveal-input {
	width: 100vw;
	transition: 0.5s ease 0s;
}
.input-newsletter.reveal-input, .input-newsletter-two.reveal-input, .input-newsletter-three.reveal-input {
	width: 286px;
}
.NB-arrow {
	transform: translate(0px, 2px);
}

.newsletter-btn:hover  {
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
}

.newsletter-click-detector:hover + .newsletter-btn{
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08)!important	;
}

.newsletter-click-detector-three:hover + .newsletter-btn{
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08)!important	;
}

.current0 {
 
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
}

.current1 {
	 background-image: url("../images/m/lvoe_m_14.png");
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
}


.current2 {
	background-image: url("../images/m/lvoe_m_2.png");
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
}

.current3 {
	background-image: url("../images/m/lvoe_m_4.png");
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
}


.current3 .enhale:before, .current1 .enhale:before, .current2 .enhale:before {
	content: "";
	width: 106px;
	height: 1px;
	background-color: #F9FAFB;
	opacity: 0.2;
	position: absolute; 
	left: -146px;
	top: 50%;
	transform: translateY(25px);
	transition: 0.3s ease 0.8s;
}

.current1.remove .enhale:before, .current2.remove .enhale:before, .current3.remove .enhale:before {
	width: 0px;
}

.enhale-container {
	display: grid;
	grid-template-columns: 706px  1fr;
	width: 100%;
    grid-column-gap: 40px;
}

.line-container {
	position: relative;
	z-index: 1000;
	overflow: hidden;	
}

.current1 .line, .current2 .line, .current3 .line {
	width: 100%;
	height: 1px;
	background-color: #F9FAFB;
	opacity: 0.2;
	position: absolute;
	right: 251px;
	top: 50%;
    transform: translateY(25px);
    transition: 0.8s ease 0.8s;
}

.current1.remove  .line, .current2.remove  .line, .current3.remove  .line{
	width: 0%;
}

.enhale-section {
	position: relative;
	z-index: 9999;
}

.enhale {
	width: 100%
	position: relative;
	margin-left: 318px;
	 
}

.current1 .enhale p:nth-of-type(1), .current1 .enhale .enhale-p-mobile, .current2 .enhale p:nth-of-type(1), .current2 .enhale .enhale-p-mobile, .current3 .enhale p:nth-of-type(1), .current3 .enhale .enhale-p-mobile {
	transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.5s;

}

.current1 .enhale svg, .current2 .enhale svg, .current3 .enhale svg {
	transform: translateX(0);
	opacity: 1;
	transition: 0.5s ease 0.6s;
}

.enhale-triangle-tablet, .enhale-typografy-tablet, .enhale-triangle-mobile, .enhale-typografy-mobile  {
    display: none;
}

.cd-btn {
	cursor: pointer;
}


.enhale p {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 28px;
	color: #F9FAFB;
	/* margin-bottom: 52px; */
}

.cd-btn {
	/* font-family:''; */
	letter-spacing: 0.2em;
}

.enhale-p-mobile {
	display: none;
}

.enhale>p {
	margin-top: 0;
}

.enhale a {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	color: #F9FAFB;
	text-decoration: none;
}

.mission-image {
	align-self: end;
	padding-left: 127px;
	transform: translateY(3px);
	border-radius: 24px;
}

.misson-glass {
	background-color: rgba(255,255,255,0.4);
	height: 100vh;
	width: 415px;
	position: absolute;
	right: 0;
	top: 0;	
}

.misson-glass-line {
	position: absolute;
	left: -1px;
	height: 100vh;
	width:1px;
	background: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.s7   {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows:1fr;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, #E76E02 0%, #ef6c3d 100%);
}

.s7 .apostrophe {
   transform: translateY(-18px);
}

.s7 .apostrophe2nd {
	transform: translateY(-4px);
}

.certificate-number {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #8596AD;
	transform: translateY(-82px);
} 

.certified-tablet {
   display: none;
}

.certified-mobile {
   display: none;
}

.s7 h2:before, .certified:before {
	content: "";
	background-color: #fff;
	height: 110px;
	width: 1px;
	position: absolute;
	top: -140px;
	left: 50%;
	opacity: 1;
	transition: 0.4s ease 0.6s;
}

.s7 h2, .certified{
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 52px;	
	text-align: center;
	color: #1F3047;
	width: 800px;
	text-align: center;
	position: relative;
	justify-self:center;
}

.tablet-h2 {
	display: none;
}

.mobile-h2 {
	display: none;
}

.s7 h2::after, .certified::after {
	content: "";
	background-color: #fff;
	height: 110px;
	width: 1px;
	position: absolute;
	bottom: -140px;
	left: 50%;
	opacity: 1;
	transition: 0.4s ease 0.6s;
}

.s7.remove h2::after {
	height: 0;
	opacity: 0;
	transition: 0.4s ease 0s;
}

.s7.remove h2:before {
	height: 0;
	opacity: 0;
	transition: 0.4s ease 0s;
}

.s7 h2 > span {
	color: #eee;
}

.s7 h2>span:nth-of-type(1) {
    display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: 0.4s ease 0.1s;
}
.s7 h2>span:nth-of-type(2) {
	display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: 0.4s ease 0.2s;
}
.s7 h2>span:nth-of-type(3) {
	display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: 0.4s ease 0.3s;
}
.s7 h2>span:nth-of-type(4) {
    display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: 0.4s ease 0.4s;
}

.s7 h2>span:nth-of-type(5) {
	display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: 0.4s ease 0.5s;
}

.s7 h2>span:nth-of-type(6) {
	display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: 0.4s ease 0.6s;
}

.s7 h2>span:nth-of-type(7) {
	display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: 0.4s ease 0.7s;
}

.s7 h2>span:nth-of-type(8) {
	display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: 0.4s ease 0.8s;
}

.s7 h2>span:nth-of-type(9) {
	display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: 0.4s ease 0.9s;
}

.s7 h2>span:nth-of-type(10) {
	display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: 0.4s ease 1s;
}

.s7.remove h2>span:nth-of-type(1) {
	transform: translateY(30px);
    opacity: 0;
    transition: 0.5s ease 0.6s;
	
}

.s7.remove h2>span:nth-of-type(2) {
	transform: translateY(30px);
    opacity: 0;
    transition: 0.5s ease 0.5s;
}

.s7.remove h2>span:nth-of-type(3) {
	transform: translateY(30px);
    opacity: 0;
    transition: 0.5s ease 0.4s;
}

.s7.remove h2>span:nth-of-type(4) {
	transform: translateY(30px);
    opacity: 0;
    transition: 0.5s ease 0.3s;
}

.s7.remove h2>span:nth-of-type(5) {
	transform: translateY(30px);
    opacity: 0;
    transition: 0.5s ease 0.2s;
}

.s7.remove h2>span:nth-of-type(6) {
	transform: translateY(30px);
    opacity: 0;
    transition: 0.5s ease 0.1s;
}

.s7.remove h2>span:nth-of-type(7) {
	transform: translateY(30px);
    opacity: 0;
    transition: 0.5s ease 0s;
}

.s7.remove h2>span:nth-of-type(8) {
	transform: translateY(30px);
    opacity: 0;
    transition: 0.5s ease 0s;
}

.s7.remove h2>span:nth-of-type(9) {
	transform: translateY(30px);
    opacity: 0;
    transition: 0.5s ease 0s;
}

.s7.remove h2>span:nth-of-type(10) {
	transform: translateY(30px);
    opacity: 0;
    transition: 0.5s ease 0s;
}


.currentEnhale3 .certificate-number {
	filter: blur(0);
	opacity: 1;
	transition: 0.5s ease 0.6s;
}

.currentEnhale3.remove .certificate-number {
	filter: blur(10px);
	opacity: 0;
	transition: 0.5s ease 0s;
}

.current9 h2, .techonology h2, .founders .th-2{
    transform: translateX(0);
    opacity: 1;
    transition: 0.4s ease 0.5s;
}

.current9 p:nth-of-type(1), .techonology p:nth-of-type(1), .founders .t-p1 {
    transform: translateX(0);
    opacity: 1;
    transition: 0.4s ease 0.6s;
}

.current9 p:nth-of-type(2), .techonology p:nth-of-type(2), .founders .t-p2 {
    transform: translateX(0);
    opacity: 1;
    transition: 0.4s ease 0.7s;
}

.current9 p:nth-of-type(3), .techonology p:nth-of-type(3), .founders .t-p3 {
    transform: translateX(0);
    opacity: 1;
    transition: 0.4s ease 0.8s;
}

.current9 p:nth-of-type(4) { 
    transform: translateX(0);
    opacity: 1;
    transition: 0.4s ease 0.9s;
}

.founders h2 {
	transition: 0.5s ease 0.5s;
}

.current9.remove h2, .techonology.remove h2, .founders.remove h2{
    transition: 0.4s ease 0s;
    transform: translateX(-30px);
    opacity: 0;
}

.current9.remove p:nth-of-type(1), .techonology.remove p:nth-of-type(1), .founders.remove .t-p1 {
    transition: 0.4s ease 0.1s;
    transform: translateX(-30px);
    opacity: 0;
}

.current9.remove p:nth-of-type(2), .techonology.remove p:nth-of-type(2), .founders.remove .t-p2 {
    transition: 0.4s ease 0.2s;
    transform: translateX(-30px);
    opacity: 0;
}

.current9.remove p:nth-of-type(3), .techonology.remove p:nth-of-type(3), .founders.remove .t-p3 {
    transition: 0.4s ease 0.3s;
    transform: translateX(-30px);
    opacity: 0;
}

.current9.remove p:nth-of-type(4) {
    transform: translateX(-30px);
    opacity: 0;
}

.current7 {
	background-image: url("../images/xin.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: grid;
	justify-content: center;
	align-items: center;
}

.current4 {
	background-image: url("../images/m/lvoe_m_5.png");
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
/*	display: grid;
	justify-content: center;*/
	align-items: center;
}

 
.current9 {
	background-image: url("../images/tabaco.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	display: grid;
	justify-content: center;
	align-items: center;
}

.current9 .enhale-section {
	width: 100vw;
	padding: 40px 60px 40px 40px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background: #e386307d;
	color: #fff;
	line-height: 1.5;
	margin: 0;
}
.current9 .enhale-section p {
	font-size: 16px;
	margin: 0;
}
.current9 .enhale-section h2 {
	font-size: 26px;
	margin: 10px;
}

.current9 .enhale-typografy {
    transform: translateX(0);
    opacity: 1;
    transition: 0.5s ease 0.5s;
}

.current9.remove .enhale-typografy {
    transform: translateX(-30px);
    opacity: 0;
    transition: 0.5s ease 0s;
}

.current9 p {
    transform: translateX(0);
    opacity: 1;
    transition: 0.5s ease 0.6s;
}

.current9.remove p {
    transform: translateX(-30px);
    opacity: 0;
    transition: 0.5s ease 0.1s;
}

.current9 .newsletter {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.5s ease 0.7s, opacity 0.5s ease 0.7s;
}

.current9.remove .newsletter {
    transform: translateX(-30px);
    opacity: 0;
    transition: 0.5s ease 0.2s;
}

.enhale-text:before {
	content: "";
	width: 273px;
	height: 1px;
	background: #F9FAFB;
    opacity: 0.2;
    position: absolute;
    left: -314px;
    top: 8px;
}

.enhale-text {
	margin-left: 172px;
	margin-top: 70px;
	position: relative;
}


.enhale-text p {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	color: #F9FAFB;
	width: 596px;
	margin-bottom: 48px;
}

.cd-btn {
	margin-bottom: 0;
	margin-top: 16px;	
}

.cd-btn span {
	transition: 0.3s ease;
	opacity: 0;
}

.enhale span {
	margin-left: -5px;
}

.enhale span svg{
	transform: translateY(1px) !important;
}

.cd-btn:hover.cd-btn span {
	margin-left: 3px !important;
	transition: 0.3s ease;
	opacity: 1;
}	

.et {
	margin-left: 72px;
}


/*.current5 {
	display: grid;
	align-items: center;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;

	align-items: center;
	 background-image: url("../images/m/lvoe_m_6.png");
	backdrop-filter: blur(10px); 
 
	display: grid;
	justify-content: center;
}*/

.current5 {
	background-image: url("../images/m/lvoe_m_6.png");
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
/*	display: grid;
	justify-content: center;*/
	align-items: center;
}




.contact h2 {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 28px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}

.contact p {
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 55px;
	color: #928885;
	margin: 0;
	white-space: nowrap;
}

.current10 h2, .enhale-contact h2 {
	transform: translateX(0);
	opacity: 1;
	transition: 0.4s ease 0.5s;
}

.f-em {
    /* width: 325px; */
    margin-bottom: 32px;
}

.f-n {
    /* width: 375px; */
    margin-bottom: 32px;
}

.f-a {
    /* width: 625px; */
}

.current10 .f-em, .enhale-contact .f-em {
	transform: translateX(0);
	opacity: 1;
	transition: 0.4s ease 0.6s;
}

.current10 .f-n, .enhale-contact .f-n {
	transform: translateX(0);
	opacity: 1;
	transition: 0.4s ease 0.7s;
}

.current10 .f-a, .enhale-contact .f-a{
	transform: translateX(0);
	opacity: 1;
	transition: 0.4s ease 0.8s;
}

.current10.remove h2, .enhale-contact.remove h2  {
	transform: translateX(-30px);
	opacity: 0;
	transition: 0.4s ease 0s;
}

.current10.remove .f-em, .enhale-contact.remove .f-em  {
	transform: translateX(-30px);
	opacity: 0;
	transition: 0.4s ease 0.1s;
}

.current10.remove .f-n, .enhale-contact.remove .f-n {
	transform: translateX(-30px);
	opacity: 0;
	transition: 0.4s ease 0.2s;
}

.current10.remove .f-a, .enhale-contact.remove .f-a {
	transform: translateX(-30px);
	opacity: 0;
	transition: 0.4s ease 0.3s;
}

.current10 .contact,  .enhale-contact .contact{
	/* padding-left: 40px; */
	position: relative;
	z-index: 1000;
}

.current10  .contact-h2, .enhale-contact .contact-h2{
	margin-left: 10px;
	margin-bottom: 60px;
}

.current10 a, .enhale-contact a {
	text-decoration: none;
	display: flex;
	transition: 0.3s ease;
}

.current10 a p, .enhale-contact a p {
	transition: 0.3s ease;
}

.current10 a img,  .enhale-contact a img{
    transition: 0.3s ease;
    transform: translateX(-40px) translateY(-2px);
    opacity: 0;
}

.footer-link-1:hover .footer-p-1, .footer-link-2:hover .footer-p-2, .footer-link-3:hover .footer-p-3 {
    color: #ef6c3d;
}

.footer-link-1:hover .footer-arrow-1, .footer-link-2:hover .footer-arrow-2, .footer-link-3:hover .footer-arrow-3 {
    transform: translateX(-25px) translateY(-2px);
    opacity: 1;
}

.current1, .current2, .current3,
.current4,  .current5,
.current6,  .current9, .current10 {
	transition: opacity 1.5s ease;
	margin-top: 0;
	pointer-events: all;
}

.current0 {
	transition: 0.5s ease;
}

.current0.remove {
	opacity: 0;	
}

.hero-blur {
	transition: 0.9s ease 0.4s !important;
}

.current0.remove .hero-blur {
	width: 0;
	transition: 0.7s ease 0s !important;
}

.current0 .hero-blur {
    width: 50vw;
}

.current3 {
    margin-top: 0;
	z-index: 100;
	opacity: 1;
}
.current4{
    margin-top: 0;
	z-index: 100;
	opacity: 1;
}

.mission-holder {
    transition: 0.9s ease 0.5s;
}

.current4.remove .mission-holder{
	opacity: 0;
}

.current4 .mission-holder{
	opacity: 1;
}

.misson-glass {
	transition: all 0.5s ease 0.9s;
}

.mission-img-png {
   border-radius: 24px;
	 width: 220px;
	 position: relative;
	 left: -40px;
	 bottom: 36vh;
}

.current4.remove .misson-glass, .currentEnhale5.remove .misson-glass {
	width: 0;
	transition: 0.4s ease 0s !important;
}

.current4 .misson-glass, .currentEnhale5 .misson-glass  {
	width: 415px;
}


.remove {
	opacity: 0;
	pointer-events: none;	
}


h1 {
	text-align: center;
	margin-top: 300px;
}


/* blur folover */

.clearpic {
	position: absolute;
	z-index: 999;
	transform: translate(-50%, -50%);
    transition: 1s ease-out;
}

.clearpic img {
	opacity: 0.25;
}

.smoke-blur {
	width: 200vw;
	height: 200vh;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-mask: radial-gradient( 600px at center, transparent -25%, white 70%);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

  /* glass details */ 


.glass-details-left {
  	height: 100vh;
  	position: absolute;
  	left: 110px;
  	top: 0;
  	z-index:10000;
  	box-sizing: border-box;
  	animation: breathe 5s infinite;
  	transition: 0.7s ease 0.1s;
}

.current1.remove .glass-details-left, .current2.remove .glass-details-left,  .current4.remove .glass-details-left, .current6.remove .glass-details-left  {
  	top: 1000px;
  	height: 1vh;
}

.glass-details {
  	height:100%;
  	box-sizing: border-box;
  	padding-top: 168px;
  	padding-bottom: 168px;
  	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
}

.glass-details-in {
    display: flex;
  	flex-direction: column;
}

.in1 {
  	margin-bottom: 50px;
}

.gl1, .gr1 {
  	margin-bottom: 43px;
}

.gl3, .gr3 {
  	margin-bottom: 70px;
}


.glass-details-right {
  	height: 100vh;
  	position: absolute;
  	right: 251px;
  	top: -0;
  	z-index:10000;
  	box-sizing: border-box;
  	animation: breathe 5s infinite;
  	transition: 0.7s ease 0.1s;
}

.current1.remove .glass-details-right, .current2.remove .glass-details-right, .current3.remove .glass-details-right, .current6.remove .glass-details-right {
    height: 1vh;
  	top: -400px;
}

.glass-details-right-enhale {
  	height: 100vh;
  	position: absolute;
  	right: 251px;
  	top: 0;
  	z-index:10000;
  	box-sizing: border-box;
}

@keyframes breathe {
	0% {
	  	transform: translateY(0);
	}

	30% {
		transform: translateY(-10px);
	}

	50% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(0);
	}
}

.rotation img {    
    height: 565px;
    width: 160px;
    margin-left: 120px;
}

#divided1, #divided2, #divide3, #divide4 {
	display: grid;
}

.rotation img {
	display: none;
}

.rotation {
	height: 565px;
	overflow: hidden;
}

.landscape-mode {
	background: linear-gradient(0deg, #F9FAFB 0%, #EDF1F2 100%);
	width: 100vw;
    height: 100vh;
}

.landscape-mode img {
	align-self: center;
    justify-self: center;
    height: 80%;
}

.landscape-mode .glass-details-right {
	right: 48px;
}

.landscape-mode .glass-details-left {
	left: 48px;
}

.landscape-mode .glass-details {
	padding-top: 35px;
    padding-bottom: 77px;
}

.gl-last {
   margin-top: 30px;
}

.current5 {
	
	grid-template-rows: 1fr;
}

video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}

.after-video {
	background-image: url(../images/videoPlaceholder.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
}

.after-video-text {
	position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: grid; 
    opacity: 1;
    pointer-events: none;
}

.after-video-text.show {
	pointer-events: none;
}

.after-video.zoom {
	opacity: 1!important;
    animation: placeholder 0.7s ease forwards, zoomImage 60s ease 0.7s forwards !important;
}

@keyframes zoomImage {
	0% {
		  transform: scale(1.0);
	}

	100% {
		  transform: scale(1.4);
	}
}

.current5.remove .after-video, .current5.remove .after-video-text  {
    opacity: 0;
	animation: none;
}

.video-text {
	position: relative;
	z-index: 1;
	align-self: end;
}

.replay-btn {
    position: relative;
	z-index: 1;
	align-self:end;
	justify-self: center;
	transform: translateY(-56px);
	width: 41px;
	height: 43px;
}

.replay-btn svg {
	position: absolute;
	left: 0;
	top: 0;
}

#replayBtnArrow {
	transition:  0.5s ease;
}

.replay-btn:hover .replay-btn svg {
	transform: rotate(360deg);
}

.video-text h2{
	/* font-family:''; */
	font-style: normal;
	font-weight: normal;
	font-size: 60px;
	line-height: 155%;
	text-align: center;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #F9FAFB;
}

.after-video-text.show .video-text {
    opacity: 0;
    animation: VideoText 0.5s ease 0.7s forwards;
}

.after-video-text .video-text {
    opacity: 0;
    animation: VideoTextRemove 0.3s ease forwards;
}

.after-video-text.show .replay-btn {
    opacity: 0;
    animation: VideoBtn 0.5s ease 0.8s forwards;
}

.after-video-text .replay-btn {
    opacity: 0;
    animation: none;
}

@keyframes VideoText {
	0% {
		opacity: 0;
		transform: translateY(25px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes placeholder {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}



@keyframes VideoTextRemove {
	0% {
		filter: blur(0);
	}

	100% {
		opacity: 0;
		filter: blur(25px);
	}
}

@keyframes VideoBtn {
	0% {
		opacity: 0;
		transform: translateY(-25px);
	}

	100% {
		opacity: 1;
		transform: translateY(-56px);
		pointer-events: all;
		cursor: pointer;
	}
}

.index_number {
	font-size: 40px;
	font-family: "Bahnschrift2";
	color: rgba(255, 255, 255, 0.4);
	position: absolute;
	left: 0;
	top: -100px;
}

.icon_list {
	display: flex;
	flex-flow: row wrap;
	width: 64vw;
	overflow: hidden;
}
.icon_list .icon {
	position: relative;
	flex: 0 0 15%;
	width: 15%;
	/* padding: 5px; */
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	margin: 0.5%;
}
.icon_list .icon .bg {
	width: 100%;
	overflow: hidden;
	padding-top: 100%;
	position: relative;
}
.icon_list .icon .bg img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.icon_list .icon .txt {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.7);
	top: 100%;
	left: 0;
	transition: top .4s ease;
	font-size: 12px;
	color: #fff;
	pointer-events: none;
}

.icon_list .icon:hover .txt {
	top: 0;
}
.about-bottom-content {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 130px;
	background: rgba(223, 94, 8, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
}
.about-bottom-content .text{
	font-size: 24px;
	color: #fff;
}