input[type=checkbox].css-checkbox
{
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label
{
	padding-left:28px;
	height:22px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	font-weight:normal;
}

input[type=checkbox].css-checkbox:hover + label.css-label {
	background-position: 0 -22px;
}

input[type=checkbox].css-checkbox:checked + label.css-label
{
	background-position: 0 -44px;
}

input[type=checkbox].css-checkbox:disabled + label.css-label
{
	background-position: 0 0;
}

label.css-label
{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABCCAYAAABTqybaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFnSURBVHjaYrx8/sR/BhoAJgYaARYkNiM5BugYmKPwr1w4+Z+mLh41eNTgUYNHDR41ePDVIGTVfcAag84uDtz1d+iGMcm19O0yKwwx1a5jo7X0qMGjBo8aPGrwSDCYUaXz6P/RoBg1eNRgKhucYSHDcCLHlEFPkod6BieZSjEU28kxCHOxMtgrCRJvMCszI0OKmRSDkjAnhly0oQRDhaMCmL3j5luGaceeEG9wmrk0Q7mDAsOKKB0GXQmEV0N0xRjqXZXAzdLdt98xFG25xfD3/3/iDd516x3D66+/GQQ5WRkWRWgzmMryMfhoijC0eCiDDT1w7z1D/qabDL///ie9dFMQ5GBYEK7NIM3HzvDjzz9w8DAzMjIcvv+BIWPdDYZff/+RlyoevP/BELXsCsP9d98ZOFiYwIYee/iRIXsDYUMJpopnn34yRAINv/LiC8ORByCXXmf4/vsfUSlntKAfNZiOBgMEGABzxmo1+KTeBAAAAABJRU5ErkJggg==');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* RADIO - РєРЅРѕРїРєРё */

input[type=radio].css-radio
{
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin-left:0;
	padding-left:-5px;
	border:0;
}

input[type=radio].css-radio + label.css-radio-label
{
	padding-left:28px;
	height:22px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	font-weight:normal;
}

input[type=radio].css-radio:hover + label.css-radio-label {
	background-position: 0 -22px;
}

input[type=radio].css-radio:checked + label.css-radio-label
{
	background-position: 0 -44px;
}

label.css-radio-label
{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABCCAYAAABTqybaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAATESURBVHjatJhfbBRVFMbPLhS2xLS0GCmlrbWgRikFHgpq5I8PSCWo0ZjYVuODMYZEE2vRgvEBH5TQmigPROObUUPxpVGqtMCLUqz/eEDbRAsNrbYCxnTbkmKB2q7fWb873J2dbXd3xpN8me3M3G/O3Ln3/O5tKBaLiVf0nvm+AIc66CGoCiqCrkPDUD/UAbVCo17t53sYRnB4GWqCDkEfQD9Dl6AFUAm0kg88D70NvQtN2j4hO2OYluPQDp3gzUMye5QwiQehh6FBcyFsmepNXdDHUGMaplK5dsMwtIttuvigG8Z8/TbofahFMgyYt7CteuTaGTdAp6B9kmXAfB+zboh/PGRbiOMefnm/cQDq0Q8e5pD6BPrdryuyHqJXnRpvg45JcNEJ1ajxWuhMgMY/QWvUeCn0Z4DG6rVUja9BCyXgUOOL0LIAPeM9oMZ90J0BGq/Rfg5zRGwL0LhGR0aYpe9pqNSvIyZbKb1awxjUUfxoNlPRZzTQKxq2puJWVrVss21k+TzgFCFkrUX6cUhL4KtZmDYxqcdMwXcX+ttwOAIdZ6Ef9l3omfkADuuhEVapg9AOqAzKocp47iDvGWGbwZRo8oBpPYdPlTWJLpKBnWSiN0xvb+me7VVjrt9K6b/ta+ea7vNsGFrZ/I37nE3pxXP08ZihNB4w6a4VdiilfySiFpPY2h238oF50N0818573oJ+wJuXp8pYv/C3PCq79kNH58hY1xavQRs5gu5F5sN2xobSJcxkexqm2r8dvLedbduQeRKlq6HT0DPQRLqTA+YTbHOaHg3G2FBa4w1+kIwC5tpmL//cjawLDaXzOeO+zLZWwPwoPfJtSgvLp98wHg6lNboDMDYeDqUlIFIbD4fSEjSpDaUlIFI7b28orbEuAGNTkRxKC4ed3zAeDqXHoUc4PbMKTIrt9Lgcp7QSlWQVFpRIFqYRa/bux2RJoLRi5n7oMLQoA1O991NWuN4ESpOsSukL0KNmjZuGaQ3v1S74QyltCr5d6Putp27kBvFzqJYAXWDBtJbXOqw2m2DaPxuacrlGeCUNNI0TTe+40eRlbKLQY8sb4oTqIQha9UN5UjoVZdF/MZLYlk7/K9CMOZeK8knrCg6djCk9616apFV+VWa6fHMvsRxjmNqUzibilDbrvbgxX/8kYegndE2yWbvFTWm/4VBah1sh/6GRH1CN17FdYVM6o9h5T4l892K1VC27yX0pidJpx7PVxbJrU5ksWZQjmysKPHdONqWdyJkXkufWF0vFktykFk+tK5I9D/y3/uvsG5H3uj0X/QmUduL5Dctl95ZyOVxfKauLbrzqE6tvkb1bK+Lz+sS5qDR+cVamvRfuCZR24vjZqPx1ZUoKcnPko9pVUl2aJzvuulnerFkRN/3q/Ki8dKRPpqZjKbtLR4XC9A73hfKCiHz45CpZnrdQrv4zE++eeaGQdA2Myc62X+X69Mxsn2HIpnRCDI5elfpDvTIQnZTI/HDctPu3cXnhszlNkyidFBcuX5M6mPdempBTg5rpLzI5NZPOwOn8/yYIC3VzgKurpL10TwCmDqXtsqn/CP0aKs7SVCm9hVBOKvRmL+270Iddy32zl349zb3IGO9Nfy+N7H3tpf8VYACJ67ALcc3cnAAAAABJRU5ErkJggg==');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* ====================================================== */

.checkbox-css
{
	vertical-align: top;
	margin: 0 2px 0 0;
	width: 17px;
	height: 17px;
}

.checkbox-css + label
{
	cursor: pointer;padding: 6px 0 0 45px;line-height:5px;
}

.checkbox-css:not(checked)
{
	position: absolute;
	opacity: 0;
}

.checkbox-css:not(checked) + label
{
	position: relative;
	padding: 6px 0 0 35px;
}

.checkbox-css:not(checked) + label:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 29px;
	height: 16px;
	border-radius: 8px;
	background: #2489c5;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}

.label-css{}

.checkbox-css:not(checked) + label:after
{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #FFFFFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	transition: all .2s;
}

.checkbox-css:checked + label:before
{
	background: #c8d5dc;
}

.checkbox-css:checked + label:after
{
	left: 15px;
}

.checkbox-css:focus + label:before
{
	/*box-shadow: 0 0 0 1px #FFCC00;*/
}

.radio-css
{
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin: 0 2px 0 0;
}

.radio-css + label
{
	cursor: pointer;
}

.radio-css:not(checked)
{
	position: absolute;
	opacity: 0;
}

.radio-css:not(checked) + label
{
	position: relative;
	padding: 0 0 0 23px;
}

.radio-css:not(checked) + label:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	border: 1px solid #666666;
	border-radius: 50%;
	background: #FFF;
}

.radio-css:not(checked) + label:after
{
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #666666;
	/*box-shadow: inset 0 1px 1px rgba(0,0,0,.5);*/
	opacity: 0;
	transition: all .2s;
}

.radio-css:checked + label:after
{
	opacity: 1;
}

.radio-css:focus + label:before
{
	/*box-shadow: 0 0 0 3px rgba(255,255,0,.5);*/
}