
@import url('http://fonts.googleapis.com/css?family=Raleway|Roboto+Slab|Open+Sans|Oswald|Lato|Source+Sans+Pro|PT+Sans|Droid+Serif');	



#switcher {    background: none repeat scroll 0 0 #f7f7f7;
    border-color: #43474d;  	
    border-style: solid solid solid none; 
    border-width: 1px 1px 1px 0;    
	list-style: outside none none; 
	margin: 0;
    top: 100px; 
   transition: all 0.4s ease 0s !important;
 	-webkit-transition: all 0.4s ease 0s !important;  
  width: 350px;
 	left: -350px;  
	  z-index: 99999999;	
	  padding: 20px 0;
	  	position: Fixed;}

#switcher.show-switcher{left:0}

#switcher .switcher-box  + .switcher-box {    border-top: 1px solid #c7c7c7;    color: #525252;    margin:   0 0 18px;    padding: 15px 30px ;    position: relative;}

#switcher .show-switcher-icon{cursor:pointer;width:180px;height:140px;top:50px;line-height:40px;text-align:center;display:block;position:absolute;right:-180px;

  /*border-color: #C7C7C7 ;

  border-style: solid solid solid none;

  border-width: 1px 1px 1px 0;
*/
 /* background-color:transparent;*/ 
background-image:url(../images/special_offer.png);
background-repeat: no-repeat;

  background-position: center;

  

}


#switcher.show-switcher .show-switcher-icon {

  /*border-color: #43474d;*/

 
}









#switcher .minicolors{display:block}

#switcher .minicolors input[type="text"]{width:100%;color:#000;background:none repeat scroll 0 0 #fff;border:1px solid #ddd;height:36px}

#switcher ul{margin:0;padding:0px 20px;list-style:none}

#switcher .switcher-box{padding:0 20px 20px;position:relative;margin:0}



#switcher .switcher-box select{width:100%}

#switcher .font-note{font-size:12px;padding-top:15px}

.switcher-box:first-child h5{float:none}

.switcher-box .first{padding:2px}

#switcher .themecolor{display:block;margin:0;overflow:hidden;padding:0 20px 20px; position:relative}

#switcher .themecolor a{height:34px;width:34px;margin:0 4px 8px;float:left}

#switcher .themecolor a img{width:100%;height:100%}

#switcher .custom{display:none}

#demo-list-bg li{display:inline-block;margin:2px}

#demo-list-bg a{border:1px solid #fff;display:block;height:28px;width:28px}

#demo-list-bg a:hover,#demo-list-bg a.active{border-color:#000}

#switcher .minicolors-theme-bootstrap .minicolors-swatch{top:8px!important}

#switcher .minicolors .minicolors-panel{height:163px!important;width:185px!important;left:0!important;right:auto!important;top:35px!important}



.switcher-box ul li + li {    margin-top: 10px;}



#switcher #demo-list-box { position:relative;  list-style-type:none}
#switcher #demo-list-box a { display:block;}











#demo-list-box{margin:0 -5px}

#demo-list-box .col-sm-6 {padding:0 5px;margin-bottom:10px}



#demo-fonts li + li{margin-top:15px}

#demo-fonts li .font-title{margin:0 0 5px}





body[demofont-body="f1"]{font-family:"Raleway"!important}
body[demofont-body="f2"]{font-family:'Roboto Slab'!important}
body[demofont-body="f3"]{font-family:'Open sans'!important}
body[demofont-body="f4"]{font-family:'Oswald'!important}
body[demofont-body="f5"]{font-family:'Lato',sans-serif!important}
body[demofont-body="f6"]{font-family:'Montserrat',sans-serif!important}
body[demofont-body="f7"]{font-family:'Source Sans Pro',sans-serif!important}
body[demofont-body="f8"]{font-family:'PT Sans',sans-serif!important}
body[demofont-body="f9"]{font-family:'Droid Serif',serif!important}
body[demofont-menu="f1"] #nav-mainmenu a{font-family:"Raleway"!important}
body[demofont-menu="f2"] #nav-mainmenu a{font-family:'Roboto Slab'!important}
body[demofont-menu="f3"] #nav-mainmenu a{font-family:'Open sans'!important}
body[demofont-menu="f4"] #nav-mainmenu a{font-family:'Oswald'!important}
body[demofont-menu="f5"] #nav-mainmenu a{font-family:'Lato',sans-serif!important}
body[demofont-menu="f6"] #nav-mainmenu a{font-family:'Montserrat',sans-serif!important}
body[demofont-menu="f7"] #nav-mainmenu a{font-family:'Source Sans Pro',sans-serif!important}
body[demofont-menu="f8"] #nav-mainmenu a{font-family:'PT Sans',sans-serif!important}
body[demofont-menu="f9"] #nav-mainmenu a{font-family:'Droid Serif',serif!important}
body[demofont-header="f1"] h1, body[demofont-header="f1"] h2, body[demofont-header="f1"] h3, body[demofont-header="f1"] h4, body[demofont-header="f1"] h5, body[demofont-header="f1"] h6{font-family:"Raleway"!important}
body[demofont-header="f2"] h1, body[demofont-header="f2"] h2, body[demofont-header="f2"] h3, body[demofont-header="f2"] h4, body[demofont-header="f2"] h5, body[demofont-header="f2"] h6{font-family:'Roboto Slab'!important}
body[demofont-header="f3"] h1, body[demofont-header="f3"] h2, body[demofont-header="f3"] h3, body[demofont-header="f3"] h4, body[demofont-header="f3"] h5, body[demofont-header="f3"] h6{font-family:'Open sans'!important}
body[demofont-header="f4"] h1, body[demofont-header="f4"] h2, body[demofont-header="f4"] h3, body[demofont-header="f4"] h4, body[demofont-header="f4"] h5, body[demofont-header="f4"] h6{font-family:'Oswald'!important}
body[demofont-header="f5"] h1, body[demofont-header="f5"] h2, body[demofont-header="f5"] h3, body[demofont-header="f5"] h4, body[demofont-header="f5"] h5, body[demofont-header="f5"] h6{font-family:'Lato',sans-serif!important}
body[demofont-header="f6"] h1, body[demofont-header="f6"] h2, body[demofont-header="f6"] h3, body[demofont-header="f6"] h4, body[demofont-header="f6"] h5, body[demofont-header="f6"] h6{font-family:'Montserrat',sans-serif!important}
body[demofont-header="f7"] h1, body[demofont-header="f7"] h2, body[demofont-header="f7"] h3, body[demofont-header="f7"] h4, body[demofont-header="f7"] h5, body[demofont-header="f7"] h6{font-family:'Source Sans Pro',sans-serif!important}
body[demofont-header="f8"] h1, body[demofont-header="f8"] h2, body[demofont-header="f8"] h3, body[demofont-header="f8"] h4, body[demofont-header="f8"] h5, body[demofont-header="f8"] h6{font-family:'PT Sans',sans-serif!important}
body[demofont-header="f9"] h1, body[demofont-header="f9"] h2, body[demofont-header="f9"] h3, body[demofont-header="f9"] h4, body[demofont-header="f9"] h5, body[demofont-header="f9"] h6{font-family:'Droid Serif',serif!important}
