body.menu-mobile-visible {
    position: fixed;
    overflow: hidden
}

body.menu-mobile-visible * {
    -webkit-user-select: none
}

body.menu-mobile-visible:before {
    content: "";
    display: block;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

#mobile-wrapper .menu-mobile-button {
    outline: none;
    font-size: 35px;
    background: none;
    border: none;
    width: 50px;
    height: 50px
}

#mobile-wrapper .header-mobile {
    min-height: 90px;
    padding: 10px
}

#mobile-wrapper .header-mobile .header-mobile-logo,#mobile-wrapper .header-mobile .header-mobile-title,#mobile-wrapper .header-mobile .header-mobile-subtitle {
    display: block
}

#mobile-wrapper .header-mobile .header-mobile-logo .sb-bloc,#mobile-wrapper .header-mobile .header-mobile-logo .sb-bloc-inner,#mobile-wrapper .header-mobile .header-mobile-title .sb-bloc,#mobile-wrapper .header-mobile .header-mobile-title .sb-bloc-inner,#mobile-wrapper .header-mobile .header-mobile-subtitle .sb-bloc,#mobile-wrapper .header-mobile .header-mobile-subtitle .sb-bloc-inner {
    padding: 0px !important
}

#mobile-wrapper .header-mobile .header-mobile-logo .element,#mobile-wrapper .header-mobile .header-mobile-title .element,#mobile-wrapper .header-mobile .header-mobile-subtitle .element {
    padding: 10px
}

#mobile-wrapper .header-mobile .header-mobile-subtitle {
    display: block
}

#mobile-wrapper .header-mobile .header-mobile-subtitle .element {
    padding-top: 0 !important
}

#mobile-wrapper .header-mobile .header-mobile-logo .element-image,#mobile-wrapper .header-mobile .header-mobile-logo .element-business-logo {
    padding-right: 0px
}

#mobile-wrapper .header-mobile .header-mobile-logo .element-image img,#mobile-wrapper .header-mobile .header-mobile-logo .element-business-logo img {
    height: 60px;
    width: inherit;
    max-width: 100%
}

#mobile-wrapper .header-mobile .header-mobile-phone {
    padding: 10px;
    max-width: 500px;
    margin: 10px;
    margin: auto
}

#mobile-wrapper .header-mobile .header-mobile-phone a span {
    font-size: 24px;
    padding: 12px
}

#mobile-wrapper .header-mobile .menu-mobile-button-open {
    position: relative;
    float: right;
    margin: 10px;
    border-radius: 4px
}

#mobile-wrapper .menu-mobile {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    height: 100%;
    background: #FFF;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    border-left: 1px solid #666
}

#mobile-wrapper .menu-mobile.visible {
    display: block
}

#mobile-wrapper .menu-mobile .menu-mobile-button-close {
    display: none;
    position: absolute;
    left: -50px;
    top: 20px;
    background: #666;
    border-radius: 4px 0 0 4px
}

#mobile-wrapper .menu-mobile .menu-mobile-button-close i {
    position: relative;
    bottom: 2px
}

#mobile-wrapper .menu-mobile>.mobile-menu-tabs {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border-top: 1px solid #666;
    overflow-y: auto
}

#mobile-wrapper .menu-mobile .menu-mobile-element .menu-tab-element {
    position: relative;
    display: block;
    padding: 15px;
    border-bottom: 1px solid #666;
    text-decoration: none;
    text-transform: uppercase
}

#mobile-wrapper .menu-mobile .menu-mobile-element .folder-label-opener {
    position: absolute;
    font-size: 23px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    outline: none;
    border: none;
    border-left: 1px solid #666;
    background: #FFF
}

#mobile-wrapper .menu-mobile .menu-mobile-element .folder-label-opener span svg {
    height: 15px;
    vertical-align: middle
}

#mobile-wrapper .menu-mobile .menu-mobile-element .folder-label-opener span svg line {
    stroke: #FFF
}

#mobile-wrapper .menu-mobile .menu-mobile-element .mobile-menu-tabs {
    display: none
}

#mobile-wrapper .menu-mobile .menu-mobile-element .mobile-menu-tabs a {
    padding-left: 40px !important
}

#mobile-wrapper .menu-mobile .menu-mobile-element .mobile-menu-tabs.visible {
    display: block
}

#mobile-wrapper:after {
    content: "";
    display: block;
    clear: both
}

@media screen and (max-width: 768px) {
    #mobile-wrapper .header-mobile>div:nth-child(3) {
        clear:both;
        text-align: center;
        float: none !important
    }

    #mobile-wrapper .header-mobile>.header-mobile-texts .element-title {
        text-align: center !important
    }
}