@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800&family=Poppins:wght@400;700;900&display=swap');

/** * Variables */
/** * Base */
* {
    box-sizing: border-box;
}

html {
    font-family: 'Noto Sans', sans-serif;
}

/** * Canvas */
.canvas {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
}

/** * Instruction label */
.instruction-label {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -3em);
    padding-bottom: 1em;
    color: #fff;
    text-align: center;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
    cursor: default;
    user-select: none;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 3;
}

.instruction-label::after {
    content: "";
    height: 3em;
    border-left: 1px solid;
    position: absolute;
    top: 100%;
    left: 50%;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
    transform: translateY(100%);
    transition: transform 0.3s;
}

.fp-viewing-a-section-1-a-slide-0 .instruction-label {
    opacity: 1;
    transition-delay: 3s;
}

.fp-viewing-a--1-a-slide-0 .instruction-label::after {
    transform: none;
    transition-delay: 3.5s;
}

/** * Menu */



.fullpage__menu__item [data-menuanchor-tooltip]::after {
    content: attr(data-menuanchor-tooltip);
    position: absolute;
    left: 100%;
    top: 0px;
    white-space: nowrap;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
    transform: translateX(1.5em);
}



/* Tablet and above */
@media screen and (min-width: 768px) {

    /* Menu */
    #fullpage__menu {
        justify-content: center;
/*
        background-image: url("/img/index/idx_nav_bg.png");
        background-position: top right;
        background-repeat: no-repeat;
*/
    }

    /** Menu item **/
    .fullpage__menu__item {
        display: block;
        background: none;
        /*** Active item ***/
        /** Appearing animation **/
        /**** Tooltip ****/
    }

    .fullpage__menu__item:not(:last-child) {
        margin-right: 10px;
    }


    /*.fp-enabled .fullpage__menu__item {
        animation: menu-animation 0.5s 2s both;

    }

    .fp-enabled .fullpage__menu__item:nth-child(1) {
        animation-delay: 0.75s;
    }

    .fp-enabled .fullpage__menu__item:nth-child(2) {
        animation-delay: 1s;
    }

    .fp-enabled .fullpage__menu__item:nth-child(3) {
        animation-delay: 1.25s;
    }

    .fp-enabled .fullpage__menu__item:nth-child(4) {
        animation-delay: 1.5s;
    }

    .fp-enabled .fullpage__menu__item:nth-child(5) {
        animation-delay: 1.75s;
    }

    .fp-enabled .fullpage__menu__item:nth-child(6) {
        animation-delay: 2s;
    }

    .fp-enabled .fullpage__menu__item:nth-child(7) {
        animation-delay: 2.25s;
    }

    .fp-enabled .fullpage__menu__item:nth-child(8) {
        animation-delay: 2.5s;
    }*/

    .fullpage__menu__item [data-menuanchor-tooltip]::after {
        visibility: hidden;
        opacity: 0;
        transform: none;
        transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
    }

    .fullpage__menu__item:hover [data-menuanchor-tooltip]::after {
        visibility: visible;
        opacity: 1;
        transform: translateX(1.5em);
    }
}

@keyframes menu-animation {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
    }
}

/** * Fullpage */



/** * Section */
/* Title */
.section__title {
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 6em;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    line-height: 1.2;
    text-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    padding-top: inherit;
    z-index: 1;
}

/* Grid */
.section__grid {
    height: 100%;
    position: relative;
}

/** Cell **/
.section__grid__cell {
    perspective: 1000px;
    flex: 0 1 auto;
}

.section__grid__cell--sm {
    flex-basis: 340px;
}

.section__grid__cell--md {
    flex-basis: 420px;
}

/** * Cards */
.card > *:first-child {
    margin-top: 0;
}

.card > *:last-child {
    margin-bottom: 0;
}

/* Card's options */
.card--image {
    max-width: 100%;
    height: auto;
    z-index: 1;
}

.card--text,
.card--text-transparent {
    z-index: 2;
    position: relative;
}

.card--text::after,
.card--text-transparent::after {
    content: "";
    display: table;
    clear: both;
}

.card--text {
    padding: 15% 20%;
    background: #fff;
}

.card--text-transparent {
    padding: 0 15%;
    text-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}

.card--text-transparent,
.card--text-transparent .card__title,
.card--text-transparent .card__cta {
    color: #fff;
}

/* Tablet and above */
@media screen and (max-width: 767px) {
    .card--text {
        line-height: 1.2;
    }
}

/* Card's components */
/** Title **/
.card__title {
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1;
}

/** * Section appearing animation */
@keyframes animate--fadeIn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes animate--slideInUp {
    0% {
        transform: translateY(100%);
    }
}

@keyframes animate--slideInRight {
    0% {
        transform: translateX(-100%);
    }
}

@keyframes animate--slideInDown {
    0% {
        transform: translateY(-100%);
    }
}

@keyframes animate--slideInLeft {
    0% {
        transform: translateX(100%);
    }
}

.section.active:not(.section-has-slide) .animate--fadeSlideInUp,
.section.active:not(.section-has-slide) .animate--fadeSlideInRight,
.section.active:not(.section-has-slide) .animate--fadeSlideInDown,
.section.active:not(.section-has-slide) .animate--fadeSlideInLeft,
.section.active.section-has-slide .slide.active .animate--fadeSlideInUp,
.section.active.section-has-slide .slide.active .animate--fadeSlideInRight,
.section.active.section-has-slide .slide.active .animate--fadeSlideInDown,
.section.active.section-has-slide .slide.active .animate--fadeSlideInLeft {
    animation-duration: 1.5s;
    animation-delay: 0.7s;
    animation-fill-mode: both;
}

.section.active:not(.section-has-slide) .animate--fadeSlideInUp,
.section.active.section-has-slide .slide.active .animate--fadeSlideInUp {
    animation-name: animate--fadeIn, animate--slideInUp;
}

.section.active:not(.section-has-slide) .animate--fadeSlideInRight,
.section.active.section-has-slide .slide.active .animate--fadeSlideInRight {
    animation-name: animate--fadeIn, animate--slideInRight;
}

.section.active:not(.section-has-slide) .animate--fadeSlideInDown,
.section.active.section-has-slide .slide.active .animate--fadeSlideInDown {
    animation-name: animate--fadeIn, animate--slideInDown;
}

.section.active:not(.section-has-slide) .animate--fadeSlideInLeft,
.section.active.section-has-slide .slide.active .animate--fadeSlideInLeft {
    animation-name: animate--fadeIn, animate--slideInLeft;
}


#section-2 {
    background-image: url(/img/index/idxbg2.jpg);
    background-position: center;
}

/** * Views */
/* Section 1 */
/** Slide 1 **/
#section-1__slide-1__card-1 {
    transform-origin: 100% 50%;
    transform: translateX(5%) rotateY(10deg);
}

#section-1__slide-1__card-2 {
    transform: translate(-5%, 25%);
}

/** Slide 2 **/
#section-1__slide-2__card-1 {
    border-radius: 50%;
}

/* Section 2 */
#section-2__card-1 {
    transform: translate(5%, 25%);
}

#section-2__card-2 {
    transform-origin: 0% 50%;
    transform: translateX(-5%) rotateY(-10deg);
}

/** * Extra */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

#section-3 {
    background-image: url(/img/index/idxbg3.jpg);
    background-position: center;
}

#section-4 {
    background-image: url(/img/index/idxbg4.jpg);
    background-position: center;
}

#section-5 {
    background-image: url(/img/index/idxbg5.jpg);
    background-position: center;
}

#section-6 {
    background-image: url(/img/index/idxbg7.jpg);
    background-position: center;
}

/*
@media all and (max-width:767px) {
	#section-6{background-image: url(/img/index/idxbg7_2.jpg);}
}
*/