@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);
@import url(https://use.fontawesome.com/releases/v5.8.1/css/all.css);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);

* {
    font-family: Poppins, sans-serif !important
}

.ql-size-small {
    font-size: 16px
}

.ql-size-normal {
    font-size: 19px
}

.ql-size-large {
    font-size: 25px
}

.ql-size-huge {
    font-size: 30px
}

.ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-align-center {
    text-align: center
}

.ql-align-justify {
    text-align: justify
}

.ql-align-right {
    text-align: right
}

ol li.ql-indent-1 {
    counter-increment: list-1
}

ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "
}

ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

ol li.ql-indent-2 {
    counter-increment: list-2
}

ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "
}

ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

ol li.ql-indent-3 {
    counter-increment: list-3
}

ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". "
}

ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

ol li.ql-indent-4 {
    counter-increment: list-4
}

ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "
}

ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

ol li.ql-indent-5 {
    counter-increment: list-5
}

ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "
}

ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

ol li.ql-indent-6 {
    counter-increment: list-6
}

ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". "
}

ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

ol li.ql-indent-7 {
    counter-increment: list-7
}

ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "
}

ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

ol li.ql-indent-8 {
    counter-increment: list-8
}

ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "
}

ol li.ql-indent-8 {
    counter-reset: list-9
}

ol li.ql-indent-9 {
    counter-increment: list-9
}

ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". "
}

.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

body {
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif
}

#app,
#intro {
    width: 100%;
    height: auto;
    overflow: hidden
}

#intro {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background-color: #fff;
    z-index: 8888
}

#intro.hide {
    display: none;
    visibility: hidden
}

#intro-button {
    width: 300px;
    height: 169px;
    width: 500px;
    height: 281px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -140.8px auto 0;
    cursor: pointer
}

#intro>#intro-button>img {
    width: auto;
    height: 100%
}

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

    #intro-button,
    #intro>#intro-button>img {
        width: 100%;
        height: auto
    }
}

#intro-button-overlay {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: transparent
}

#header {
    width: 85%;
    height: 60px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    z-index: 7777
}

@media only screen and (max-width:1023px) {
    #header {
        width: 95%
    }
}

#logo {
    width: 220px;
    height: 40px;
    overflow: hidden;
    font-size: 26px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:450px) {
    #logo {
        width: 175px;
        font-size: 22px;
    }
}

@media only screen and (max-width:366px) {
    #logo {
        width: 160px;
        font-size: 20px
    }
}

@media only screen and (max-width:345px) {
    #logo {
        width: 140px;
        font-size: 18px;
    }
}

#logo>a {
    color: #000;
    text-decoration: none;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease
}

#logo>a:hover {
    color: grey;
    text-decoration: none
}

#mobile-navigation-btn {
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: right;
    cursor: pointer
}

#sml {
    width: 120px;
    height: auto;
    overflow: hidden
}

#sml.mobile {
    padding-right: 80px
}

@media only screen and (max-width:500px) {
    #sml.mobile {
        padding-right: 0px
    }
}

@media only screen and (max-width:420px) {
    #sml.mobile {
        padding-right: 0px
    }
}

@media only screen and (max-width:380px) {
    #sml.mobile {
        padding-right: 0
    }
}

.sml-item {
    overflow: hidden;
    float: left
}

.sml-btn,
.sml-item {
    width: 40px;
    height: 40px
}

.sml-btn>a {
    text-decoration: none
}

.navigation-wrapper-desktop {
    width: 300px;
    height: auto;
    overflow: hidden;
    float: left
}

.navigation-wrapper-desktop #navigation {
    width: 100%;
    height: auto;
    overflow: hidden;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none
}

.navigation-wrapper-desktop .navigation-item {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
    font-size: 25px;
    font-weight: 600
}

.navigation-wrapper-desktop .navigation-item>div,
.navigation-wrapper-desktop .navigation-item>div>a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.navigation-wrapper-desktop .navigation-item>div:hover,
.navigation-wrapper-desktop .navigation-item>div>a:hover {
    color: grey
}

.navigation-wrapper-desktop .navigation-parent-submenu {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    box-sizing: "border-box";
    visibility: hidden;
    display: none
}

.navigation-wrapper-desktop .navigation-parent-submenu.opened {
    display: block;
    visibility: visible
}

.navigation-wrapper-desktop .navigation-parent-submenu .navigation-item {
    width: 100%;
    height: auto;
    padding: 5px 0;
    font-size: 16px;
    font-weight: 400
}

.navigation-wrapper-desktop .navigation-parent-submenu .navigation-item>div,
.navigation-wrapper-desktop .navigation-parent-submenu .navigation-item>div>a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.navigation-wrapper-desktop .navigation-parent-submenu .navigation-item>div:hover,
.navigation-wrapper-desktop .navigation-parent-submenu .navigation-item>div>a:hover {
    text-decoration: underline
}

.navigation-wrapper-desktop .navigation-children-submenu {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-left: 15px;
    border-left: 1px solid #000;
    visibility: hidden;
    display: none;
    box-sizing: "border-box"
}

.navigation-wrapper-desktop .navigation-children-submenu.opened {
    display: block;
    visibility: visible
}

.navigation-wrapper-desktop .navigation-children-submenu .navigation-item {
    width: 100%;
    height: auto;
    position: static;
    padding: 5px 0;
    font-size: 15px;
    line-height: normal
}

.navigation-wrapper-desktop .navigation-children-submenu .navigation-item>div,
.navigation-wrapper-desktop .navigation-children-submenu .navigation-item>div>a {
    color: #6a6a6a;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.navigation-wrapper-desktop .navigation-children-submenu .navigation-item>div:hover,
.navigation-wrapper-desktop .navigation-children-submenu .navigation-item>div>a:hover {
    color: #4a4a4a
}

#navigation-wrapper-mobile {
    width: 100%;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999999;
    display: none;
    visibility: hidden
}

#navigation-wrapper-mobile.opened {
    display: block;
    visibility: visible
}

#navigation-wrapper-mobile #mobile-navigation-close-btn {
    width: 60px;
    height: 60px;
    overflow: hidden;
    text-align: center;
    margin: 20px auto 0;
    cursor: pointer
}

#navigation-wrapper-mobile #mobile-navigation-close-btn:hover {
    background-color: #f5f5f5
}

#navigation-wrapper-mobile #mobile-navigation-close-btn>img {
    padding: 18px
}

#navigation-wrapper-mobile #navigation {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none
}

#navigation-wrapper-mobile .navigation-item {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 28px;
    font-weight: 600;
    padding: 10px 0
}

#navigation-wrapper-mobile .navigation-item>div,
#navigation-wrapper-mobile .navigation-item>div>a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

#navigation-wrapper-mobile .navigation-item>div:hover,
#navigation-wrapper-mobile .navigation-item>div>a:hover {
    color: grey
}

#navigation-wrapper-mobile .navigation-parent-submenu {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    box-sizing: border-box;
    display: none;
    visibility: hidden
}

#navigation-wrapper-mobile .navigation-parent-submenu.opened {
    display: block;
    visibility: visible
}

#navigation-wrapper-mobile .navigation-parent-submenu .navigation-item {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;
    letter-spacing: 0
}

#navigation-wrapper-mobile .navigation-parent-submenu .navigation-item>div,
#navigation-wrapper-mobile .navigation-parent-submenu .navigation-item>div>a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

#navigation-wrapper-mobile .navigation-parent-submenu .navigation-item>div:hover,
#navigation-wrapper-mobile .navigation-parent-submenu .navigation-item>div>a:hover {
    text-decoration: underline
}

#navigation-wrapper-mobile .navigation-children-submenu {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 0 0 20px;
    box-sizing: border-box;
    display: none;
    visibility: none
}

#navigation-wrapper-mobile .navigation-children-submenu.opened {
    display: block;
    visibility: visible
}

#navigation-wrapper-mobile .navigation-children-submenu .navigation-item {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0
}

#navigation-wrapper-mobile .navigation-children-submenu .navigation-item>div,
#navigation-wrapper-mobile .navigation-children-submenu .navigation-item>div>a {
    color: #1a1a1a;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

#navigation-wrapper-mobile .navigation-children-submenu .navigation-item>div:hover,
#navigation-wrapper-mobile .navigation-children-submenu .navigation-item>div>a:hover {
    color: grey
}

#content {
    width: 85%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 80px 0 50px
}

@media only screen and (max-width:1023px) {
    #content {
        width: 95%
    }
}

#main-container {
    width: auto;
    height: auto;
    overflow: hidden;
    margin: 0 0 0 300px
}

#main-container.mobile {
    margin: 0
}

.et-headline {
    overflow: hidden;
    margin: 0;
    padding: 10px 0;
    letter-spacing: 1px;
    font-size: 25px;
    font-weight: 600
}

.et-headline,
.page-p {
    width: 100%;
    height: auto
}

.page-p {
    padding: 0;
    margin: 0 auto
}

.page-p>p {
    padding: 0;
    margin: 0
}

.page-button-outer {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 25px 0
}

.page-button-inner {
    width: 250px;
    height: 50px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    border: 1px solid #000;
    font-size: 14px;
    border-radius: 6px
}

.page-button-inner>span>a {
    color: #4a4a4a
}

.page-button-inner>span>a:hover {
    color: #00f
}

.page-image,
.page-video {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto
}

#about-page>p,
.page-image>img {
    width: 100%;
    height: auto
}

#about-page>p {
    overflow: hidden;
    padding: 0;
    margin: 0;
    line-height: 30px;
    font-weight: 300;
    font-size: 15px
}

#about-page>h3,
#about-page>h5,
#contact-page>h3 {
    padding: 20px 0;
    margin: 0
}

#contact-page>h3 {
    font-size: 15px
}

#work-for-my-mum-back-btn-wrapper {
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: fixed;
    bottom: 10px;
    left: 0;
    background-color: transparent;
    display: none;
    visibility: hidden
}

#work-for-my-mum-back-btn {
    width: 150px;
    height: 50px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 4px
}

#work-for-my-mum-back-btn,
#work-for-my-mum-back-btn:hover {
    background-color: transparent
}

#work-for-my-mum-back-btn-icon {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    color: #4a4a4a
}

#work-for-my-mum-back-btn-label {
    width: auto;
    height: 50px;
    overflow: hidden;
    line-height: 54px;
    font-size: 13px;
    font-weight: 800;
    color: #4a4a4a
}