html, html a {
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004)
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    color: #787c7f;
    background-color: #F7F2EF;
    text-rendering: optimizeLegibility;
    font-family: "Raleway";
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)
}

    body a {
        position: relative;
        color: #787c7f;
        text-decoration: none;
        transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        will-change: opacity
    }

        body a:hover {
            opacity: 0.5
        }

.content-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    will-change: opacity;
    transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1)
}

    .content-wrapper.visible {
        opacity: 1
    }

img, video, svg {
    display: block;
    width: 100%;
    height: auto
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    font-family: "Raleway";
    font-style: normal;
    font-weight: normal;
    margin-bottom: 1.1em
}

h5 {
    font-family: "Raleway";
    font-size: 15px;
    line-height: 1.3333333333em;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 1.3333333333em
}

@media (min-width:320px) {
    h5 {
        font-size: calc(0.1428571429vw + 11.5428571429px)
    }
}

@media (min-width:670px) {
    h5 {
        font-size: calc(0.1428571429vw + 11.5428571429px)
    }
}

@media (min-width:1020px) {
    h5 {
        font-size: calc(0.1445086705vw + 11.5260115607px)
    }
}

@media (min-width:1366px) {
    h5 {
        font-size: calc(0.2136752137vw + 10.5811965812px)
    }
}

@media (min-width:1600px) {
    h5 {
        font-size: calc(0.3125vw + 9px)
    }
}

@media (min-width:1920px) {
    h5 {
        font-size: 15px
    }
}

p {
    font-family: "Raleway";
    font-size: 25px;
    line-height: 1.24em;
    font-size: 20px;
    margin-bottom: 1.24em
}

@media (min-width:320px) {
    p {
        font-size: calc(0.2857142857vw + 19.0857142857px)
    }
}

@media (min-width:670px) {
    p {
        font-size: calc(0.2857142857vw + 19.0857142857px)
    }
}

@media (min-width:1020px) {
    p {
        font-size: calc(0.289017341vw + 19.0520231214px)
    }
}

@media (min-width:1366px) {
    p {
        font-size: calc(0.4273504274vw + 17.1623931624px)
    }
}

@media (min-width:1600px) {
    p {
        font-size: calc(0.3125vw + 19px)
    }
}

@media (min-width:1920px) {
    p {
        font-size: 25px
    }
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
    margin-bottom: 0px !important
}

input {
    -webkit-appearance: none;
    border-radius: 0
}

    textarea:focus, input:focus, select:focus {
        outline: 0
    }

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:384px) and (device-height:592px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:480px) and (device-height:800px) and (orientation:portrait),only screen and (max-width:480px) {
    h5 {
        font-size: 3.2vw;
        line-height: 1.25em;
        letter-spacing: 0.05em
    }

    p {
        font-size: 6vw;
        line-height: 1.1555555556em
    }
}

.page-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden
}

    .page-wrap .fixed-side-menu-item {
        position: fixed;
        height: 100%;
        top: 0;
        writing-mode: vertical-lr;
        text-align: center;
        z-index: 3
    }

        .page-wrap .fixed-side-menu-item h5 {
            letter-spacing: 0.05em
        }

        .page-wrap .fixed-side-menu-item.left {
            left: 0;
            padding-left: 1.5625vw
        }

            .page-wrap .fixed-side-menu-item.left h5 {
                transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -webkit-transform: rotate(180deg)
            }

        .page-wrap .fixed-side-menu-item.right {
            right: 0;
            padding-right: 1.5625vw
        }

@media only screen and (max-width:1024px),only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .page-wrap .fixed-side-menu-item.left {
        padding-left: 24px
    }

    .page-wrap .fixed-side-menu-item.right {
        padding-right: 24px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:384px) and (device-height:592px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:480px) and (device-height:800px) and (orientation:portrait),only screen and (max-width:480px) {
    .page-wrap .fixed-side-menu-item {
        top: initial;
        writing-mode: initial;
        left: 0;
        right: initial !important;
        width: 100%;
        height: auto;
        padding: 0px !important
    }

        .page-wrap .fixed-side-menu-item.left {
            top: 0;
            padding-top: 7.7333333333vw !important
        }

            .page-wrap .fixed-side-menu-item.left h5 {
                transform: rotate(0deg);
                -o-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -webkit-transform: rotate(0deg)
            }

        .page-wrap .fixed-side-menu-item.right {
            bottom: 0;
            padding-bottom: 7.7333333333vw !important
        }
}

.page-wrap #logo-animation {
    position: absolute;
    width: 100%;
    height: auto;
    background-color: #F7F2EF;
    /*    top: 40%;*/
    left: 0;
    right: 0;
    text-align: center;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .page-wrap #logo-animation svg {
        mix-blend-mode: multiply
    }

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:384px) and (device-height:592px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:480px) and (device-height:800px) and (orientation:portrait),only screen and (max-width:480px) {
    .page-wrap #logo-animation {
     /*   width: 145%*/
    }
}

.page-wrap .about-overlay {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #ffffff;
    z-index: 2
}

    .page-wrap .about-overlay .about-text {
        position: absolute;
        width: 100%;
        height: auto;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        padding: 0 6.7708333333vw;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
        -o-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
        -ms-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
        -moz-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
        -webkit-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
        will-change: opacity
    }

        .page-wrap .about-overlay .about-text br {
            display: none
        }

@media only screen and (max-width:1024px),only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .page-wrap .about-overlay .about-text {
        padding: 0 110px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:384px) and (device-height:592px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:480px) and (device-height:800px) and (orientation:portrait),only screen and (max-width:480px) {
    .page-wrap .about-overlay .about-text {
        padding: 0 12vw
    }

        .page-wrap .about-overlay .about-text br {
            display: block
        }
}

.page-wrap .about-overlay .address {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding-bottom: 1.8229166667vw;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: opacity
}

    .page-wrap .about-overlay .address br {
        display: none
    }

@media only screen and (max-width:1024px),only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .page-wrap .about-overlay .address {
        padding-bottom: 28px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:384px) and (device-height:592px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:480px) and (device-height:800px) and (orientation:portrait),only screen and (max-width:480px) {
    .page-wrap .about-overlay .address {
        width: 100%;
        padding-bottom: 16vw
    }

        .page-wrap .about-overlay .address br {
            display: block
        }

        .page-wrap .about-overlay .address span.comma {
            display: none
        }
}

.page-wrap .about-overlay .about-closer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    cursor: none;
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: opacity
}

    .page-wrap .about-overlay .about-closer * {
        cursor: none
    }

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:384px) and (device-height:592px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:480px) and (device-height:800px) and (orientation:portrait),only screen and (max-width:480px) {
    .page-wrap .about-overlay .about-closer {
        width: 5.3333333333vw;
        height: 5.3333333333vw;
        top: 8vw;
        left: 50%;
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        cursor: pointer;
        overflow: visible
    }

        .page-wrap .about-overlay .about-closer * {
            cursor: pointer
        }
}

.page-wrap .about-overlay .about-closer .close-icon {
    position: absolute;
    width: 1.25vw;
    height: 1.25vw;
    min-width: 18px;
    min-height: 18px;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    cursor: none
}

    .page-wrap .about-overlay .about-closer .close-icon:before, .page-wrap .about-overlay .about-closer .close-icon:after {
        content: "";
        position: absolute;
        width: 122%;
        height: 1.25px;
        background-color: #000000;
        margin-left: -11%
    }

    .page-wrap .about-overlay .about-closer .close-icon:before {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -moz-transform: translateY(-50%) rotate(45deg);
        -webkit-transform: translateY(-50%) rotate(45deg)
    }

    .page-wrap .about-overlay .about-closer .close-icon:after {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        -o-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
        -moz-transform: translateY(-50%) rotate(-45deg);
        -webkit-transform: translateY(-50%) rotate(-45deg)
    }

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:384px) and (device-height:592px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait),screen and (device-width:360px) and (device-height:592px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait),screen and (device-width:480px) and (device-height:800px) and (orientation:portrait),only screen and (max-width:480px) {
    .page-wrap .about-overlay .about-closer .close-icon {
        width: 100%;
        height: 100%;
        top: 50% !important;
        left: 50% !important;
        opacity: 1 !important
    }
}

.page-wrap .about-overlay .about-closer:hover .close-icon {
    opacity: 1
}

.page-wrap .about-overlay.visible .about-text, .page-wrap .about-overlay.visible .address, .page-wrap .about-overlay.visible .about-closer {
    opacity: 1
}