/** stylechooser **/

#stylechooser {position: fixed; top: 13%; left: -1px; width: 220px; min-height: 300px; z-index: 99999; padding: 0 0 15px 0;}

#stylechooser .subTitle {padding:20px 0; margin:0;}
#stylechooser .btn {padding:7px 15px; font-size:13px;}
#stylechooser .btn.demo-reset { margin-bottom:20px; }

#stylechooser  #styleToggle {position: absolute; top:9px; right: -51px; cursor: pointer; font-size:0; color:transparent; width:45px; height:45px; margin:0;}
#stylechooser  #styleToggle i:before {font-size:24px; color:#acacac !important; position:absolute; top:11px; left:5px;}
#stylechooser .easyBox.flat {padding:0 0 0 20px; width:260px; min-height:44px;}

#stylechooser .easyBox {margin:0; padding:0; background: #d7d7d7; text-align:left; }

#stylechooser hr {margin:10px 0; border:0; background:#bbb; width:100%; height:1px;}
#stylechooser label {margin-bottom:10px; font-size:13px; color:#333;}

#stylechooser .mkSpace {
	padding:5px 25px;
}
#stylechooser .demoList {margin:0 0 0 -10px; list-style:none;}
#stylechooser .demoList li {margin:0 0 10px 10px; float:left; position:relative;}

#stylechooser .demoColor {display:block; width:34px; height:34px; background: transparent;}
#stylechooser .demoActive:before {
	content: "\2713";
	position:absolute;
	top:5px;
	left:11px;
	font-family: 'entypo';
	font-style: normal;
	color: #fff;
	font-size:18px;
}

@media (max-width: 767px) {
  #stylechooser {
    display:none !important;
  }
}