@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;
}

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 {
    color: #000000;
}
.w-col {
    color: #ffffff;
}
.lg-col {
    color: #00e000;
}
.g-col {
    color: #007000;
}
.y-col {
    color: #c8b800;
}
.r-col {
    color: #c80000;
}
.lb-col {
    color: #0078cc;
}
.b-col {
    color: #3200ff;
}
.db-col {
    color: #000070;
}
.gb-col {
    color: #00ffff;
}
.gray-col {
    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.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-window {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 45px;
}

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.messageBlock, div.message-block {
    padding: 200px 150px 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;
}

/* { на удаление */
button.greenButton {
    height: 40px;
    background-color: rgba(113, 164, 88, 1);
    border: solid 2px rgba(0, 96, 0, 0.8);
    font-family: inherit;
    color: #fff;
    border-radius: 12px;
    box-shadow: inset 0px -3px 4px rgba(0, 32, 0, 0.4);
    cursor: pointer;
    padding: 0px 8px;
}
button.greenButton:focus {
    box-shadow: inset 0px -3px 4px rgba(0, 32, 0, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4);
}
button.greenButton:active {
    background-color: rgba(32, 112, 16, 1);
    box-shadow: inset 0px 3px 4px rgba(0, 16, 0, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4);
}

button.redButton {
    height: 40px;
	background-color: rgb(150, 35, 35);
    border: solid 2px rgba(70, 0, 0, 0.8);
    font-family: inherit;
    color: #fff;
    border-radius: 12px;
    box-shadow: inset 0px -3px 4px rgba(32, 0, 0, 0.4);
    cursor: pointer;
    padding: 0px 8px;
}
button.redButton:focus {
    box-shadow: inset 0px -3px 4px rgba(32, 0, 0, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4);
}
button.redButton:active {
    background-color: rgba(100, 20, 20, 1);
    box-shadow: inset 0px 3px 4px rgba(16, 0, 0, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4);
}

button.bigButton {
    height: 40px;
    border-style: solid;
    border-width: 2px;
    font-family: inherit;
    border-radius: 12px;
    cursor: pointer;
    padding: 0px 8px;
}

button.bigButton-green {
    background-color: rgba(113, 164, 88, 1);
    border-color: rgba(0, 96, 0, 0.8);
    color: #fff;
    box-shadow: inset 0px -3px 4px rgba(0, 32, 0, 0.4);
}
button.bigButton-green:focus {
    box-shadow: inset 0px -3px 4px rgba(0, 32, 0, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4);
}
button.bigButton-green:active {
    background-color: rgba(32, 112, 16, 1);
    box-shadow: inset 0px 3px 4px rgba(0, 16, 0, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4), 0px 0px 10px rgba(200, 255, 200, 0.4);
}

button.bigButton-red {
	background-color: rgb(150, 35, 35);
    border-color: rgba(70, 0, 0, 0.8);
    color: #fff;
    box-shadow: inset 0px -3px 4px rgba(32, 0, 0, 0.4);
}
button.bigButton-red:focus {
    box-shadow: inset 0px -3px 4px rgba(32, 0, 0, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4);
}
button.bigButton-red:active {
    background-color: rgba(100, 20, 20, 1);
    box-shadow: inset 0px 3px 4px rgba(16, 0, 0, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4), 0px 0px 10px rgba(255, 200, 200, 0.4);
}

button.bigButton-gray {
	background-color: rgb(150, 150, 150);
    border-color: rgba(70, 70, 70, 0.8);
    color: #fff;
    box-shadow: inset 0px -3px 4px rgba(32, 32, 32, 0.4);
}
button.bigButton-gray:focus {
    box-shadow: inset 0px -3px 4px rgba(32, 32, 32, 0.4), 0px 0px 10px rgba(255, 255, 255, 0.4), 0px 0px 10px rgba(255, 255, 255, 0.4), 0px 0px 10px rgba(255, 255, 255, 0.4), 0px 0px 10px rgba(255, 255, 255, 0.4), 0px 0px 10px rgba(255, 255, 255, 0.4);
}
button.bigButton-gray:active {
    background-color: rgba(100, 100, 100, 1);
    box-shadow: inset 0px 3px 4px rgba(16, 0, 0, 0.4), 0px 0px 10px rgba(255, 255, 255, 0.4), 0px 0px 10px rgba(255, 255, 255, 0.4), 0px 0px 10px rgba(255, 255, 255, 0.4), 0px 0px 10px rgba(255, 255, 255, 0.4), 0px 0px 10px rgba(255, 255, 255, 0.4);
}
/* на удаление } */

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;
}
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-edit {
    background-image: url("../images/common/pencil.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: 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: #000;
}
input.c-form::-webkit-input-placeholder {
    color: #000;
}
input.c-form:-ms-input-placeholder {
    color: #000;
}
input.c-form::-moz-placeholder {
    color: #000;
}
input.c-form:-moz-placeholder {
    color: #000;
}
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;
}

button.blue-link, a.blue-link, div.blue-link, span.blue-link {
    color: rgb(0, 0, 255);
    text-shadow: inherit;
    cursor: pointer;
    border-radius: 2px;
}
button.blue-link:enabled:hover, a.blue-link:enabled:hover, div.blue-link:enabled:hover, span.blue-link:enabled: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;
}

div.c-checkboxes {}

button.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 {
    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 {
    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 {
    border-color: #000000;
}
div.c-checkbox-box-green, button.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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    display: block;
}
button.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;
}

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: 7px 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;
}

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;
}
/* стандартные элементы } */

/* { частые элементы */
@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-instagram {
    background-image: url(../images/other/instagram.png);
}
button.socialButton-vk {
    background-image: url(../images/other/vk.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);
}

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'] {
    background-position: -280px 0px;
}

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;
}
/* частые элементы } */