/* Styles Switcher
====================================================================== */

#style-switcher h3 {
  color: #fff;
  font-size: 13px;
  margin: 5px 0 -5px 1px;
  text-transform:uppercase;
}

#style-switcher {
  background-color: #303030;
  width: 250px;
  position:fixed;
  top: 222px;
  z-index: 999;		
  left: -250px;

  border-left: 0;
  border-top: 0;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
#style-switcher.active {
  left: 0;
}

#style-switcher > div {
  padding: 2px 20px 10px 20px;
}

#style-switcher h2 {
  background-color: #303030;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  padding: 5px 0 5px 0px;

  text-align: center;
  text-transform:uppercase;


}

#style-switcher h2 a {
  background: url("../../../../../1357/5551/files/switchera083a083.png?3114268344381348426") no-repeat 5px center transparent;
  background-color:#303030;
  display: block;
  height: 44px;
  position: absolute;
  right: -44px;
  text-indent: -9999px;
  top: 0px;
  width: 44px;
  z-index:999999!important;





}

.colors {
  list-style:none;
  margin: 10px 0px 10px -20px;
  overflow: hidden;
}

.colors li {
  float:left;
  margin: 4px 2px 0 2px;
}

.colors li a {
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;

} 
.colors li a.active,
.colors li a:active, 
.colors li a:hover { outline: 1px solid #fff!important; }
.colors.dir li a {
  text-align: center;
  text-transform: uppercase;
  background: #fff;
  font-size: 10px;
}

.layout-style select,
.header-style select {
  width: 140px;
  padding: 5px;
  color: #909090;
  cursor: pointer;
  border-radius: 2px;
  font-size: 13px;
  margin: 10px 0 10px 2px;
}

.layout-style,
.header-style { padding: 0 !important; }



.blue    	{ background: #19b9c8; }
.brown     	{ background: #9b9773; }
.gray   	{ background: #b2babc; }
.green   	{ background: #5fb9aa; }	
.orange     { background: #e6553c; }	
.pink     	{ background: #f087b9; }		
.purple   	{ background: #b982c8; }
.red     	{ background: #cd2832; }
.yellow     { background: #ffd769; }



.bg1 { background-image: url("../../../../../1357/5551/files/noise_pattern_with_crosslinesa083a083.png?3114268344381348426"); }
.bg2 { background-image: url("../../../../../1357/5551/files/noise21562156.png?9672110371266283404"); }	
.bg3 { background-image: url("../../../../../1357/5551/files/escheresque_stec0a9c0a9.png?1607702987702487587"); }
.bg4 { background-image: url("../../../../../1357/5551/files/crisp_paper_rufflese86fe86f.png?12238230617508501689"); }
.bg5 { background-image: url("../../../../../1357/5551/files/navy_blue86c486c4.png?8011089244162900212"); }
.bg6 { background-image: url("../../../../../1357/5551/files/bedge_grunge3fa13fa1.png?11797740263016294976"); }
.bg7 { background-image: url("../../../../../1357/5551/files/diamond_upholsteryba65ba65.png?7304367030256179410"); }
.bg8 { background-image: url("../../../../../1357/5551/files/px_by_Gre3gc45cc45c.png?6268366929791675731"); }



@media only screen and (max-width: 1023px) { #style-switcher { display: none; } }

.doubly-wrapper,
.nice-select {
  float: none !important;
  margin: 10px 0 10px 2px!important;
}
.nice-select.right .list{left:0!important;right:auto!important;}