/*
font-family: 'Workhorse Script Test Display';
font-family: 'Aeonik TRIAL';
*/
@font-face {
	font-family: 'Aeonik TRIAL';
	src: url('../fonts/AeonikTRIAL-Light.eot');
	src: url('../fonts/AeonikTRIAL-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/AeonikTRIAL-Light.woff2') format('woff2'), url('../fonts/AeonikTRIAL-Light.woff') format('woff'), url('../fonts/AeonikTRIAL-Light.ttf') format('truetype'), url('../fonts/AeonikTRIAL-Light.svg#AeonikTRIAL-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Aeonik TRIAL';
	src: url('../fonts/AeonikTRIAL-Regular.eot');
	src: url('../fonts/AeonikTRIAL-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AeonikTRIAL-Regular.woff2') format('woff2'), url('../fonts/AeonikTRIAL-Regular.woff') format('woff'), url('../fonts/AeonikTRIAL-Regular.ttf') format('truetype'), url('../fonts/AeonikTRIAL-Regular.svg#AeonikTRIAL-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Aeonik TRIAL';
	src: url('../fonts/AeonikTRIAL-Bold.eot');
	src: url('../fonts/AeonikTRIAL-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AeonikTRIAL-Bold.woff2') format('woff2'), url('../fonts/AeonikTRIAL-Bold.woff') format('woff'), url('../fonts/AeonikTRIAL-Bold.ttf') format('truetype'), url('../fonts/AeonikTRIAL-Bold.svg#AeonikTRIAL-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Workhorse Script Test Display';
	src: url('../fonts/WorkhorseScriptTest-Display.eot');
	src: url('../fonts/WorkhorseScriptTest-Display.eot?#iefix') format('embedded-opentype'), url('../fonts/WorkhorseScriptTest-Display.woff2') format('woff2'), url('../fonts/WorkhorseScriptTest-Display.woff') format('woff'), url('../fonts/WorkhorseScriptTest-Display.ttf') format('truetype'), url('../fonts/WorkhorseScriptTest-Display.svg#WorkhorseScriptTest-Display') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
html{ font-size: .6944444444vw; -ms-overflow-style:none; scrollbar-width:none}
html::-webkit-scrollbar { display:none}
html,body{ max-width: 100vw; background: #000; min-height:100%; height:auto}
body{ padding:0; margin:0; color:#fff; font-family: 'Aeonik TRIAL'; overflow-x: hidden; font-size: 2rem; font-weight: 400; line-height: 1.2;}
a, button{outline:none !important; text-decoration:none; box-shadow:none;
transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important; box-shadow:none; font-family: 'Aeonik TRIAL'; font-weight: 400;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

.container{ width:96%; max-width:1300px; margin:0 auto; padding:0;}
.container-fluid{ width:100%; max-width:100%; margin:0; padding:0 5rem;}

/*===================
 				HEADER 
===================*/
.header_sec{ width:100%; padding:0; margin:0; position:fixed; top:0; z-index:100; transition:all .3s ease-in-out;}
.header_sec .navbar{ margin:0; padding:0; height: 8.8rem;}
.header_sec .navbar-brand{ width: auto; height: 4.2rem; margin:0; padding:0; transition:inherit;}
.header_sec .navbar-brand img{ height: 100%; -o-object-fit: contain; object-fit: contain;}
.header_sec .navbar-nav .nav-item{ margin:0;}
.header_sec .navbar-nav .nav-link{ margin:0 2.5rem; padding:0; font-size: 1.4rem; color: #fff; opacity: 0.7;}
.header_sec .navbar-nav .dropdown-toggle::after{ width: 17px; height: 17px; border: none; background: url(../images/caretdown.svg) no-repeat center center;}
.header_sec .navbar-nav .nav-link:focus, .header_sec .navbar-nav .nav-link:hover{ color: #fff; opacity: 1;}
.header_sec .navbar-nav .nav-link.active, .header_sec .navbar-nav .show > .nav-link{ color: #fff; opacity: 1;}

.header_sec .right_info{ margin: 0 0 0 0; padding: 0; position: relative; display: flex; align-items: center;}
.arrowtext_link{ height: 3rem; color: #fff; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background: none;}
.arrowtext_link i{ width: 2.6rem; height: 2.6rem; overflow: hidden; background-color: #bb70ad; border-radius: 100%; position: relative; margin-right: 1.2rem; display: inline-flex; align-items: center; justify-content: center;}
.arrowtext_link i img{ height: .9rem;}
.arrowtext_link span{ font-size: 1.4rem; font-weight: 500; overflow: hidden; padding: .2rem 0;}

.dropdown-menu{ border-color: rgba(0,0,0,0.08);}
.dropdown-item{ padding: 8px 20px; color: #fff; font-size: 16px; font-weight: 500;}
.dropdown-item:focus, .dropdown-item:hover{ background: none; color: #fff; opacity: 1;}

@media (min-width:1200px) {
.header_sec .navbar-nav .nav-item:hover .dropdown-menu{display: block;}
}


/*===================
 				FOOTER 
===================*/
.footer_sec{ padding:0; margin:0;}

/*=======================
 		SECTION START HERE 
=======================*/
section{ width:100%; float:left; padding:0; margin:0;}

.hero_sec{ height: 100rem; margin-bottom: 5rem; max-height: 100vh; position: relative; overflow: hidden;}
.hero_cards{ position: absolute; top: 21%; left: calc(50% - 14rem); width: 28rem; height: 40rem; z-index: 2;}
.hero_card{ position:absolute; width:100%; height:100%; background-color:#202020; border-radius:1rem; -webkit-transform:translateY(-70rem) scale(.9); -ms-transform:translateY(-70rem) scale(.9); transform:translateY(-70rem) scale(.9); -webkit-transition:-webkit-transform 1s cubic-bezier(.6,0,.2,1); transition:-webkit-transform 1s cubic-bezier(.6,0,.2,1); -o-transition:transform 1s cubic-bezier(.6,0,.2,1); transition:transform 1s cubic-bezier(.6,0,.2,1); transition:transform 1s cubic-bezier(.6,0,.2,1),-webkit-transform 1s cubic-bezier(.6,0,.2,1)}
.hero_card .media { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; border-radius:1rem}
.hero_sec.in .hero_card { -webkit-transform:rotate(9deg) scale(.9); -ms-transform:rotate(9deg) scale(.9); transform:rotate(9deg) scale(.9); -webkit-transition-delay:1.2s; -o-transition-delay:1.2s; transition-delay:1.2s}
.hero_sec.in .hero_card:nth-last-child(3) { -webkit-transform:rotate(9deg) scale(.9); -ms-transform:rotate(9deg) scale(.9); transform:rotate(9deg) scale(.9); -webkit-transition-delay:1.3s; -o-transition-delay:1.3s; transition-delay:1.3s}
.hero_sec.in .hero_card:nth-last-child(2) { -webkit-transform:rotate(0) scale(.95); -ms-transform:rotate(0) scale(.95); transform:rotate(0) scale(.95); -webkit-transition-delay:1.4s; -o-transition-delay:1.4s; transition-delay:1.4s}
.hero_sec.in .hero_card:nth-last-child(1) { -webkit-transform:rotate(-9deg) scale(1); -ms-transform:rotate(-9deg) scale(1); transform:rotate(-9deg) scale(1); -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s}
.hero_sec.dropping .hero_card { -webkit-transform:translateY(0) scale(.9); -ms-transform:translateY(0) scale(.9); transform:translateY(0) scale(.9)}
.hero_sec.dropping .hero_card:nth-last-child(4) { -webkit-transform:rotate(9deg) scale(.9); -ms-transform:rotate(9deg) scale(.9); transform:rotate(9deg) scale(.9); -webkit-transition-delay:.2s; -o-transition-delay:.2s; transition-delay:.2s}
.hero_sec.dropping .hero_card:nth-last-child(3) { -webkit-transform:rotate(0) scale(.95); -ms-transform:rotate(0) scale(.95); transform:rotate(0) scale(.95); -webkit-transition-delay:.1s; -o-transition-delay:.1s; transition-delay:.1s
}
.hero_sec.dropping .hero_card:nth-last-child(2) { -webkit-transform:rotate(-9deg) scale(1); -ms-transform:rotate(-9deg) scale(1); transform:rotate(-9deg) scale(1); -webkit-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s}
.hero_sec.inited .hero_card { -webkit-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; display:none; -webkit-transform:rotate(9deg) scale(.9); -ms-transform:rotate(9deg) scale(.9); transform:rotate(9deg) scale(.9)}
.hero_sec.inited .hero_card:nth-last-child(n-4) { display:block}
.hero_sec.inited .hero_card.drop { -webkit-transition:opacity .3s .5s linear,-webkit-transform 1s cubic-bezier(.6,0,.2,1); transition:opacity .3s .5s linear,-webkit-transform 1s cubic-bezier(.6,0,.2,1); -o-transition:transform 1s cubic-bezier(.6,0,.2,1),opacity .3s .5s linear; transition:transform 1s cubic-bezier(.6,0,.2,1),opacity .3s .5s linear; transition:transform 1s cubic-bezier(.6,0,.2,1),opacity .3s .5s linear,-webkit-transform 1s cubic-bezier(.6,0,.2,1); -webkit-animation:drop .8s forwards; animation:drop .8s forwards}
.hero_content{ position: absolute; top: 32%; width: 100%; text-align: center; z-index: 3; left: 0; padding:0 .1em;}
.hero_content h1{ font-size: 14rem; line-height: .84; text-transform: uppercase; font-weight: 700;}
.hero_content h1 .spacer{ display: inline-block; will-change: width; -webkit-transition: width 1.1s 1.5s cubic-bezier(.5,0,.125,1); -o-transition: width 1.1s 1.5s cubic-bezier(.5,0,.125,1); transition: width 1.1s 1.5s cubic-bezier(.5,0,.125,1); width: 19rem; margin: 0 -.105em;}
.hero_content h1 p{ margin: 0;}
.hero_content h1 p:nth-child(2) .spacer{ width: 20rem; margin: 0 -.21em;}
.hero_content h1 p:nth-child(1) { margin-left: .40em;}
.hero_content h1 p:nth-child(2) span:first-child { padding-left: .1em;}
.hero_content h1 p span i { font-family: 'Workhorse Script Test Display'; font-weight: 400; letter-spacing: .05em; padding-left: .1em; line-height: .8;}
.hero_content .hero_info{ width: 46.4rem; margin: 11.5rem auto 0;}


/* Welcome */
.welcome_sec{ padding: 13rem 0 13rem; text-align: center;}
.welcome_sec p{ font-size: 9.8rem; line-height: 1.04; position: relative; z-index: 1; text-transform: uppercase; font-weight: 700;}
.welcome_sec p .line { display: inline-block; -webkit-transition: -webkit-mask-position 1s ease-in-out; transition: -webkit-mask-position 1s ease-in-out;
-o-transition: mask-position 1s ease-in-out; transition: mask-position 1s ease-in-out; transition: mask-position 1s ease-in-out,-webkit-mask-position 1s ease-in-out; -webkit-mask-image: linear-gradient(90deg,#fff 33.3%,rgba(255,255,255,.1) 66.6%); mask-image: linear-gradient(90deg,#fff 33.3%,rgba(255,255,255,.1) 66.6%); -webkit-mask-position: 100% 100%; mask-position: 100% 100%; -webkit-mask-size: 300% 100%; mask-size: 300% 100%;
}
.welcome_sec p .line.in { -webkit-mask-position: 0 100%; mask-position: 0 100%;}
.welcome_sec p i{ font-family: 'Workhorse Script Test Display'; font-weight: 400; letter-spacing: .05em; padding-left: .1em; line-height: .8;}
.welcome_sec p .img{ width: 0; will-change: width; -webkit-transition: width .8s cubic-bezier(.6,0,.2,1),opacity .5s linear; -o-transition: width .8s cubic-bezier(.6,0,.2,1),opacity .5s linear; transition: width .8s cubic-bezier(.6,0,.2,1),opacity .5s linear; opacity: 0; height: 8.8rem; display: inline-block; margin: 0 -1.2rem; position: relative; transform: translateY(-1.25rem); z-index: -1;}
.welcome_sec p .img img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 1.3rem;}
.welcome_sec p .in > .img{ width: 12.4rem; opacity: 1;}

@-webkit-keyframes drop {
  0% {
    -webkit-transform:translate3d(0,0,0) rotate(-9deg) scale(1);
    transform:translate3d(0,0,0) rotate(-9deg) scale(1);
    z-index:10
  }
  40% {
    -webkit-transform:translate3d(-90%,0,0) rotate(-3deg) scale(.925);
    transform:translate3d(-90%,0,0) rotate(-3deg) scale(.925);
    z-index:-1
  }
  100% {
    -webkit-transform:translate3d(0,0,0) rotate(3deg) scale(.85);
    transform:translate3d(0,0,0) rotate(3deg) scale(.85);
    z-index:-1
  }
}
@keyframes drop {
  0% {
    -webkit-transform:translate3d(0,0,0) rotate(-9deg) scale(1);
    transform:translate3d(0,0,0) rotate(-9deg) scale(1);
    z-index:10
  }
  40% {
    -webkit-transform:translate3d(-90%,0,0) rotate(-3deg) scale(.925);
    transform:translate3d(-90%,0,0) rotate(-3deg) scale(.925);
    z-index:-1
  }
  100% {
    -webkit-transform:translate3d(0,0,0) rotate(3deg) scale(.85);
    transform:translate3d(0,0,0) rotate(3deg) scale(.85);
    z-index:-1
  }
}