/** stylechooser **/



#stylechooser {font-family: "ClassicRoundMedium", sans-serif; position: fixed; top: 13%; left: -1px; width: 321px; min-height: 300px; z-index: 99999; padding: 0 0 15px 0;}

#stylechooser  #styleToggle {

	position: absolute;

	top: 30px;

	right: -47px;

	cursor: pointer;

	font-size:0;

	color:transparent;

	width:47px;

	height:50px;

	margin:0;

	background:#f5f5f5;

	border:1px solid #d8d8d8;

	border-left:0;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-bottomright: 5px;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);

	-moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 1);

	box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 1);



}

#stylechooser  #styleToggle i:before {font-size:32px; top:10px; left:9px; position:absolute;}



#stylechooser .easyBox {

	margin:0;

	padding:0;

	background:#f5f5f5;

	border:1px solid #d8d8d8;

	-webkit-border-top-right-radius: 15px;

	-webkit-border-bottom-right-radius: 15px;

	-moz-border-radius-topright: 15px;

	-moz-border-radius-bottomright: 15px;

	border-top-right-radius: 15px;

	border-bottom-right-radius: 15px;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);

	-moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 1);

	box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 1);

}



#stylechooser h6 {

	margin:20px 0;

	color:#626262;

	font-size:20px;

	text-align:center;

}



#stylechooser hr {

	margin:10px 0;

	border:0;

	padding:0;

	width:100%;

	height:5px;

	background: transparent url(../images/hr-bg.png) no-repeat top center;

}



#stylechooser label {

	color:#8f8f8f;

	font-size:15px;

	line-height:15px;

	margin:5px 0 15px 0;

}



#stylechooser .mkSpace {

	padding:10px 20px;

}

#stylechooser .demoList {margin:0 0 0 -20px; list-style:none;}

#stylechooser .demoList li {margin:0 0 15px 20px; float:left; position:relative;}



#stylechooser .demoColor {display:block; width:25px; height:25px; background: transparent;}





#stylechooser .demoList.flavors {margin:0;}

#stylechooser .demoList.flavors li {margin:0;}

#stylechooser .demoList.flavors .demoColor {display:block; width:46px; height:58px; background: transparent;}

#stylechooser .demoList.flavors .demoActive:before {

	top:22px;

	left:14px;

	font-size:18px;

	text-shadow: 0 0 2px rgba(0,0,0,.75);

}



#stylechooser .demoActive:before {

	content: "\f00c";

	position:absolute;

	top:7px;

	left:7px;



	font: 12px/1em 'FontAwesome';

	font-style: normal;

	color: #fff;

	text-shadow: 0 0 2px rgba(0,0,0,.55);

}



#stylechooser .layType label {display:inline-block; margin:0 10px 0 0;}

#stylechooser .layType a {

	display:inline-block;

	margin:0 4px 0 8px;

	color:#8f8f8f;

	font-size:15px;

}



#stylechooser .layType a.demoActive:before {

	display:none;

	height:0;

}

#stylechooser .layType a.demoActive {

	color: #EE4236;

}







#stylechooser .layType a i {

	margin:0 10px;

}



#stylechooser i:before {

	color:#b6d568;

}



@media (max-width: 767px) {

  #stylechooser {

    display:none !important;

  }

}



#themeSwitcher .btn-group.bootstrap-select {

 margin-top:-16px !important;

}