#sfm-sidebar [class*=sfm-icon-] a,
#sfm-sidebar.sfm-indicators .sfm-sm-indicator i,
.sfm-view-level-custom:before {
-moz-osx-font-smoothing: grayscale;
speak: none;
font-variant: normal;
-webkit-font-smoothing: antialiased;
font-family: sfm-icomoon
}
.sfm-pos-right .sfm-logo,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-logo,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-nav,
.sfm-style-skew #sfm-sidebar.sfm-theme-bottom .sfm-menu {
clear: both
}
body {
overflow-x: hidden
}
.superfly-on #sfm-sidebar {
display: block
}
#sfm-sidebar,
.sfm-mobile #sfm-sidebar:after {
display: none
}
#sfm-sidebar ol,
#sfm-sidebar ul {
list-style: none
}
#sfm-sidebar a {
outline: 0
}
#sfm-sidebar {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
text-align: left;
position: fixed;
top: 0;
bottom: 0;
left: 0;
min-height: 100%;
line-height: 1;
z-index: 3000001;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased
}
#sfm-sidebar,
.sfm-scroll-wrapper,
.sfm-sidebar-bg,
.sfm-view-level-custom {
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .4s cubic-bezier(.215, .061, .355, 1), background .4s cubic-bezier(.215, .061, .355, 1), opacity .2s cubic-bezier(.215, .061, .355, 1);
-moz-transition: -moz-transform .4s cubic-bezier(.215, .061, .355, 1), background .4s cubic-bezier(.215, .061, .355, 1), opacity .2s cubic-bezier(.215, .061, .355, 1);
-ms-transition: -ms-transform .4s cubic-bezier(.215, .061, .355, 1), background .4s cubic-bezier(.215, .061, .355, 1), opacity .2s cubic-bezier(.215, .061, .355, 1);
-o-transition: -o-transform .4s cubic-bezier(.215, .061, .355, 1), background .4s cubic-bezier(.215, .061, .355, 1), opacity .2s cubic-bezier(.215, .061, .355, 1);
transition: transform .4s cubic-bezier(.215, .061, .355, 1) 1s, background .4s cubic-bezier(.215, .061, .355, 1), opacity .2s cubic-bezier(.215, .061, .355, 1);
-webkit-transition-delay: .05s;
transition-delay: .05s
}
.sfm-pos-right #sfm-sidebar {
right: 0;
left: auto
}
.sfm-mobile .sfm-sidebar-always>*,
body.sfm-blur>*,
body.sfm-sidebar-push>*,
body.sfm-sidebar-sub-push>* {
-webkit-backface-visibility: hidden;
transition: all .4s cubic-bezier(.215, .061, .355, 1);
-webkit-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-moz-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-ms-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-o-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-webkit-transition-delay: .05s;
transition-delay: .05s
}
body.sfm-blur.sfm-body-pushed>* {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
filter: blur(2px)
}
body.sfm-blur #sfm-body-bg,
body.sfm-blur #sfm-mob-navbar,
body.sfm-blur #sfm-overlay-wrapper,
body.sfm-blur #sfm-sidebar {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none
}
.sfm-style-full #sfm-sidebar {
-webkit-transform: translate(0, -100px)!important;
-moz-transform: translate(0, -100px)!important;
-ms-transform: translate(0, -100px)!important;
transform: translate(0, -100px)!important;
-webkit-transform: translate3d(0, -100px, 0)!important;
-moz-transform: translate3d(0, -100px, 0)!important;
-ms-transform: translate3d(0, -100px, 0)!important;
-o-transform: translate3d(0, -100px, 0)!important;
transform: translate3d(0, -100px, 0)!important
}
#sfm-sidebar.sfm-sidebar-exposed,
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li,
.sfm-pos-right.sfm-no-mobile .sfm-sidebar-always #sfm-sidebar,
.sfm-sidebar-always #sfm-sidebar .sfm-menu-level-0>li {
-webkit-transform: translate(0, 0)!important;
-moz-transform: translate(0, 0)!important;
-ms-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;
-webkit-transform: translate3d(0, 0, 0)!important;
-moz-transform: translate3d(0, 0, 0)!important;
-ms-transform: translate3d(0, 0, 0)!important;
-o-transform: translate3d(0, 0, 0)!important;
transform: translate3d(0, 0, 0)!important
}
#sfm-sidebar .sfm-menu-level-0>li {
-webkit-transform: translate(-30px, 0);
-moz-transform: translate(-30px, 0);
-ms-transform: translate(-30px, 0);
transform: translate(-30px, 0);
-webkit-transform: translate3d(-30px, 0, 0);
-moz-transform: translate3d(-30px, 0, 0);
-ms-transform: translate3d(-30px, 0, 0);
-o-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);
-moz-transform: translate(30px, 0);
-ms-transform: translate(30px, 0);
transform: translate(30px, 0);
-webkit-transform: translate3d(30px, 0, 0);
-moz-transform: translate3d(30px, 0, 0);
-ms-transform: translate3d(30px, 0, 0);
-o-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
#sfm-marker,
.sfm-no-mobile .sfm-sidebar-always .sfm-rollback {
display: none!important
}
.sfm-view-pushed-1 #sfm-sidebar:after {
z-index: -800
}
.sfm-pos-right #sfm-sidebar:after {
left: -3px;
right: 0
}
.sfm-rollback {
cursor: pointer;
z-index: 3000000;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-backface-visibility: hidden;
-webkit-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-moz-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-ms-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-o-transition: all .4s cubic-bezier(.215, .061, .355, 1);
transition: all .4s cubic-bezier(.215, .061, .355, 1);
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-font-smoothing: antialiased;
color: #a4a4a4;
font-size: 10px;
height: 100%;
line-height: 30px;
position: fixed;
left: 0;
top: 0;
text-align: center;
text-transform: uppercase;
width: 40px
}
.sfm-logo,
.sfm-rollback.sfm-fixed {
position: absolute
}
.superfly-on .sfm-rollback {
opacity: 1
}
.sfm-pos-right .sfm-rollback {
right: 0;
left: auto
}
.sfm-logo {
text-align: center;
top: 40px;
left: 0;
width: 100%;
padding: 0 30px;
box-sizing: border-box;
z-index: 10000
}
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-logo,
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-menu .sfm-chapter,
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-menu li a,
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-social {
text-align: left
}
.sfm-logo img {
max-width: 100%
}
.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;
position: relative!important;
left: 0px!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%
}
#sfm-sidebar .sfm-scroll {
width: 100%;
padding-right: 30px;
overflow: auto;
height: 100%;
box-sizing: content-box
}
.sfm-style-skew #sfm-sidebar .sfm-menu li:after {
display: none
}
.sfm-style-skew #sfm-sidebar .sfm-menu li>a:before {
background: 0 0;
display: none!important
}
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-sidebar-close {
float: right
}
.sfm-style-skew #sfm-sidebar .sfm-nav {
max-height: none;
margin-top: 0
}
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-logo,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-menu .sfm-chapter,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-menu li a,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-social,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-widget,
.sfm-pos-right .sfm-style-skew #sfm-sidebar .textwidget {
text-align: right
}
.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-chapter,
.sfm-style-skew #sfm-sidebar .sfm-menu li a,
.sfm-style-skew #sfm-sidebar .widget-area {
padding-left: 0!important;
padding-right: 0!important
}
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-copy,
.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-theme-bottom .sfm-nav,
.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 {
padding-left: 13%;
width: auto
}
.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-social {
padding-left: calc(13% - 15px)
}
.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-copy,
.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-theme-top .sfm-nav,
.sfm-pos-right .sfm-style-skew.sfm-sidebar-always #sfm-sidebar .sfm-nav {
padding-right: 13%;
padding-left: 0;
width: auto
}
.sfm-pos-right .sfm-style-skew #sfm-sidebar .sfm-social {
left: initial;
right: 0;
padding-right: calc(13% - 15px)
}
.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: 50%
}
.sfm-pos-right .sfm-style-skew #sfm-sidebar.sfm-theme-top .sfm-social {
float: right
}
.sfm-style-full #sfm-sidebar .sfm-scroll {
padding-right: 0
}
.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%;
width: 100%;
top: 0;
left: 0
}
.sfm-mobile #sfm-sidebar .sfm-nav {
min-height: 0!important
}
#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;
margin: 0;
position: relative;
z-index: 2222
}
.sfm-mobile #sfm-sidebar .sfm-va-middle {
display: block;
height: auto;
margin-top: 0
}
#sfm-sidebar .sfm-menu-level-0>li {
opacity: 0;
-webkit-transition: -webkit-transform .3s cubic-bezier(.215, .061, .355, 1), opacity .4s cubic-bezier(.215, .061, .355, 1);
transition: transform .3s cubic-bezier(.215, .061, .355, 1), opacity .4s cubic-bezier(.215, .061, .355, 1)
}
#sfm-sidebar .sfm-menu li a,
#sfm-sidebar .sfm-menu li>a:before {
-webkit-transition: all .3s cubic-bezier(.215, .061, .355, 1);
-moz-transition: all .3s cubic-bezier(.215, .061, .355, 1);
-o-transition: all .3s cubic-bezier(.215, .061, .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: .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-sidebar .sfm-menu li {
text-align: center;
text-transform: uppercase;
cursor: pointer;
margin: 0;
position: relative;
list-style: none
}
#sfm-sidebar .sfm-menu li a {
white-space: nowrap;
text-decoration: none;
transition: all .3s cubic-bezier(.215, .061, .355, 1)
}
#sfm-sidebar .sfm-social li a,
#sfm-sidebar .sfm-social li a:hover,
.sfm-navicon-button {
text-decoration: none!important
}
#sfm-sidebar .sfm-menu li i:before {
display: block
}
#sfm-sidebar .sfm-menu a img {
vertical-align: middle;
display: inline-block;
margin: 0 12px 0 0;
position: relative
}
#sfm-sidebar .sfm-menu li:hover span {
-webkit-backface-visibility: hidden
}
#sfm-sidebar .sfm-nav {
display: table
}
.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%
}
#sfm-sidebar .sfm-view .sfm-menu li {
text-align: center;
cursor: pointer
}
.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;
transition: all .4s cubic-bezier(.215, .061, .355, 1);
-webkit-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-moz-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-ms-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-o-transition: all .4s cubic-bezier(.215, .061, .355, 1);
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
display: none
}
.superfly-on #sfm-sidebar .sfm-view {
display: table
}
.superfly-on #sfm-sidebar .sfm-view-level-custom {
display: block
}
#sfm-sidebar .sfm-view-level-1 {
position: absolute;
height: 100%;
width: 250px;
top: 0;
left: 250px;
background: #b5b5b5;
z-index: -300
}
#sfm-sidebar .sfm-view-level-2 {
width: 250px;
top: 0;
left: 500px;
background: #36939e;
z-index: -400
}
#sfm-sidebar .sfm-view-level-3 {
width: 250px;
top: 0;
left: 750px;
background: #9e466b;
z-index: -500
}
body.sfm-view-pushed-1 #sfm-sidebar .sfm-view-level-1,
body.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-2,
body.sfm-view-pushed-3 #sfm-sidebar .sfm-view-level-3 {
-webkit-transform: translate(0, 0)!important;
-moz-transform: translate(0, 0)!important;
-ms-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;
-webkit-transform: translate3d(0, 0, 0)!important;
-moz-transform: translate3d(0, 0, 0)!important;
-ms-transform: translate3d(0, 0, 0)!important;
-o-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;
content: "";
bottom: 0;
width: 0;
z-index: 0;
background: rgba(255, 255, 255, .075);
transition: all .3s cubic-bezier(.215, .061, .355, 1);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
display: block!important
}
.sfm-pos-right #sfm-sidebar .sfm-menu li>a:before {
left: auto;
right: 0
}
#sfm-sidebar.sfm-hl-line .sfm-menu li>a:before {
top: auto;
height: 2px
}
.sfm-no-mobile #sfm-sidebar .sfm-menu li.sfm-active-item>a:before,
.sfm-no-mobile #sfm-sidebar .sfm-menu li.sfm-active-smooth>a:before,
.sfm-no-mobile #sfm-sidebar .sfm-menu li:hover>a:before,
.sfm-style-full #sfm-sidebar .sfm-menu li.sfm-active-item>a:before {
width: 100%
}
.sfm-vertical-nav .sfm-sm-indicator {
width: 45px
}
#sfm-sidebar.sfm-underline-2 .sfm-menu li:after {
border-bottom: 3px solid #fff;
content: '';
display: block;
width: 0;
bottom: -10px;
-webkit-transition: all .3s cubic-bezier(.215, .061, .355, 1);
-moz-transition: all .3s cubic-bezier(.215, .061, .355, 1);
-o-transition: all .3s cubic-bezier(.215, .061, .355, 1);
transition: all .3s cubic-bezier(.215, .061, .355, 1);
position: relative;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
#sfm-sidebar .sfm-menu li>a span {
display: inline-block;
vertical-align: middle;
line-height: inherit;
position: relative;
z-index: 2;
font-family: inherit!important;
white-space: normal
}
.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-sl,
#sfm-sidebar .sfm-sm-indicator i {
font-size: 75%;
font-style: normal;
text-transform: none
}
#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;
word-break: break-word
}
#sfm-overlay,
#sfm-overlay-wrapper {
position: fixed;
top: 0;
bottom: 0;
-webkit-backface-visibility: hidden
}
#sfm-overlay-wrapper {
left: 0;
right: 0;
z-index: 999999;
visibility: hidden
}
#sfm-overlay {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
background: #333;
left: -500px;
right: -500px;
cursor: pointer;
-webkit-transition: opacity .4s cubic-bezier(.215, .061, .355, 1);
-moz-transition: opacity .4s cubic-bezier(.215, .061, .355, 1);
-ms-transition: opacity .4s cubic-bezier(.215, .061, .355, 1);
-o-transition: opacity .4s cubic-bezier(.215, .061, .355, 1);
transition: opacity .4s cubic-bezier(.215, .061, .355, 1);
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transform: translate3d(0, 0, 0)
}
.sfm-body-pushed #sfm-overlay {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}
.sfm-label-hidden {
display: none!important
}
#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;
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, .05);
margin: 0;
padding: 15px 0;
position: relative
}
#sfm-sidebar .sfm-search-form input[type=search]:focus {
opacity: 1;
outline: 0!important
}
#sfm-sidebar .sfm-logo {
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s .3s, opacity .3s linear;
-moz-transition: visibility 0s .3s, opacity .3s linear;
-ms-transition: visibility 0s .3s, opacity .3s linear;
transition: visibility 0s .3s, opacity .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 .3s linear;
-moz-transition: opacity .3s linear;
-ms-transition: opacity .3s linear;
transition: opacity .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: 15px;
font-family: sfm-icomoon;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 16px;
font-size: 16px;
color: #fff;
cursor: pointer
}
#sfm-sidebar .sfm-search-form span:after {
content: '\e905'
}
#sfm-sidebar .sfm-social {
display: block;
position: absolute;
padding-top: 10px;
bottom: 30px;
left: 0;
width: 100%;
text-align: center;
z-index: 1000;
box-sizing: content-box;
margin-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: 45px;
background: #3b5998;
transform: scale(0, 0)
}
#sfm-sidebar .sfm-social a:after,
#sfm-sidebar .sfm-social a:before {
-webkit-backface-visibility: hidden;
-webkit-transition: transform .15s cubic-bezier(.215, .061, .355, 1);
transition: transform .15s cubic-bezier(.215, .061, .355, 1)
}
#sfm-sidebar .sfm-social li:hover a:after {
transform: scale(1, 1)
}
#sfm-sidebar .sfm-social li:hover a:before {
text-shadow: rgba(0, 0, 0, .05) 1px 1px, rgba(0, 0, 0, .05) 2px 2px, rgba(0, 0, 0, .05) 3px 3px, rgba(0, 0, 0, .05) 4px 4px, rgba(0, 0, 0, .05) 5px 5px, rgba(0, 0, 0, .05) 6px 6px
}
#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
}
#sfm-sidebar [class*=sfm-icon-] a,
.sfm-view-level-custom:before {
font-style: normal;
font-weight: 400;
text-transform: none;
line-height: 16px;
font-size: 16px;
color: #fff;
position: relative
}
#sfm-sidebar [class*=sfm-icon-] a:before {
position: relative;
margin: 0 auto;
top: 15px;
z-index: 2
}
#sfm-sidebar.sfm-iconbar [class*=sfm-icon-] a:before {
top: 12px
}
#sfm-sidebar .sfm-social li:hover a {
color: #fff
}
.sfm-social:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
left: 0;
text-align: center
}
.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: #f80
}
#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
}
.sfm-navicon-button {
display: inline-block;
position: absolute;
left: 0;
padding: 0;
margin: 0;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all .3s ease;
top: 50%
}
#sfm-mob-navbar,
.sf-label-hidden .sfm-navicon-button {
display: none
}
.sfm-label-metro .sfm-navicon-button {
background: #000
}
.sfm-label-metro .sfm-navicon,
.sfm-label-metro .sfm-navicon:after,
.sfm-label-metro .sfm-navicon:before {
border-radius: 0!important;
height: 2px
}
.sfm-label-none .sfm-navicon,
.sfm-label-none .sfm-navicon:after,
.sfm-label-none .sfm-navicon:before,
.sfm-label-text .sfm-navicon,
.sfm-navicon {
height: 3px
}
#sfm-mob-navbar .sfm-navicon,
#sfm-mob-navbar .sfm-navicon:after,
#sfm-mob-navbar .sfm-navicon:before,
.sfm-label-metro .sfm-navicon,
.sfm-label-metro .sfm-navicon:after,
.sfm-label-metro .sfm-navicon:before {
background: #fff;
z-index: 1
}
#sfm-mob-navbar .sfm-navicon-button:after {
display: none!important
}
.sfm-label-circle .sfm-navicon-button,
.sfm-label-rsquare .sfm-navicon-button,
.sfm-label-square .sfm-navicon-button {
border: 3px solid
}
.sfm-label-rsquare .sfm-navicon-button {
border-radius: 8px
}
.sfm-label-circle .sfm-navicon-button {
border-radius: 50%
}
.sfm-pos-right .sfm-label-circle .sfm-navicon-button,
.sfm-pos-right .sfm-label-rsquare .sfm-navicon-button,
.sfm-pos-right .sfm-label-square .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 {
right: 0;
left: auto
}
.sf_label_default:hover .sfm-navicon {
transform: translate(-5%)
}
.sf_label_default:hover .sfm-navicon:after,
.sf_label_default:hover .sfm-navicon:before {
transform: translate(7%)
}
.sfm-navicon-button .sfm-navicon:after,
.sfm-navicon-button .sfm-navicon:before {
transition: .25s
}
.sfm-navicon-button:hover {
transition: .5s;
opacity: 1
}
.sfm-navicon-button:hover .sfm-navicon:after,
.sfm-navicon-button:hover .sfm-navicon:before {
transition: .25s
}
.sfm-navicon-button .sf_label_icon {
margin: 0 auto;
font-size: 24px;
padding: 10%
}
.sfm-has-child-menu>a,
.sfm-pos-right .sfm-has-child-menu>a {
padding-left: 28px!important;
padding-right: 28px!important
}
.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 {
position: absolute;
top: 50%;
left: 0;
width: 60%;
background: #e7e6dd;
transition: all .3s ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
margin: -1px 20%
}
.sfm-navicon:after,
.sfm-navicon:before,
.sfm-sidebar-close:after,
.sfm-sidebar-close:before {
display: block;
content: "";
width: 100%;
height: 3px;
background: #fff;
position: absolute;
left: 0;
z-index: -1;
transition: all .25s .25s; }
.sfm-sidebar-close:after,
.sfm-sidebar-close:before {
width:45px !important;
}
.sfm-navicon:after {
top: -8px
}
.sfm-navicon:before {
top: 8px
}
.sfm-sidebar-close:after,
.sfm-sidebar-close:before {
width: 24px;
top: 40px;
left: 20px
}
.sfm-pos-right .sfm-sidebar-close:after,
.sfm-pos-right .sfm-sidebar-close:before {
left: initial;
right: 14px
}
{
-webkit-transform: translate(2px, 0)
}
.sfm-label-none .sfm-navicon:after,
.sfm-label-text .sfm-navicon:after {
top: -8px
}
.sfm-label-none .sfm-navicon:before,
.sfm-label-text .sfm-navicon:before {
top: 8px
}
.sfm-open:not(.steps) .sfm-navicon:after,
.sfm-open:not(.steps) .sfm-navicon:before {
top: 0!important
}
.sfm-open .sfm-navicon:after,
.sfm-open .sfm-navicon:before {
transition: .3s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.sfm-open.x .sfm-navicon {
background: 0 0!important
}
.sfm-open.x .sfm-navicon:after,
.sfm-sidebar-close:after {
-webkit-transform: rotate(45deg)!important;
-moz-transform: rotate(45deg)!important;
-ms-transform: rotate(45deg)!important;
transform: rotate(45deg)!important
}
.sfm-open.x .sfm-navicon:before,
.sfm-sidebar-close:before {
-webkit-transform: rotate(-45deg)!important;
-moz-transform: rotate(-45deg)!important;
-ms-transform: rotate(-45deg)!important;
transform: rotate(-45deg)!important
}
.sfm-inner-fixed {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-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;
width: 30px;
-webkit-transition: all .3s cubic-bezier(.215, .061, .355, 1);
-moz-transition: all .3s cubic-bezier(.215, .061, .355, 1);
-o-transition: all .3s cubic-bezier(.215, .061, .355, 1);
transition: all .3s cubic-bezier(.215, .061, .355, 1);
background: 0 0
}
.sfm-indicators .sfm-sm-indicator {
display: inline-block
}
#sfm-sidebar.sfm-indicators .sfm-sm-indicator i {
font-size: 12px;
vertical-align: middle;
font-style: normal;
font-weight: 400;
text-transform: none;
display: inline-block;
color: inherit;
position: absolute;
top: 50%;
left: 0;
margin: -.7em 0 0;
width: 100%;
text-align: center
}
.sfm-style-full .sfm-sm-indicator {
right: auto!important;
width: 35px
}
.sfm-style-full #sfm-sidebar .sfm-social {
border-top: 1px solid rgba(107, 107, 107, .21);
margin-bottom: 10px
}
.sfm-style-full #sfm-sidebar .sfm-nav {
min-height: 0;
height: auto;
margin: 30px 0
}
.sfm-style-full #sfm-sidebar .sfm-logo {
margin-top: 30px
}
.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-child-menu,
.sfm-style-full .sfm-menu .sfm-sm-indicator {
background: 0 0!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-sidebar.sfm-test-mode:before {
position: absolute;
content: 'Test mode ON';
top: 0;
color: #fff;
background: #b90000
}
.sfm-pos-right .sfm-sm-indicator {
left: 0;
right: auto
} .icon-plus:before {
content: "\ea0a";
}
.sfm-pos-left #sfm-sidebar:not(.sfm-vertical-nav) .sfm-has-child-menu:hover .sfm-sm-indicator {
right: -2px
}
.sfm-pos-right #sfm-sidebar:not(.sfm-vertical-nav) .sfm-has-child-menu:hover .sfm-sm-indicator {
left: -2px
}
.sfm-pos-right .sfm-indicators .sfm-sm-indicator i:after {
content: '\e60f'
}
#sfm-sidebar .widget-area {
padding: 15px
}
#sfm-sidebar .widget {
padding: 0
}
#sfm-sidebar .widget-area:empty {
display: none
}
#sfm-sidebar .sfm-view-level-custom {
visibility: hidden;
display: block;
padding: 0;
margin: 0;
overflow: hidden;
width: 100%;
box-sizing: content-box;
background: #e2e2e2;
z-index: -1000;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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;
width: 100%;
z-index: 3000000;
padding-top: 30px;
-webkit-transform: none!important;
-moz-transform: none!important;
-ms-transform: none!important;
-o-transform: none!important;
transform: none!important
}
.sfm-pos-right #sfm-sidebar .sfm-view-level-custom.sfm-modal {
right: 0;
left: 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, .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 .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out
}
.sfm-custom-content.sfm-vert-align {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-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
}
.sfm-title h3 {
font-size: 28px;
font-weight: 400;
color: #FFF;
margin: 20px 0 10px
}
.sfm-title h4 {
font-size: 18px;
font-weight: 300;
color: #AAA;
margin: 0 0 30px
}
.sfm-title h3,
.sfm-title h4 {
font-family: inherit
}
#sfm-sidebar .sfm-menu,
#sfm-sidebar .sfm-menu li {
float: none!important;
line-height: 1!important;
letter-spacing:3px;
}
#sfm-sidebar .sfm-chapter {
display: block;
text-transform: uppercase!important;
font-weight: 700!important;
opacity: .75;
cursor: default!important
}
.sfm-chapter div {
display: inline-block
}
.sfm-mobile .sfm-style-full #sfm-sidebar .sfm-menu {
margin-top: 0
}
.sfm-style-full #sfm-sidebar .la_icon,
.sfm-style-full #sfm-sidebar>.sfm-view,
.sfm-style-full .sfm-sl {
display: none!important
}
.sfm-style-full #sfm-sidebar>.sfm-view-level-custom {
display: block!important
}
#sfm-sidebar.sfm-iconbar .sfm-chapter,
#sfm-sidebar.sfm-iconbar .sfm-title,
#sfm-sidebar.sfm-iconbar .widget-area,
.sfm-iconbar .sfm-search-form,
.sfm-iconbar .sfm-sm-indicator,
.sfm-iconbar .sfm-social:after,
.sfm-no-mobile .sfm-sidebar-always .sfm-sidebar-close {
display: none
}
.sfm-sidebar-close {
position: relative;
top: 0;
width: 60px;
height: 80px;
left: 0;
cursor: pointer;
z-index: 10001;
border-right:1px solid #302826;
padding-right:20px;
}
.sfm-pos-right .sfm-sidebar-close {
float: right;
margin-bottom: 30px;
position: relative
}
#sfm-mob-navbar img {
opacity: 1;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.sfm-body-pushed #sfm-mob-navbar img {
opacity: 0
}
.sfm-sidebar-always #sfm-sidebar .sfm-logo,
.sfm-sidebar-always #sfm-sidebar.sfm-compact .sfm-logo {
margin-top: 40px
}
.sfm-iconbar {
box-shadow: -5px 0 22px rgba(0, 0, 0, .25)
}
#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 li>a span {
display: block;
padding: 0 5px
}
#sfm-sidebar.sfm-iconbar .sfm-menu a img {
margin: 0 0 10px
}
.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-sidebar .sfm-view-level-custom.sfm-modal .sfm-close {
z-index: 10000;
position: relative
}
#sfm-sidebar.sfm-compact .sfm-va-middle,
.sfm-style-full #sfm-sidebar .sfm-va-middle {
display: block;
height: auto;
margin-top: 0
}
#sfm-sidebar.sfm-compact .sfm-logo,
#sfm-sidebar.sfm-compact .sfm-nav,
#sfm-sidebar.sfm-compact-footer .sfm-copy,
#sfm-sidebar.sfm-compact-footer .sfm-social,
.sfm-mobile #sfm-sidebar .sfm-logo,
.sfm-mobile #sfm-sidebar .sfm-nav,
.sfm-mobile #sfm-sidebar .sfm-social,
.sfm-style-full #sfm-sidebar .sfm-logo,
.sfm-style-full #sfm-sidebar .sfm-nav,
.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
}
#sfm-sidebar.sfm-compact .sfm-logo { border-top:1px solid #302826;
}
.sfm-toggle-hover #sfm-sidebar .sfm-logo {
margin-top: 30px
}
.sfm-theme-top .sfm-sidebar-bg {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: skewX(-20.65deg);
-moz-transform: skewX(-20.65deg);
-ms-transform: skewX(-20.65deg);
-o-transform: skewX(-20.65deg);
transform: skewX(-20.65deg);
height: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0
}
.sfm-theme-bottom .sfm-sidebar-bg {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: skewX(20.65deg);
-moz-transform: skewX(20.65deg);
-ms-transform: skewX(20.65deg);
-o-transform: skewX(20.65deg);
transform: skewX(20.65deg);
height: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0
}
.sfm-style-full #sfm-sidebar .sfm-menu li>a span {
vertical-align: top;
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
}
.sfm-widget-bottom {
margin: 20px 0 0
}
.sfm-widget p {
margin: 0 0 10px
}
.sfm-style-toolbar .sfm-widget {
text-align: center!important
}
.sfm-copy {
margin-bottom: 15px;
padding: 0 28px
}
.sfm-mobile #sfm-sidebar .sfm-scroll {
padding-right: 0!important;
padding-left: 0!important
}