@import"http://fonts.googleapis.com/css?family=Montserrat:400,700";

.smenu__ul:before,[data-type=toggle] li:before,.smenu__ul:after,[data-type=toggle] li:after
{
  content:" ";
  display:table;
}
.smenu__ul:after,[data-type=toggle] li:after
{
  clear:both;
}

#settingsMenu
{
  color: #000;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-perspective:1000;
  perspective:1000;
}

#settingsMenu
{
  -webkit-transition:.3s ease-in-out;
  -o-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
}

.smenu__ul
{
  margin-bottom:0;
  padding-left:0;
  list-style:none;
}

#settingsMenu
{
  -webkit-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  -o-transform:translateX(-100%);
  transform:translateX(-100%);
  position:fixed;
  top:100px;
  left:0;
  z-index:899;
  width:205px;
  padding:8px 0;
  background-color:#f9f9f9;
}
.smenu-in #settingsMenu
{
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
}
.smenu__block
{
  padding:10px;
}
.smenu__title,[data-type=toggle] h4
{
  line-height:1;
  margin-bottom:12px;
  font-family:Montserrat;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0;
  color:#191919;
}

.smenu-ul._text a {
  height: 20px;
  line-height: 20px;
  color: #fff !important;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #000;
  padding: 0 5px;
}

.smenu-ul li {
  display: inline-block;
}

.smenu-ul a {
  display: block;
}

.smenu-ul {
  padding-left: 0 !important;
}

[data-type=theme-main],[data-type=theme-color]
{
margin-top:-5px
}
[data-type=theme-main] li,[data-type=theme-color] li
{
float:left;
margin:5px 5px 0 0
}
[data-type=theme-main] li:nth-child(4),[data-type=theme-main] li:nth-child(8),[data-type=theme-main] li:nth-child(12),[data-type=theme-main] li:nth-child(16),[data-type=theme-color] li:nth-child(4),[data-type=theme-color] li:nth-child(8),[data-type=theme-color] li:nth-child(12),[data-type=theme-color] li:nth-child(16)
{
margin-right:0
}
[data-type=theme-main] a,[data-type=theme-color] a
{
position:relative;
display:block;
width:40px;
height:20px;
border:1px solid #eee
}
[data-type=theme-main] a.selected:after,[data-type=theme-color] a.selected:after
{
position:absolute;
top:0;
right:0;
content:"";
border-top:10px solid rgba(25,25,25,.8);
border-left:10px solid transparent
}
[data-color-name=black].selected:after,[data-color-name=dark].selected:after
{
border-top-color:rgba(249,249,249,.8)!important
}
[data-type=toggle] li:not(:last-child)
{
margin-bottom:12px
}
[data-type=toggle] h4
{
height:20px;
line-height:20px;
margin-bottom:0;
float:left
}
[data-type=toggle] a
{
float:right;
position:relative;
display:block;
width:40px;
height:20px;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
[data-type=toggle] a:after
{
position:relative;
left:0;
display:block;
content:"";
width:50%;
height:100%
}
[data-type=toggle] a._on:after
{
left:50%
}
[data-type=toggle]._light a
{
-webkit-transition:background-color .3s ease-in-out;
-o-transition:background-color .3s ease-in-out;
transition:background-color .3s ease-in-out;
background-color:#f0f0f0;
-webkit-border-radius:50px;
border-radius:50px;
padding:2px
}
[data-type=toggle]._light a:after
{
-webkit-transition:left .3s ease-in-out;
-o-transition:left .3s ease-in-out;
transition:left .3s ease-in-out;
-webkit-border-radius:50%;
border-radius:50%;
background-color:#fff
}
[data-type=toggle]._light a._on
{
background-color:#52AEEF
}
.smenu__toggle
{
position:absolute;
top:0;
right:-44px;
overflow:hidden;
width:44px;
height:44px;
background-color:#f9f9f9
}
.smenu__toggle img
{
display:block;
max-width:100%;
height:auto
}
.smenu__toggle:hover img
{
-webkit-animation:smenu-rotate 2s linear infinite;
-o-animation:smenu-rotate 2s linear infinite;
animation:smenu-rotate 2s linear infinite
}
@-webkit-keyframes smenu-rotate
{
0%
{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100%

{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}

}
@-o-keyframes smenu-rotate
{
0%
{
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100%
{
-o-transform:rotate(360deg);
transform:rotate(360deg)
}

}
@keyframes smenu-rotate
{
0%
{
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100%
{
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}

}
.site-header__logo a
{
display:none
}
.is-light .site-header__logo ._light
{
display:block
}
.is-black .site-header__logo ._dark,.is-dark .site-header__logo ._dark
{
display:block
}
.site-header__logo img
{
display:none
}
.is-light .site-header__logo ._light
{
display:block
}
.is-dark .site-header__logo ._dark
{
display:block
}
.is-red .site-header__logo ._red
{
display:block
}
.is-blue .site-header__logo ._blue
{
display:block
}
.is-green .site-header__logo ._green
{
display:block
}
.is-orange .site-header__logo ._orange
{
display:block
}
.is-pink .site-header__logo ._pink
{
display:block
}
.is-purple .site-header__logo ._purple
{
display:block
}
.is-brown .site-header__logo ._brown
{
display:block
}