#switcher{color:#222;border-right:1px solid #e5e5e5;padding:30px 10px;background:#fff;font-size:10px;position:fixed;z-index:500;top:0px;left:0;z-index:99999;font-family:Arial, Helvetica, sans-serif;font-size:12px;width:300px;box-sizing:border-box;margin-left:-300px;height:100%;}
#switcher .clearfix{margin-bottom:10px;}
#switcher span{font-size:14px;display:block;margin-bottom:5px;}
.spacing-10{margin-top:10px;clear:both;}
.custom-show:after,.custom-close:after{position:absolute;display:inline-block;width:40px;height:40px;padding:10px;background:#fff;cursor:pointer;content:"\f013";font-family:"FontAwesome";font-size:22px;font-weight:normal;line-height:20px;border:1px solid #e5e5e5;border-left: 0;}
#switcher span.custom-close,#switcher span.custom-show{position:absolute;right:-30px;margin-top:120px;display:block;width:40px;height:40px;padding:10px;}
#tm-color{padding:0;margin:0;}

#tm-color li{
	width: 35px;
	height: 35px;
	display: inline-block;
	background-color: #e5e5e5;
	margin-bottom: 9px;
	margin-right: 9px;
	overflow: hidden;
	cursor: pointer;
}
#tm-color li span {
    width: 50%;
    float: left;
    height: 100%;
}
#tm-color li.color1 span.c1
{
	background: #deb152;
}
#tm-color li.color1 span.c2
{
	background: #4f4045;
}


#tm-color li.color2 span.c1
{
		background: #dc373a;
}
#tm-color li.color2 span.c2
{
		background: #301818;
}



#tm-color li.color3 span.c1
{
		
		background: #8ebea4;
}
#tm-color li.color3 span.c2
{
		background: #474f56;
}


#tm-color li.color4 span.c1
{
	background: #e3823d;
}
#tm-color li.color4 span.c2
{
	background: #787777;
}


#tm-color li.color5 span.c1
{
	background: #73c026;
}
#tm-color li.color5 span.c2
{
	background: #2e2d26;
}


#tm-color li.color6 span.c2
{
	background: #2e363a;
}
#tm-color li.color6 span.c1
{
	background: #00abc9;
}



#switcher select{width:100%;font-size:14px;height:35px;border:solid 1px #ccc;}
#tm-boxed-bg{padding:0;margin:0;}
#tm-boxed-bg li{list-style:none;display:block;float:left;width:25px;height:25px;margin:0 3px 3px 0;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;cursor:pointer;background-color:#555555;}
#tm-boxed-bg li.bg1{background-image:url(images/patern01.png);}
#tm-boxed-bg li.bg2{background-image:url(images/patern02.png);}
#tm-boxed-bg li.bg3{background-image:url(images/patern03.png);}
#tm-boxed-bg li.bg4{background-image:url(images/patern04.png);}
#tm-boxed-bg li.bg5{background-image:url(images/patern05.png);}
#tm-boxed-bg li.bg6{background-image:url(images/patern06.png);}
#tm-boxed-bg li.bg7{background-image:url(images/patern07.png);}
#tm-boxed-bg li.bg8{background-image:url(images/patern08.png);}
#tm-boxed-bg li.bg9{background-image:url(images/patern09.png);}
#tm-boxed-bg li.bg10{background-image:url(images/patern10.png);}
#tm-boxed-bg li.bg11{background-image:url(images/patern11.png);}
#tm-boxed-bg li.bg12{background-image:url(images/patern12.png);}
#tm-boxed-bg li.bg13{background-image:url(images/patern13.png);}
#tm-boxed-bg li.bg14{background-image:url(images/patern14.png);}
#tm-boxed-bg li.bg15{background-image:url(images/patern15.png);}
#tm-boxed-bg li.bg16{background-image:url(images/patern16.png);}
#tm-boxed-bg li.bg17{background-image:url(images/patern17.png);}
#tm-boxed-bg li.bg18{background-image:url(images/patern18.png);}
#switcher span{width:100%;display:block;}
#switcher .hightlight-btn{display:block;width:100%;float:left;}
#switcher .mCustomScrollBox, #switcher .mCSB_container{overflow:visible;}
#switcher .mCustomScrollbar{height:100%;width:100%;display:block;}
#switcher .mCSB_scrollTools{left:-20px;}
.demo-homepage li{display:inline-block;width:48%;margin:1%;float:left;position:relative;}
.demo-homepage li a{display:block;position:relative;}
.demo-homepage li a img{width:100%;border:2px solid #e5e5e5;padding:3px;}
.demo-homepage li p{position:absolute;bottom:0;width:100%;background:#000;margin:0;color:#fff;padding:5px;text-align:center;}
.popup-demo-homepage{display:block;position:absolute;left:80%;width:460px;bottom:50%;border:5px solid #fff;z-index:999;visibility:hidden;//opacity:0;}
.popup-demo-homepage.fadeInUp{animation-duration:.5s;}
.demo-homepage li:hover .popup-demo-homepage{visibility:visible;//opacity:1;}
#switcher select{color:#333;background:url(arrow-down.png) right no-repeat #eee;padding-right:22px;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.sw-title{margin:25px 0 35px 0;}