body {
    overflow-x: hidden;
}

.superfly-on #sfm-sidebar {
    display: block;
}

#sfm-sidebar ol,
#sfm-sidebar ul {
    list-style: none;
}

#sfm-sidebar a {
    outline: 0;
}

#sfm-sidebar {
    margin: 0;
    padding: 0;
    border: 0;
    /*width: 250px;*/
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    min-height: 100%;
    line-height: 1;
    display: none;
    z-index: 3000001;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-rendering: optimizeLegibility; */
    /* -webkit-backface-visibility: hidden; */
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    /* -webkit-tap-highlight-color: rgba(0,0,0,0); */
}

.sfm-sub-swipe #sfm-sidebar,
.sfm-sub-dropdown #sfm-sidebar {
    overflow: hidden;
}

#sfm-sidebar.sfm-transitions-enabled,
.sfm-sidebar-always #sfm-sidebar,
.sfm-view-level-custom,
.sfm-scroll-wrapper,
.sfm-transitions-enabled .sfm-sidebar-bg {
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.215, 0.061, 0.355, 1), background 0.25s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
    transition: transform 0.25s cubic-bezier(0.215, 0.061, 0.355, 1), background 0.25s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}

.sfm-pos-right #sfm-sidebar {
    right: 0;
    left: auto;
}

/*html {
    overflow-x: hidden !important;
    position: relative !important;
}*/

body.sfm-sidebar-push>*,
body.sfm-sidebar-sub-push>*,
body.sfm-blur>* {
    -webkit-backface-visibility: hidden;
    transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    /*position: relative;*/
}

@media only screen and (max-width: 800px) {
    .sfm-sidebar-always>* {
        -webkit-backface-visibility: hidden;
        transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
        -webkit-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
        -webkit-transition-delay: .05s;
        transition-delay: .05s;
        /*position: relative;*/
    }
}

body.sfm-blur.sfm-body-pushed>* {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

body.sfm-blur #sfm-body-bg,
body.sfm-blur #sfm-sidebar,
body.sfm-blur #sfm-overlay-wrapper,
body.sfm-blur #sfm-mob-navbar {
    -webkit-filter: none;
    filter: none;
}

.sfm-style-full.sfm-body-pushed {
    /*overflow: hidden;*/
}

.sfm-style-full #sfm-sidebar {}

.sfm-sidebar-slide #sfm-sidebar:not(.sfm-fully-hidden),
.sfm-sidebar-push #sfm-sidebar:not(.sfm-fully-hidden) {
    box-shadow: 0 0 35px 3px rgba(0, 0, 0, 0.33);
}

.sfm-style-skew.sfm-sidebar-slide #sfm-sidebar,
.sfm-sidebar-push.sfm-sidebar-slide #sfm-sidebar {
    box-shadow: none;
}

#sfm-sidebar.sfm-sidebar-exposed,
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li,
.sfm-sidebar-always #sfm-sidebar .sfm-menu-level-0>li {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

@media only screen and (min-width: 800px) {
    .sfm-pos-right .sfm-sidebar-always #sfm-sidebar {
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
}

#sfm-sidebar .sfm-menu-level-0>li {
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
}

.sfm-pos-right #sfm-sidebar .sfm-menu-level-0>li {
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
}

#sfm-sidebar.sfm-compact-footer .sfm-social {
    margin-top: 30px;
    margin-bottom: 10px;
    position: relative;
}

@media screen and (max-width: 480px) {
    #sfm-sidebar.sfm-compact-header .sfm-logo img {
        /*max-height: 75px;*/
        /*new*/
    }
}

@-webkit-keyframes item-in {
    from {
        left: -100%;
        opacity: 0;
    }
    to {
        left: 0;
        opacity: 1;
    }
}

@keyframes item-in {
    from {
        left: -100%;
        opacity: 0;
    }
    to {
        left: 0;
        opacity: 1;
    }
}

@media only screen and (max-width: 800px) {
    #sfm-sidebar:after {
        display: none;
    }
}

.sfm-view-pushed-1 #sfm-sidebar:after {
    z-index: -800;
}

.sfm-pos-right #sfm-sidebar:after {
    left: -3px;
    right: 0;
}

/***/

#sfm-marker {
    display: none !important;
}

.sfm-rollback {
    cursor: pointer;
    z-index: 3000000;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
    transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-font-smoothing: antialiased;
    color: #a4a4a4;
    font-size: 10px;
    height: 100%;
    line-height: 30px;
    /*padding-left: 10px;*/
    position: fixed;
    /*right: -40px;*/
    left: 0;
    top: 0px;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
}

.superfly-on .sfm-rollback {
    opacity: 1;
}

.sfm-rollback.sfm-fixed {
    position: absolute;
}

.sfm-pos-right .sfm-rollback {
    right: 0;
    left: auto;
}

@media only screen and (min-width: 800px) {
    .sfm-sidebar-always .sfm-rollback {
        display: none !important;
    }
}

.sfm-logo {
    text-align: center;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    z-index: 10000;
}

.sfm-logo img {
    max-width: 100%;
    display: inline-block;
}

.sfm-style-full .sfm-logo img {
    max-width: 200px;
}

#sfm-sidebar li.sfm-has-child-menu>ul.sfm-child-menu {
    display: none;
    box-sizing: border-box;
    /*Compatibility with Superfish*/
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    box-shadow: none !important;
}

#sfm-sidebar.sfm-compact .sfm-scroll-wrapper {
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

#sfm-sidebar .sfm-scroll-wrapper {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative;
    z-index: 2;
}

#sfm-sidebar .sfm-scroll {
    width: 100%;
    padding-right: 30px;
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
    box-sizing: content-box;
}

/*.sfm-style-skew #sfm-sidebar .sfm-menu li:after,*/

#sfm-sidebar .sfm-menu .sfm-chapter:after {
    display: none;
}

/*.sfm-style-skew #sfm-sidebar .sfm-menu li > a:before {
    background: none;
    display: none !important;
}*/

.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-sidebar-close {
    float: right;
}

.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-social {
    text-align: left;
}

.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-social {
    text-align: right;
    left: initial;
    right: 0;
}

.sfm-style-skew #sfm-sidebar .sfm-nav {
    /*height: auto;*/
    max-height: none;
    margin-top: 0px;
}

.sfm-style-skew #sfm-sidebar.sfm-hl-text .sfm-nav a,
.sfm-style-skew #sfm-sidebar.sfm-hl-strike .sfm-nav a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-logo,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-nav {
    clear: both;
}

/*
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-logo,
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-social,
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-menu li a,
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-menu .sfm-chapter {
    text-align: left;
}

.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-logo,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-social,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-menu li a,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-menu .sfm-chapter,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .textwidget,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-widget {
    text-align: right;
}
*/

.sfm-style-skew #sfm-sidebar.sfm-theme-bottom .sfm-menu {
    clear: both;
}

.sfm-style-skew #sfm-sidebar.sfm-theme-bottom .sfm-search-form {
    width: 75%;
    float: right;
}

.sfm-style-skew #sfm-sidebar.sfm-theme-bottom .sfm-logo {
    max-width: 75%;
}

/*.sfm-style-skew #sfm-sidebar .sfm-menu li a,
.sfm-style-skew #sfm-sidebar .sfm-chapter,
.sfm-style-skew #sfm-sidebar .sfm-widget-area {
    padding-left: 0 !important;
    padding-right: 0 !important;
}*/

/*.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-social,*/

.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-logo,
.sfm-pos-left .sfm-style-skew #sfm-sidebar.sfm-theme-top .sfm-nav,
.sfm-pos-left .sfm-style-skew.sfm-sidebar-always #sfm-sidebar .sfm-nav,
.sfm-pos-left .sfm-style-skew #sfm-sidebar.sfm-theme-bottom .sfm-nav,
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-copy {
    padding-left: 10%;
    /*width: auto;*/
}

.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-logo {
    width: 100%;
}

.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-social {
    /*padding-left: calc(10% - 9px);*/
}

/*.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-social,*/

.sfm-pos-right .sfm-style-skew #sfm-sidebar.sfm-compact .sfm-logo,
.sfm-pos-right .sfm-style-skew #sfm-sidebar.sfm-sidebar-exposed.sfm-theme-top .sfm-nav,
.sfm-pos-right .sfm-style-skew.sfm-sidebar-always #sfm-sidebar .sfm-nav,
.sfm-pos-right .sfm-style-skew #sfm-sidebar.sfm-sidebar-exposed.sfm-theme-bottom .sfm-nav,
.sfm-pos-right .sfm-style-skew #sfm-sidebar.sfm-sidebar-exposed .sfm-copy {
    padding-right: 10%;
    padding-left: 0;
    /*width: auto;*/
}

.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-social {
    /*padding-right: calc(10% - 9px);*/
}

.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-logo {
    padding-left: 30px !important;
    float: right;
}

.sfm-style-skew #sfm-sidebar.sfm-theme-top .sfm-social {
    display: block;
    width: 100%;
}

.sfm-pos-right .sfm-style-skew #sfm-sidebar.sfm-theme-top .sfm-social {
    float: right;
}

.sfm-pos-left .sfm-theme-bottom .sfm-scroll {}

.sfm-style-full #sfm-sidebar .sfm-scroll {
    /*padding-right: 0;*/
    width: 100vw;
    /* fix for width calculation bug */
    position: relative;
}

/*
.sfm-style-full #sfm-sidebar .sfm-no-image {
    display: none;
}

.sfm-style-full .sfm-no-image + .sfm-nav {
    margin-top: 0 !important;
}
*/

#sfm-sidebar .sfm-nav {
    position: absolute;
    height: 100%;
    z-index: 999;
    min-height: 50vh;
    max-height: 100%;
    /*overflow: auto;*/
    /*overflow-x: hidden;*/
    width: 100%;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 800px) {
    #sfm-sidebar .sfm-nav {
        min-height: 0 !important;
        margin-top: 30px;
        /*new*/
    }
}

#sfm-sidebar .sfm-scroll-wrapper::-webkit-scrollbar {
    display: none;
}

#sfm-sidebar ul {
    margin: 0;
    padding: 0;
}

#sfm-sidebar .sfm-va-middle {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    margin: 0;
    position: relative;
    z-index: 2222;
}

@media only screen and (max-width: 800px) {
    #sfm-sidebar .sfm-va-middle {
        display: block;
        height: auto;
        margin-top: 0px;
    }
}

#sfm-sidebar .sfm-menu-level-0>li {
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li,
.sfm-sidebar-always #sfm-sidebar .sfm-menu-level-0>li {
    opacity: 1;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 .sfm-chapter {
    opacity: 0.75;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(1) {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(2) {
    transition-delay: .25s;
    -webkit-transition-delay: .25s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(3) {
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(4) {
    transition-delay: .35s;
    -webkit-transition-delay: .35s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(5) {
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(6) {
    transition-delay: .45s;
    -webkit-transition-delay: .45s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(7) {
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(8) {
    transition-delay: .55s;
    -webkit-transition-delay: .55s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(9) {
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(10) {
    transition-delay: .65s;
    -webkit-transition-delay: .65s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(11) {
    transition-delay: .7s;
    -webkit-transition-delay: .7s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(12) {
    transition-delay: .75s;
    -webkit-transition-delay: .75s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(13) {
    transition-delay: .8s;
    -webkit-transition-delay: .8s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(14) {
    transition-delay: .85s;
    -webkit-transition-delay: .85s;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(15) {
    transition-delay: .9s;
    -webkit-transition-delay: .9s;
}

.sfm-style-full #sfm-sidebar .sfm-menu-level-0>li {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    /* 5.0 */
    width: 100%;
}

.sfm-style-full #sfm-sidebar,
.sfm-style-full #sfm-mob-navbar {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

#sfm-sidebar .sfm-menu li {
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    position: relative;
    list-style: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

#sfm-sidebar .sfm-menu li a {
    white-space: nowrap;
    text-decoration: none;
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
}

#sfm-sidebar .sfm-menu li a:after {
    transition: all 0.2s ease;
    content: '';
    background: rgba(255, 255, 255, 0.05);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: 0;
}

#sfm-sidebar .sfm-menu li a:active:after {
    opacity: 1;
    transition: all 0s ease;
}

#sfm-sidebar .sfm-menu li i:before {
    display: block;
}

#sfm-sidebar .sfm-menu a img {
    vertical-align: middle;
    display: inline-block;
    margin: 0 14px 0 0;
    position: relative;
    right: 0;
    left: 0;
}

#sfm-sidebar .sfm-nav {
    display: table;
}

#sfm-sidebar .sfm-nav {
    /*min-height: 100%;*/
    /*overflow: hidden;*/
}

.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-nav .sfm-menu-level-0>li a img,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-nav .sfm-menu-level-0>li a>i {
    margin: 0 0 0 12px;
}

#sfm-sidebar .sfm-view .sfm-menu {
    padding: 0;
    margin: 0;
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    width: 100%;
    /*height: 100%;*/
    /*new*/
    display: flex;
    flex-flow: column nowrap;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: center;
    min-height: 100%;
}

#sfm-sidebar .sfm-view .sfm-menu li {
    text-align: center;
    cursor: pointer;
    width: 100%;
}

.sfm-sidebar-bg {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -200;
}

#sfm-sidebar .sfm-view {
    position: absolute;
    overflow: hidden;
    height: 100%;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
}

#sfm-sidebar .sfm-view,
#sfm-sidebar .sfm-scroll {
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1) .05s;
    transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1) .05s;
}

.superfly-on #sfm-sidebar .sfm-view {
    /*display: table;*/
    display: block;
}

.superfly-on #sfm-sidebar .sfm-view-level-custom {
    display: block;
}

#sfm-sidebar .sfm-view .sfm-back-parent {
    position: fixed;
    z-index: 1001;
    width: 100%;
    top: 0;
    display: none;
    padding-left: 16%;
    text-align: left !important;
}

.sfm-sub-swipe #sfm-sidebar .sfm-view .sfm-back-parent,
.sfm-sub-dropdown #sfm-sidebar .sfm-view-level-custom .sfm-back-parent {
    display: block;
}

#sfm-sidebar .sfm-view .sfm-back-parent:before {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba( 255, 255, 255, 0.1);
    -webkit-transition: all 0.15s cubic-bezier(0.215, 0.061, 0.355, 1);
    transition: all 0.15s cubic-bezier(0.215, 0.061, 0.355, 1);
}

#sfm-sidebar .sfm-view .sfm-back-parent:hover:before,
#sfm-sidebar .sfm-view .sfm-back-parent:focus:before {
    opacity: 1;
}

#sfm-sidebar .sfm-view-level-1 {
    position: absolute;
    height: 100%;
    width: 250px;
    /*default*/
    top: 0;
    left: 250px;
    background: #b5b5b5;
    /*default*/
    z-index: -300;
}

#sfm-sidebar .sfm-view-level-2 {
    width: 250px;
    /*default*/
    top: 0;
    left: 500px;
    background: #36939e;
    /*default*/
    z-index: -400;
}

#sfm-sidebar .sfm-view-level-3 {
    width: 250px;
    /*default*/
    top: 0;
    left: 750px;
    background: #9e466b;
    /*default*/
    z-index: -500;
}

#sfm-sidebar .sfm-view-level-1,
#sfm-sidebar .sfm-view-level-2,
#sfm-sidebar .sfm-view-level-3,
#sfm-sidebar .sfm-view-level-custom {
    opacity: 0;
}

.sfm-sub-swipe #sfm-sidebar .sfm-view-level-1,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-2,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-3,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom {
    opacity: 1;
}

.sfm-sub-swipe #sfm-sidebar .sfm-view-level-1 {
    z-index: 3;
}

.sfm-sub-swipe #sfm-sidebar .sfm-view-level-2 {
    z-index: 4;
}

.sfm-sub-swipe #sfm-sidebar .sfm-view-level-3 {
    z-index: 5;
}

/*always last child*/

.sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom,
.sfm-sub-dropdown #sfm-sidebar .sfm-view-level-custom {
    z-index: 10;
}

.sfm-view-pushed-1 #sfm-sidebar .sfm-view-level-1,
.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-2,
.sfm-view-pushed-3 #sfm-sidebar .sfm-view-level-3 {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    opacity: 1;
}

.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom {
    opacity: 1;
}

.sfm-sub-swipe #sfm-sidebar .sfm-view-level-1,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-2,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-3 {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

#sfm-sidebar .sfm-view .sfm-child-menu {
    display: none !important;
}

#sfm-sidebar .sfm-menu li>a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    bottom: 0;
    width: 0;
    z-index: 0;
    background: rgba(255, 255, 255, 0.075);
    -webkit-transition: all 0.15s cubic-bezier(0.215, 0.061, 0.355, 1);
    transition: all 0.15s cubic-bezier(0.215, 0.061, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block !important;
}

#sfm-sidebar.sfm-hl-line .sfm-menu li:hover>a,
#sfm-sidebar.sfm-hl-line .sfm-menu li>a:focus,
#sfm-sidebar.sfm-hl-line .sfm-menu li.sfm-submenu-visible>a {
    background: rgba(0, 0, 0, 0.15);
}

#sfm-sidebar.sfm-hl-line .sfm-menu li>a:before {
    top: auto;
    bottom: -2px;
    height: 2px;
}

#sfm-sidebar .sfm-menu li a,
#sfm-sidebar .sfm-menu a span,
#sfm-sidebar .sfm-menu .la_icon,
#sfm-sidebar .sfm-menu a img {
    /*-webkit-transition: all 0.15s cubic-bezier(0.215, 0.061, 0.355, 1);*/
    /*transition: all 0.15s cubic-bezier(0.215, 0.061, 0.355, 1);*/
    z-index: 1;
}

@media only screen and (min-width: 800px) {
    #sfm-sidebar .sfm-menu li:hover>a:before,
    #sfm-sidebar .sfm-menu li>a:focus:before,
    #sfm-sidebar .sfm-menu li.sfm-active-item>a:before,
    #sfm-sidebar .sfm-menu li.sfm-active-smooth>a:before,
    .sfm-style-full #sfm-sidebar .sfm-menu li.sfm-active-item>a:before {
        width: 100%;
    }
    .sfm-pos-right #sfm-sidebar .sfm-menu li:hover>a:before,
    .sfm-pos-right #sfm-sidebar .sfm-menu li>a:focus:before,
    .sfm-pos-right #sfm-sidebar .sfm-menu li.sfm-active-item>a:before,
    .sfm-pos-right #sfm-sidebar .sfm-menu li.sfm-active-smooth>a:before {
        left: auto;
    }
}

.sfm-vertical-nav .sfm-sm-indicator {
    width: 42px;
}

#sfm-sidebar.sfm-underline-2 .sfm-menu li:after {
    border-bottom: 3px solid white;
    content: '';
    display: block;
    width: 0%;
    position: relative;
    bottom: -10px;
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*top: -6px;*/
}

#sfm-sidebar .sfm-menu li>a span {
    display: inline-block;
    vertical-align: middle;
    line-height: inherit;
    position: relative;
    right: 0;
    left: 0;
    z-index: 2;
    font-family: inherit !important;
    white-space: normal;
}

.sfm-navicon-button.la_icon_manager_custom_wrapper {
    /*padding: 8px 8px 0;*/
}

.la_icon_manager_custom {
    display: block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin: -3px 10px -3px 0;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 80% !important;
    box-sizing: content-box;
}

#sfm-sidebar .sfm-menu .la_icon {
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 100;
}

#sfm-sidebar.sfm-iconbar .sfm-menu .la_icon {
    margin-left: auto;
    margin-right: auto;
}

#sfm-sidebar .sfm-sm-indicator i,
#sfm-sidebar .sfm-sl {
    font-size: 75%;
    font-style: normal;
    text-transform: none;
}

#sfm-sidebar .sfm-sl {
    display: inline-block;
}

#sfm-sidebar i+br+.sfm-sl {
    margin-left: 2.05em;
}

#sfm-sidebar .sfm-menu li a {
    display: block;
    padding: 0 15px;
    margin: 0;
    box-sizing: border-box;
    position: relative;
}

.sfm-style-full #sfm-sidebar .sfm-menu li a {
    display: inline-block;
}

#sfm-overlay-wrapper {
    -webkit-backface-visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    visibility: hidden;
}

#sfm-overlay {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #333;
    /*display: none;*/
    position: fixed;
    top: 0;
    bottom: 0;
    left: -500px;
    right: -500px;
    cursor: pointer;
    -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
    transition: opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.sfm-body-pushed #sfm-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /*z-index: 99999;*/
}

.sfm-label-hidden {
    display: none !important;
}

.sfm-style-skew #sfm-sidebar .sfm-search-form {
    margin-bottom: 15px;
}

/*

.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-search-form {
    left: -7%;
}

.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-search-form {
    right: -7%;
}
*/

#sfm-sidebar .sfm-search-form input[type=submit] {
    display: none;
}

#sfm-sidebar form,
#sfm-sidebar label {
    margin: 0;
    padding: 0;
}

#sfm-sidebar .sfm-search-form input[type=text] {
    border: 0;
    outline: 0;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    color: #fff;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
    padding: 0 32px;
    font-weight: 200 !important;
    appearance: none;
    -webkit-appearance: none;
    line-height: 100%;
}

.sfm-search-form {
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
    margin: 0;
    padding: 15px 0;
    position: relative;
}

#sfm-sidebar .sfm-search-form input[type=search]:focus {
    opacity: 1;
    outline: none !important;
}

#sfm-sidebar .search-field {}

#sfm-sidebar .sfm-logo {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s, opacity 0.3s linear;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
    -webkit-backface-visibility: hidden;
}

.sfm-sidebar-always #sfm-sidebar .sfm-logo {
    opacity: 1;
    visibility: visible;
}

.sfm-sidebar-always #sfm-sidebar {
    opacity: 0;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-logo {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

#sfm-sidebar .sfm-search-form label {
    position: relative;
    display: block;
    margin-top: 20px;
}

#sfm-sidebar .sfm-search-form span {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 15px;
    /*left: 20px;*/
    left: 10%;
    font-family: sfm-icomoon;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 16px;
    font-size: 16px;
    color: white;
    /*background-image: url("../img/search@2x.png");*/
    /*background-position: 80% center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 16px 16px;*/
    cursor: pointer;
}

#sfm-sidebar .sfm-search-form span:after {
    content: '\e905';
}

#sfm-sidebar .sfm-social {
    display: block;
    position: absolute;
    padding-top: 10px;
    bottom: 0px;
    left: 0;
    width: 100%;
    /*min-height: 75px;*/
    text-align: center;
    overflow: hidden;
    z-index: 1000;
    box-sizing: content-box;
    margin-bottom: 20px;
}

.sfm-style-toolbar #sfm-sidebar .sfm-social {
    padding: 0 !important;
}

#sfm-sidebar.sfm-widget-bottom .sfm-social {
    bottom: 20px;
}

#sfm-sidebar .sfm-copy {
    position: absolute;
    bottom: 0;
    z-index: 1001;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

#sfm-sidebar .sfm-social:empty {
    display: none !important;
}

#sfm-sidebar .sfm-social li {
    list-style: none;
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-left: 5px;
}

#sfm-sidebar .sfm-social a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #3b5998;
    transform: scale(0, 0);
}

#sfm-sidebar .sfm-social a:before,
#sfm-sidebar .sfm-social a:after {
    -webkit-backface-visibility: hidden;
    -webkit-transition: transform 0.15s cubic-bezier(0.215, 0.061, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.215, 0.061, 0.355, 1);
}

#sfm-sidebar .sfm-social li:hover a:after,
#sfm-sidebar .sfm-social li a:focus:after {
    transform: scale(1, 1);
}

#sfm-sidebar .sfm-social-abbr li:hover a:after,
#sfm-sidebar .sfm-social-abbr li a:focus:after {
    opacity: 1;
}

#sfm-sidebar .sfm-social li:hover a:before,
#sfm-sidebar .sfm-social li a:focus:before {
    text-shadow: rgba(0, 0, 0, 0.05) 1px 1px, rgba(0, 0, 0, 0.05) 2px 2px, rgba(0, 0, 0, 0.05) 3px 3px, rgba(0, 0, 0, 0.05) 4px 4px, rgba(0, 0, 0, 0.05) 5px 5px, rgba(0, 0, 0, 0.05) 6px 6px/*,
     #2b56a2 7px 7px, #2d59a8 8px 8px, #2e5cad 9px 9px, #305fb3 10px 10px*/
    ;
}

#sfm-sidebar .sfm-social-abbr a:before {
    display: none;
}

#sfm-sidebar .sfm-social-abbr a:after {
    z-index: 0;
    border-radius: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.1) !important;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
    /*-webkit-transition: none;*/
    /*transition: none;*/
}

#sfm-sidebar .sfm-social-abbr a span {
    position: relative;
    z-index: 1;
}

#sfm-sidebar .sfm-social-icons a span {
    display: none;
}

#sfm-sidebar .sfm-social li:first-child {
    margin-left: 0;
}

#sfm-sidebar .sfm-social li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
    vertical-align: top;
    -webkit-transition: none;
    transition: none;
    text-decoration: none !important;
}

#sfm-sidebar .sfm-social li a:hover,
#sfm-sidebar .sfm-social li a:focus {
    text-decoration: none !important;
}

#sfm-sidebar .sfm-menu li a {
    word-break: break-word;
}

#sfm-sidebar [class*="sfm-icon-"] a,
.sfm-view-level-custom:before {
    font-family: 'sfm-icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 16px;
    font-size: 16px;
    color: white;
    position: relative;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#sfm-sidebar .sfm-social-abbr a {
    line-height: 45px;
    font-size: 22px;
}

#sfm-sidebar [class*="sfm-icon-"] a:before {
    position: relative;
    top: 50%;
    margin: 0 auto;
    top: 15px;
    z-index: 2;
}

#sfm-sidebar.sfm-iconbar [class*="sfm-icon-"] a:before {
    top: 12px;
}

#sfm-sidebar .sfm-social-icon li:hover a,
#sfm-sidebar .sfm-social-icon li a:focus {
    color: white;
}

#sfm-sidebar .sfm-social-abbr li:hover a,
#sfm-sidebar .sfm-social-abbr li a:focus {
    opacity: 0.75;
}

.sfm-social:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
}

#sfm-sidebar .sfm-icon-twitter a:before,
#sfm-sidebar .sfm-icon-gplus a:before {
    /*left: 12px;*/
}

.sfm-icon-gplus a {
    font-size: 23px !important;
}

.sfm-icon-gplus a:before {
    content: "\e900";
}

.sfm-icon-facebook a:before {
    content: "\e601";
}

.sfm-icon-twitter a:before {
    content: "\e602";
}

.sfm-icon-instagram a:before {
    content: "\e906";
}

.sfm-icon-pinterest a:before {
    content: "\e605";
}

.sfm-icon-flickr a:before {
    content: "\e105";
}

.sfm-icon-dribbble a:before {
    content: "\e106";
}

.sfm-icon-youtube a:before {
    content: "\f16a";
}

.sfm-icon-vimeo a:before {
    content: "\e104";
}

.sfm-icon-linkedin a:before {
    content: "\e109";
}

.sfm-icon-soundcloud a:before {
    content: "\f1be";
}

.sfm-icon-email a:before {
    content: "\e907";
}

.sfm-icon-rss a:before {
    content: "\e102";
}

.sfm-icon-skype a:before {
    content: "\f17e";
}

#sfm-sidebar .sfm-icon-facebook a:after {
    background: #3b5998;
}

#sfm-sidebar .sfm-icon-twitter a:after {
    background: #5E9FCA;
}

#sfm-sidebar .sfm-icon-instagram a:after {
    background: #405de6;
}

#sfm-sidebar .sfm-icon-pinterest a:after {
    background: #820a0f;
}

#sfm-sidebar .sfm-icon-linkedin a:after {
    background: #0077b5;
}

#sfm-sidebar .sfm-icon-gplus a:after {
    background: #dd4b39;
}

#sfm-sidebar .sfm-icon-dribbble a:after {
    background: #ea4c89;
}

#sfm-sidebar .sfm-icon-youtube a:after {
    background: #cd201f;
}

#sfm-sidebar .sfm-icon-vimeo a:after {
    background: #1ab7ea;
}

#sfm-sidebar .sfm-icon-soundcloud a:after {
    background: #ff8800;
}

#sfm-sidebar .sfm-icon-email a:after {
    background: #ea4335;
}

#sfm-sidebar .sfm-icon-skype a:after {
    background: #00aff0;
}

#sfm-sidebar .sfm-icon-rss a:after {
    background: #f26522;
}

.sfm-body-float {
    float: left;
    width: 100%;
}

#sfm-body-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    /*-webkit-transform: translateZ(0)*/
}

/* Navicon */

.sfm-navicon-button {
    display: inline-block;
    position: absolute;
    /* z-index: 3000002; */
    left: 0;
    padding: 8px 8px 16px;
    padding: 0;
    margin: 0;
    transition: 0.25s;
    cursor: pointer;
    text-decoration: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s ease;
}

.sfm-navicon-button {
    top: 50%;
    /*margin-top: -20px;*/
}

.sf-label-hidden .sfm-navicon-button {
    display: none;
}

.sfm-label-metro .sfm-navicon-button {
    background: #000000;
}

.sfm-label-metro .sfm-navicon,
.sfm-label-metro .sfm-navicon:before,
.sfm-label-metro .sfm-navicon:after {
    border-radius: 0 !important;
    height: 2px;
}

.sfm-label-metro .sfm-navicon,
#sfm-mob-navbar .sfm-navicon,
.sfm-label-metro .sfm-navicon:after,
#sfm-mob-navbar .sfm-navicon:after,
.sfm-label-metro .sfm-navicon:before,
#sfm-mob-navbar .sfm-navicon:before {
    background: white;
    z-index: 1;
}

#sfm-mob-navbar {
    display: none;
}

#sfm-mob-navbar .sfm-navicon-button:after {
    display: none !important;
}

.sfm-label-square .sfm-navicon-button,
.sfm-label-rsquare .sfm-navicon-button,
.sfm-label-circle .sfm-navicon-button {
    /*padding: 0 0 8px 0;*/
    border: 3px solid;
    /*margin-left: 10px;*/
}

#sfm-sidebar .sfm-label-square .sfm-navicon,
#sfm-sidebar .sfm-label-rsquare .sfm-navicon,
#sfm-sidebar .sfm-label-circle .sfm-navicon {
    /*width: 24px;*/
}

.sfm-label-rsquare .sfm-navicon-button {
    border-radius: 8px;
}

.sfm-label-circle .sfm-navicon-button {
    border-radius: 50%;
}

.sfm-pos-right .sfm-label-square .sfm-navicon-button,
.sfm-pos-right .sfm-label-rsquare .sfm-navicon-button,
.sfm-pos-right .sfm-label-circle .sfm-navicon-button {
    margin-right: 20px;
    margin-left: 0;
}

#sfm-sidebar .sfm-label-square .sfm-navicon,
#sfm-sidebar .sfm-label-square .sfm-navicon:after,
#sfm-sidebar .sfm-label-square .sfm-navicon:before {
    border-radius: 0;
}

.sfm-pos-right .sfm-navicon-button {
    /*left: -20px;*/
    right: 0;
    left: auto;
}

/*.sf_label_default:hover .sfm-navicon{
    transform: translate(-5%);
}
.sf_label_default:hover .sfm-navicon:before,
.sf_label_default:hover .sfm-navicon:after{
    transform: translate(7%);
}*/

.sf_label_default:hover .sfm-navicon:before,
.sf_label_default:focus .sfm-navicon:before {
    transform: translateY(2px);
}

.sf_label_default:hover .sfm-navicon:after,
.sf_label_default:focus .sfm-navicon:after {
    transform: translateY(-2px);
}

.sfm-pos-right .sfm-label-none .sfm-navicon-button {
    /*left: -40px;*/
}

.sfm-navicon-button .sfm-navicon:before,
.sfm-navicon-button .sfm-navicon:after {
    transition: 0.25s;
}

.sfm-navicon-button:focus,
.sfm-navicon-button:hover {
    transition: 0.5s;
    opacity: 1;
    outline: none;
}

.sfm-navicon-button:hover .sfm-navicon:before,
.sfm-navicon-button:focus .sfm-navicon:before,
.sfm-navicon-button:hover .sfm-navicon:after,
.sfm-navicon-button:focus .sfm-navicon:after {
    transition: 0.25s;
}

.sfm-navicon-button .sf_label_icon {
    margin: 0 auto;
    font-size: 24px;
    padding: 10%;
}

.sfm-navicon-button .sf_label_icon:before {
    display: block;
    /*perspective: 1;*/
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.sfm-navicon {
    margin: 18px 8px 8px 8px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 60%;
    height: 3px;
    background: #e7e6dd;
    -webkit-transition: all 0.3s cubic-bezier(.17, .67, .3, 1.33);
    transition: all 0.3s cubic-bezier(.17, .67, .3, 1.33);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: -1px 20%;
}

.sfm-label-none .sfm-navicon,
.sfm-label-text .sfm-navicon {
    /*width: 24px;*/
    height: 3px;
}

.sfm-navicon:after,
.sfm-navicon:before,
.sfm-sidebar-close:before,
.sfm-sidebar-close:after {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background: #e7e6dd;
    position: absolute;
    left: 0;
    z-index: -1;
    -webkit-transition: all 0.25s 0.25s;
    transition: all 0.25s 0.25s;
}

.sfm-sidebar-close:before,
.sfm-sidebar-close:after {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: 24px;
}

.sfm-label-none .sfm-navicon:after,
.sfm-label-none .sfm-navicon:before {
    /*width: 24px;*/
    height: 3px;
}

.sfm-navicon:after {
    top: -8px;
}

.sfm-navicon:before {
    top: 8px;
}

.sfm-sidebar-close:before,
.sfm-sidebar-close:after {
    top: 30px;
    left: 14px;
}

/*.sfm-pos-right .sfm-sidebar-close:before, .sfm-pos-right .sfm-sidebar-close:after{
    left: initial;
    right: 14px;
}*/

/*.sfm-navicon-button:hover .sfm-navicon {
    width: 70% !important;
    margin-right: 2px !important;
}*/

.sfm-label-text .sfm-navicon:after,
.sfm-label-none .sfm-navicon:after {
    top: -8px;
}

.sfm-label-text .sfm-navicon:before,
.sfm-label-none .sfm-navicon:before {
    top: 8px;
}

.sfm-open {
    opacity: 0 !important;
}

.sfm-open:not(.steps) .sfm-navicon:before,
.sfm-open:not(.steps) .sfm-navicon:after {
    top: 0 !important;
}

.sfm-open .sfm-navicon:before,
.sfm-open .sfm-navicon:after {
    transition: 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* × and + */

.sfm-open.x .sfm-navicon {
    background: transparent !important;
}

.sfm-open.x .sfm-navicon:after,
.sfm-sidebar-close:after {
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}

.sfm-open.x .sfm-navicon:before,
.sfm-sidebar-close:before {
    -webkit-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
}

.sfm-sidebar-close:hover:before,
.sfm-sidebar-close:focus:before {
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}

.sfm-sidebar-close:hover:after,
.sfm-sidebar-close:focus:after {
    -webkit-transform: rotate(135deg) !important;
    transform: rotate(135deg) !important;
}

.sfm-inner-fixed {
    -webkit-transition: none;
    transition: none;
}

.sfm-has-child-menu>a {
    position: relative;
}

.sfm-sm-indicator {
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    color: inherit;
    position: absolute;
    /*top: 50%;*/
    /*margin: -.7em 0 0 0;*/
    width: 42px;
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
    background: none;
    z-index: 3;
}

.sfm-indicators .sfm-sm-indicator {
    display: inline-block;
}

#sfm-sidebar .sfm-sm-indicator i {
    /*  font-family: 'sfm-icomoon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    vertical-align: middle;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    color: inherit;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -.7em 0 0 0;
    width: 100%;
    text-align: center;*/
    box-sizing: content-box;
    width: 6px;
    height: 6px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: relative;
    display: block;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*
.sfm-pos-right #sfm-sidebar .sfm-back-parent .sfm-sm-indicator i,
.sfm-pos-right #sfm-sidebar .sfm-back-parent .sfm-sm-indicator i,*/

.sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-sm-indicator i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-sm-indicator i,
#sfm-sidebar .sfm-back-parent .sfm-sm-indicator i {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

/*.sfm-pos-left */

#sfm-sidebar .sfm-back-parent .sfm-sm-indicator {
    display: inline-block;
    left: 3%;
}

#sfm-sidebar .sfm-back-parent span {
    display: inline-block;
    padding-left: 2px;
    font-size: 75%;
}

/*.sfm-pos-right  #sfm-sidebar .sfm-back-parent span {
    padding-right: 18px;
}*/

/*.sfm-pos-right #sfm-sidebar .sfm-back-parent .sfm-sm-indicator {
    left: auto;
    right: 0;
}*/

#sfm-sidebar .sfm-submenu-visible>a>.sfm-sm-indicator>i {
    -webkit-transform: rotate(135deg) !important;
    transform: rotate(135deg) !important;
}

.sfm-style-full .sfm-sm-indicator {
    right: auto !important;
}

.sfm-style-full #sfm-sidebar .sfm-menu li>a span {
    vertical-align: top;
}

.sfm-style-full #sfm-sidebar .sfm-social {
    /*border-top: 1px solid rgba(107, 107, 107, 0.21);*/
}

.sfm-style-full #sfm-sidebar .sfm-social {
    margin-bottom: 10px;
}

.sfm-style-full #sfm-sidebar .sfm-nav {
    min-height: 0;
    max-height: none;
    height: auto;
    margin: 30px 0;
}

.sfm-style-full .sfm-sm-indicator {
    width: 35px;
}

.sfm-style-full #sfm-sidebar .sfm-logo {
    /*margin-top: 30px;*/
    padding: 3rem;
}

.sfm-style-full #sfm-sidebar .sfm-sm-indicator i:after {
    /*content: '\e902' !important;*/
}

.sfm-style-full #sfm-sidebar .sfm-submenu-visible>a .sfm-sm-indicator i:after {
    /*content: '\e903' !important;*/
}

.sfm-style-full .sfm-menu .sfm-sm-indicator,
.sfm-style-full .sfm-child-menu {
    background: transparent !important;
}

.sfm-style-full .sfm-child-menu li a {
    /*color: inherit !important;*/
}

.sfm-style-full .sfm-sidebar-close {
    position: absolute;
    z-index: 10001;
}

.sfm-style-full.sfm-body-pushed .sfm-navicon-button {
    transform: translateX(-100%);
    opacity: 0;
}

.sfm-pos-right .sfm-style-full.sfm-body-pushed .sfm-navicon-button {
    transform: translateX(100%);
    opacity: 0;
}

.sfm-style-full.sfm-ui-shown {}

.sfm-has-child-menu>a {
    padding-right: 48px;
    padding-left: 48px;
}

.sfm-pos-right .sfm-has-child-menu>a {
    padding-left: 48px;
    padding-right: 48px;
}

#sfm-sidebar.sfm-test-mode:before {
    position: absolute;
    content: 'Test mode ON';
    top: 0;
    color: #ffffff;
    background: #b90000;
}

.sfm-pos-right .sfm-sub-flyout .sfm-sm-indicator {
    right: auto;
    left: 0;
}

#sfm-sidebar .sfm-child-menu>li:hover>a,
#sfm-sidebar .sfm-child-menu>li>a:focus,
#sfm-sidebar .sfm-child-menu>li.sfm-submenu-visible>a {
    box-shadow: 4px 0px rgba(0, 0, 0, 0.35) inset;
}

#sfm-sidebar .sfm-menu li.sfm-submenu-visible>a:before {
    display: none !important;
}

/*.sfm-pos-left .sfm-indicators .sfm-sm-indicator i:after {
    content: '\e612';
}

.sfm-pos-right .sfm-indicators .sfm-sm-indicator i:after {
    content: '\e60f';
}*/

#sfm-sidebar .sfm-widget-area {
    padding: 15px;
}

#sfm-sidebar .widget {
    padding: 0;
    margin: 0;
}

#sfm-sidebar .sfm-widget-area:empty {
    display: none;
}

.sfm-menu-level-0+* {
    /*display: table-row;*/
}

#sfm-sidebar .sfm-view-level-custom {
    /*visibility: hidden;*/
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    box-sizing: content-box;
    background: #e2e2e2;
    z-index: -1000;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /*-webkit-transition: none;*/
    /*transition: none;*/
}

.sfm-nav-back #sfm-sidebar .sfm-view-level-custom {
    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1) .05s, right 0s ease 0s, left 0s ease 0s;
    transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1) .05s, right 0s ease 0s, left 0s ease 0s;
}

/*new*/

.sfm-pos-left #sfm-sidebar .sfm-view-level-custom {
    right: 0;
}

.sfm-pos-right #sfm-sidebar .sfm-view-level-custom {
    left: 0;
}

#sfm-sidebar.sfm-vertical-nav .sfm-view-level-custom {
    /*opacity: 0;*/
}

#sfm-sidebar .sfm-view-level-custom.sfm-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3000000;
    padding-top: 30px;
    -webkit-transform: none !important;
    transform: none !important;
}

.sfm-pos-right #sfm-sidebar .sfm-view-level-custom.sfm-modal {
    right: 0;
    left: auto;
}

@media only screen and (min-width: 812px) {
    .sfm-style-full #sfm-sidebar .sfm-view-level-custom {
        top: 15%;
        height: 70%;
        left: 30%;
        right: 30%;
        padding: 30px;
        width: auto;
        overflow: auto;
        border-radius: .25em .25em .4em .4em;
        box-shadow: 0 0 20px 2000px rgba(0, 0, 0, 0.3);
        /* cheap backdrop */
        transform: scale(1.1, 1.1);
    }
    .sfm-style-full #sfm-sidebar .sfm-view-level-custom.sfm-modal {
        transform: scale(1, 1);
    }
    #sfm-sidebar .sfm-view-level-custom.sfm-modal:before {
        content: '';
        position: absolute;
    }
    .sfm-style-full .sfm-custom-content.sfm-active {
        height: auto;
    }
}

#sfm-sidebar .sfm-view-level-custom .sfm-close {
    display: none;
}

#sfm-sidebar .sfm-view-level-custom.sfm-modal .sfm-close {
    display: block;
}

#sfm-sidebar .sfm-view-level-custom.sfm-modal .sfm-close:before {
    font-family: 'sfm-icomoon';
    content: '\e607';
    font-size: 32px;
    padding: 7px;
    color: #333 !important;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.sfm-custom-content {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 30px 0 0;
    box-sizing: content-box;
}

.sfm-custom-content.sfm-active {
    position: relative;
    z-index: 1000;
    visibility: visible;
    opacity: 1;
    height: 100%;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.sfm-sub-flyout .sfm-custom-content.sfm-vert-align {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
}

.sfm-content-wrapper>img {
    max-width: 100% !important;
}

.sfm-logo:empty {
    display: none !important;
}

.sfm-content-wrapper {
    padding: 30px;
    box-sizing: border-box;
}

.sfm-title h3 {
    font-size: 28px;
    font-weight: 400;
    color: #FFF;
    margin: 20px 0 10px 0;
}

.sfm-title h4 {
    font-size: 18px;
    font-weight: 300;
    color: #AAA;
    margin: 0px 0 30px 0;
}

.sfm-title h3,
.sfm-title h4 {
    /*padding: 0 20px;*/
    font-family: inherit;
}

#sfm-sidebar .sfm-menu li,
#sfm-sidebar .sfm-menu {
    float: none !important;
    line-height: 1 !important;
}

#sfm-sidebar .sfm-chapter {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    opacity: 0.75;
    cursor: default !important;
}

#sfm-sidebar .sfm-child-menu .sfm-chapter:first-child {
    margin-top: 0 !important;
}

.sfm-chapter div {
    display: inline-block;
    /*border-bottom: 2px solid currentColor;*/
}

@media only screen and (max-width: 800px) {
    .sfm-style-full #sfm-sidebar .sfm-menu {
        margin-top: 0px;
    }
    #sfm-sidebar .sfm-nav {
        height: auto;
    }
    #sfm-sidebar .sfm-social {
        margin-top: 30px;
        margin-bottom: 10px;
    }
}

.sfm-style-full .sfm-sl,
.sfm-style-full #sfm-sidebar .la_icon,
.sfm-style-full #sfm-sidebar>.sfm-view {
    display: none !important;
}

.sfm-style-full #sfm-sidebar>.sfm-view-level-custom {
    display: block !important;
}

/*.sfm-body-pushed .sfm-navicon-button {*/

/*transform: translateX(-100%);*/

/*}*/

.sfm-sidebar-close {
    position: relative;
    top: 0px;
    width: 60px;
    height: 50px;
    left: 0px;
    cursor: pointer;
    z-index: 10001;
}

/*.sfm-pos-right .sfm-sidebar-close {
    float: right;
    margin-bottom: 30px;
    position: relative;
}*/

.sfm-pos-right .sfm-logo {
    clear: both;
}

#sfm-mob-navbar img {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.sfm-body-pushed #sfm-mob-navbar img {
    opacity: 0;
}

@media only screen and (min-width: 800px) {
    .sfm-sidebar-always .sfm-sidebar-close {
        display: none;
    }
}

.sfm-sidebar-always #sfm-sidebar .sfm-logo,
.sfm-sidebar-always #sfm-sidebar.sfm-compact .sfm-logo {
    margin-top: 40px;
    top: 0;
}

.sfm-iconbar {
    box-shadow: -5px 0px 22px rgba(0, 0, 0, 0.25);
}

#sfm-sidebar.sfm-iconbar .sfm-chapter,
#sfm-sidebar.sfm-iconbar .sfm-widget-area,
#sfm-sidebar.sfm-iconbar .sfm-title,
.sfm-iconbar .sfm-social:after,
.sfm-iconbar .sfm-search-form,
.sfm-iconbar .sfm-sm-indicator {
    display: none;
}

#sfm-sidebar.sfm-iconbar .sfm-menu-level-0 li a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    /*text-align: center;*/
    /*font-size: 14px !important;*/
}

#sfm-sidebar.sfm-iconbar .sfm-menu-level-0 li>a span {
    display: block;
    padding: 0 5px;
}

#sfm-sidebar.sfm-iconbar .sfm-menu-level-0 a img {
    margin: 0 0 10px 0;
}

.sfm-iconbar .la_icon {
    font-size: 34px;
    margin-bottom: 10px;
    display: block;
}

#sfm-sidebar.sfm-iconbar .sfm-social li {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
}

.sfm-iconbar .sfm-logo {
    padding: 0 20px;
}

#sfm-sidebar.sfm-iconbar i+br+.sfm-sl {
    margin-left: 0;
}

.sfm-toggle-hover .sfm-sidebar-close {
    display: none;
}

#sfm-sidebar .sfm-view-level-custom.sfm-modal .sfm-close {
    display: block;
    z-index: 10000;
    position: absolute;
    right: 0;
    top: 0;
}

#sfm-sidebar.sfm-compact .sfm-va-middle,
.sfm-style-full #sfm-sidebar .sfm-va-middle {
    display: block;
    margin-top: 0px;
}

#sfm-sidebar.sfm-compact .sfm-va-middle {
    height: auto;
}

/*.sfm-sidebar-always #sfm-sidebar .sfm-nav,*/

#sfm-sidebar.sfm-compact .sfm-nav,
.sfm-style-full #sfm-sidebar .sfm-nav,
/*.sfm-sidebar-always #sfm-sidebar .sfm-logo,*/

#sfm-sidebar.sfm-compact .sfm-logo,
#sfm-sidebar.sfm-full-single .sfm-logo,
/*.sfm-sidebar-always #sfm-sidebar .sfm-social,*/

#sfm-sidebar.sfm-compact-footer .sfm-social,
#sfm-sidebar.sfm-compact-footer .sfm-copy
/*.sfm-style-full #sfm-sidebar.sfm-vertical-nav .sfm-social,*/

/*.sfm-style-full #sfm-sidebar.sfm-vertical-nav .sfm-widget-bottom.sfm-copy */

    {
    position: relative;
    display: block;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 800px) {
    #sfm-sidebar .sfm-nav,
    #sfm-sidebar .sfm-logo,
    #sfm-sidebar .sfm-fs-bottom-box,
    #sfm-sidebar .sfm-social {
        position: relative;
        display: block;
        top: 0;
        left: 0;
    }
}

#sfm-sidebar.sfm-compact .sfm-logo {
    /*margin-top: 15px;*/
    /*margin-bottom: 30px;*/
}

.sfm-toggle-hover #sfm-sidebar .sfm-logo {
    /*margin-top: 30px;*/
}

.sfm-theme-top .sfm-sidebar-bg,
.sfm-theme-bottom .sfm-sidebar-bg {
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
}

.sfm-theme-top .sfm-sidebar-bg {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

/*.sfm-style-skew .sfm-sidebar-bg {
    -webkit-transition: all 0.25s cubic-bezier(0.215, 0.061, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.215, 0.061, 0.355, 1);
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}*/

.sfm-theme-bottom .sfm-sidebar-bg {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.sfm-style-full #sfm-sidebar .sfm-menu li>a span {
    max-width: none !important;
    /*    opacity: 0;*/
}

.sfm-style-full #sfm-sidebar.sfm-sidebar-exposed .sfm-menu li>a span {
    /*opacity: 1;*/
}

.sfm-widget {
    width: auto;
    display: block;
}

.sfm-widget-top {
    margin: 0 0 10px 0;
}

.sfm-widget-bottom {
    margin: 20px 0 0 0;
}

.sfm-widget p {
    margin: 0 0 10px 0;
}

.sfm-style-toolbar .sfm-widget {
    text-align: center !important;
}

.sfm-copy {
    margin-bottom: 15px;
    padding: 0 28px;
}

@media only screen and (max-width: 800px) {
    #sfm-sidebar .sfm-scroll {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .wp-embed-responsive #sfm-sidebar .sfm-scroll {
        padding-right: 30px !important;
    }
}

/* MULTIBOX fullscreen styles */

.sfm-style-full #sfm-sidebar .sfm-logo:before,
.sfm-style-full #sfm-sidebar .sfm-fs-bottom-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: transform .45s cubic-bezier(.4, 0, 0, 1);
    transform-origin: center top;
    transform: scaleY(0);
}

.sfm-style-full #sfm-sidebar .sfm-logo:before {
    background-color: #fff;
}

.sfm-style-full #sfm-sidebar .sfm-fs-bottom-box:before {
    background-color: #fb6554
}

.sfm-style-full.sfm-ui-shown #sfm-sidebar .sfm-logo:before,
.sfm-style-full.sfm-ui-shown #sfm-sidebar .sfm-fs-bottom-box:before {
    transition-delay: .15s;
}

.sfm-style-full #sfm-sidebar .sfm-menu {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    min-height: 100%;
}

.sfm-ui-shown #sfm-sidebar.sfm-sidebar-exposed .sfm-logo:before,
.sfm-ui-shown #sfm-sidebar.sfm-sidebar-exposed .sfm-fs-bottom-box:before {
    transform-origin: center bottom;
    transform: scaleX(1);
}

.sfm-style-full .sfm-sidebar-close {
    left: auto;
    right: 40px;
}

.sfm-style-full .sfm-title h3 {
    color: black;
}

.sfm-style-full #sfm-sidebar .sfm-logo,
.sfm-style-full #sfm-sidebar .sfm-nav,
.sfm-style-full #sfm-sidebar .sfm-fs-bottom-box {
    /*opacity: 0;*/
    /*transform: translate3d(0,50px,0);*/
    -webkit-transition: all .45s cubic-bezier(.4, 0, 0, 1);
    transition: all .45s cubic-bezier(.4, 0, 0, 1);
}

.sfm-ui-shown #sfm-sidebar .sfm-logo,
.sfm-ui-shown #sfm-sidebar .sfm-nav,
.sfm-ui-shown #sfm-sidebar .sfm-fs-bottom-box {
    /*opacity: 1;*/
}

.sfm-style-full #sfm-sidebar .sfm-logo>*,
.sfm-style-full #sfm-sidebar .sfm-nav>*,
.sfm-style-full #sfm-sidebar .sfm-fs-bottom-box>* {
    transform: translate3d( 0, 50px, 0);
    -webkit-transition: all .45s cubic-bezier(.4, 0, 0, 1);
    transition: all .45s cubic-bezier(.4, 0, 0, 1);
    transition-delay: .15s;
    opacity: 0;
}

.sfm-style-full #sfm-sidebar .sfm-logo>a {
    display: block;
}

.sfm-ui-shown #sfm-sidebar .sfm-logo>*,
.sfm-ui-shown #sfm-sidebar .sfm-nav>*,
.sfm-ui-shown #sfm-sidebar .sfm-fs-bottom-box>* {
    transform: translate3d( 0, -50px, 0);
}

.sfm-ui-shown #sfm-sidebar.sfm-sidebar-exposed .sfm-logo>*,
.sfm-ui-shown #sfm-sidebar.sfm-sidebar-exposed .sfm-nav>*,
.sfm-ui-shown #sfm-sidebar.sfm-sidebar-exposed .sfm-fs-bottom-box>* {
    transform: translate3d( 0, 0, 0);
    opacity: 1;
}

@media only screen and (min-width: 812px) {
    /*top box*/
    #sfm-sidebar.sfm-full-multibox .sfm-logo {
        position: absolute;
        left: 0;
        width: 25%;
        top: 0;
        height: 60%;
        z-index: 1;
        opacity: 1;
    }
    #sfm-sidebar.sfm-full-multibox .sfm-nav {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        width: 75%;
        height: 100%;
        margin: 0;
        overflow-y: scroll;
        box-sizing: border-box;
        /*padding-top: 3rem;*/
    }
    /*bottom box*/
    .sfm-full-multibox .sfm-fs-bottom-box {
        position: absolute;
        left: 0;
        width: 25%;
        bottom: 0;
        height: 40%;
        z-index: 1;
    }
}

/*bottom box*/

.sfm-style-full #sfm-sidebar .sfm-social,
.sfm-style-full #sfm-sidebar .sfm-copy {
    position: relative;
}

.sfm-style-full #sfm-sidebar.sfm-widget-bottom .sfm-social {
    bottom: auto;
    margin-top: 30px;
}

.sfm-fs-bottom-box {
    overflow: hidden;
    position: relative;
}

.sfm-full-single .sfm-fs-bottom-box {
    width: 100%;
}

/* single columg full */

.sfm-full-single .sfm-scroll {
    display: flex;
    /*flex-direction: column;*/
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.sfm-full-single .sfm-logo {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
}

.sfm-full-single .sfm-nav {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    display: flex !important;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.sfm-full-single .sfm-fs-bottom-box {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
}

#sfm-sidebar.sfm-full-single .sfm-scroll {
    height: auto;
    min-height: 100%;
}

#sfm-sidebar.sfm-full-single .sfm-scroll-wrapper {
    overflow: auto;
    height: 100%;
}

#sfm-sidebar.sfm-full-single .sfm-scroll-wrapper,
#sfm-sidebar.sfm-full-multibox .sfm-scroll-wrapper {
    -webkit-overflow-scrolling: touch;
}

#sfm-sidebar.sfm-full-single .sfm-copy {
    margin-bottom: 30px;
}

/**/

.sfm-nav-bg_item {
    background-color: #181818;
    position: absolute;
    left: 0;
    width: 100%;
    transition: transform .45s cubic-bezier(.4, 0, 0, 1);
    z-index: -1;
    display: none;
    transition-delay: .4s;
}

.sfm-body-pushed .sfm-nav-bg_item {
    transition-delay: 0s;
}

.sfm-style-full .sfm-nav-bg_item {
    display: block;
}

.sfm-nav-bg_item.-top {
    top: 0;
    height: 50%;
    transform-origin: right center;
    transform: scaleX(0);
}

.sfm-nav-bg_item.-bottom {
    bottom: 0;
    height: 50%;
    transform-origin: left center;
    transform: scaleX(0);
}

.sfm-body-pushed .sfm-nav-bg_item.-top {
    transform-origin: left center;
    transform: scaleX(1);
}

.sfm-body-pushed .sfm-nav-bg_item.-bottom {
    transform-origin: right center;
    transform: scaleX(1);
}

.sfm-ui-shown .sfm-nav-bg_item {
    transition-delay: .4s;
}

/*divi builder */

.et-fb-preview--wireframe .sfm-rollback,
.et-fb-preview--wireframe #sfm-sidebar {
    display: none !important;
}

.sfm-video {
    height: 100vh !important;
}

.mb_YTPlayer:focus {
    outline: 0
}

.YTPWrapper {
    display: block;
    transform: translateZ(0) translate3d(0, 0, 0);
    transform-style: preserve-3d;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

.mb_YTPlayer .loading {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, .51);
    text-align: center;
    padding: 2px 4px;
    border-radius: 5px;
    font-family: "Droid Sans", sans-serif;
    -webkit-animation: fade .1s infinite alternate;
    animation: fade .1s infinite alternate
}

@-webkit-keyframes fade {
    0% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

.YTPFullscreen {
    display: block !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border: none !important;
    opacity: 1 !important;
    background-color: #000 !important;
    padding: 0 !important
}

.inlinePlayButton {
    display: none !important;
    font-size: 45px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    width: 80px;
    height: 80px;
    line-height: 80px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    opacity: .8;
    transition: all .4s;
    transform: scale(1.3)
}

.mb_YTPBar,
.mb_YTPBar .buttonBar {
    left: 0;
    width: 100%;
    box-sizing: border-box
}

.mbYTP_wrapper iframe {
    max-width: 8000px !important
}

.inline_YTPlayer {
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    left: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    background: rgba(0, 0, 0, .5)
}

.inline_YTPlayer img {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important
}

.mb_YTPBar .ytpicon {
    font-size: 20px;
}

.mb_YTPBar .mb_YTPUrl.ytpicon {
    font-size: 30px
}

.mb_YTPBar {
    transition: opacity .5s;
    display: block;
    height: 10px;
    padding: 5px;
    background: #333;
    position: fixed;
    bottom: 0;
    text-align: left;
    z-index: 1000;
    font: 14px/16px sans-serif;
    color: #fff;
    opacity: .1
}

.mb_YTPBar .buttonBar {
    transition: all .5s;
    background: 0 0;
    font: 12px/14px san-serif;
    position: absolute;
    top: -30px;
    padding: 5px;
    height: 40px
}

.mb_YTPBar span {
    display: inline-block;
    font: 16px/20px sans-serif;
    position: relative;
    width: 30px;
    height: 25px;
    vertical-align: middle
}

.mb_YTPBar span.mb_YTPTime {
    width: 130px
}

.mb_YTPBar span.mb_OnlyYT,
.mb_YTPBar span.mb_YTPUrl {
    position: absolute;
    width: auto;
    display: block;
    top: 6px;
    right: 10px;
    cursor: pointer
}

.mb_YTPBar span.mb_YTPUrl img {
    width: 60px
}

.mb_YTPBar span.mb_OnlyYT {
    left: 300px;
    right: auto
}

.mb_YTPBar span.mb_OnlyYT img {
    width: 25px
}

.mb_YTPBar span.mb_YTPUrl a {
    color: #fff
}

.mb_YTPBar .mb_YTPMuteUnmute,
.mb_YTPBar .mb_YTPPlayPause,
.mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img {
    cursor: pointer
}

.mb_YTPBar .mb_YTPProgress {
    height: 10px;
    width: 100%;
    background: #222;
    bottom: 0;
    left: 0
}

.mb_YTPBar .mb_YTPLoaded {
    height: 10px;
    width: 0;
    background: #444;
    left: 0
}

.mb_YTPBar .mb_YTPseekbar {
    height: 10px;
    width: 0;
    background: #bb110e;
    bottom: 0;
    left: 0;
    box-shadow: rgba(82, 82, 82, .47) 1px 1px 3px
}

.mb_YTPBar .YTPOverlay {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: "flat";
    box-sizing: border-box
}

/*.YTPOverlay.raster {background: url(images/raster.png)}

.YTPOverlay.raster.retina {background: url(images/raster@2x.png)}

.YTPOverlay.raster-dot {background: url(images/raster_dot.png)}

.YTPOverlay.raster-dot.retina {background: url(images/raster_dot@2x.png)}*/

.mb_YTPBar .simpleSlider {
    position: relative;
    width: 100px;
    height: 10px;
    border: 1px solid #fff;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 10px;
    cursor: pointer !important;
    border-radius: 3px
}

.mb_YTPBar.compact .simpleSlider {
    width: 40px
}

.mb_YTPBar.compact span.mb_OnlyYT {
    left: 260px
}

.mb_YTPBar .simpleSlider.muted {
    opacity: .3
}

.mb_YTPBar .level {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    box-sizing: border-box
}

.mb_YTPBar .level.horizontal {
    height: 100%;
    width: 0
}

.mb_YTPBar .level.vertical {
    height: auto;
    width: 100%
}