@keyframes reveal {

    from {

        transform: translateX(100%) scaleX(.7);

        opacity: 0;

    }

    to {

        transform: translate(0) scaleX(1);

        opacity: 1;

    }

}

@keyframes left-to-right {

    from {

        transform: translateX(-100%);

    }

    to {

        transform: translateX(0);

    }

}

@font-face {

    font-family: 'Neo sans pro regular';

    src: url('../font/Neo Sans Pro/Neo Sans Pro.ttf'),

    url('../font/Neo Sans Pro/Neo Sans Pro.otf'),

    url('../font/Neo Sans Pro/Neo Sans Pro.ttf'),

    url('../font/Neo Sans Pro/Neo Sans Pro.woff'),

    url('../font/Neo Sans Pro/Neo Sans Pro.woff2'),

    url('../font/Neo Sans Pro/Neo Sans Pro.t11'),

    url('../font/Neo Sans Pro/Neo Sans Pro.t42'),

    url('../font/Neo Sans Pro/Neo Sans Pro.svg'),

    url('../font/Neo Sans Pro/Neo Sans Pro.pt3'),

    url('../font/Neo Sans Pro/Neo Sans Pro.ps'),

    url('../font/Neo Sans Pro/Neo Sans Pro.pfa'),

    url('../font/Neo Sans Pro/Neo Sans Pro.eot'),

    url('../font/Neo Sans Pro/Neo Sans Pro.none'),

    url('../font/Neo Sans Pro/Neo Sans Pro.dfont'),

    url('../font/Neo Sans Pro/Neo Sans Pro.cff'),

    url('../font/Neo Sans Pro/Neo Sans Pro.bin');

}

@font-face {

    font-family: 'Neo sans pro medium';

    src: url('../font/Neo Sans Pro/Neo Sans Pro Medium.ttf'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.otf'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.ttf'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.woff'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.woff2'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.t11'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.t42'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.svg'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.pt3'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.ps'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.pfa'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.eot'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.none'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.dfont'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.cff'),

    url('../font/Neo Sans Pro Medium/Neo Sans Pro Medium.bin');

}

@font-face {

    font-family: 'Neo sans pro bold';

    src: url('../font/Neo Sans Pro/Neo Sans Pro Bold.ttf'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.otf'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.ttf'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.woff'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.woff2'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.t11'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.t42'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.svg'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.pt3'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.ps'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.pfa'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.eot'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.none'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.dfont'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.cff'),

    url('../font/Neo Sans Pro Bold/Neo Sans Pro Bold.bin');

}

* {

    margin: 0;

    padding: 0;

    text-decoration: none;

    list-style-type: none;

    user-select: none;

    line-height: 1;

    quotes: none;

    border-collapse: collapse;

	border-spacing: 0;

}

body {

    overflow: hidden;

}

h1, h2, a, p, li, button {

    font-family: 'Neo sans pro medium', sans-serif;

}

.background *{

    position: absolute;

    width: 100vw;

    height: 100vh;

}

.logo *, .second-logo * {

    position: absolute;

}

.logo, .second-logo {

    top: 0;

    left: 0;

}

.logo #logo-background, .logo #logo-background-border {

    width: 20.46%;

    height: 40.27%;

    z-index:95;

}

.second-logo #logo-background, .second-logo #logo-background-border {

    width: 9.01%;

    height: 18.05%;

}

#logo-background {

    clip-path: polygon(0 0, 100% 0, 0 100%);

}

#logo-background-border {

    clip-path: polygon(95% 0, 100% 0, 0 100%, 0 95%);

}

#logo-background .logo-img {

    width: 8.48vw;

    height: auto;

    top: 6.01vh;

    left: 2.7vw;

}

.know-more-button {

    top: 11.3vh;

    left: 4.21vw;

    font-size: 2.22vh;

    visibility: hidden;

    transition: 200ms;

}

.know-more-button:hover {

    opacity: 0.75;

}

.second-menu-container, .menu-container {

    position: absolute;

    top: 0;

}

.menu-container {

    left: 18.85vw;

}

.second-menu-container {

    left: 7.76vw;

}

.menu {

    display: flex;

}

.menu-item {

    margin-right: -3.8vw;

}

.menu-item * {

    position: relative;

}

.menu-item a {

    width: 10.78vw;

    display: flex;

    flex-wrap: wrap;

    font-size: 1.52vh;

    font-weight: 500;

    text-transform: uppercase;

    z-index: 6;

    transition: 200ms;

    color: #fff!important;

}

.menu-item a:hover{

    opacity: 0.5;

}

.menu-item span {

    width: 100%;

    height: 7.68vh;

    clip-path: polygon(36.23% 0, 100% 0, 63.77% 100%, 0 100%);

    display: flex;

    align-items: center;

    margin-bottom: 0.37vh;

}

.menu-item span img {

    height: 4.72vh;

    margin: auto;

}

.button-container *, .second-button-container * {

    position: absolute;

}

.button-container, .second-button-container {

    top: 0;

    left: 0;

}

#button-background {

    width: 50.6%;

    height: 100%;

    clip-path: polygon(100% 0, 100% 100%, 0 100%);

    right: 0;

    bottom: 0;

    z-index: 2;

}

#button-background-border {

    width: 54%;

    height: 100%;

    mix-blend-mode: multiply;

    opacity: 0.5;

    clip-path: polygon(95% 0, 100% 0, 100% 5%, 12% 100%, 0 100%);

    right: 0;

    bottom: 0;

    z-index: 3;

}

#small-background {

    width: 26.40vw;

    height: 51.66vh;

    opacity: 0.8;

    clip-path: polygon(100% 0, 100% 21.86%, 21.86% 100%, 0 100%);

    right: 31.51vw;

    bottom: 0;

    z-index: 4;

}

.second-button-container #button-background, .second-button-container #button-background-border {

    width: 27.18vw;

    height: 53.51vh;

}

.second-button-container #button-background-border {

    clip-path: polygon(100% 0, 100% 26.47%, 26.67% 100%, 0 100%);

}

.second-button-container #small-background {

    width: 14.27vw;

    height: 27.87vh;

    right: 16.45vw;

    clip-path: polygon(100% 0, 100% 47.61%, 47.61% 100%, 0 100%);

}

.contents {

    position: absolute;

    bottom: 87.12%;

    right: 0;

    display: flex;

    align-items: flex-end;

    z-index: 6;

}

.content .logo {

    width: 5.61vw!important;

}

.exit-btn {

    width: 2.34vw;

    cursor: pointer;

}

.logo .exit-btn {

    top: 16.57vh;

    left: 3.07vw;

}

.second-logo .exit-btn {

    top: 2.59vh;

    left: 1.45vw;

}

.title {

    display: block;

    width: 20.36vw;

    height: 7.87vh;

    mix-blend-mode: multiply;

    clip-path: polygon(16.2% 0, 100% 0, 100% 100%, 0 100%);

    transform-origin: right;

    animation: reveal 0.75s ease-in-out;

}

.title span img {

    width: 3.8vw;

    margin-left: 4.16vw;

    margin-right: 1.04vw;

}

.title h1 {

    display: flex;

    align-items: center;

    height: 100%;

    text-transform: uppercase;

    font-size: 2.87vh;

    font-weight: 500;

}

.slider-container {

    position: absolute;

    width: 85.85vw;

    height: 75.74vh;

    left: 0;

    right: 0;

    bottom: 4.25vh;

    margin: 0 auto;

}

.slider-container * {

    z-index: 6;

}

.slider-arrow {

    position: absolute;

    top: 0;

    bottom: 0;

    width: 3.64vw;

    cursor: pointer;

    transition: 200ms;

}

.slider-arrow:nth-child(1) {

    left: 0;

}

#slider-arrow-2 {

    right: 0;

}

.slider-arrow:hover {

    opacity: 0.3;

}

.slider-arrow img {

    position: absolute;

    width: 100%;

    height: auto;

    top: 0;

    bottom: 0;

    margin: auto 0;

}

.slider-viewer {

    position: absolute;

    width: 88.02%;

    height: 100%;

    left: 0;

    right: 0;

    margin: auto;

}

.slider {

    position: absolute;

    width: 100%;

    height: 100%;

}

.slide img {

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.line-hg-0 {

    line-height: 0;

}

.regular {

    font-family: 'Neo sans pro regular', sans-serif;

    font-weight: 400;

}

.bold {

    font-family: 'Neo sans pro bold', sans-serif;

    font-weight: 700;

}