/*  */
.main-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}



/* style-switcher */
#style-switcher {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background: none repeat scroll 0 0 #fff;
    -webkit-box-shadow: 0 0 3px rgba(52, 58, 64, 0.15);
    box-shadow: 0 0 3px rgba(52, 58, 64, 0.15);
    right: -250px;
    position: fixed;
    top: 17%;
    width: 250px;
    z-index: 9999;
    padding: 10px 5px
}

#style-switcher div {
    padding: 5px 10px
}

#style-switcher div h3 {
    color: #343a40;
    font-size: 16px;
    margin: 0 3px 12px
}

#style-switcher .bottom a.settings {
    background: none repeat scroll 0 0 #fff;
    height: 40px;
    position: absolute;
    left: -41px;
    top: 0px;
    width: 40px;
    padding: 9px 0 0 9px;
    border-radius: 30px 0 0 30px;
}


@media only screen and (max-width: 375px) {
    #style-switcher {
        display: none
    }
}