/* ##############################################################################

    NAVI ICON

############################################################################## */
@media print {
    .hide-from-print {
        display: none;
    }
}

.header {}

.header--fixed {
    position: fixed;
    z-index: 9800;
    right: 0;
    left: 0;
    top: 0;
}

.headroom {
    transition: transform 0.3s ease;
    will-change: transform;
}

.headroom--pinned {
    transform: translateY(0);
}

.headroom--unpinned {
    transform: translateY(-100%);
    /*        transform: translateY(0);*/
}

@media only screen and (max-width : 1080px) {
    .headroom--unpinned {
        transform: translateY(0);
    }
}

[hidden] {
    display: none;
}

.header header--fixed hide-from-print {
    position: absolute;
    height: 100%;
}

@media only screen and (min-width : 1081px) {

    .hamburger,
    .header-tel2,
    #loginFormArea2,
    #returnPublic2 {
        display: none;
    }

    .fsmenu {}

    .fsmenu .fsmenu--container {}

    .fsmenu .fsmenu--container .fsmenu--text-block {}

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container {
        position: relative;
        width: 100%;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu-wrap {
        position: absolute;
        top: 55px;
        right: 6px;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        position: relative;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element {
        text-align: center;
        display: inline-block;
        position: relative;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a {
        color: #2a2938;
        display: block;
        position: relative;
        transition: 0.3s ease;
        height: 100%;
        padding: 10px 14px;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span {
        display: block;
        width: 100%;
        height: 100%;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a:hover span b.en {
        color: #e7027f;
        opacity: 0;
    }

    @media all and (-ms-high-contrast: none) {
        .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a:hover span b.en {
            opacity: 0;
        }
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a:hover span b.ja {
        color: #e7027f;
        opacity: 1;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span b.en {
        font-size: 16px;
        font-weight: 500;
        line-height: 1;
        display: inline-block;
        position: relative;
        z-index: 1002;
        letter-spacing: 0;
        color: #ccc;
        transition: 0.3s ease;
        font-family: 'Sorts Mill Goudy', 'FunctionsPro', sans-serif;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a.active span b.en {
        color: #e7027f;
        text-decoration: underline;
        font-weight: 700;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(7) a.active span b.en {
        color: #ccc;
        text-decoration: none;
        font-weight: normal;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span b.ja {
        display: block;
        font-size: 14px;
        color: #000;
        text-align: center;
        transition: 0.3s ease;
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0;
        width: 100%;
        transform: translate(-50%, calc(-50% - 4px));
        line-height: 1;
        font-family: 'Noto Serif JP', serif;
        font-weight: 700;
    }

    #returnPublic {
        position: absolute;
        top: 8px;
        right: 300px;
        width: 220px;
    }

    #returnPublic form .p_button {
        background: #000;
        padding: 14px 20px;
        cursor: pointer;
        color: #fff;
        font-family: 'FunctionsPro', sans-serif;
        border: 1px solid #0c0c0c;
        transition: 0.3s ease-in-out;
        letter-spacing: 2px;
        display: block;
        margin: 0 0 0 30px;
    }

    #returnPublic form .p_button:hover {
        background: #fff;
        color: #000;
        border: 1px solid #ccc;
    }

    #loginFormArea {
        position: absolute;
        top: 14px;
        right: 300px;
    }

    #loginFormArea dl.loginForm {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    #loginFormArea dl.loginForm dt {
        font-family: 'FunctionsPro', sans-serif;
        font-size: 16px;
        line-height: 36px;
        color: #ccc;
        margin-right: 10px;
    }

    #loginFormArea dl.loginForm dd {
        display: block;
    }

    #loginFormArea dl.loginForm dd:last-child {}

    #loginFormArea dl.loginForm dd.formTxtArea input[type="text"] {
        width: 100px;
        margin: 0 5px;
        padding: 8px 10px;
        background: #fafafa;
        text-align: center;
        font-size: 12px;
        color: #000;
        transition: 0.3s ease;
        line-height: 1;
        border: 1px solid #fbbcd5;
        border-radius: 3px;
    }

    #loginFormArea dl.loginForm dd.formTxtArea input[placeholder="ID"],
    #loginFormArea dl.loginForm dd.formTxtArea input[placeholder="PASSWORD"] {
        color: #000;
        font-family: 'FunctionsPro', sans-serif;
    }

    #loginFormArea dl.loginForm dd.formTxtArea input[placeholder="ID"]:focus,
    #loginFormArea dl.loginForm dd.formTxtArea input[placeholder="PASSWORD"]:focus {
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        border-radius: 3px;
    }

    #loginFormArea dl.loginForm span.formBtnArea {
        display: block;
        float: right;
    }

    #loginFormArea dl.loginForm span.formBtnArea input.button {
        background: #ccc;
        width: 100px;
        padding: 10px 6px;
        cursor: pointer;
        color: #fff;
        font-family: 'FunctionsPro', sans-serif;
        transition: 0.3s ease;
        font-size: 12px;
        letter-spacing: 2px;
        display: block;
        border-radius: 3px;
        margin-left: 5px;
    }

    #loginFormArea dl.loginForm span.formBtnArea input.button:hover {
        background: #fe6464;
        color: #fff;
    }

    #loginFormArea dl.loginForm dd.formNotice {
        position: relative;
        display: block;
        font-weight: normal;
        font-size: 10px;
        margin-top: 20px;
    }
}

@media only screen and (max-width : 1080px) {

    #loginFormArea,
    #returnPublic {
        display: none;
    }

    .hamburger {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9999;
        background: rgba(0, 0, 0, 1);
        cursor: pointer;
        width: 100px;
        height: 90px;
        transition: 0.3s ease;
    }

    .hamburger.is-active {
        padding: 0 0 0 0;
        background: rgba(0, 0, 0, 0);
    }

    .hamburger .hamburger--container {
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
    }

    .hamburger .hamburger--container .hamburger--bars {
        height: 1px;
        width: 60px;
        background: #fff;
        position: absolute;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: -7px;
    }

    .hamburger.is-active .hamburger--container .hamburger--bars {
        background: #fbe2e9;
    }

    .hamburger.is-active .hamburger--container .hamburger--bars:before {
        background: #000;
        transform: rotate(-45deg);
        top: 0;
        left: 0;
    }

    .hamburger.is-active .hamburger--container .hamburger--bars:after {
        transform: rotate(45deg);
        background: #000;
        top: 0;
        left: 0;
    }

    .hamburger .hamburger--container .hamburger--bars:before,
    .hamburger .hamburger--container .hamburger--bars:after {
        content: "";
        display: block;
        height: 1px;
        width: 60px;
        background: inherit;
        position: absolute;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .hamburger .hamburger--container .hamburger--bars:before {
        top: -0.7em;
        left: 0.25em;
    }

    .hamburger.is-active .hamburger--container .hamburger--bars {}

    .hamburger .hamburger--container .hamburger--bars:after {
        top: 0.7em;
        left: -0.25em;
    }

    .hamburger .hamburger--container p {
        position: relative;
    }

    .hamburger span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #fafafa;
        left: 0;
        -webkit-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        border-radius: 1px;
    }

    .hamburger span:nth-child(1) {
        top: 0;
    }

    .hamburger span:nth-child(2) {
        top: 8px;
        width: 70%;
    }

    .hamburger span:nth-child(3) {
        top: 16px;
    }

    .hamburger:hover p span:nth-child(1) {
        /*    top: -2px;*/

    }

    .hamburger:hover p span:nth-child(2) {
        /*    top: -2px;*/
        width: 100%;
    }

    .hamburger:hover p span:nth-child(3) {
        /*    top: 18px;*/
    }

    .hamburger.is-active {
        margin-top: 0 !important;
    }

    .hamburger.is-active span:nth-child(1) {
        top: 8px;
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
        background: #fafafa;
    }

    .hamburger.is-active span:nth-child(2) {
        width: 0;
        left: 50%;
        background: #fafafa;
        opacity: 0;
    }

    .hamburger.is-active span:nth-child(3) {
        top: 8px;
        -webkit-transform: rotate(-315deg);
        transform: rotate(-315deg);
        background: #fafafa;
    }

    .hamburger.is-active:hover p span:nth-child(1) {
        top: 8px;
    }

    .hamburger.is-active:hover p span:nth-child(3) {
        top: 8px;
    }

    .hamburger .MenuText {
        width: 100%;
        padding: 12px 0 0 0;
    }

    .hamburger.is-active .MenuText {
        padding: 24px 0 0 0;
    }

    .hamburger .MenuText::before {
        content: "OPEN";
        color: #fafafa;
        font-size: 10px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .hamburger .MenuText::after {
        content: "";
    }

    .hamburger.is-active .MenuText::before {
        content: "CLOSE";
        color: #000;
        font-family: 'FunctionsPro', sans-serif;
        font-weight: 700;
        font-size: 10px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .hamburger.is-active .MenuText::after {
        content: "";

    }

    .fsmenu {
        width: 80%;
        max-width: 500px;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9500;
        overflow: hidden;
        visibility: hidden;
        display: none;
    }

    .fsmenu .fsmenu--container {
        width: 100%;
        height: 100vh;
        background-color: #eaeaea;
        position: absolute;
        right: 0;
        top: 0;
        overflow: hidden;
        visibility: visible;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block {
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: auto;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container {
        position: relative;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu-wrap {
        position: relative;
        padding: 100px 0 150px 0;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list {
        position: relative;
        padding: 20px 0;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element {
        width: 100%;
        list-style-type: none;
        text-align: center;
        margin: 10px 0;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a {
        height: 100%;
        color: #000;
        display: inline-block;
        position: relative;
        transition: 0.3s ease;
        padding: 1px 20px;
        margin: 0 0 5px 0;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a:hover span b.en {
        color: #fe6464;
        opacity: 1;
    }

    @media all and (-ms-high-contrast: none) {
        .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a:hover span b.en {
            opacity: 0;
        }
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a:hover span b.ja {
        color: #fe6464;
        opacity: 1;

    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span b.en {
        font-size: 20px;
        font-weight: 500;
        /*    text-transform: uppercase;*/
        line-height: 1;
        display: inline-block;
        position: relative;
        z-index: 1002;
        padding: 1px 20px;
        font-family: 'Sorts Mill Goudy', 'FunctionsPro', sans-serif;
        letter-spacing: 0;
        color: #000;
        transition: 0.3s ease;
        /*    text-shadow: 1px 1px 0 #1c4153;*/
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a.active span b.en {
        /*        color: #1c4153;*/
        color: #9a9a9a;
        text-decoration: underline;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(7) a.active span b.en {
        color: #000;
        text-decoration: none;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span b.ja {
        display: block;
        font-size: 12px;
        color: #000;
        transition: 0.3s ease;
        width: 100%;
        font-family: "Noto Serif JP", serif;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: #eaeaea;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1003;
    }

    /* ##############################################################################

    MENU LOGO

############################################################################## */
    .fsmenu.close-menu .fsmenu--container .fsmenu--text-container .header-tel2:before {
        right: auto;
        background: #eaeaea;
        -webkit-animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
        animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
    }

    .header-tel2 {
        position: relative;
        text-align: center;
        max-width: 250px;
        margin: 30px auto;
        z-index: 1;
    }

    .header-tel2 a {
        display: block;
    }

    .header-tel2 a img {
        width: 100%;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .header-tel2:before {
        content: "";
        width: 300px;
        height: 100%;
        background: #eaeaea;
        position: absolute;
        left: 50%;
        top: 0;
        margin: 0 0 0 -150px;
        z-index: 2;
    }


    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .header-tel2:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
    }

    .fsmenu.close-menu .fsmenu--container .fsmenu--text-container .header-tel2:before {
        right: auto;
        background: #eaeaea;
        -webkit-animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
        animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
    }

    #loginFormArea2 {
        position: relative;
        margin: 30px auto 0 auto;
        width: 90%;
        max-width: 380px;
    }

    .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container #loginFormArea2:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #eaeaea;
        position: absolute;
        left: 50%;
        top: 0;
        margin: 0 0 0 -50%;
        z-index: 2;
    }

    .fsmenu.is-active .fsmenu--container .fsmenu--text-container #loginFormArea2:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
    }

    .fsmenu.close-menu .fsmenu--container .fsmenu--text-container #loginFormArea2:before {
        right: auto;
        background: #eaeaea;
        -webkit-animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
        animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
    }

    #loginFormArea2 dl.loginForm {
        position: relative;
        text-align: center;
    }

    #loginFormArea2 dl.loginForm dt {
        font-family: 'FunctionsPro', sans-serif;
        font-size: 24px;
        line-height: 1;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 3px double #fbbcd5;
        color: #000;
    }

    #loginFormArea2 dl.loginForm dd {
        display: block;
    }

    #loginFormArea2 dl.loginForm dd:last-child {
        clear: both;
    }

    #loginFormArea2 dl.loginForm dd.formTxtArea input[type="text"] {
        width: 48%;
        margin: 1%;
        padding: 12px 20px;
        background: #fafafa;
        text-align: center;
        font-size: 16px;
        color: #000;
        transition: 0.3s ease;
        line-height: 1;
        border: 1px solid #fbbcd5;
        float: left;
        border-radius: 3px;
    }

    #loginFormArea2 dl.loginForm dd.formTxtArea input[placeholder="ID"],
    #loginFormArea2 dl.loginForm dd.formTxtArea input[placeholder="PASSWORD"] {
        color: #000;
        font-family: 'FunctionsPro', sans-serif;
    }

    #loginFormArea2 dl.loginForm dd.formTxtArea input[placeholder="ID"]:focus,
    #loginFormArea2 dl.loginForm dd.formTxtArea input[placeholder="PASSWORD"]:focus {
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        border-radius: 3px;
    }

    #loginFormArea2 dl.loginForm span.formBtnArea {
        display: block;
        margin-top: 65px;
    }

    #loginFormArea2 dl.loginForm span.formBtnArea input.button {
        background: #131313;
        width: 100px;
        padding: 14px 16px;
        cursor: pointer;
        color: #fff;
        font-family: 'FunctionsPro', sans-serif;
        transition: 0.3s ease;
        font-size: 16px;
        margin: 0 1% 0 auto;
        letter-spacing: 2px;
        display: block;
        border-radius: 3px;
        border: 1px solid #fbbcd5;
    }

    #loginFormArea2 dl.loginForm span.formBtnArea input.button:hover {
        background: #fe6464;
        color: #fff;
    }

    #loginFormArea2 dl.loginForm dd.formNotice {
        position: relative;
        display: block;
        font-weight: normal;
        font-size: 10px;
        margin-top: 20px;
    }

    #returnPublic2 {
        position: relative;
        width: 220px;
        margin: 30px auto 0 auto;

    }

    #returnPublic2 form .p_button {
        background: #000;
        padding: 14px 20px;
        cursor: pointer;
        color: #fff;
        font-family: 'FunctionsPro', sans-serif;
        border: 1px solid #0c0c0c;
        transition: 0.3s ease-in-out;
        letter-spacing: 2px;
        display: block;
        margin: 0 0 0 30px;
    }


    #returnPublic2 form .p_button:hover {
        background: #fff;
        color: #000;
        border: 1px solid #ccc;
    }

    .loginNow {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
    }

    .loginNow img {
        width: 100%;
    }

    .fsmenu.is-active {
        display: block;
    }

    .fsmenu.is-active .fsmenu--container {
        -webkit-animation: animMenuReveal 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
        animation: animMenuReveal 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
    }

    /*
.fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span:before {
    -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
    animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
    background: #eaeaea;
}
*/
    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(1) a span:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
        background: #eaeaea;
    }

    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(2) a span:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.5s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.5s forwards;
        background: #eaeaea;
    }

    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(3) a span:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.6s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.6s forwards;
        background: #eaeaea;
    }

    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(4) a span:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.7s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.7s forwards;
        background: #eaeaea;
    }

    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(5) a span:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.8s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.8s forwards;
        background: #eaeaea;
    }

    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(6) a span:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.9s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.9s forwards;
        background: #eaeaea;
    }

    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(7) a span:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 1s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 1s forwards;
        background: #eaeaea;
    }

    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(8) a span:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 1.1s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 1.1s forwards;
        background: #eaeaea;
    }

    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(9) a span:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 1.2s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 1.2s forwards;
        background: #eaeaea;
    }

    .fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element:nth-child(10) a span:before {
        -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 1.3s forwards;
        animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 1.3s forwards;
        background: #eaeaea;
    }

    .fsmenu.close-menu {
        display: block;
    }

    .fsmenu.close-menu .fsmenu--container {
        width: 100%;
        right: auto;
        -webkit-animation: animMenuClose 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.3s forwards;
        animation: animMenuClose 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.3s forwards;
    }

    .fsmenu.close-menu .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span:before {
        right: auto;
        background: #eaeaea;
        -webkit-animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
        animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
    }

    @-webkit-keyframes animMenuReveal {
        0% {
            width: 0%;
        }

        100% {
            width: 100%;
        }
    }

    @keyframes animMenuReveal {
        0% {
            width: 100%;
            transform: translate3d(100%, 0, 0);
        }

        100% {
            width: 100%;
            transform: translate3d(0, 0, 0);
        }
    }

    @-webkit-keyframes animMenuRevealLinks {
        0% {
            width: 100%;
        }

        100% {
            width: 0%;
        }
    }

    @keyframes animMenuRevealLinks {
        0% {
            width: 100%;
        }

        100% {
            width: 0%;
        }
    }

    @-webkit-keyframes animMenuClose {
        0% {
            width: 100%;
            padding: 8em 3em 3em;
        }

        100% {
            width: 0vw;
            padding: 8em 0 0;
        }
    }

    @keyframes animMenuClose {
        0% {
            width: 100%;
            transform: translate3d(0, 0, 0);
            padding: 8em 3em 3em;
        }

        100% {
            width: 100%;
            transform: translate3d(100%, 0, 0);
            padding: 8em 0 0;
        }
    }

    @-webkit-keyframes animMenuCloseLinks {
        0% {
            width: 0%;
        }

        100% {
            width: 110%;
        }
    }

    @keyframes animMenuCloseLinks {
        0% {
            width: 0%;
        }

        100% {
            width: 110%;
        }
    }

    @-webkit-keyframes animMenuRevealImg {
        0% {
            width: 0;
        }

        100% {
            width: 720px;
        }
    }

    @keyframes animMenuRevealImg {
        0% {
            width: 0;
        }

        100% {
            width: 720px;
        }
    }

    @-webkit-keyframes animMenuCloseImg {
        0% {
            width: 720px;
        }

        100% {
            width: 0;
        }
    }

    @keyframes animMenuCloseImg {
        0% {
            width: 720px;
        }

        100% {
            width: 0;
        }
    }

    @-webkit-keyframes animScrollingContactTextLeft {
        0% {
            -webkit-transform: translate(-20%, -100%);
            transform: translate(-20%, -100%);
        }

        100% {
            -webkit-transform: translate(-40%, -100%);
            transform: translate(-40%, -100%);
        }
    }

    @keyframes animScrollingContactTextLeft {
        0% {
            -webkit-transform: translate(-20%, -100%);
            transform: translate(-20%, -100%);
        }

        100% {
            -webkit-transform: translate(-40%, -100%);
            transform: translate(-40%, -100%);
        }
    }
}