.superfly-on #sf-sidebar {
display: block;
}
#sf-sidebar ol, #sf-sidebar ul {
list-style: none;
}
#sf-sidebar a {
outline: 0;
}
#sf-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: 3000000;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-moz-transition:-moz-transform  0.4s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-ms-transition: -ms-transform  0.4s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-transition: -o-transform  0.4s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
transition: transform  0.4s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#sf-sidebar, .sf-view-level-custom, .sf-scroll-wrapper {
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1), background  0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-moz-transition:-moz-transform  0.4s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1), background  0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-ms-transition: -ms-transform  0.4s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1), background  0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-transition: -o-transform  0.4s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1), background  0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
transition: transform  0.4s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1), background  0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-webkit-transition-delay: .05s;
transition-delay: .05s;
}
.sf-pos-right #sf-sidebar {
right: 0;
left: auto;
}
html {
overflow-x: hidden !important;
position: relative !important;
}
body.sf-sidebar-push > *,
.sf-mobile .sf-sidebar-static > *,
body.sf-sidebar-sub-push > *,
body.sf-blur > *{
-webkit-backface-visibility: hidden;
transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-moz-transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-ms-transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-webkit-transition-delay: .05s;
transition-delay: .05s; }
body.sf-blur.sf-body-pushed > * {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
filter: blur(2px);
}
body.sf-blur #sf-body-bg,
body.sf-blur #sf-sidebar,
body.sf-blur #sf-overlay-wrapper,
body.sf-blur #sf-mob-navbar {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
}
body #sf-sidebar.sf-sidebar-exposed,
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li,
.sf-sidebar-static #sf-sidebar .sf-menu-level-0 > li,
.sf-pos-right.sf-sidebar-static #sf-sidebar,
.sf-sidebar-full #sf-sidebar,
.sf-sidebar-full #sf-sidebar.sf-sidebar-exposed .sf-scroll-wrapper {
-webkit-transform: translate(0,0) !important;
-moz-transform: translate(0,0)!important;
-ms-transform: translate(0,0)!important;
-o-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;
}
#sf-sidebar .sf-menu-level-0 > li {
-webkit-transform: translate(-30px,0);
-moz-transform: translate(-30px,0);
-ms-transform: translate(-30px,0);
-o-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);
}
.sf-pos-right #sf-sidebar .sf-menu-level-0 > li {
-webkit-transform: translate(30px,0);
-moz-transform: translate(30px,0);
-ms-transform: translate(30px,0);
-o-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);
}
.sf-mobile #sf-sidebar:after {
display: none;
}
.sf-view-pushed-1 #sf-sidebar:after {
z-index: -800;
}
.sf-pos-right #sf-sidebar:after {
left: -3px;
right: 0;
} #sf-marker {
display: none !important;
}
#sf-sidebar .sf-rollback {
cursor: pointer;
z-index: -1000;
opacity: 1;
filter: alpha(opacity=100);
-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);
-moz-transition:all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-ms-transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-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; position: absolute;
right: -40px;
top: 0px;
text-align: center;
text-transform: uppercase;
width: 40px;
}
.sf-pos-right #sf-sidebar .sf-rollback{  left: -40px;
right: auto;
}
.sf-no-mobile .sf-sidebar-static #sf-sidebar .sf-rollback {
display: none !important;
}
.sf-logo {
text-align: center; position: absolute;
top: 30px;
left: 0;
width: 100%;
padding: 0 30px;
box-sizing: border-box;
z-index: 10000;
}
.sf-logo img { max-width: 100%;
}
#sf-sidebar .sf-has-child-menu > .sf-child-menu {
display: none;
box-sizing: border-box; position: relative !important;
left: 0 !important;
top:0 !important;
width:100% !important;
box-shadow: none !important;
}
#sf-sidebar.sf-compact .sf-scroll-wrapper {
height: 100%;
-webkit-overflow-scrolling : touch;
}
#sf-sidebar .sf-scroll-wrapper {
width: 100%;
overflow: hidden;
height: 100%;
}
#sf-sidebar .sf-scroll {
width: 100%;
padding-right: 30px;
overflow: auto;
height: 100%;
box-sizing: content-box;
}
.sf-sidebar-full #sf-sidebar .sf-scroll {
padding-right: 0;
}
#sf-sidebar .sf-nav {
position: absolute;
height: 100%;
max-height: 100%;
overflow: auto;
overflow-x: hidden;
width: 100%;
top: 0;
left: 0;
}
#sf-sidebar .sf-scroll-wrapper::-webkit-scrollbar {
display: none;
}
#sf-sidebar ul {
margin: 0;
padding: 0;
}
#sf-sidebar .sf-va-middle {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
padding: 0 0 0 0;
margin: 0;
}
.sf-mobile #sf-sidebar .sf-va-middle {
display: block;
height: auto;
margin-top: 0px;
}
#sf-sidebar .sf-menu-level-0 > li {
opacity: 0;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
-moz-transition:-moz-transform 0.2s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
-ms-transition: -ms-transform 0.2s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-transition: -o-transform 0.2s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.215, 0.061, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
-webkit-backface-visibility: hidden;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li, .sf-sidebar-static #sf-sidebar .sf-menu-level-0 > li{
opacity: 1;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(1) {
transition-delay: .2s;
-webkit-transition-delay: .2s;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(2) {
transition-delay: .25s;
-webkit-transition-delay: .25s;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(3) {
transition-delay: .3s;
-webkit-transition-delay: .3s;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(4) {
transition-delay: .35s;
-webkit-transition-delay: .35s;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(5) {
transition-delay: .4s;
-webkit-transition-delay: .4s;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(6) {
transition-delay: .45s;
-webkit-transition-delay: .45s;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(7) {
transition-delay: .5s;
-webkit-transition-delay: .5s;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(8) {
transition-delay: .55s;
-webkit-transition-delay: .55s;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(9) {
transition-delay: .6s;
-webkit-transition-delay: .6s;
}
#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(10) {
transition-delay: .65s;
-webkit-transition-delay: .65s;
}#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(11) {
transition-delay: .7s;
-webkit-transition-delay: .7s;
}#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(12) {
transition-delay: .75s;
-webkit-transition-delay: .75s;
}#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(13) {
transition-delay: .8s;
-webkit-transition-delay: .8s;
}#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(14) {
transition-delay: .85s;
-webkit-transition-delay: .85s;
}#sf-sidebar.sf-sidebar-exposed .sf-menu-level-0 > li:nth-child(15) {
transition-delay: .9s;
-webkit-transition-delay: .9s;
}
#sf-sidebar .sf-menu li {
text-align: center;
text-transform: uppercase;
cursor: pointer;
margin: 0;
position: relative;
}
#sf-sidebar .sf-menu li a {
text-decoration: none;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-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);
}
#sf-sidebar .sf-menu a img {
max-height: 40px;
max-width: 40px;
vertical-align: middle;
display: inline-block;
margin: 0 10px 0 0;
position: relative;
}
#sf-sidebar .sf-menu li:hover span {
opacity: 0.8;
-webkit-backface-visibility: hidden;
}
#sf-sidebar .sf-view,
#sf-sidebar .sf-nav {
display: table;
}
#sf-sidebar .sf-nav {
min-height: 100%;
}
#sf-sidebar .sf-view .sf-menu {
padding: 0; margin: 0;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
#sf-sidebar .sf-view .sf-menu li {
text-align: center;
cursor: pointer;
}
.sf-sidebar-bg {
position: absolute;
height: 100%;
top: 0;
left: 0;
z-index: -200;
}
#sf-sidebar .sf-view {
position: absolute;
overflow: hidden;
height: 100%;
top:0;
transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-moz-transition:all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-ms-transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-transition: all 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#sf-sidebar .sf-view-level-1 {
position: absolute;
height: 100%;
width: 250px; top: 0;
left: 250px;
background: #b5b5b5; z-index: -300;
}
#sf-sidebar .sf-view-level-2 {
width: 250px; top: 0;
left: 500px;
background: #36939e; z-index: -400;
}
#sf-sidebar .sf-view-level-3 {
width: 250px; top: 0;
left: 750px;
background: #9e466b; z-index: -500;
}
body.sf-view-pushed-1 #sf-sidebar .sf-view-level-1,
body.sf-view-pushed-2 #sf-sidebar .sf-view-level-2,
body.sf-view-pushed-3 #sf-sidebar .sf-view-level-3 {
-webkit-transform: translate(0,0) !important;
-moz-transform: translate(0,0) !important;
-ms-transform: translate(0,0) !important;
-o-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;
}
#sf-sidebar .sf-view .sf-child-menu {
display: none !important;
}
#sf-sidebar .sf-menu li > a:before {
position: absolute;
top: 0;
left: 0;
content: "";
bottom: 0;
width: 0;
z-index: 0;
background: rgba(255,255,255,0.075);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-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);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
display: block !important;
}
.sf-pos-right #sf-sidebar .sf-menu li > a:before {
left: auto;
right: 0;
}
#sf-sidebar.sf-hl-line .sf-menu li > a:before {
top: auto;
height: 2px;
}
.sf-no-mobile #sf-sidebar .sf-menu li:hover > a:before,
.sf-no-mobile #sf-sidebar .sf-menu li.sf-active-item > a:before,
.sf-sidebar-full #sf-sidebar .sf-menu li.sf-active-item > a:before {
width: 100%;
}
.sf-vertical-nav .sf-sm-indicator {
width: 45px;
}
#sf-sidebar.sf-underline-2 .sf-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);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-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);
position: relative;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden; }
#sf-sidebar .sf-menu li > a span {
display: inline-block;
vertical-align: middle;
line-height: inherit;
position: relative;
z-index: 2;
font-family: inherit !important;
}
#sf-sidebar .sf-menu .fa { min-width: 1.5em;
}
#sf-sidebar .sf-sm-indicator i {
font-size: 75%;
font-style: normal;
text-transform: none;
}
#sf-sidebar .sf-menu li a {
display: block;
padding: 0 15px;
margin: 0;
box-sizing: border-box;
position: relative;
}
#sf-overlay-wrapper {
-webkit-backface-visibility: hidden;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
visibility: hidden;
}
#sf-overlay {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
background: #333; position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: pointer;
-webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-moz-transition: opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-ms-transition: opacity 0.4s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-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);
}
.sf-body-pushed #sf-overlay {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
.sf-label-hidden {
display: none !important;
}
#sf-sidebar .sf-search-form input[type=submit] {
display: none;
}
#sf-sidebar form,
#sf-sidebar label {
margin: 0;
padding: 0;
}
#sf-sidebar .sf-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%;
}
.sf-search-form {
width: 100%;
background: rgba(255,255,255,0.05);
margin: 0;
padding: 15px 0;
position: relative;
}
#sf-sidebar .sf-search-form input[type=search]:focus {
opacity: 1;
outline:none !important;
}
#sf-sidebar .search-field {
}
#sf-sidebar .sf-logo{
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s 0.3s, opacity 0.3s linear;
-moz-transition: visibility 0s 0.3s, opacity 0.3s linear;
-ms-transition: visibility 0s 0.3s, opacity 0.3s linear;
transition: visibility 0s 0.3s, opacity 0.3s linear;
-webkit-backface-visibility: hidden;
}
.sf-sidebar-static #sf-sidebar .sf-logo{
opacity: 1;
visibility: visible;
}
.sf-sidebar-static #sf-sidebar {
opacity: 0;
}
#sf-sidebar.sf-sidebar-exposed  .sf-logo {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
#sf-sidebar .sf-search-form label {
position: relative;
display: block;
margin-top: 20px;
}
#sf-sidebar .sf-search-form span {
position: absolute;
width: 16px;
height: 16px;
top: 15px;
left: 15px;
background-image: url(//www.delcam.cz/wp-content/plugins/superfly-menu/img/search@2x.png);
background-position: 80% center;
background-repeat: no-repeat;
background-size: 16px 16px;
cursor: pointer;
}
#sf-sidebar .sf-social {
display: block;
position: absolute;
padding-top: 10px;
bottom: 0;
left: 0;
width: 100%;
height: 75px;
text-align: center;
z-index: 1000;
box-sizing: content-box;
}
#sf-sidebar .sf-social:empty {
display: none !important;
}
#sf-sidebar .sf-social li {
list-style: none;
display: inline-block;
width: 30px;
height: 30px;
margin-left: 18px;
border: 1px solid white;
border-radius: 30px;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
-moz-transition:all 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
-ms-transition: all 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-transition: all 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
transition: all 0.2s cubic-bezier(0.215, 0.061, 0.355, 1);
}
#sf-sidebar .sf-social li:first-child {
margin-left: 0;
}
#sf-sidebar .sf-social li a{
display: inline-block;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
text-indent: -9999px;
}
#sf-sidebar .sf-menu li a {
word-break: break-word;
}
#sf-sidebar [class*="sf-icon-"], .sf-view-level-custom:before  {
font-family: 'sf-icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 18px;
font-size: 18px;
color: white;
position: relative; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#sf-sidebar [class*="sf-icon-"]:before {
position: absolute;
top: 50%;
left: 50%;
margin: -9px 0 0 -9px; z-index: 0; }
[class^="sf-icon-"]:after, [class*=" sf-icon-"]:after {
display: none !important;
}
#sf-sidebar .sf-icon-twitter:before,
#sf-sidebar .sf-icon-gplus:before { }
.sf-icon-gplus:before {
content: "\e600";
}
.sf-icon-facebook:before {
content: "\e601";
}
.sf-icon-twitter:before {
content: "\e602";
}.sf-icon-instagram:before {
content: "\e604";
}
.sf-icon-pinterest:before {
content: "\e605";
}
.sf-body-float {
float: left;
width: 100%;
}
#sf-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; } .sf-navicon-button {
display: inline-block;
position: absolute;
left: 0;
padding: 33px 24px;
transition: 0.25s;
cursor: pointer;
user-select: none; text-decoration: none !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.3s ease;
}
#sf-sidebar .sf-navicon-button {
top: 50%; }
#sf-sidebar .sf-label-metro .sf-navicon-button{
background: #000000;
}
.sf-label-metro .sf-navicon,
.sf-label-metro .sf-navicon:before,
.sf-label-metro .sf-navicon:after {
border-radius: 0 !important;
}
#sf-sidebar .sf-label-metro .sf-navicon,
#sf-sidebar .sf-label-metro .sf-navicon:after,
#sf-sidebar .sf-label-metro .sf-navicon:before  {
background: white;
z-index: 1;
}
#sf-mob-navbar {
display: none;
}
.sf-mobile .sf-navicon-button:after {
display: none !important;
}
#sf-sidebar .sf-label-square .sf-navicon-button,
#sf-sidebar .sf-label-rsquare .sf-navicon-button,
#sf-sidebar .sf-label-circle .sf-navicon-button {
padding: 18px 8px 18px 8px;
border: 3px solid;
margin-left: 10px;
}
#sf-sidebar .sf-label-square .sf-navicon,
#sf-sidebar .sf-label-rsquare .sf-navicon,
#sf-sidebar .sf-label-circle .sf-navicon {
width: 24px;
}
#sf-sidebar .sf-label-rsquare .sf-navicon-button {
border-radius: 8px;
}
#sf-sidebar .sf-label-circle .sf-navicon-button {
border-radius: 80px;
}
.sf-pos-right #sf-sidebar .sf-label-square .sf-navicon-button,
.sf-pos-right #sf-sidebar .sf-label-rsquare .sf-navicon-button,
.sf-pos-right #sf-sidebar .sf-label-circle .sf-navicon-button {
margin-right: 20px;
margin-left: 0;
}
#sf-sidebar .sf-label-square .sf-navicon,
#sf-sidebar .sf-label-square .sf-navicon:after,
#sf-sidebar .sf-label-square .sf-navicon:before {
border-radius: 0;
}
.sf-pos-right #sf-sidebar .sf-navicon-button{ right: 0;
left: auto;
}
.sf-pos-right #sf-sidebar .sf-label-none .sf-navicon-button{
left: -40px;
}
.sf-navicon-button .sf-navicon:before,
.sf-navicon-button .sf-navicon:after {
transition: 0.25s;
}
.sf-navicon-button:hover {
transition: 0.5s;
opacity: 1;
}
.sf-navicon-button:hover .sf-navicon:before, .sf-navicon-button:hover .sf-navicon:after {
transition: 0.25s;
}
.sf-navicon {
position: relative;
width: 24px;
height: 3px;
background: #e7e6dd;
transition: all 0.3s ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.sf-label-none .sf-navicon, .sf-label-text .sf-navicon {
width: 24px;
height: 3px;
}
.sf-navicon:after, .sf-navicon:before {
display: block;
content: "";
width: 24px;
height: 3px;
background: #e7e6dd;
position: absolute;
left: 0;
z-index: -1;
transition: all 0.25s 0.25s;
}
.sf-label-none .sf-navicon:after,
.sf-label-none .sf-navicon:before {
width: 24px;
height: 3px;
}
.sf-navicon:after {
top: -8px;
}
.sf-navicon:before {
top: 8px;
}
{
-webkit-transform: translate(2px, 0);
}
.sf-navicon-button:hover .sf-navicon {
width: 22px !important;
margin-right: 2px !important;
}
.sf-navicon-button:hover .sf-navicon:after,
.sf-navicon-button:hover .sf-navicon:before {
-webkit-transform: translate(1px, 0);
}
.sf-label-square .sf-navicon-button:hover .sf-navicon:before,
.sf-label-square .sf-navicon-button:hover .sf-navicon:after {
-webkit-transform: translate(2px, 0);
}
.sf-label-text .sf-navicon:after,
.sf-label-none .sf-navicon:after {
top: -8px;
}
.sf-label-text .sf-navicon:before,
.sf-label-none .sf-navicon:before {
top: 8px;
}
.sf-open:not(.steps) .sf-navicon:before,
.sf-open:not(.steps) .sf-navicon:after {
top: 0 !important;
}
.sf-open .sf-navicon:before,
.sf-open .sf-navicon:after {
transition: 0.3s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
} .larr:hover .sf-navicon:before,
.larr:hover .sf-navicon:after,
.rarr:hover .sf-navicon:before,
.rarr:hover .sf-navicon:after,
.uarr:hover .sf-navicon:before,
.uarr:hover .sf-navicon:after {
width: 22px;
}
.larr:hover .sf-navicon:before,
.rarr:hover .sf-navicon:before,
.uarr:hover .sf-navicon:before {
-webkit-transform: rotate(35deg) !important;
-moz-transform:  rotate(35deg) !important;
-ms-transform:  rotate(35deg) !important;
transform: rotate(35deg) !important;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.larr:hover .sf-navicon:after,
.rarr:hover .sf-navicon:after,
.uarr:hover .sf-navicon:after {
-webkit-transform: rotate(-35deg);
-moz-transform:  rotate(-35deg);
-ms-transform:  rotate(-35deg);
transform:  rotate(-35deg);
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
}
.uarr:hover {
-webkit-transform: scale(0.75) rotate(90deg);
-moz-transform: scale(0.75) rotate(90deg);
-ms-transform: scale(0.75) rotate(90deg);
transform: scale(0.75) rotate(90deg);
} .rarr:hover .sf-navicon:before {
-webkit-transform: translate3d(1em, 0, 0) rotate(-35deg);
-moz-transform: translate3d(1em, 0, 0) rotate(-35deg);
-ms-transform: translate3d(1em, 0, 0) rotate(-35deg);
transform: translate3d(1em, 0, 0) rotate(-35deg);
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.rarr:hover .sf-navicon:after {
-webkit-transform: translate3d(1em, 0, 0) rotate(35deg);
-moz-transform: translate3d(1em, 0, 0) rotate(35deg);
-ms-transform: translate3d(1em, 0, 0) rotate(35deg);
transform: translate3d(1em, 0, 0) rotate(35deg);
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
} .sf-open.x .sf-navicon {
background: transparent !important;
}
.sf-open.x .sf-navicon:after {
-webkit-transform: rotate(45deg)!important;
-moz-transform:  rotate(45deg)!important;
-ms-transform:  rotate(45deg)!important;
transform:  rotate(45deg)!important;
}
.sf-open.x .sf-navicon:before {
-webkit-transform: rotate(-45deg)!important;
-moz-transform:  rotate(-45deg)!important;
-ms-transform:  rotate(-45deg)!important;
transform:  rotate(-45deg)!important;
}
.sf-inner-fixed {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.sf-has-child-menu > a {
position: relative;
}
.sf-sm-indicator  {
position: absolute;
top: 0;
bottom: 0;
right: 0px;
-webkit-backface-visibility: hidden;
display: inline-block;
color: inherit;
position: absolute;  width: 30px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.061, 0.355, 1);
-o-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);
background: none;
}
#sf-sidebar.sf-indicators .sf-sm-indicator i {
font-family: 'sf-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;
}
.sf-has-child-menu > a {
padding-right: 28px !important;
}
.sf-pos-right .sf-has-child-menu > a {
padding-left: 28px !important;
}
#sf-sidebar.sf-test-mode:before {
position: absolute;
content: 'Test mode ON';
top: 0;
color: #ffffff;
background: #b90000;
}
.sf-pos-right .sf-sm-indicator  {
left: 0px;
right: auto;
}
.sf-pos-left .sf-indicators .sf-sm-indicator i:after {
content: '\e612';
}
.sf-pos-left #sf-sidebar:not(.sf-vertical-nav) .sf-has-child-menu:hover .sf-sm-indicator { right: -2px;
}
.sf-pos-right #sf-sidebar:not(.sf-vertical-nav) .sf-has-child-menu:hover .sf-sm-indicator {
left: -2px;
}
.sf-pos-right .sf-indicators .sf-sm-indicator i:after {
content: '\e60f';
}
#sf-sidebar .widget-area {
padding: 15px;
}
#sf-sidebar .widget-area:empty {
display: none;
}
.sf-menu-level-0 + * { }
#sf-sidebar .sf-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);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-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);
}
#sf-sidebar.sf-vertical-nav .sf-view-level-custom {
opacity: 0;
}
#sf-sidebar .sf-view-level-custom.sf-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;
}
.sf-pos-right #sf-sidebar .sf-view-level-custom.sf-modal {
right: 0;
left: auto;
}
#sf-sidebar .sf-view-level-custom .sf-close {
display: none;
}
#sf-sidebar .sf-view-level-custom.sf-modal .sf-close {
display: block;
}
#sf-sidebar .sf-view-level-custom.sf-modal .sf-close:before {
font-family: 'sf-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;
}
.sf-custom-content {
position: fixed;
opacity: 0;
visibility: hidden;
overflow-y: auto;
overflow-x: hidden;
padding: 0 30px 0 0;
box-sizing: content-box;
}
.sf-custom-content.sf-active {
position: relative;
z-index: 1000;
visibility: visible;
opacity: 1;
height: 100%;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.sf-custom-content.sf-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;
}
.sf-content-wrapper > img {
max-width: 100% !important;
}
.sf-logo:empty {
display: none !important;
}
.sf-content-wrapper {
padding: 30px;
}
.sf-title h3 {
font-size: 28px;
font-weight: 400;
color: #FFF;
margin: 20px 0 10px 0;
}
.sf-title h4 {
font-size: 18px;
font-weight: 300;
color: #AAA;
margin: 0px 0 30px 0;
}
.sf-title h3, .sf-title h4 {
padding: 0 20px;
font-family: inherit;
}
#sf-sidebar .sf-menu li, #sf-sidebar .sf-menu  {
float: none !important;
line-height: 1 !important;
}
.sf-mobile .sf-sidebar-full #sf-sidebar .sf-menu {
margin-top: 75px;
}