#about-us-page-mobile {
    display: none
}

#main-menu li.about_us_menuitem {
    -webkit-transform: scaleX(1.2);
    -ms-transform: scaleX(1.2);
    transform: scaleX(1.2);
    border-bottom: 6px solid #9bf367
}

#main-menu li.about_us_menuitem a {
    -webkit-transform: scaleY(1.2);
    -ms-transform: scaleY(1.2);
    transform: scaleY(1.2)
}

#main-menu li.about_us_menuitem:hover {
    -webkit-transform: scaleX(1.2)!important;
    -ms-transform: scaleX(1.2)!important;
    transform: scaleX(1.2)!important;
    transition: none
}

#main-menu li.about_us_menuitem>a>span {
    color: #9bf367
}

.wrapper {
    width: 100%;
    overflow-x: hidden
}

.new_wrapper {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #d3d2cecc
}

.webp .new_wrapper {
    background-image: url(../img/about-us/background.webp)
}


@media only screen and (max-width:767px) and (orientation:portrait){
    #bg-img-id {
        height: 35vh!important;
    }
}

.no-webp .new_wrapper {
    background-image: url(../img/about-us/about_us_bg.jpg)
}

#about-us-page {
    padding-top: 80px;
    position: relative
}

.about-us-title {
    width: 100%;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 65px;
    text-align: center;
    text-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    margin: 120px auto;
    text-transform: uppercase
}

.about-us-block {
    background-color: rgba(246, 246, 246, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    margin-bottom: 60px;
    min-height: 350px
}

.about-us-text-section {
    width: 500px
}

.text-left>.about-us-text-section {
    margin-right: 60px;
    text-align: left
}

.text-right>.about-us-text-section {
    margin-left: 60px;
    text-align: left
}

.about-us-text-section-title>h4 {
    color: #4a4a4a;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    text-transform: uppercase
}

.about-us-text-section-section-description>h4 {
    color: #4a4a4a;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2)
}

.who-we-are-mobile {
    display: none;
    width: 100%;
    height: 200px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-us-title-mobile {
    color: #424242;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px
}

.about-us-mobile-block {
    padding: 20px 40px;
    background-color: #f8f8f8;
    margin-bottom: 30px
}

.about-us-mobile-block>.about-us-image-section,
.about-us-mobile-block>.about-us-image-section>img,
.about-us-mobile-block>.about-us-text-section {
    width: 100%
}

.about-us-mobile-block>.about-us-text-section>.about-us-text-section-title {
    color: #4a4a4a;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin: 20px auto 10px;
    text-transform: uppercase
}

.about-us-mobile-block>.about-us-text-section>.about-us-text-section-section-description,
.about-us-mobile-block>.about-us-text-section>.about-us-text-section-section-description>h4 {
    color: #424242;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 18px;
    width: 100%
}

#our-special-thanks-mobile>.about-us-image-section>img {
    width: 35%;
    margin: auto;
    display: block
}

#our-business>.about-us-image-section>img {
    width: 480px
}

#our-goal>.about-us-image-section>img {
    width: 480px
}

#our-history>.about-us-image-section>img {
    width: 407.08px
}

#our-idea>.about-us-image-section>img {
    width: 552.85px
}

#our-tools>.about-us-image-section>img {
    width: 317.33px
}

#our-special-thanks>.about-us-image-section>img {
    width: 284px
}

#our-special-thanks {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 0
}

.our-special-thanks-subcontent {
    margin-bottom: 30px
}

#click {
    background-image: url(/img/UpArrow.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    cursor: pointer;
    margin: 60px auto
}

#click:hover {
    background-image: url(/img/UpArrow_HOVER.png)
}

.about-us-text-section {
    opacity: 0;
    position: relative
}

.text-left>.about-us-text-section {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate3d(-100px, 0, 0)
}

.text-right>.about-us-text-section {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    -ms-transform: translate(100px, 0);
    transform: translate3d(100px, 0, 0)
}

.about-us-text-section.in-view {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
    transform: translate3d(0, 0, 0)
}

@media only screen and (min-width:912px) and (max-width:1093px) {
    #our-business>.about-us-image-section>img {
        width: 400px
    }
    #our-goal>.about-us-image-section>img {
        width: 400px
    }
    #our-history>.about-us-image-section>img {
        width: 318.08px
    }
    #our-idea>.about-us-image-section>img {
        width: 400.85px
    }
    #our-tools>.about-us-image-section>img {
        width: 258.33px
    }
    #our-special-thanks>.about-us-image-section>img {
        width: 230px
    }
    .about-us-title {
        font-size: 42px;
        margin: 70px auto
    }
    .about-us-block {
        min-height: 265px
    }
}

@media only screen and (min-width:782px) and (max-width:911px) {
    .about-us-text-section {
        width: 400px
    }
    #our-business>.about-us-image-section>img {
        width: 360px
    }
    #our-goal>.about-us-image-section>img {
        width: 360px
    }
    #our-history>.about-us-image-section>img {
        width: 280px
    }
    #our-idea>.about-us-image-section>img {
        width: 360px
    }
    #our-tools>.about-us-image-section>img {
        width: 230px
    }
    #our-special-thanks>.about-us-image-section>img {
        width: 200px
    }
    .about-us-title {
        font-size: 42px;
        margin: 70px auto
    }
    .about-us-text-section-section-description>h4 {
        font-size: 13px;
        line-height: 18px
    }
    .about-us-text-section-title>h4 {
        font-size: 22px;
        line-height: 28px
    }
    .about-us-block {
        min-height: 245px
    }
}

@media only screen and (min-width:684px) and (max-width:781px) {
    .about-us-text-section {
        width: 315px
    }
    #our-business>.about-us-image-section>img {
        width: 320px
    }
    #our-goal>.about-us-image-section>img {
        width: 320px
    }
    #our-history>.about-us-image-section>img {
        width: 240px
    }
    #our-idea>.about-us-image-section>img {
        width: 320px
    }
    #our-tools>.about-us-image-section>img {
        width: 190px
    }
    #our-special-thanks>.about-us-image-section>img {
        width: 170px
    }
    .about-us-title {
        font-size: 34px;
        margin: 70px auto
    }
    .about-us-text-section-section-description>h4 {
        font-size: 12px;
        line-height: 16px
    }
    .about-us-text-section-title>h4 {
        font-size: 20px;
        line-height: 26px
    }
    .about-us-block {
        min-height: 220px
    }
}

@media screen and (max-width:683px) {
    .header-mobile {
        background-color: rgba(77, 159, 255, .6)
    }
    .header-wrapper-mobile {
        z-index: 99999;
        position: relative
    }
    #about-us-page {
        padding-top: 0
    }
    .about-us-title {
        font-size: 18px;
        line-height: 24px;
        margin: 100px auto;
        color: #424242
    }
    .about-us-block {
        padding: 20px;
        background-color: #f8f8f8;
        margin-bottom: 30px
    }
    .about-us-block.text-left {
        flex-direction: column-reverse
    }
    .about-us-block.text-right {
        flex-direction: column
    }
    .about-us-text-section {
        width: auto
    }
    .text-left>.about-us-text-section,
    .text-right>.about-us-text-section {
        margin-right: 0!important;
        margin-left: 0!important;
        text-align: left
    }
    #our-special-thanks {
        padding: 20px;
        flex-wrap: nowrap
    }
    .about-us-text-section-title>h4 {
        color: #4a4a4a;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        margin: 20px auto 4px;
        text-transform: uppercase
    }
    .about-us-text-section-section-description>h4 {
        color: #424242;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        line-height: 18px;
        width: 100%
    }
    .about-us-image-section {
        margin: 0 auto
    }
    #our-special-thanks .about-us-image-section img {
        max-width: 100px
    }
    #about-us-page-mobile {
        display: block
    }
    .about-us-header-logo {
        text-transform: uppercase;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        text-align: center
    }
    .who-we-are-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: -60px;
        margin-bottom: 40px
    }
    #click {
        bottom: 10px;
        right: 20px
    }
}