/* Theme Changer CSS Settings, just for demo */

#theme-changer {

	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 68%;
	background: rgba(252, 252, 252, 1);
	margin-bottom: 1em;
	-webkit-box-shadow: 1px 1px 1px 1px rgb(200, 200, 200);
	   -moz-box-shadow: 1px 1px 1px 1px rgb(200, 200, 200);
	        box-shadow: 1px 1px 1px 1px rgb(200, 200, 200);
}

#theme-changer ul {

	margin: 0;
	padding: 0.65em 0.15em 0.65em 0;
	height: 60px;
	margin: 0 auto;

}

#theme-changer li {

	padding: 0.35em 0.45em;
	margin: 0.35em;
	float: left;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	
}

#theme-changer li:last-child {

	margin-right: 0;
}


#theme-changer li:hover, i:hover {

	cursor: pointer;

}

#theme-changer li:hover {

	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	    -o-transform: scale(1.2);
	        transform: scale(1.2);

}

#theme-marker {
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	
	width: 50px;
	height: 24px;
	background: rgb(255, 255, 255);
	margin: 0 auto;
}

#theme-marker span {

	margin: 0 auto;
	padding-bottom: 0.25em;

}

#theme-marker i {
    
    margin: 0;
	
}