@font-face {
	font-family: ComicRelief;
	src: url(../fonts/ComicRelief.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: ComicRelief;
	src: url(../fonts/ComicRelief-Bold.ttf);
	font-weight: bold;
	font-style: normal;
}

/* что это?
html {
	-webkit-text-size-adjust: 100%;
}*/

/* { самые общие элементы */
body {
	margin: 0px;
	padding: 0px;
	width: 100vw;
	font-family: ComicRelief;
	overflow-x: hidden;
	text-align: center;
	position: relative;
}

h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: normal;
}

img {
	max-width: 100%;
}

button {
	background-color: transparent;
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	padding: 0px;
	text-shadow: inherit;
}

button:active, button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}
 
a {
	text-decoration: none;
	outline: none;
}

input {
	text-indent: 0px;
	font-family: inherit;
	font-size: inherit;
	border-style: solid;
	color: #000;
	background-color: #fff;
	outline: none;
}

input::-webkit-input-placeholder {/* Chrome */
	color: inherit;
}
input:-ms-input-placeholder {/* IE 10+ */
	color: inherit;
}
input::-moz-placeholder {/* Firefox 19+ */
	color: inherit;
	opacity: 1;
}
input:-moz-placeholder {/* Firefox 4 - 18 */
	color: inherit;
	opacity: 1;
}

input:-webkit-autofill {
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
}

@-webkit-keyframes autofill {
to {
	color: #000;
	background: transparent;
}
}

pre {
	display: inline-block;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	margin: 0px;
}
/* самые общие элементы } */

/* { классы для всех */
.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

.undecoratable {
	text-decoration: none;
	font-weight: 400;
	background-color: transparent;
	font-style: normal;
	color: initial;
}

.cp {
	cursor: pointer;
}

.pos-a {
	position: absolute;
}

.fs {
	font-size: 21px
}
.fs2 {
	font-size: 42px;
}
.fs0 {
	font-size: 0px;
}

.k-col, [data-color="k"] {
	color: #000000;
}
.w-col, [data-color="w"] {
	color: #ffffff;
}
.lg-col, [data-color="lg"] {
	color: #00e000;
}
.g-col, [data-color="g"] {
	color: #007000;
}
.y-col, [data-color="y"] {
	color: #c8b800;
}
.r-col, [data-color="r"] {
	color: #c80000;
}
.lb-col, [data-color="lb"] {
	color: #0078cc;
}
.b-col, [data-color="b"] {
	color: #3200ff;
}
.db-col, [data-color="db"] {
	color: #000070;
}
.gb-col, [data-color="gb"] {
	color: #00ffff;
}
.gray-col, [data-color="gray"] {
	color: #707070;
}

.dib {
	display: inline-block;
}
.db {
	display: block;
}

.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.tc {
	text-align: center;
}
.tj {
	text-align: justify;
}

.ts {
	text-shadow: 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
}

.lh-1-75 {
	line-height: 1.75em;
}
/* классы для всех } */

/* { стандартные элементы */
div.mainpart {
	position: relative;
	text-align: left;
	display: block;
	max-width: 980px;
	margin: 0px auto;
}
@media (max-width: 1020px) {
div.mainpart {
	margin: 0px 20px;
}
}
div.mainpart-just-text {
    margin-top: 20px;
}

div.wholeScreen, div.whole-screen {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}

div.fade {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	text-align: center;
	padding: 24px 15px;
	overflow: auto;
	z-index: 200;
	background-color: rgba(10,10,10,0.6);
}
div.fade[data-windows=""] {
	display: none;
}
div.fade[data-color="transparent"], div.fade[data-windows~="message"] {
	background-color: initial;
}

div.fade-window {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 100px;
}

div.fade-dialog {
	display: inline-block;
	text-align: left;
	position: relative;
	max-width: 90%;
	border-style: solid;
	border-width: 3px;
	border-color: #007000;
	border-radius: 6px;
	background-color: #fff;
	padding: 6px 9px 9px;
	box-sizing: border-box;
}

div.fade-window[data-window-id="message"] {
	background-color: rgba(10,10,10,0.6);
}

div.messageBlock, div.message-block {
	padding: 150px;
}

div.messageDiv, div.message-div {
	width: 100%;
	font-size: 1.5em;
	text-shadow: 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
	text-align: center;
}

div.message-block:not([data-confirm-buttons="true"]) div.message-window-confirm-buttons-div {
	display: none;
}

button.c-button {
	vertical-align: top;
	border-width: 3px;
	border-style: solid;
	border-radius: 5px;
	border-color: rgba(255, 255, 255, 0.85);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	color: rgb(255, 255, 255);
	padding: 0px 4px 2px;
	text-shadow: none;
}
button.c-button:enabled {
	cursor: pointer;
}
button.c-button-paddingless {
	padding: 0px;
}
button.c-button-padding-s {
	padding: 0px 4px 2px;
}
button.c-button-padding-n {
	padding: 4px 8px 6px;
}
button.c-button-margin-s {
	margin: 3px 2px;
}
button.c-button-margin-n {
	margin: 6px 3px;
}
button.c-button-black-color {
	color: rgb(0, 0, 0);
}
button.c-button-white, button.c-button[data-color="white"] {
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(0, 0, 0, 0.85);
}
button.c-button-white:focus, button.c-button[data-color="white"]:focus {
	box-shadow: 0px 0px 3px 3px #ddd;
}
button.c-button-white:enabled:active, button.c-button[data-color="white"]:enabled:active {
	box-shadow: inset 0px 0px 10px 0px #999, 0px 0px 3px 3px #ddd;
}
button.c-button-green, button.c-button[data-color="green"] {
	background-color: rgba(64, 128, 32, 1);
	background-color: rgba(116, 160, 104, 1);
}
button.c-button-green:focus, button.c-button[data-color="green"]:focus {
	box-shadow: 0px 0px 3px 3px #2a2;
}
button.c-button-green:enabled:active, button.c-button[data-color="green"]:enabled:active {
	box-shadow: inset 0px 0px 10px 0px #343, 0px 0px 3px 3px #2a2;
}
button.c-button-l-green-inv, button.c-button[data-color="l-green-inv"] {
	background-color: white;
	border-color: rgba(160, 200, 150, 1);
	color: #007000;
}
button.c-button-l-green-inv:focus, button.c-button[data-color="l-green-inv"]:focus {
	box-shadow: 0px 0px 3px 3px rgba(100, 200, 100, 1);
}
button.c-button-l-green-inv:enabled:active, button.c-button[data-color="l-green-inv"]:enabled:active {
	box-shadow: inset 0px 0px 5px 0px #353, 0px 0px 3px 3px rgba(100, 200, 100, 1);
}
button.c-button-l-green-inv[data-selected="true"], button.c-button[data-color="l-green-inv"][data-selected="true"] {
	background-color: rgb(215, 235, 195);
}
button.c-button-red, button.c-button[data-color="red"] {
	background-color: rgba(192, 16, 16, 1);
	background-color: rgba(216, 88, 88, 1);
}
button.c-button-red:focus, button.c-button[data-color="red"]:focus {
	box-shadow: 0px 0px 3px 3px #d22;
}
button.c-button-red:enabled:active, button.c-button[data-color="red"]:enabled:active {
	box-shadow: inset 0px 0px 10px 0px #433, 0px 0px 3px 3px #d22;
}
button.c-button-blue, button.c-button[data-color="blue"] {
	background-color: rgba(16, 16, 192, 1);
	background-color: rgba(88, 88, 208, 1);
}
button.c-button-blue:focus, button.c-button[data-color="blue"]:focus {
	box-shadow: 0px 0px 3px 3px #22d;
}
button.c-button-blue:enabled:active, button.c-button[data-color="blue"]:enabled:active {
	box-shadow: inset 0px 0px 10px 0px #667, 0px 0px 3px 3px #22d;
}
button.c-button-l-blue-inv, button.c-button[data-color="l-blue-inv"] {
	background-color: white;
	border-color: rgba(125, 160, 200, 1);
	color: #204580;
}
button.c-button-l-blue-inv:focus, button.c-button[data-color="l-blue-inv"]:focus {
	box-shadow: 0px 0px 3px 3px rgba(50, 75, 200, 1);
}
button.c-button-l-blue-inv:enabled:active, button.c-button[data-color="l-blue-inv"]:enabled:active {
	box-shadow: inset 0px 0px 5px 0px #335, 0px 0px 3px 3px rgba(50, 75, 200, 1);
}
button.c-button-l-blue-inv[data-selected="true"], button.c-button[data-color="l-blue-inv"][data-selected="true"] {
	background-color: rgb(195, 215, 235);
}
button.c-button-marine, button.c-button[data-color="marine"] {
	background-color: rgba(88, 192, 208, 1);
}
button.c-button-marine:focus, button.c-button[data-color="marine"]:focus {
	box-shadow: 0px 0px 3px 3px #2de;
}
button.c-button-marine:enabled:active, button.c-button[data-color="marine"]:enabled:active {
	box-shadow: inset 0px 0px 10px 0px #667, 0px 0px 3px 3px #2de;
}
button.c-button-small {
	width: 30px;
	height: 30px;
	border-width: 2px;
}
button.c-button-normal {
	width: 40px;
	height: 40px;
	border-width: 3px;
}
button.c-button-big {
	width: 50px;
	height: 50px;
	border-width: 3px;
}
button.c-button-round {
	border-radius: 50%;
}
button.c-button-plus {
	background-image: url("../images/common/plus.png");
}
button.c-button-cross {
	background-image: url("../images/common/cross-w.png");
}
button.c-button-white.c-button-cross, button.c-button[data-color="white"].c-button-cross {
	background-image: url("../images/common/cross-b.png");
}
button.c-button-tick {
	background-image: url("../images/common/tick-w.png");
}
button.c-button-white.c-button-tick, button.c-button[data-color="white"].c-button-tick {
	background-image: url("../images/common/tick-b.png");
}
button.c-button-delete {
	background-image: url("../images/icons/trash-white.png");
}
button.c-button-edit {
	background-image: url("../images/icons/pencil-white.png");
}
button.c-button-save {
	background-image: url("../images/common/save.png");
}
button.c-button:disabled {
	background-color: rgb(185, 185, 185);
}

input.c-form, textarea.c-form {
	vertical-align: baseline;
	text-indent: 0px;
	font-family: inherit;
	font-size: inherit;
	display: inline-block;
	box-sizing: border-box;
	border-style: solid;
	border-width: 2px;
	color: #000;
	padding: 0px 3px;
	border-radius: 6px;
	background-color: rgba(0, 0, 0, 0.02);
	background-color: rgb(250, 250, 250);
	border-color: rgb(177, 207, 177);
	border-color: rgb(177, 177, 177);
	resize: none;
}
textarea.c-form {
	width: 100%;
}
input.c-form:focus, textarea.c-form:focus {
	outline: none;
	box-shadow: 0px 0px 2px 1px #00b000, 0px 0px 2px 1px #00b000;
	box-shadow: 0px 0px 2px 1px #c0c0c0, 0px 0px 2px 1px #c0c0c0;
}
input.c-form::placeholder {
	color: #555;
}
input.c-form::-webkit-input-placeholder {
	color: #555;
}
input.c-form:-ms-input-placeholder {
	color: #555;
}
input.c-form::-moz-placeholder {
	color: #555;
}
input.c-form:-moz-placeholder {
	color: #555;
}
input.c-form-border-thin, textarea.c-form-border-thin {
	border-width: 1.5px;
}
input.c-form-black-ui, textarea.c-form-black-ui {
	border-color: rgb(177, 177, 177);
}
input.c-form-black-ui:focus, textarea.c-form-black-ui:focus {
	box-shadow: 0px 0px 2px 1px #b0b0b0, 0px 0px 2px 1px #b0b0b0;
}
input.c-form-green-ui, textarea.c-form-green-ui {
	border-color: rgb(177, 207, 177);
}
input.c-form-green-ui:focus, textarea.c-form-green-ui:focus {
	box-shadow: 0px 0px 2px 1px #00b000, 0px 0px 2px 1px #00b000;
}
input.c-form-red, input.c-form[data-color="red"], textarea.c-form-red, textarea.c-form[data-color="red"] {
	background-color: rgb(250, 225, 225);
	border-color: rgb(207, 177, 177);
}
input.c-form-red:focus, input.c-form[data-color="red"]:focus, textarea.c-form-red:focus, textarea.c-form[data-color="red"]:focus {
	box-shadow: 0px 0px 2px 1px #b00000, 0px 0px 2px 1px #b00000;
}
input.c-form-green, input.c-form[data-color="green"], textarea.c-form-green, textarea.c-form[data-color="green"] {
	background-color: rgb(200, 250, 200);
	border-color: rgb(155, 207, 155);
}
input.c-form-green:focus, input.c-form[data-color="green"]:focus, textarea.c-form-green:focus, textarea.c-form[data-color="green"]:focus {
	box-shadow: 0px 0px 2px 1px #00b000, 0px 0px 2px 1px #00b000;
}
input.c-form:disabled, textarea.c-form:disabled {
	border-color: rgb(177, 177, 177);
	color: rgb(50, 50, 50);
}
input.c-form-centered, textarea.c-form-centered, input.c-form[data-text-align="center"], textarea.c-form[data-text-align="center"] {
	text-align: center;
}
input.c-form-1digit {
	width: 24px;
}
input.c-form-2digits {
	width: 38px;
}
input.c-form-3digits {
	width: 52px;
}
input.c-form-4digits {
	width: 66px;
}
input.c-form.fs {
	font-size: 21px
}
input.c-form.fs2 {
	font-size: 42px;
}
input.c-form.fs0 {
	font-size: 0px;
}

button.blue-link, a.blue-link, div.blue-link, span.blue-link {
	color: rgb(0, 0, 255);
	text-shadow: inherit;
	cursor: pointer;
	border-radius: 0.1em;
}
button.blue-link:enabled:hover, a.blue-link:hover, div.blue-link:hover, span.blue-link:hover {
	text-decoration: underline;
}
button.blue-link:focus, a.blue-link:focus, div.blue-link:focus, span.blue-link:focus {
	/*outline: 2px solid rgb(50, 50, 255);*/
	text-decoration: underline;
}
button.blue-link:active, a.blue-link:active, div.blue-link:active, span.blue-link:active {
	color: rgb(0, 120, 0);
}
button.blue-link:disabled, a.blue-link:disabled, div.blue-link:disabled, span.blue-link:disabled {
	color: rgb(100, 100, 100);
	cursor: default;
}

button.green-link, a.green-link, div.green-link, span.green-link {
	color: rgb(0, 120, 0);
	text-shadow: inherit;
	cursor: pointer;
	border-radius: 0.1em;
}
button.green-link:enabled:hover, a.green-link:hover, div.green-link:hover, span.green-link:hover {
	text-decoration: underline;
}
button.green-link:focus, a.green-link:focus, div.green-link:focus, span.green-link:focus {
	text-decoration: underline;
}
button.green-link:active, a.green-link:active, div.green-link:active, span.green-link:active {
	color: rgb(180, 160, 0);
}
button.green-link:disabled, a.green-link:disabled, div.green-link:disabled, span.green-link:disabled {
	color: rgb(100, 100, 100);
	cursor: default;
}

button.black-link, a.black-link, div.black-link, span.black-link {
	color: rgb(0, 0, 0);
	text-shadow: inherit;
	cursor: pointer;
	border-radius: 0.1em;
}
button.black-link:enabled:hover, a.black-link:hover, div.black-link:hover, span.black-link:hover {
	text-decoration: underline;
}
button.black-link:focus, a.black-link:focus, div.black-link:focus, span.black-link:focus {
	text-decoration: underline;
}
button.black-link:active, a.black-link:active, div.black-link:active, span.black-link:active {
	color: rgb(0, 0, 180);
}
button.black-link:disabled, a.black-link:disabled, div.black-link:disabled, span.black-link:disabled {
	color: rgb(100, 100, 100);
	cursor: default;
}

div.c-checkboxes {}

button.c-checkbox, div.c-checkbox {
	cursor: pointer;
	text-align: justify;
}

div.c-checkbox-box {
	display: inline-block;
	vertical-align: text-top;
	width: 17px;
	height: 17px;
	border-style: solid;
	border-width: 2px;
	border-radius: 4px;
	border-color: #000000;
	margin: 5px 6px 3px 3px;
	box-shadow: inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
button.c-checkbox:focus div.c-checkbox-box, div.c-checkbox:focus div.c-checkbox-box {
	box-shadow: 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff;
}
button.c-checkbox:active div.c-checkbox-box, div.c-checkbox:active div.c-checkbox-box {
	box-shadow: 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, inset 0px 0px 3px 1px #222;
}
div.c-checkbox-box-black, button.c-checkbox[data-color="black"] div.c-checkbox-box, div.c-checkbox[data-color="black"] div.c-checkbox-box {
	border-color: #000000;
}
div.c-checkbox-box-green, button.c-checkbox[data-color="green"] div.c-checkbox-box, div.c-checkbox[data-color="green"] div.c-checkbox-box {
	border-color: #007000;
}
button.c-checkbox:focus div.c-checkbox-box-black, button.c-checkbox[data-color="black"]:focus div.c-checkbox-box, div.c-checkbox:focus div.c-checkbox-box-black, div.c-checkbox[data-color="black"]:focus div.c-checkbox-box {
	box-shadow: 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff;
	box-shadow: 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff;
}
button.c-checkbox:active div.c-checkbox-box-black, button.c-checkbox[data-color="black"]:active div.c-checkbox-box, div.c-checkbox:active div.c-checkbox-box-black, div.c-checkbox[data-color="black"]:active div.c-checkbox-box {
	box-shadow: 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 5px #fff, inset 0px 0px 5px #fff, inset 0px 0px 15px #000, inset 0px 0px 15px #000;
	box-shadow: 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, inset 0px 0px 3px 1px #222;
}
button.c-checkbox:focus div.c-checkbox-box-green, button.c-checkbox[data-color="green"]:focus div.c-checkbox-box, div.c-checkbox:focus div.c-checkbox-box-green, div.c-checkbox[data-color="green"]:focus div.c-checkbox-box {
	box-shadow: 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff;
	box-shadow: 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff;
}
button.c-checkbox:active div.c-checkbox-box-green, button.c-checkbox[data-color="green"]:active div.c-checkbox-box, div.c-checkbox:active div.c-checkbox-box-green, div.c-checkbox[data-color="green"]:active div.c-checkbox-box {
	box-shadow: 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 5px #fff, inset 0px 0px 5px #fff, inset 0px 0px 15px #040, inset 0px 0px 15px #040;
	box-shadow: 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, 0px 0px 3px #cfc, inset 0px 0px 3px 1px #020;
}
button.c-checkbox:disabled div.c-checkbox-box, div.c-checkbox:disabled div.c-checkbox-box {
	border-color: #707070;
}

div.c-checkbox-tick {
	display: none;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image: url(../images/common/tick-white-on-green.png);
	border-radius: 2px;
}
button.c-checkbox[data-selected="true"] div.c-checkbox-tick, div.c-checkbox[data-selected="true"] div.c-checkbox-tick {
	display: block;
}
button.c-checkbox:active div.c-checkbox-tick, div.c-checkbox:active div.c-checkbox-tick {
	opacity: 0.5;
}

div.c-radios {}

button.c-radio {
	cursor: pointer;
	text-align: justify;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
button.c-radio:disabled {
	cursor: initial;
}

div.c-radio-circle {
	display: inline-block;
	vertical-align: text-top;
	width: 7px;
	height: 7px;
	padding: 4px;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	margin: 6px 6px 3px 3px;
	box-shadow: inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff;
	border-color: #000000;
}
button.c-radio:focus div.c-radio-circle {
	box-shadow: 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff;
}
button.c-radio:active div.c-radio-circle {
	box-shadow: 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 5px #fff, inset 0px 0px 5px #fff, inset 0px 0px 15px #000, inset 0px 0px 15px #000;
}
div.c-radio-circle-green, button.c-radio[data-color="green"] div.c-radio-circle {
	border-color: #007000;
}
div.c-radio-circle-black, button.c-radio[data-color="black"] div.c-radio-circle {
	border-color: #000000;
}
button.c-radio:focus div.c-radio-circle-green, button.c-radio[data-color="green"]:focus div.c-radio-circle {
	box-shadow: 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff;
}
button.c-radio:active div.c-radio-circle-green, button.c-radio[data-color="green"]:active div.c-radio-circle {
	box-shadow: 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, 0px 0px 5px #cfc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 5px #fff, inset 0px 0px 5px #fff, inset 0px 0px 15px #040, inset 0px 0px 15px #040;
}
button.c-radio:focus div.c-radio-circle-black, button.c-radio[data-color="black"]:focus div.c-radio-circle {
	box-shadow: 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff;
}
button.c-radio:active div.c-radio-circle-black, button.c-radio[data-color="black"]:active div.c-radio-circle {
	box-shadow: 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, 0px 0px 5px #ccc, inset 0px 0px 10px #fff, inset 0px 0px 10px #fff, inset 0px 0px 5px #fff, inset 0px 0px 5px #fff, inset 0px 0px 15px #000, inset 0px 0px 15px #000;
}
button.c-radio:disabled div.c-radio-circle {
	border-color: #707070;
}
button.c-radio:disabled:active div.c-radio-circle {
	box-shadow: none;
}

div.c-radio-point {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: none;
	background-color: #000000;
}
div.c-radio-circle-green div.c-radio-point, button.c-radio[data-color="green"] div.c-radio-point {
	background-color: #007000;
}
div.c-radio-circle-black div.c-radio-point, button.c-radio[data-color="black"] div.c-radio-point {
	background-color: #000000;
}
button.c-radio[data-selected="true"] div.c-radio-point {
	display: block;
}

button.switch-wrapper {
	display: block;
	border-radius: 15px;
	padding: 3px;
}
button.switch-wrapper:focus, button.switch-wrapper:active {
	box-shadow: 0px 0px 3px 3px #00cc00;
}
button.switch-wrapper {
	cursor: pointer;
}
button.switch-wrapper:disabled {
	cursor: initial;
}

div.switch, button.switch {
	width: 70px;
	height: 28px;
	border: none;
	background-image: url("../images/common/pips.png");
	background-size: 350px 28px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 14px;
	padding: 0px;
}
div.switchOn, button.switchOn, div.switch-on, button.switch-on, div.switch[data-on='true'], button.switch[data-on='true'], button.switch-wrapper[data-state="on"] div.switch {
	background-position: -280px 0px;
}
button.switch {
	cursor: pointer;
}
button.switch:disabled {
	cursor: initial;
}
/* стандартные элементы } */

/* { частые элементы */
div.nectar {
	display: inline-block;
	width: 50px;
	height: 65px;
	background-image: url(../images/common/nectar-small.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

@media (min-width: 1181px) {
div.socialContainer {
	position: fixed;
	right: 0px;
	bottom: 20px;
	max-height: 100%;
	width: 90px;
	overflow: auto;
	z-index: 90;
}
}
@media (max-width: 1180px) {
div.socialContainer {
	font-size: 0px;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
}
button.socialButton {
	width: 72px;
	height: 72px;
	margin: 9px 9px;
	border-radius: 22.5%;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
}
button.socialButton-vk {
	background-image: url(../images/other/vk.png);
}
button.socialButton-max {
	background-image: url(../images/other/max.png);
}
button.socialButton-telegram {
	background-image: url(../images/other/telegram.png);
}
button.socialButton-whatsapp {
	background-image: url(../images/other/whatsapp.png);
}
button.socialButton-youtube {
	background-image: url(../images/other/youtube.png);
}
button.socialButton-mail {
	background-image: url(../images/other/mail.png);
}
/* частые элементы } */