/* .visual-select {
    position: fixed;
	z-index: 9999;
    top: 50%;
    height: 300px;
    margin-top: -150px;
    left: -280px;
    width: 280px;
	transition: all 0.3s ease;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s ease 0s;
}
	
.visual-select.visual-select-open {left: 0;}	
	
.visual-select-btn {
    background: #8bc34a;
    border: 1px solid #8bc34a;
	border-left: 0;
    color: #fff;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: -50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}*/
	
.visual-select i {margin: 0; color: #000;}
	
.visual-select-block {
    /* background: #4daf50; */
	/* border: 1px solid #8bc34a; */
	/* color: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	/* padding: 30px 30px 0; */
}
	
.visual-select-block > div > * {
    display: flex;
    justify-content: space-between;
	margin-bottom: 30px;
	align-items: center;
}	
	
.visual-select-block > div > * > * {width: 50%;}	

.visual-select-block > div > * > label {padding-right: 15px;}



input#pic-monochrome {
    width: 20px;
    height: 20px;
    margin-right: auto;
}


/* Монохром изображений */

body.pic-monochrome img, body.pic-monochrome i, body.pic-monochrome :before, body.pic-monochrome :after {filter: grayscale(1);}


/* Цветовая схема */

body.black-white, body.black-white > footer, body.black-white .fancybox-content {background: #fff; color: #000;}
body.black-white main div, body.black-white a, body.black-white small {background: #fff !important; color: #000 !important; border-color: #000 !important;}


body.white-black, body.white-black > footer, body.white-black .fancybox-content {background: #000; color: #fff;}
body.white-black .buttons .btn > * {border-color: var(--color-main);}
body.white-black main div, body.white-black a, body.white-black small {background: #000 !important; color: #fff !important; border-color: #fff !important;}


body.barkblue-skyblue, body.barkblue-skyblue > footer, body.barkblue-skyblue .fancybox-content {background: #9dd1ff; color: #143565;}
body.barkblue-skyblue main div, body.barkblue-skyblue a, body.barkblue-skyblue small {background: #9dd1ff !important; color: #143565 !important; border-color: #143565 !important;}


body.green-darkbrown, body.green-darkbrown > footer, body.green-darkbrown .fancybox-content {background: #3b2716; color: #a1e650;}
body.green-darkbrown main div, body.green-darkbrown a, body.green-darkbrown small {background: #3b2716 !important; color: #a1e650 !important; border-color: #a1e650 !important;}


body.black-white > footer > img,
body.white-black > footer > img,
body.barkblue-skyblue > footer > img,
body.green-darkbrown > footer > img {
    display: none;
}

/* Изменение размера шрифта */
	
.site-text-size-block {display: flex; width: 50%;}
	
.site-text-size-block div {
    background: #f7f7f7;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
    justify-content: center;
    cursor: pointer;
    margin-left: -1px;
}
	
.site-text-size-block input {width: 50%; text-align: center; padding: 3px; margin-left: -1px;}	


@media (max-width: 600px) { 
    .visual-select-block > div > * {flex-wrap: wrap;}
    .visual-select-block > div > * > * {width: 100%;}
    .visual-select-block > div > * > label {padding-right: 0; margin-bottom: 20px;}
    .site-text-size-block input {width: 100px;}
}