:root {
    --my_transparancy: 0.3;
	--time_transparancy: 1;
	--borderHorizontal: 2px;
	--borderVertical: 2px;
	--marginHorizontal: 5px;
	--marginVertical: 5px;
	--paddingVertical: 6px;
	--paddingHorizontal: 6px;
	--fontSize1: 120%;
	--fontSize2: 84%;
	--fontSize3: 75%;
	--fontSize4: 240%;
	--fontSize_pay_request: 3.5vmin;
	--heightZeroAndSecondLine: 135px;
	--heightFirstLine: 200px;
	--blockWidth: 220px;
	--background: linear-gradient(180deg, #f69167 0%, #b76a3c 70%, #b96b3e 71%, #9d5921 100%);
	--buttonBackground: linear-gradient(0deg, #31340f 0%, #3f4413 29%, #3f4413 30%, #5c631e 100%);
	
	--buttonBorderTop: 1px solid #151706;
	--buttonBorderBottom: 1px solid #151706;
	--button_border: #151706;
	--button_font_color: #b8b2ac;
	
	/* --study_buttons_color: #bbb6ac; */
	--study_buttons_color: #5c574c;
	/* --study_buttons_color: #8b867a; */
	/* --robot_width: 145px; */
	/* --robot_height: 100px; */
	/* --robot_width: 100px; */
	/* --robot_height: 71px; */
	/* --robot_width: 110px; */
	--robot_width: calc(var(--blockWidth)/2);
	--robot_height: calc(var(--robot_width)*0.712);
	
	
	--dialog_padding_h: 15px;
	--dialog_padding_v: 15px;
	--dialog_width: 170px;
	--study_buttons_border: 2px dashed var(--study_buttons_border_color);
	--study_buttons_border_color: #5c574c;
	--x_r_i: 0px;
	--y_r_i: 0px;
	
	--assoc_light_shadow: 0px 0px 11px 11px #bbb;
	--assoc_shadow: 4px 5px 5px #262727;
	--assoc_base_shadow: var(--assoc_shadow);
}

/* Мои стили */

#video_inst {
	width: 100%;
	aspect-ratio: 16/9;
}

.pAssociation {
	width: 100%;
}

.m_note {
	margin-top: 5px;
	text-align: center;
}

#container .block .m_note p {
	margin-bottom: 0;
}

.verticalDir {
	margin-top: 15px;
}

html #container #right .light_div {
	box-shadow: var(--assoc_base_shadow);
	transition: all 0.2s ease-in-out;
}

.b_part {
	/* margin-bottom: 3px; */
}

.first_chars {
	/* text-decoration: underline; */
	/* font-style: italic; */
	/* font-weight: bold; */
	/* color: #ff9966; */
	/* text-decoration-color: #ff9966; */
	border-bottom: 1.5px solid #ff9966;
}

.mod_margin_top {
	margin-top: 10px;
}

#revision .avatar_info .revisionP:nth-child(3) {
	margin-bottom: 18px;
}

.my_transform {
	transform: translate(var(--x_r_i), var(--y_r_i));
	-webkit-transform: translate(var(--x_r_i), var(--y_r_i)); /** Chrome & Safari **/
    -o-transform: translate(var(--x_r_i), var(--y_r_i)); /** Opera **/
    -moz-transform: translate(var(--x_r_i), var(--y_r_i)); /** Firefox **/
	transition: all 1s ease-in-out;
}

.my_transition {
	transition: all 1s ease-in-out;
}

#container .text>div:first-child, #container .text>div:first-child>p:first-child {
	margin-top: 0;
}

#container .text p {
	margin-bottom: 5px;
	margin-top: 5px;
}

#container .text>div:first-child>p {
	text-indent: 5px;
}

#container .text>div:first-child {
	margin-bottom: 0;
}

#container .ArrowDownRight a {
	font-size: calc(var(--fontSize1)*0.8);
}

#container .text .button_outer {
	margin-top: 0;
}

.shadow {
	top: 0;
	left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0px 0px 400px #000000;
    box-shadow: inset 0px 0px 400px #000000;
	background: rgba(0, 0, 0, 0.9); 
	z-index: 9000;
}

.button_outer {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	z-index: 11000;
}

html .button_outer .outer .button_style {
	margin-bottom: 0;
	z-index: 11000;
}

#container .text p, #container .text div{
	position: relative;
	z-index: 12100;
}

html body #container .text p {
	color: #000;
}

html body #container .wave_outer {
	display: flex;
	justify-content: center;
	position: absolute;
    top: 0;
	left: calc(0px - var(--dialog_width) - var(--dialog_padding_h)*2 - 15px);
	z-index: 10000;
	color: black;
	padding: var(--dialog_padding_v) var(--dialog_padding_h);
}

#container .text {
	height: auto;
	width: var(--dialog_width);
	color: black;
	z-index: 12000;
}


/* .wave { для низкого блока */
/* height: calc(100% - 34px); */
/* bottom: 2px; */
/* } */



.wave {
	height: calc(100% - 38px);
    width: calc(90% - 30px);
    position: absolute;
    left: 5%;
    bottom: 4px;
    right: 0;
    background-repeat: round;
    background-size: 30px 100%;
    background-image: radial-gradient(200% 68% ellipse at 50% 50%, #b8b2ac 72%, #6a767a 72%, #6a767a 73%, transparent 73%);
	padding: 15px;
}

.wave2 {
    height: calc(90% - 30px);
	width: calc(100% - 30px);
    position: absolute;
    left: 0;
    bottom: 5%;
    right: 0;
    background-repeat: round;
    background-size: 100% 30px;
    background-image: radial-gradient(68% 172% ellipse at 50% 50%, #b8b2ac 72%, #6a767a 72%, #6a767a 73%, transparent 73%);
	padding: 15px;
}

h2 {
	font-size: 1.2em;
}

html .c_a_study {
	margin-top: -5px;
}

.association ol, .r_i_block ol {
	margin: 0;
	font-size: 95%;
	padding-left: 0;
	list-style-position: inside;
}

#container .wave_outer ol{
	margin: 0;
	font-size: 10pt;
	padding-left: 0;
	list-style-position: inside;
}

#container .wave_outer .text .button_style {
    font-size: 95% !important;
}

.association li {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #2a1810;
}

#association p, #association li, #fingerGym p, #fingerGym li, .instruction p, .instruction li, #r_i li, #r_i p, .repeatInstruction p
{
	line-height: 1.3;
}

#container .wave_outer li, #container .wave_outer p
{
	line-height: 1.3;
}

.association ol li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

#container .wave_outer ol li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

html .association ol .rm:last-child, html .r_i_block ol .rm:last-child{
	margin-bottom: 0px;
	border-bottom: none;
}

html .association ol .rm, html .r_i_block ol .rm {
	border-bottom: none;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

html #container .wave_outer ol .rm {
	border-bottom: none;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

html .assoc_ref .rm_refer, html .r_i_block #r_i .rm_refer {
	margin-top: 0;
	margin-bottom: 0px;
}

#container .text .rm_refer {
	margin-top: 0;
	margin-bottom: 0px;
}

html .assoc_ref .repeat_inst, html .r_i_block #r_i .repeat_inst  {
	margin-top: 8px;
	margin-bottom: -3px;
}

.rm_p, .repeatInstruction p {
	text-indent: 5px;
}

.crossed_out_cost {
	display: flex;
    justify-content: center;
	margin-top: 6px;
}

.crossed_out_cost strike{
	text-indent: 0;
}

.paymentFormOuter div {
	text-align: justify;
    text-indent: 15px;
	line-height: 22px;
}

.paymentFormOuter .center {
	display: flex;
	justify-content: center;
}

.assoc_ref>div {
	margin-top: 5px;
	margin-bottom: 5px;
}

#r_i>div {
	margin-bottom: 5px;
}

#container .text>div {
	margin-top: 5px;
	margin-bottom: 5px;
}

#container .text .button_outer {
	margin-bottom: 2px;
}

.anchor_try {
	cursor: pointer;
}

.like_button {
	font-style: italic;
	/* font-weight: bold; */
	text-decoration: underline;
	font-size: 11pt;
}

.form1 {
	margin-top: 25px;
	margin-bottom: 21px;
}

.form1 form {
	width: 256px;
}

.index_bottom {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.hor_inner {
	width: 254px;
	display: flex;
	/* justify-content: space-between; */
	justify-content: center;
	padding: 0 1px;
	margin-top: 10px;
}

.hor {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0;
	margin-bottom: 5px;
}

.hor>div {
	/* flex: 1 1 auto; */
}

.s_auth form>div>div {
	margin-top: 10px;
	margin-bottom: 10px;
}

.s_auth #links_reset {
	width: 93px;
}
.s_auth #links_reset a {
    font-size: 9pt;
}

.s_auth .regAndRes {
    margin-bottom: 10px;
	margin-top: 10px;
}

.s_auth #link_register {
	font-size: 9pt;
	color: #9f9f9f;
}

.s_auth .center {
	margin-top: 14px;
	margin-bottom: 0;
}

.s_auth .form input[type="submit"] {
	font-size: 12pt;
	width: 100%;
	border: none;
	/* background: url(/images/icon_auth.png) no-repeat left 40%; */
	/* color: #dc804c; */
	/* margin: 0; */
	/* padding: 0; */
    /* padding-left: 15px; */
	/* text-indent: 3px; */
}

.s_auth .form label {
	font-size: 11pt;
}

.s_auth h1 {
	
}

.s_auth .regAndRes {
	justify-content: center;
}

.s_auth #links_reset {
	display: flex;
	justify-content: center;
}

.s_auth .form input[type="text"], .s_auth .form input[type="password"] {
    height: 25px;
    width: 180px;
}
.add_email {
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	color: #b8b2ac;
}

.assoc_ref, #r_i {
	display: flex;
	justify-content: center;
	text-align: left;
	margin-top: 5px;
	flex-direction: column;
	color: #b8b2ac;
}

#r_i {
	margin-top: 0;
}

#container .text {
	display: flex;
	justify-content: center;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 7px;
	flex-direction: column;
	/* color: #b8b2ac; */
}

.assoc_ref div {
}

html .assoc_ref p, html #r_i p {
	margin-bottom: 7px;
}

#r_i p:last-child {
	margin-bottom: 0;
}

.assoc_ref a, #r_i a{
	text-decoration: underline;
	color: #b8b2ac;
    font-style: italic;
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
}

#container .text a{
	text-decoration: underline;
    color: #b8b2ac;
    font-style: italic;
	font-size: 95% !important;
	font-family: Arial, Helvetica, sans-serif;
}

.gmail {
	background-image: url("/images/g_icon.png");
}

.yandex {
	background-image: url("/images/yandex_icon.png");
}

.mail {
	background-image: url("/images/mail_icon.png");
}

.vk {
	background-image: url("/images/vk_icon.png");
}

.soc_item {
	background-size: 100% 100%;
	width: 20px;
	height: 20px;
	margin: 0 18px;
	cursor: pointer;
}

.soc_networks {
	display: flex;
	justify-content: center;
	margin-top: 7px;
	margin-bottom: 5px;
}

.soc_netw_head1 {
	display: flex;
	justify-content: center;
    font-size: 90%;
}

.email_head1 {
	margin-top: 10px;
	margin-bottom: -5px;
}

.soc_netw_head2 {
	display: flex;
}

.under_pay_request {
	line-height: 1.3;
    font-size: var(--fontSize1);
	margin-top: -10px;
}

html .under_pay_request p{
	margin-bottom: 5px;
}

#register input[type="text"], #register input[type="password"]{
	width: 180px;
}

#container .ArrowDownRight a{
	/* text-decoration: underline; */
	display: flex;
	margin-top: 6px;
	color: var(--study_buttons_color);
	font-style: italic;
	font-weight: bold;
}

#container #content .main .ArrowDownRight .tr_link a{
	margin-top: 6px;
}

#container .ArrowDownRight a:first-child {
    margin-top: 1px;
}

#container .sRegister .form {
	margin-top: 20px;
}

.s_a_seconds {
	margin-left: 10px;
}

.s_a_seconds {
	display: inline-block;
}

.main p.bottom0 {
	margin-bottom: 0;
}

.main ol, .main ul {
	margin-top: 0px;
}

.sound:hover {
	color: #b76a3c;
	cursor: pointer;
}

.word, .newWord {
	flex-direction: column;
}

#reset form>div {
	margin-top: 10px;
	margin-bottom: 10px;
}

#reset form>div input[type="text"]{
	width: calc(100% - 12px);
}


#container .firstLine .card p:not(.wave_outer p) {
	font-size: 2.4vw;
}

.card .addText a {
	font-size: var(--fontSize_pay_request);
	color: #b8b2ac;
	text-decoration-line: underline;
	/* border: solid 3px #b8b2ac; */
	/* border-radius: 5px; */
	padding: 0 5px;
	/* background: var(--buttonBackground); */
}

#container .getAccess:hover {
	/* text-decoration: none; */
}

#container .done {
	padding-right: 15px;
	padding-left: 15px;
}

#profile form>div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.payRequest {
	display: flex;
	margin-top: 7px;
	justify-content: center;
	line-height: 1.3;
	font-size: var(--fontSize1);
}

#container .payRequest a{
	color: var(--button_font_color);
	width: max-content;
	margin-bottom: 0;
}

#container .payRequest a:hover{
	text-decoration: none;
}

.payRequest div {
}

#register form>div {
	margin-top: 10px;
	margin-bottom: 10px;
}

#container #content .mainPageH4 {
	line-height: 1.5;
	font-size: 120%;
	margin-left: 4px;
}

#content .bankCard {
	margin-top: 3px;
	color: #b8b2ac;
}

.payButton {
	display: flex;
}

.currentAccess span {
	/* color: #ff9966; */
}

.monthsOuter {
	display: flex;
	flex-direction: column;
}

.monthsOuter > div {
	margin-top: 10px;
}

.discont {
	display: flex;
	width: fit-content;
}

.months strike {
	position: relative;
	text-decoration-color: transparent /* #8e67f0 */;
	text-decoration-thickness: 4px;
	color: #b8b2ac;
}

.months strike:before {
    border-bottom: 2px solid #ff9966;
    position: absolute;
    content: "";
    width: 100%;
	height: 52%;
    transform: rotate(6deg);
}

.grayBackground {
	background: #b8b2ac !important;
	color: #87827e !important;
	border: 1px solid #a19c97 !important;
    border-radius: 5px !important;
}

#container #content .offer a {
	color: #b8b2ac;
}

.offer {
	text-align: center;
	font-size: var(--fontSize2);
	margin-top: -15px;
	/* margin-top: 15px; */
}

html .bottom10 {
	margin-bottom: 10px;
}

html #container #content .top20 {
	margin-top: 20px;
}

html #container #content .top10 {
	margin-top: 10px;
}

.profits {
	padding-left: 15px;
}

.main .noTextIndent p {
	text-indent: 0;
}

.revisionP {
	text-align: left;
}

#content {
	display: flex;
	justify-content: space-between;
}

#center {
	display: flex;
	flex-grow: 1;
	margin: 0 10px 0 10px;
	flex-direction: column;
    max-width: calc(100% - var(--blockWidth)*2 - 10px);
}

.not_authorized #center {
    max-width: calc(100% - var(--blockWidth) - 10px);
	margin-right: 0;
}

#content .studyCenter {
	margin-left: 11px;
}

.main {
	width: calc(100% - 34px);
	height: auto;
}

.studyCenter .main {
	max-width: calc(100% - 37px);
}

.settingsOuter {
	width: calc(100% - 49px);
}

#right {
	display: flex;
	flex-direction: column;
	align-self: flex-start;
}

#left {
	align-self: flex-start;
}

.guidanceText {
	user-select: none;
}

.registrationRequest {
	margin-left: 10px;
	margin-top: 12px;
	margin-bottom: -8px;
	color: #dc804c;
	font-size: 120%;
}

.registrationRequest a {
	color: #dc804c;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

.input3s::placeholder { /* Most modern browsers support this now. */
	font-size: 70%;
	color: #8a8a8a;
}

.startInstructions, .startInstructions2 {
	line-height: 1.3;
}

.startInstructions p, .startInstructions2 p {
	text-align: justify;
}

#accessEnglish .center {
	margin: 0;
}

.paymentFormOuter {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0px 8px;
}

.paymentFormOuter>div{
	margin-top: 20px;
}

.paymentFormOuter>div:first-child{
	margin-top: 7px;
}

.paymentFormOuter>div:last-child {
	margin-bottom: 20px;
}

#container .currentAccess {
	margin-top: 15px;
	margin-left: 8px;
}

#container .currentAccess p{
	text-indent: 15px;
	line-height: 22px;
}

.orange {
	color: #ff9966;
}

.discont div {
	display: inline;
}

.inline {
	display: inline;
}

.action {
	color: #ff9966;
}

.paymentFormOuter .form{
	display: flex;
}

.paymentFormOuter .monthsOuter{
	display: flex;
	align-items: center;
}

.monthOuter {
	align-items: center;
}


.payDescript {
	text-align: justify;
	margin: 0px 8px;
	text-indent: 15px;
	line-height: 22px;
}

.greeting_parent {
	display: flex;
	justify-content: center;
}

#register .center {
	margin-top: 15px;
	margin-bottom: 21px;
}

#register .center input {
	/* width: 100%; */
}

[data-dictionary="latyn_limitParent"]{
	margin-left: 49px;
	width: calc(100% - 49px) !important;
}


[data-dictionary="say_levelParent"], [data-dictionary="say_level_and_2000Parent"]{
	margin-left: 49px;
	width: calc(100% - 49px) !important;
}




.limitNone {
	display: none !important;
}

.dictHead {
	margin: 20px 0;
}

.dictionarySettings {
	min-height: 70px;
	text-align:justify
}

.outerСloseStartInstructions, .outerReturnToStartInstructions {
	display: flex;
	justify-content: center;
}

.display_none {
	display: none !important;
}

#left {
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;
	/* position: sticky; */
	top: 15px;
}

footer {
	height: 25px;
}

#container {
	padding-bottom: 25px;
	min-height: calc(100vh - 25px);
	margin-bottom: -36px;
}

.form #support div {
	margin: 10px 0 !important;
}

#support form div:nth-child(3){
	width: 100%;
}

#support form textarea {
	width:calc(100% - 14px);
	height: 180px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #b8b2ac;
	border: 2px solid #5c574c;
	resize: none;
	border-radius: 5px;
	transition: all 0s;
}

#support form textarea:focus {
	outline: none !important;
}

#support form div:nth-child(4){
	display: flex;
	width: 100%;
	justify-content: center;
}

#support form div:nth-child(5){
	display: flex;
	width: 100%;
	justify-content: center;
}

#support form div:nth-child(4) label{
	margin-right: 5px;
	margin-top: 2.5px;
}

#support form input {
	
}

#support form div:nth-child(5){
	
}

#support form div:nth-child(5) label{
	padding-top: 4px;
	padding-right: 5px;
}	

#support form div:nth-child(5) input{
	padding-left: 5px;
}	

#support form {
	display: flex;
	align-items: center;
	flex-direction: column;
}

#support{
	display: flex;
}

.sendOuter{
	display: flex;
	padding-right: 5px;
	justify-content: right;
	margin-top: 5px;
}

.strInStr{
	padding-top: 4px;
	margin-left: 7px;
}

.myStr{
	display: flex;
	flex-direction: row;
}

.displayAssoc, .display_r_i {
	font-size: 93%;
}


#content #right .assoc, .r_i{
	cursor: pointer;
	/* transition-duration: 2s; */
	/* transition-property: background !important; */
	/* transition: background 1000ms linear; */
	/* animation: anim_assoc2 10s 3; */
}

.assocNone {
	display: none;	
}

@keyframes ani {
	0% {height: 15px;}
	100% {height: 130px;}
}

.textArea textarea, .textAreaInstruction textarea {
	margin-left: -4px;
	width: 100%;
	height: 20px;
	background-color: transparent;
	color: #b8b2ac;
	border: 2px solid #5c574c;
	resize: none;
	border-radius: 5px;
	/* animation: ani 1s forwards; */
	transition: all 0s;
}

.textArea textarea:focus, .textAreaInstruction textarea:focus, .textAreaSupport textarea:focus {
	outline: none !important;
	border: 2px solid #5c574c;
}

.textArea {
	margin-bottom: 5px;
}

#association, #r_i {
	flex-direction: column;
	display: flex;
	user-select: none;
	align-items: center;
	font-size: 100%;
}

#container .text {
	flex-direction: column;
	display: flex;
	user-select: none;
	align-items: center;
	font-size: 10pt !important;
	padding-left: 5px;
	padding-right: 5px;
}

.addOwn, .addOwnInstruction {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	
}

#container .myButton, .button_style {
	padding-left: 7px;
	padding-right: 7px;
}

.getAccess, .done, .myButton, .cancel, .myButtonInstruction, .cancelInstruction, .send, .closeStartInstructions, .returnToStartInstructions, .button_style {
	background: var(--buttonBackground);
	border-bottom: var(--buttonBorderBottom);
	border-top: var(--buttonBorderTop);
	border-left: 1px solid var(--button_border);
	border-right: 1px solid var(--button_border);
	font-size: 90%;
	
	margin-top: 10px;
	margin-bottom: 5px;
	
	border-radius: 8px;
	color: var(--button_font_color);
	cursor: pointer;
	display: inline-block;
	padding: 3px 5px;
	text-decoration: none;
	
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif;
}

.zeroLeft {
	display: flex;
	align-self: flex-end;
	width: calc(28% - var(--borderHorizontal)*2 - var(--marginHorizontal));	
	height: var(--heightZeroAndSecondLine);
	color: #5c574c;
	border-bottom: 2px dashed transparent;
	border-left: 2px dashed transparent;
	border-radius: 5px;
	border-right: 2px dashed transparent;
	border-top: 2px dashed transparent;
	margin-right: var(--marginHorizontal);
	align-self: flex-end;
}

.zeroRight {
	display: flex;
	flex-direction: row;
	width: calc(28% - var(--borderHorizontal)*2 - var(--marginHorizontal));
	height: var(--heightZeroAndSecondLine);
	color: var(--study_buttons_color);
	border-bottom: var(--study_buttons_border);
	border-left: var(--study_buttons_border);
	border-radius: 5px;
	border-right: var(--study_buttons_border);
	border-top: var(--study_buttons_border);
	margin-left: var(--marginHorizontal);
	align-self: flex-end;
}

.mode {
	display: flex;
	width: 65%;
	justify-content: center;
	align-items: center;
	text-align: center;
	cursor: pointer;
	user-select: none;
	flex-direction: column;
	font-size: var(--fontSeze2);
}

.indicatorAndTime {
	width: 35%;
	border-left: var(--study_buttons_border);
}

.time {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20%;
	border-bottom: var(--study_buttons_border);
	color: rgba(92, 87, 76, var(--time_transparancy));
	user-select: none;
	cursor: pointer;
}

.indicator {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80%;
}

@keyframes anim_ml {
	0% {
		background: rgba(0, 255, 0, var(--my_transparancy));
	}
	50% {
		background: rgba(255, 255, 0, var(--my_transparancy));
	}
	95% {
		background: rgba(255, 127, 0, var(--my_transparancy));
	}
	100% {
		background:  rgba(255, 0, 0, var(--my_transparancy));
	}
}

@keyframes anim_ml2 {
	0% {
		background: rgba(0, 255, 0, var(--my_transparancy));
	}
	50% {
		background: rgba(255, 255, 0, var(--my_transparancy));
	}
	95% {
		background: rgba(255, 127, 0, var(--my_transparancy));
	}
	100% {
		background:  rgba(255, 0, 0, var(--my_transparancy));
	}
}

@keyframes anim_ml_short2_red {
	0% {
		background: rgba(255, 0, 0, var(--my_transparancy));
	}
	50% {
		background: rgba(255, 0, 0, var(--my_transparancy));
	}
	95% {
		background: rgba(255, 0, 0, var(--my_transparancy));
	}
	100% {
		background:  rgba(255, 0, 0, var(--my_transparancy));
	}
}


@keyframes anim_ml_short {
	0% {
		background: rgba(0, 255, 0, var(--my_transparancy));
	}
	95% {
		background: rgba(255, 150, 0, var(--my_transparancy));
	}
	100% {
		background:  rgba(255, 0, 0, var(--my_transparancy));
	}
}

@keyframes anim_ml_short2 {
	0% {
		background: rgba(0, 255, 0, var(--my_transparancy));
	}
	95% {
		background: rgba(255, 150, 0, var(--my_transparancy));
	}
	100% {
		background:  rgba(255, 0, 0, var(--my_transparancy));
	}
}

.indic {
	height: calc(100% - 10px);
	width: calc(100% - 8px);
	margin-bottom: 2px;
	animation: anim_ml 60s 1;
	background-color: rgba(255, 0,0,var(--my_transparancy));
	cursor: pointer;
}

#auth {
	display: flex;
	float: right;
	margin-top: 6px;
	/* min-width: 575px; */
	min-width: 530px;
	/* width: 67%; */
	justify-content: right;
}

#top {
	display: flex;
	flex-direction: row;
	background-color: #29292a;
	border-bottom: 1px solid #6f7a80;
	box-shadow: 0 4px 4px #717c82;
	height: 34px;
	padding: 0 20px;
}

#search {
	display: flex;
	justify-content: left;
	height: 100%;
	align-items: center;
	flex-grow: 1;
}

#searchInput {
	width: 100%;
}

#search form {
	width: 100%;
	max-width: 300px;
}

#search input[type="text"] {
	background-color: #080808;
	border: none;
	border-radius: 5px 0 0 5px;
	color: #fff;
	height: 22px;
	/* padding: 0 0 0 5px; */
	padding: 0;
	width: 100%;
	text-indent: 6px;
	font-size: 100%;
}

#search input[type="text"]::placeholder { /* Most modern browsers support this now. */
	color:    #8a8a8a;
}
#search input[type="submit"], #search_forum input[type="submit"] {
	background: url("/images/icon_search.png") no-repeat center center;
	border: none;
	cursor: pointer;
	height: 22px;
	/* margin: 3px 0 3px -4px; */
	width: 31px;
}

#horLine {
	display: flex;
	flex-direction: row;
	height: 22px;
}



.zeroLine_enter_outer form{
	width: 100%;
	height: 100%;
}

.zeroLine_enter_outer{
	width: 100%;
}



.topText {
	text-align: left;
}


#examResults {
	text-align: left;
	line-height: 1.5;
	color: #b8b2ac;
}

.verticalDir {
	display: flex;
	flex-direction: column;
	color: #b8b2ac;
}

.firstLine-Header {
	display: flex;
	flex-direction: row;
	font-weight: bold;
	height: 40px;
}

.horizontalDir {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.horizontalDir div:nth-child(2) {
	border-right: 1px solid rgba(220, 218, 212, 0.2);
}

.horizontalDir div:nth-child(odd) {
	color: #c17040;
	/* color: #bf623a; */
}

.horizontalDir div:nth-child(even) {
	color: #0081b6  ;
}

.firstLine-Header div:nth-child(odd) {
	color: #c17040;
	/* color: #bf623a; */
}

.firstLine-Header div:nth-child(even) {
	color: #0081b6  ;
}

.firstLine-Header div:nth-child(2) {
	border-right: 1px solid rgba(220, 218, 212, 0.2);
}

.cell {
	display: flex;
	justify-content: center;
	text-align: center;
	width: 25%;
	padding: 2px 0;
	line-height: 1.2;
	border-top: 1px solid rgba(220, 218, 212, 0.1);
	align-items: center;
}



body {
	color: #b8b2ac;
}

.article_info {
	color: #b8b2ac;
}

.forecast {
	text-align: justify;
	
}


.hide {
	display:none
}

.hide50 {
	display: none;
}

#turnOffCheckbox {
	display:none
}

.revOrExam {
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	border-radius: 8px;
	color: var(--button_font_color);
    background: var(--buttonBackground);
	border-bottom: var(--buttonBorderBottom);
	border-top: var(--buttonBorderTop);
	border-left: 1px solid var(--button_border);
	border-right: 1px solid var(--button_border);
	font-size: 90%;
}

#topStudy {
	display:flex;
	flex-direction: row;
	width: 100%;
	
}

#topLeft {
	display: flex;
	width: 100%;
	justify-content: left;	
	align-items: center;
}

#withoutEnter {
	display: flex;
	width: 100%;
	justify-content: left;	
	align-items: center;
	color: #bbb6ac;
	text-indent: 10px;
}

#labelForExamCheckbox{
	cursor: pointer;
	user-select: none;
}

#examChekboxOuter {
	margin-left: 7px;
	width: 18px;
	height: 18px;
	border: 2px solid #9d5922;
	cursor: pointer;
}

#turnOnEnterCheckbox{
	width: 5px;
	height: 12px;
	border: 3px solid #f69167;
	border-left: 0;
	border-top: 0;
	transform: rotate(45deg);
	margin-left: 5px;
	margin-top: -1px;
}

#turnOffEnterCheckbox{
	display: none;
}

.dictionarySettings {
	display: flex;
	width: calc(100% - 5px);
	justify-content: left;	
	color: #bbb6ac;
}

.topRight {
	display: flex;
	width: 60%;
	justify-content: right;	
	align-items: center;
	color: #bbb6ac;
}

.labelForCheckbox{
	width: 100%;
	cursor: pointer;
	user-select: none;
}

.chekboxOuter {
	margin-right: 28px;
	width: 18px;
	height: 18px;
	border: 2px solid #9d5922;
	cursor: pointer;
}

.checkboxInnerVisible{
	width: 5px;
	height: 12px;
	border: 3px solid #f69167;
	border-left: 0;
	border-top: 0;
	transform: rotate(45deg);
	margin-left: 5px;
	margin-top: -1px;
}

.cardOuter {
	display:flex;
	width: 100%;
	height: auto;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	flex-direction: column;	
	justify-content: center;	
	transition-duration: 0.5s;
}

.firstLine {
	display:flex;
	width: 100%;
	height: var(--heightFirstLine);
	flex-direction: row;	
	justify-content: center;	
	transition-duration: 0.5s;
}

.Space_enter {
	display:flex;
	width: calc(25% - 6px);
	height: calc(var(--heightFirstLine) - 4px);
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	padding: 0 3px;
	
	cursor: pointer;
	color: #5c574c;
	border-bottom: 2px dashed #5c574c;
	border-left: 2px dashed #5c574c;
	border-radius: 5px;
	border-right: 2px dashed #5c574c;
	border-top: 2px dashed #5c574c;
	margin-right: 5px;
}

.Space {
	display: flex;
	width: calc(28% - var(--borderHorizontal)*2 - var(--marginHorizontal) - var(--paddingHorizontal)*2);
	height: calc(var(--heightFirstLine) - var(--paddingVertical)*2);
	align-self: center;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	padding: var(--paddingVertical);
	cursor: pointer;
	color: var(--study_buttons_color);
	border-bottom: var(--study_buttons_border);
	border-left: var(--study_buttons_border);
	border-radius: 5px;
	border-right: var(--study_buttons_border);
	border-top: var(--study_buttons_border);
	margin-right: var(--marginHorizontal);
}

.card {
	display:flex;
	width: 44%;
	background-color: #000;
	height: var(--heightFirstLine);
	align-self: center;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition-duration: 0.2s;
}

.word {
	display:flex;
	text-indent: 0 !important;
	font-size: var(--fontSize4);
	align-items: center;
	text-align: center;
}

.newWord {
	display:flex;
	text-indent: 0 !important;
	font-size: var(--fontSize4);
}

.ArrowRight_enter {
	display:flex;
	width: 25%;
	height: calc(var(--heightFirstLine) - 4px);
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	
	cursor: pointer;
	color: #5c574c;
	border-bottom: 2px dashed #5c574c;
	border-left: 2px dashed #5c574c;
	border-radius: 5px;
	border-right: 2px dashed #5c574c;
	border-top: 2px dashed #5c574c;
	margin-left: 5px;
}

.ArrowRight {
	display:flex;
	width: calc(28% - var(--borderHorizontal)*2 - var(--marginHorizontal) - var(--paddingHorizontal)*2);
	height: calc(var(--heightFirstLine) - 2*var(--paddingVertical));
	align-self: center;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	padding: var(--paddingVertical);
	cursor: pointer;
	color: var(--study_buttons_color);
	border-bottom: var(--study_buttons_border);
	border-left: var(--study_buttons_border);
	border-radius: 5px;
	border-right: var(--study_buttons_border);
	border-top: var(--study_buttons_border);
	margin-left: var(--marginHorizontal);
}

.secondLine {
	display:flex;
	width: 100%;
	flex-direction: row;	
	justify-content: center;	
	transition-duration: 0.5s;
	margin-top: var(--marginVertical);
}

.zeroLine {
	display:flex;
	width: 100%;
	flex-direction: row;	
	justify-content: center;	
	transition-duration: 0.5s;
	margin-bottom: var(--marginVertical);
}

.zeroLine_enter {
	display:flex;
	width: 100%;
	height: 50px;
	flex-direction: row;	
	justify-content: center;	
	transition-duration: 0.5s;
	align-content: center;
	align-items: center;
	margin-bottom: var(--marginVertical);
}


.inputEnter {
	display:flex;
	justify-content: center;
	width: 43%;
	height: 95%;
	background-color: transparent;
	color: #b8b2ac;
	font-size: var(--fontSeze4);
	border-top: 2px dashed #5c574c;
	border-left: 2px dashed #5c574c;
	border-right: 2px dashed #5c574c;
	border-bottom: 2px dashed #5c574c;
	border-radius: 5px;
	text-align: center;
}


.inputSupport {
	display:flex;
	justify-content: center;
	width: 30%;
	min-width: 200px;
	height: 95%;
	background-color: transparent;
	color: #b8b2ac;
	font-size: 100%;
	border-top: 2px solid #5c574c;
	border-left: 2px solid #5c574c;
	border-right: 2px solid #5c574c;
	border-bottom: 2px solid #5c574c;
	border-radius: 5px;
	text-align: left;
}

.inputEnter:focus::placeholder { 
	/* 	font-size: 100%; 
		transform: translateX(75px);
	*/	color: transparent; 
}

.ArrowLeft_enter {
	display:flex;
	width: calc(22% - 6px);
	height: 135px;
	align-self: center;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	user-select: none;
	text-align: center;
	
	color: #5c574c;
	border-radius: 5px;
	margin-right: 2.5px;
	margin-top: 11px;
}

.ArrowLeft {
	display:flex;
	width: calc(22% - 6px);
	height: var(--heightZeroAndSecondLine);
	align-self: center;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	
	cursor: pointer;
	color: #5c574c;
	border-bottom: 2px dashed #5c574c;
	border-left: 2px dashed #5c574c;
	border-radius: 5px;
	border-right: 2px dashed #5c574c;
	border-top: 2px dashed #5c574c;
	margin-right: 2.5px;
	margin-top: 0;
}

.ArrowDown_enter {
	display:flex;
	width: calc(22% - 6px);
	height: 135px;
	align-self: center;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	user-select: none;
	text-align: center;
	
	color: #5c574c;
	border-radius: 5px;
	margin-left: 2.5px;
	margin-top: 11px;
}

.ArrowDown {
	display:flex;
	width: calc(22% - 6px);
	height: var(--heightZeroAndSecondLine);
	align-self: center;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	
	cursor: pointer;
	color: #5c574c;
	border-bottom: 2px dashed #5c574c;
	border-radius: 5px;
	border-left: 2px dashed #5c574c;
	border-right: 2px dashed #5c574c;
	border-top: 2px dashed #5c574c;
	margin-left: 2.5px;
	margin-top: 0;
}

.ArrowDownWide {
	display:flex;
	width: calc(44% - var(--borderHorizontal)*2 - var(--paddingHorizontal)*2);
	height: calc(var(--heightZeroAndSecondLine) - var(--paddingVertical)*2);
	align-self: flex-start;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	padding: var(--paddingVertical);
	cursor: pointer;
	color: var(--study_buttons_color);
	border-bottom: var(--study_buttons_border);
	border-left: var(--study_buttons_border);
	border-radius: 5px;
	border-right: var(--study_buttons_border);
	border-top: var(--study_buttons_border);
	transition-duration: 0.5s;
}

.ArrowDownRight {
	display:flex;
	flex-direction: column;
	width: calc(28% - var(--borderHorizontal)*2 - var(--marginHorizontal));
	height: var(--heightZeroAndSecondLine);
	align-self: flex-start;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	
	color: var(--study_buttons_color);
	border-bottom: 0 dashed #5c574c;
	border-left: var(--borderHorizontal) dashed transparent;
	border-radius: 5px;
	border-right: var(--borderHorizontal) dashed transparent;
	border-top: 0 dashed #5c574c;
	margin-left: var(--marginHorizontal);
}


.ArrowLeftStudy {
	display: flex;
	width: calc(28% - var(--borderHorizontal)*2 - var(--marginHorizontal) - var(--paddingHorizontal)*2);
	height: calc(var(--heightZeroAndSecondLine) - var(--paddingVertical)*2);
	align-self: flex-start;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	padding: var(--paddingVertical);
	cursor: pointer;
	color: var(--study_buttons_color);
	border-bottom: var(--study_buttons_border);
	border-left: var(--study_buttons_border);
	border-radius: 5px;
	border-right: var(--study_buttons_border);
	border-top: var(--study_buttons_border);
	margin-right: var(--marginHorizontal);
	transition-duration: 0.5s;
}

.zeroLeft {
	display: flex;
	width: calc(28% - var(--borderHorizontal)*2 - var(--marginHorizontal) - var(--paddingHorizontal)*2);
	height: calc(var(--heightZeroAndSecondLine) - var(--paddingVertical)*2);
	align-self: center;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	padding: var(--paddingVertical);
	color: var(--study_buttons_color);
	border-bottom: 2px dashed transparent;
	border-left: 2px dashed transparent;
	border-radius: 5px;
	border-right: 2px dashed transparent;
	border-top: 2px dashed transparent;
	margin-right: var(--marginHorizontal);
}

.ArrowUp {
	display:flex;
	width: calc(44% - var(--borderHorizontal)*2 - var(--paddingHorizontal)*2);
	height: calc(var(--heightZeroAndSecondLine) - var(--paddingVertical)*2);
	align-self: flex-end;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize1);
	user-select: none;
	text-align: center;
	padding: var(--paddingVertical) var(--paddingHorizontal);
	cursor: pointer;
	color: var(--study_buttons_color);
	border-bottom: var(--study_buttons_border);
	border-left: var(--study_buttons_border);
	border-radius: 5px;
	border-right: var(--study_buttons_border);
	border-top: var(--study_buttons_border);
}

.item {
	display: inline-block;
	min-height: 257px;
	padding: 0;
	width: 23.64%;
	width:calc(100%/4 - 22.1px);
	height: 30%;
	border: 0px solid red;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	margin: 11px 11px;
}

.productTop {
	display: block;
	height: 41px;
	background-color:  rgba(0, 0, 0, 0.4);
	margin: 12px 12px 0 12px;
	color: #5d5d5d;
	text-align: left;
}

.lets {
	display: inline-block;
	margin: 12px 0 0 12px;
	font-family: Verdana;
	font-size: 73%;
}

.numberDialogs {
	font-family: Verdana;
	font-size: 75%;
	font-weight: bold;
	margin: 12px 15px 0 1px;
	float: right;
}

.imageDialog {
	margin: 14px 6px 0 1px;
	float: right;
}

.productMiddle {
	display: table;
	width: calc(100% - 24px);
	height: 163px;
	background-color:  rgba(0, 0, 0, 0.23);
	margin: 0 12px 0 12px;
	padding: 0;
}

.productMiddle:hover {
	cursor: pointer;
}

.productMiddle div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 1px 0 0;
}

.productBottom {
	display: block;
	height: 30px;
	margin: 10px 12px 0 14px;
	text-align: left;
}

.star {
	display: inline-block;
	margin: 0 1px 0 1px;
}

.writeAComment {
	margin: 2px 4px 0 1px;
	float: right;
	color: #5d5d5d;
	font-family: Verdana;
	font-size: 68%;
}

.writeAComment:hover {
	cursor: pointer;
}








/* Стили Михаила */

body {
	background: url("/images/bg.png") repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.red {
	color: #c8504b;
}

.green {
	color: #090;
}

.message {
	color: #c00 !important;
	text-align: center;
	margin-top: 7px;
	margin-right: 2px;
}

input {
	outline: none;
}

label {
	color: #b8b2ac;
	cursor: pointer;
}

#container {
	width: 100%;
}

header {
	/* background: url("/images/bg_top.png") repeat-x #f59166; */
	background: var(--background);
	border-bottom: 1px solid #06435e;
	height: 47px;
	padding: 12px 20px 0;
}

header h1 {
	color: #000;
	float: left;
	font-size: 155%;
	margin: 0;
	margin-top: 7px;
}

#topmenu {
	padding: 0;
	float: right;
	list-style: none;
	margin: 2px 0 0;
}

#topmenu li {
	float: left;
}

#topmenu a {
	background: url("/images/bg_item.png") no-repeat left top;
	color: #020100;
	display: block;
	padding: 9px 15px 7px;
	text-decoration: none;
}

#topmenu a:hover, #topmenu a.active {
	background-color: #f79268;
	border: 1px solid #fbba9e;
	border-radius: 5px;
	padding: 8px 14px 6px;
}

#auth input[type="text"], #auth input[type="password"] {
	background-color: #000 !important;
	border: 1px solid #636363;
	border-radius: 5px;
	height: 18px;
	padding: 0 3px;
	width: calc((100% - 85px)/2);
	color: #fff;
}

#auth input::placeholder { /* Most modern browsers support this now. */
	color:    #8a8a8a;
}

#auth input[type="submit"] {
	text-indent: 3px;
	background: url("/images/icon_auth.png") no-repeat left 40%;
	border: none;
	color: #dc804c;
	cursor: pointer;
	font-size: 100%;
	margin-left: 10px;
	padding-left: 15px;
}

#auth input[type="submit"]:hover {
	text-decoration: underline;
}

#auth img {
	margin: 0 10px;
}

#icon_register {
	margin: 3px 5px 0 0 !important;
	width: 16px;
	height: 16px;
}

#link_register {
	color: #dc804c;
	margin-top: 1px;
	text-decoration: none;
}

#link_register:hover, #links_reset a:hover {
	text-decoration: underline;
}

#links_reset a {
	color: #a9a59d;
	display: block;
	font-size: 75%;
	text-decoration: none;
}

#auth input[type="text"], #auth input[type="password"] {
	width: calc((100% - 100px)/2);
}

#auth input[type="text"] {
	margin-right: 5px;
}

#auth input[type="submit"] {
	margin-top: 1px;
}

#icon_register {
	margin-top: 1px !important;
}

.regAndRes {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: auto;
}


#links_reset {
	width: 93px;
	margin-top: 1px;
}

#auth {
	margin-top: -1px;
}

#auth form {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: auto;
}

#auth form div{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#slider {
	background: url("/images/bg_slider.png") repeat;
	border-bottom: 4px solid #000;
	margin-top: 5px;
	padding: 20px 0;
}

#course {
	margin: 0 auto;
	min-width: 850px;
	width: 60%;
}

#course h2 {
	font-weight: normal;
	margin: 0 0 10px;
}

#course p {
	margin: 0;
}

#course section {
	color: #c1bab5;
	background-color: rgba(79, 51, 39, 0.5);
	display: table-cell;
	border-radius: 10px;
	padding: 15px;
}

#course img {
	float: left;
	margin-right: 20px;
	width: 300px;
}

#course .more {
	background: linear-gradient(180deg, #006bb2 0%, #0083b7 65%, #009bba 66%, #00c3c4 100%);
	border-radius: 10px 2px 10px 2px;
	color: #1c0c47;
	display: block;
	float: right;
	margin-bottom: -15px;
	margin-right: -15px;
	padding: 5px 10px;
	text-decoration: none;
}

#course .more:hover {
	border-radius: 5px 0 5px 0;
}

#content {
	margin: 20px 11px 20px 10px;
	/* min-height: calc(100vh - 173px); */
}

.block {
	border-radius: 10px;
	box-shadow: 4px 5px 5px #262727;
	margin-bottom: 20px;
	width: var(--blockWidth);
}

.block .header, #forum .header {
	/* background: url("/images/bg_block_top.png") repeat-x #f59166; */
	background: var(--background);
	color: #000;
	border-radius: 10px 10px 0 0;
	font-size: 115%;
	padding: 7px 10px 6px;
}

.block .assoc{
	border-radius: 10px;
}

#forum .header a {
	color: #fff;
}

.block .content {
	background-color: #170c07;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	border-radius: 0 0 5px 5px;
	border-right: 2px solid #000;
	padding: 10px 0px;
}

.block nav div div {
	background: url("/images/menu_sep.png") no-repeat center bottom;
	display: none;
	padding-left: 3px;
}

.block nav > div > a:only-of-type {
	background: url("/images/menu_sep.png") no-repeat center bottom, url("/images/arrow_menu.png") no-repeat 8px center;
}

.block nav a {
	background: url("/images/arrow_menu.png") no-repeat 4px center;
	color: #b8b2ac;
	display: block;
	padding: 10px 0 10px 20px;
	text-decoration: none;
}

.block nav div:last-child a {
	background: url("/images/arrow_menu.png") no-repeat 8px center;
}

.block nav a.active ~ div {
	display: block;
}

.block nav div a:hover, .block nav div a.active {
	background: url("/images/arrow_menu_active.png") no-repeat 6px center #27140c;
	border-left: 2px solid #c8504b;
	padding-left: 18px;
}

.block .content > div {
	padding: 0 10px;
}

.block p:not(.wave_outer p) {
	color: #b8b2ac;
	font-size: 95%;
	margin: 0 0 10px;
	margin-bottom: 7px;
}

.block .button, #comments input[type="button"] {
	border-radius: 8px;
	color: var(--button_font_color);
	cursor: pointer;
	display: inline-block;
	padding: 3px 15px;
	text-decoration: none;
}

.block .button:hover, #comments input[type="button"]:hover {
	border-radius: 5px;
}

.block #subscribe_vk img {
	float: left;
}

.block #subscribe .button, .block #poll .button, #comments input[type="button"] {
	background: var(--buttonBackground);
	border-bottom: var(--buttonBorderBottom);
	border-top: var(--buttonBorderTop);
	border-left: 1px solid var(--button_border);
	border-right: 1px solid var(--button_border);
}

.block #subscribe .button {
	margin: 8px 0 0 15px;
}

.block #vk .button {
	background-color: #567ca1;
	border-bottom: 2px solid #2c567e;
	margin: -3px 0 5px 15px;
}

.block #vk .button:last-child {
	margin-left: 19px;
}

.block .free .button {
	background: linear-gradient(180deg, #006bb2 0%, #0083b7 65%, #009bba 66%, #00c3c4 100%);
	border-bottom: 2px solid #003252;
	border-left: 1px solid #003252;
	border-right: 1px solid #003252;
	border-top: 1px solid #003252;
	font-size: 90%;
}

#subscribe_vk_sep {
	float: none !important;
	margin: 15px 0 10px;
}

.block #poll div {
	margin: 10px 0;
}

.block #poll form {
	margin-left: 5px;
}

.block #poll input[type="radio"], .form .radio input[type="radio"] {
	display: none;
}

.block #poll label, .form .radio label {
	background: url("/images/radio.png") no-repeat left center;
	display: inline-block;
	padding-left: 20px;
}

.block #poll input[type="radio"]:checked + label, .form .radio input[type="radio"]:checked + label {
	background: url("/images/radio_checked.png") no-repeat left center;
}

.block #poll .button {
	font-size: 100%;
}

#left {
	margin: 2px;
}

#right {
	float: right;
	position: sticky;
	/* position: -webkit-sticky; */
	top: 5px; /* required */
	max-width: 220px;
}

.block .free img {
	width: 100%;
}

.block .free p {
	font-size: 90%;
	margin: 5px 0;
}

.block .free p.title {
	font-size: 100%;
	text-align: center;
}


.block .free input[type="text"] {
	color: #fff;
	background-color: #161616;
	border: 1px solid #564b44;
	border-radius: 5px;
	height: 20px;
	padding: 0 5px;
	width: 123px;
}

.block .free input[type="text"]:focus {
	border-color: #ee4e10;
}

.block .free label {
	color: #bbb6ac;
	font-size: 90%;
}

.block .free td {
	padding: 5px 2px;
}

.block .free a {
	margin-top: 5px;
}

.block #quote {
	margin-bottom: -5px;
}

.block #quote p {
	font-size: 80%;
	margin-bottom: 5px;
}

.main {
	background: linear-gradient(180deg, #000, #191919);
	border: 2px solid #000;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 15px;
	padding-bottom: 10px;
	overflow: visible;
}

.settingsOuter {
	padding-left: 30px;
}

.main h1, .main h2 {
	color: #bbb6ac;
	font-weight: normal;
}

.main h1, .main .h1 {
	border-left: 2px solid #d55e2c;
	font-size: 170%;
	padding-left: 5px;
	line-height: 1.5;
}

.main .article_img {
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
	width: 230px;
}

.main .article_img img {
	border: 2px solid #000;
	box-shadow: 4px 5px 3px #252525;
	width: 100%;
}

.main p:not(.wave_outer p) {
	color: #b8b2ac;
	margin: 10px 0;
}

.main .article_b p:not(.wave_outer p) {
	color: #807d7b;
}

#container .main .text {
	margin: 10px 0 7px;
}

.main .card p:not(.wave_outer p) {
	margin: 5px 5px 10px;
}

.main p {
	text-indent: 10px;
}

.main a {
	color: #ff9966;
	text-decoration: none;
}

.main a:hover {
	text-decoration: underline;
}

section {
	margin-bottom: 30px;
}

.date_img {
	border: none !important;
	box-shadow: none !important;
	height: 52px;
	width: 52px !important;
}

.date_text {
	color: #000;
	font-size: 90%;
	margin-top: -49px;
	text-align: center;
	width: 52px;
}

.article_img > div {
	margin-top: -45px;
	margin-left: -15px;
}

.main h2 {
	margin: 5px 0;
}

.main .more {
	background: url(/images/arrow_more.png) no-repeat 97% center, var(--buttonBackground);
	border: 1px solid var(--button_border);
	border-radius: 3px;
	color: var(--button_font_color);
	display: block;
	float: right;
	padding: 2px 20px 2px 5px;
}

.main .more:hover {
	border-radius: 0;
	text-decoration: none !important;
}

.article_info {
	background-color: #4e352a;
	font-size: 90%;
	margin: 10px -15px 0;
	padding: 3px 0;
}

.article_info ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.article_info li {
	float: left;
	padding: 0 20px 0 0;
}

.article_info li:first-child {
	list-style: none;
	margin-left: 10px;
}

.article_info li:last-child {
	margin-right: 20px;
}

#pagination {
	margin-top: 20px;
	text-align: center;
}

#pagination .active {
	color: #2aa1d3;
	font-weight: bold;
}

#pagination span, #pagination a {
	display: inline-block;
	margin: 0 5px;
}

footer {
	/* background: url("/images/bg_footer.png") repeat-x #096e98; */
	background: var(--background);
	border-bottom: 1px solid #05435e;
	color: #000;
	padding: 5px 0;
	text-align: center;
	height: 25px;
}

footer .sep {
	border-top: 1px dashed #033246;
	height: 5px;
	margin: -5px auto 0 auto;
	width: 99%;
}

footer p {
	font-size: 95%;
	margin-top: 4px;
}

.category_item {
	border-bottom: 1px solid #c7c8c9;
	font-size: 120%;
	padding: 5px 15px;
	margin: 0 -15px;
}

.category_item:last-child {
	border: none;
}

.category_item:hover {
	background-color: #c3dbe6;
}

.category_item a {
	color: #2aa1d3;
}

.category_item div:first-child {
	float: left;
}

.category_author {
	color: #444953;
	float: right;
}

.main article .article_img {
	float: none;
	text-align: center;
	margin: auto;
}

.code {
	background-color: #dadada;
	border-left: 3px solid #2aa1d3;
	display: block;
	padding: 5px;
}

.article_info div {
	float: inherit;
	margin-right: 5px;
	margin-top: 1px;
}

#article_pn, #article_copy {
	padding-top: 20px;
}

.main #next_article, .main #prev_article {
	border: 1px solid var(--button_border);
	border-bottom-width: 2px;
	border-radius: 5px;
	color: var(--button_font_color);
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
}

.main #next_article {
	background: url(/images/next_article.png) no-repeat 96% center, var(--buttonBackground);
	float: right;
	padding-left: 15px;
	padding-right: 25px;
}

.main #prev_article {
	background: url(/images/prev_article.png) no-repeat 4% center, var(--buttonBackground);
	
	float: left;
	padding-left: 25px;
	padding-right: 15px;
}

.main #next_article:hover, .main #prev_article:hover {
	border-radius: 3px;
	text-decoration: none !important;
}

#article_copy a {
	color: #be5729;
}

#article_vk {
	border: 1px dashed #444953;
	font-size: 120%;
	display: table;
	margin: 20px auto 10px;
	padding: 10px;
	text-align: center;
}

#share {
	font-weight: bold;
	margin: 20px 0;
}

#recom {
	color: #807d7b;
	width: 403px;
	margin: 11px auto;
}

#recom textarea {
	background-color: black;
	color: #807d7b;
	border: 1px solid #8c8f95;
	padding: 5px;
}

#recom p {
	text-indent: 0;
}

#comments .comment {
	border-top: 1px solid #bec0c3;
	padding-top: 10px;
	margin-top: 20px;
}

#comments .functions {
	text-align: right;
}

#comments .functions span {
	color: #ff9966;
	cursor: pointer;
}

#comments .functions span:hover {
	text-decoration: underline;
}

#comment_cancel {
	text-align: right;
}

#comment_cancel span {
	color: #f0b017;
	cursor: pointer;
}

#comment_cancel span:hover {
	color: #c00;
}

#form_add_comment {
	display: none;
}

#form_add_comment .button {
	float: right;
}

#comments a {
	color: #ad5228;
}

#comments img {
	float: left;
	margin-right: 10px;
	width: 100px;
}

#comments .name {
	color: #d55e2c;
	font-weight: bold;
}

#comments .date {
	color: #9b9790;
	float: right;
}

#comments .comment div {
	margin-left: 20px;
}

#comments input[type="button"] {
	font-size: 100%;
}

#comments textarea {
	padding: 5px !important;
}

.form {
	display: table;
	margin: 0 auto;
}

.form .header {
	text-align: center;
}

#left_form .form {
	margin: 0;
}

.form label {
	color: #a9a59d;
	display: block;
	font-size: 90%;
}

.form input[type="text"], .data input[type="text"], .form input[type="password"], .form textarea, .data textarea, #comments textarea {
	color: #b8b2ac;
	background-color: #232323;
	border: 1px solid #2d2d2d;
	border-radius: 5px;
	padding: 0 5px;
}

.form input[type="text"], .data input[type="text"], .form input[type="password"] {
	height: 25px;
	width: 158px;
}

.form select, .data select {
	background-color: #dcdcdc;
}

.form .checkbox label {
	float: left;
}

.paymentFormOuter .form {
}

.form .wysibb-toolbar, .form .wysibb-text {
	margin: 0;
}

.form .wysibb-text {
	padding: 10px;
}

.captcha img:first-child {
	cursor: pointer;
	display: block;
	float: left;
	margin: 20px 5px 0 10px;
}

.captcha img:last-child {
	border: 1px solid #c6c6c6;
}

.form input[type="submit"], #forum_form input[type="submit"] {
	background: var(--buttonBackground);
	border: 1px solid var(--button_border);
	border-radius: 5px;
	color: var(--button_font_color);
	cursor: pointer;
	font-size: 100%;
	padding: 2px 15px;
}

.form input[type="submit"]:hover, #forum_form input[type="submit"]:hover {
	border-radius: 3px;
}

#poll_result .poll_result {
	background-color: #bde1f0;
	border-radius: 5px;
	color: #3196c1;
	float: left;
	height: 20px;
	font-weight: bold;
	padding-top: 2px;
	text-align: center;
}

#poll_result .poll_percent {
	float: right;
	font-weight: bold;
}

#poll_result p {
	text-indent: 0;
}

#search_result .search_item {
	margin-bottom: 25px;
}

#search_result .article_info {
	font-size: 110%;
	padding-left: 15px;
}

#search_result a {
	color: #2aa1d3;
}

#search_result .search_text {
	background-color: #dadada;
	margin: 0 -15px;
	padding: 5px 25px;
}

#search_result .search_text span {
	color: #c8524d;
	font-weight: bold;
}

#forum .sub_header {
	background: url("/images/bg_sub_header.png") repeat-x;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-radius: 0 0 10px 10px;
	border-right: 1px solid #fff;
	color: #c8504b;
	margin-bottom: 10px;
	padding: 5px 9px;
}

#forum .avatar {
	float: left;
	border: 2px solid #dcdcdc;
	width: 100px;
}

#forum #profile_info {
	margin-left: 120px;
}

#forum #profile_info h2 {
	color: #2aa1d3;
}

#forum #profile_info p {
	text-indent: 0;
}

#search_forum {
	margin-bottom: 20px;
	width: 100%;
}

#search_forum td:first-child {
	width: 100%;
}

#search_forum input[type="text"] {
	background-color: #dedede;
	border: 1px solid #2b2b2c;
	border-radius: 5px 0 0 5px;
	color: #23252b;
	height: 18px;
	padding-left: 5px;
	width: 100%;
}

#forum table {
	border-collapse: collapse;
	width: 100%;
}

#forum tr:first-child td {
	background: url("/images/forum_border.png") no-repeat right center;
	border: none;
}

#forum tr:first-child td:last-child {
	background: none;
	border: none;
}

#forum td {
	border: 1px solid #ccced0;
	padding: 5px 15px;
}

#forum table tr:first-child {
	background: url("/images/bg_sub_header.png") repeat-x;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-radius: 0 0 10px 10px;
	border-right: 1px solid #fff;
	color: #c8504b;
	margin: 0 -15px 10px;
	padding: 5px 9px;
}

#forum .forum_section {
	margin: 20px -15px 0;
}

#forum_profile, #forum_thread {
	margin: 0 -15px;
}

#forum .forum_section .info {
	border-left: none;
}

#forum .forum_section .info img {
	float: left;
}

#forum .forum_section .info h2 {
	margin: -4px 0 0 25px;
}

#forum .forum_section p {
	text-indent: 0;
}

#statistics {
	padding: 20px 0 15px;
}

#statistics ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#statistics img {
	margin-top: -6px;
}

#statistics li {
	border-right: 1px solid #7e8187;
	float: left;
	padding: 0 10px;
}

#statistics li:first-child, #statistics li:last-child {
	border: none;
}

#forum .warning {
	color: #c8504b;
	font-weight: bold;
}

#forum_form label {
	color: #444953;
	display: block;
	margin-bottom: 5px;
}

#forum_form input[type="text"] {
	background-color: #dcdcdc;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	height: 25px;
	padding: 0 5px;
	width: 99%;
}

#forum_form textarea {
	background-color: #dedede;
	border: 1px solid #a6a7a7;
	border-radius: 5px;
	padding: 5px;
	width: 99%;
}

#forum_form div {
	margin: 15px 0;
}

#forum_form p {
	text-indent: 0;
}

#forum_form input[type="checkbox"] {
	float: left;
	margin-right: 5px;
}

#forum_functions {
	margin-bottom: 10px;
}

#add_thread, #forum .button_profile, #forum .add_post, #forum .edit_post, #forum .delete_post {
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	padding: 5px 15px 5px 25px;
}

#add_thread, #forum .button_profile {
	background: url("/images/icon_add.png") no-repeat 5% center #f0b017;
	border: 1px solid #976c05;
	margin-right: 10px;
}

#add_thread, #forum .button_profile {
	background-image: url("/images/icon_profile.png");
}

#forum .add_post, #forum .edit_post, #forum .delete_post {
	background: url("/images/icon_reply.png") no-repeat 5% center #8ab71b;
	border: 1px solid #71980f;
}

#add_thread:hover, #forum .button_profile:hover, #forum .add_post:hover, #forum .edit_post:hover, #forum .delete_post:hover {
	text-decoration: none;
}

#add_thread:hover, #forum .button_profile:hover {
	background-color: #d39502;
}

#forum .add_post:hover, #forum .edit_post:hover, #forum .delete_post:hover {
	background-color: #688e0a;
}

#forum .post {
	padding: 0 10px;
}

#forum .post .sub_header {
	color: #63666e;
	margin: 0 -10px 10px;
}

#forum .post .sub_header span {
	float: right;
}

#forum .post .name {
	color: #2aa1d3;
	font-weight: bold;
	font-size: 130%;
}

#forum .post_left {
	float: left;
	width: 140px;
}

#forum .post_left p {
	font-size: 80%;
	text-indent: 0;
}

#forum .post_right {
	margin-left: 140px;
}

#forum .post .add_post, #forum .post .edit_post, #forum .post .delete_post {
	float: right;
	margin-left: 5px;
}

#forum .post_bottom {
	background-color: #bed7e2;
	border-bottom: 2px solid #2aa1d3;
	margin: 10px -5px 0;
	padding: 1px 0 0;
}

#forum .post_bottom .button_profile {
	margin-right: 4px;
}

#list_tests p {
	text-indent: 0;
}

#list_tests ul {
	color: #567ca1;
	list-style: none;
	margin: 0;
	padding: 0;
}

#list_tests .test_description {
	font-style: italic;
}

#list_tests .test_link {
	text-align: right;
}

#test_result ol ul {
	padding: 0;
	list-style: none;
}

#test_result ol ul li {
	margin: 10px 0;
}

#test_result ol ul li textarea {
	margin-bottom: 20px;
}

#test_result #result td, .correct td, .incorrect td {
	padding: 5px;
}

#test_result #result td:last-child {
	text-align: center;
}

.correct, .incorrect {
	margin: 10px 0;
}

.correct {
	color: #080;
}

.incorrect {
	color: #c00;
}

.avatar_info {
	text-align: center;
}

.data {
	border-collapse: collapse;
	width: 100%;
}

.data .header {
	font-weight: bold;
}

.data .edit {
	cursor: pointer;
}

.data td {
	border: 1px solid #096e98;
	padding: 5px;
	text-align: center;
}

.data img {
	max-width: 100px;
}

.data .invert {
	cursor: pointer;
}

.big_avatar {
	width: 150px;
}

.array_checkbox {
	border-collapse: collapse;
}

#parent_popup {
	background: url("/images/popup_bg.png") repeat;
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 100;
}

#popup_book {
	height: 343px;
	margin: 100px auto 0;
	padding-top: 28px;
	width: 778px;
}

#popup_book {
	background: url("/images/popup_book.png") no-repeat;
}

#popup_close {
	margin: -43px -11px 0 0;
	text-align: right;
}

#popup_close, #popup_info, #popup_book h1 {
	padding-left: 237px;
}

#popup_close img {
	cursor: pointer;
}

#popup_book h1 {
	font-size: 150%;
	margin: 0;
	text-align: center;
}

#popup_book ul {
	font-size: 125%;
	line-height: 134%;
	list-style-image: url("/images/popup_item.jpg");
	margin-top: 15px;
	padding-left: 282px;
}

#popup_book ul {
	margin-bottom: 6px;
	margin-top: 6px;
}

.popup_input {
	background: url("/images/popup_input_bg.jpg") repeat-x top left;
	border: none;
	color: #6d6d6d;
	font-size: 110%;
	outline: none;
	padding: 0;
	width: 170px;
}

#popup_table {
	margin-left: 237px;
	margin-top: -5px;
	width: 65%;
}

#popup_book #popup_table {
	margin-left: 272px;
}

#popup_input_left_name, .popup_input, #popup_input_left_email, #popup_input_right {
	height: 44px;
}

#popup_input_left_name {
	background: url("/images/popup_input_left_name.jpg") no-repeat;
	width: 39px;
}

#popup_input_left_email {
	background: url("/images/popup_input_left_email.jpg") no-repeat;
	width: 46px;
}

#popup_input_right {
	background: url("/images/popup_input_right.jpg") no-repeat;
	width: 6px;
}

#popup_button, #popup_book_button {
	padding: 10px 0;
	text-align: center;
}

#popup_button input, #popup_book_button input {
	background: url("/images/popup_button.jpg") no-repeat;
	border: none;
	cursor: pointer;
	height: 49px;
	width: 264px;
}

#popup_button input:hover {
	background: url("/images/popup_button_active.jpg") no-repeat;
}

#popup_book #popup_button input {
	background: url("/images/popup_button_book.jpg") no-repeat;
	height: 48px;
	width: 202px;
}

#popup_book #popup_button input:hover {
	background: url("/images/popup_button_book_active.jpg") no-repeat;
}

#popup_info {
	margin-left: 20px;
	margin-top: 0;
}

#popup_info img {
	margin-top: 2px;
}

#popup_info p {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	text-indent: 2px;
}

.table_colors {
	margin: 0 auto;
}

.table_colors td {
	border: 1px solid #000;
	padding: 8px;
}

@media screen and (max-width: 1280px) {
	.data {
		font-size: 78%;
	}
	
	.data td {
		padding: 0;
	}
	
	footer p {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 1200px) {
	
	:root {
		--fontSize1: 120%;
	}
	
	.fingerGym:before {
		top: -2px;
	}
	
	
	#search form {
		width: 100%;
		max-width: 250px;
	}
	
	#links_reset {
		width: 81px;
	}
	
	.form1 form {
		width: 222px;
	}
	
	.hor_inner {
		width: 220px;
	}
	
	body {
		font-size: var(--fontSize2);
	}
	
	.startInstructions h2, .startInstructions h4 , .startInstructions2 h2, .startInstructions2 h4 {
		font-size: calc(var(--fontSize2) + 38%);
	}
	
	#topmenu a {
		padding: 9px 8px 7px;
	}
	
	#topmenu a:hover, #topmenu a.active {
		padding: 8px 7px 6px;
	}
	
	#forum td {
		border: 1px solid #ccced0;
		padding: 2px;
	}
	
	#auth .message {
		font-size: 70%;
		margin-top: 11px;
	}
	
	footer p {
		margin-top: 5px;
		margin-bottom: 0;
	}
	
}

@media screen and (max-width: 1170px) {					/* добавил */
	
	:root {
		--fontSize1: 120%;
	}
	
	#container .firstLine .card p:not(.wave_outer p) {
		font-size: 2.3vw;
	}
}

@media screen and (max-width: 1044px) {				/* добавил */
	
	:root {
		--fontSize1: 120%;
		--fontSeze2: 84%;
		--fontSize_pay_request: 3.2vmin;
	}
	
	#top {
		padding: 0 9px;
	}
	
	#container .ArrowDownRight a {
		text-decoration: underline;
		font-size: calc(var(--fontSize1)*0.75);
	}
	
	#container .firstLine .card p:not(.wave_outer p) {
		font-size: 2.1vw;
	}
}

@media screen and (max-width: 980px) {				/* добавил */
	
	#container .ArrowDownRight a {
		font-size: calc(var(--fontSize1)*0.8);
	}
	
	#container .firstLine .card p:not(.wave_outer p) {
		font-size: 1.9vw;
	}
	
	.months strike {
		text-decoration-color: #ff9966;
		text-decoration-thickness: 2px;
	}
	
	.months strike:before {
		border-bottom: 4px solid #8e67f0;
		display: none;
	}
	
	:root {
		--fontSize1: 77%;
		--fontSeze2: 50%;
		--fontSeze4: 160%;
		--heightZeroAndSecondLine: 100px;
		--heightFirstLine: 150px;
		--fontSize_pay_request: 2.5vmin;
	}
	
	.card p:not(.wave_outer p) {
		font-size: var(--fontSeze4);
	}
	
	.main h1, .main .h1 {
		font-size: 149%;
	}
	
	#search input[type="text"] {
		font-size: 77%;
	}
	
	#auth {
		flex-grow: 1;
	}
	
	#auth input[type="text"], #auth input[type="password"] {
		font-size: 77%;
	}
	
	#support form div:nth-child(5) label{
		display: none;
	}
	
	
}

@media screen and (max-width: 800px) {				/* добавил */
	
	:root {
		--fontSize1: 100%;
		--fontSeze2: 74%;
		--fontSeze4: 170%;
		--study_buttons_color: #8b867a;
		--study_buttons_border_color: #8b867a;
	}
	
	#container .firstLine .card p:not(.wave_outer p) {
		font-size: 2.4vw;
	}
	
	#center {
		margin-right: 5px;
		padding-left: 5px;
		max-width: calc(100% - var(--blockWidth) - 10px);
	}
	
	.settingsOuter {
		width: calc(100% - 49px);
	}
	
	.block .materials nav div a:hover, .block .materials nav div a.active {
		background: url(/images/arrow_menu_active.png) no-repeat 3px center #27140c;
	}
	
	#center {
		margin-left: 0;
		padding-left: 0;
	}
	
	#content {
		margin-left: 2px;
	}
	
	#left {
		margin-right: 0;
	}
	
	#content .studyCenter {
		margin-right: 1px;
		padding-left: 5px;
		max-width: calc(100% - var(--blockWidth) - 8px);
	}
	
	#container .studyContent {
		margin-right: 6px;
	}
	
}

@media screen and (max-width: 768px) {          /* целевой */
	
}

@media screen and (max-width: 750px) {          /* добавил */
	:root {
		--fontSize1: 100%;
		--fontSeze2: 74%;
		--fontSeze4: 150%;
		--heightZeroAndSecondLine: 85px;
		--heightFirstLine: 130px;
		--blockWidth: 180px;
	}
	
	.fingerGym:before {
		top: -1px;
	}	
	.block {
		width: var(--blockWidth);
	}	
	
	.main {
		padding-left: 3px;
		padding-right: 2px;
		width: calc(100% - 8px);
	}
	
	.settingsOuter {
		padding-left: 30px;
		width: calc(100% - 36px);
	}
	
	#auth input[type="text"] {
		margin-right: 5px;
	}
	
	#auth input[type="submit"] {
		margin-top: 1px;
		font-size: 88%;
	}
	
	#icon_register {
		margin-top: 1px !important;
	}
	
	.regAndRes {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: auto;
	}
	
	.regAndRes a {
		font-size: 88%;
	}
	
	#links_reset {
		width: 79px;
		margin-top: 1px;
	}
	
	#auth {
		margin-top: 0px;
	}
	
	#auth form {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: auto;
	}
	
	#auth form div{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	
	#auth img {
		margin: 0 6px;
	}
	
	.article_img > div {
		margin-left: -6px;
	}	
	
	.article_info {
		margin: 10px 0px 0;
	}
	
	.block nav div div {
		padding-left: 0px;
		margin-left: 2px;
	}
	
	#progress {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.studyCenter .main {
		max-width: calc(100% - 12px);
	}
	
	.startInstructions, .startInstructions2 {
		padding-left: 7px;
		padding-right: 7px;
	}
}

@media screen and (max-width: 736px) {          /* целевой */
	
}

@media screen and (max-width: 700px) {     /* добавил */
	:root {
		--fontSize1: 88%;
		--blockWidth: 165px;
	}
	
	#container .ArrowDownRight a {
		font-size: calc(var(--fontSize1)*0.9);
	}
	
	.fingerGym:before {
		top: -1px;
	}
	
	.block {
		width: var(--blockWidth);
	}
	
	#top {
		padding: 0 7px 3px;
		flex-direction: column;
		height: auto;
		align-items: center;
	}
	
	#search {
		margin-top: 3px;
		margin-bottom: 0px;
	}
	
	#search input[type="text"] {
		width: 170px;
	}
	
	#auth {
		align-items: center;
		float: none;
		justify-content: center;
		width: auto;
	}
	
	#auth form, .regAndRes {
		margin-top: 3px;
		margin-bottom: 2px;	
	}
	
	#auth input[type="text"], #auth input[type="password"] {
		font-size: 77%;
		width: calc((100% - 87px)/2);
	}
	
	#auth input[type="submit"] {
		margin-left: 7px;
	}
	
	#auth img {
		margin: 0 5px;
	}
	
	#auth {
		min-width: unset;
	}
	
	#center {
		margin-left: 0px;
	}
	
	#container .studyCenter {
		padding-right: 1px;
	}
	
	#auth form, .regAndRes {
		margin-bottom: -0px;
	}
	
	#container .ArrowDownRight a:first-child {
		margin-top: 6px;
	}
}


@media screen and (max-width: 684px) {          /* целевой */
	#container .firstLine .card p:not(.wave_outer p) {
		font-size: 2.6vw;
	}
	
}

@media screen and (max-width: 667px) {          /* целевой */
	
}

@media screen and (max-width: 630px) {		/* добавил */
	
	:root{
		--fontSize1: 84%;
		--blockWidth: 135px;
	}	
	
	.fingerGym:before {
		top: 0.5px;
	}
	
	#container .firstLine .card p:not(.wave_outer p) {
		font-size: 2.7vw;
	}	
	.block {
		width: var(--blockWidth);
	}	
	
	#topmenu a:hover, #topmenu a.active {
		padding: 7px 7px 6px;
	}
	
	header {
		height: 29px;
		padding: 7px 5px 0 12px;
		background: linear-gradient(180deg, #f69167 0%, #b76a3c 70%, #b96b3e 71%, #9d5921 100%);
	}
	
	header h1 {
		margin-top: 2px;
		font-size: 129%;
	}	
	
	#topmenu {
		margin-top: 1px;
	}
	
	#topmenu a {
		padding: 5px 8px 2px;
		font-size: 70%;
	}
	
	.time {
		font-size: var(--fontSize3);
	}
	
	.settingsOuter {
		padding-left: 30px;
		width: calc(100% - 36px);
	}
	
	.header {
		text-align: center;
	}
	
	.block .header, #forum .header {
		font-size: 107%;
		padding: 3px 4px 3px;
		background: linear-gradient(180deg, #f69167 0%, #b76a3c 70%, #b96b3e 71%, #9d5921 100%);
	}
	
	#center {
		margin-right: 2px;
	}
	
	#content {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.verticalDir, .horizontalDir {
		font-size: 84%;
	}
	
	#left {
		margin-left: 0;
	}
	
	.addOwn {
		width: 60%;
	}
}	

}

@media screen and (max-width: 600px) {
	#recom, .recom {
		display: none;
	}
	
	#container .firstLine .card p:not(.wave_outer p) {
		font-size: 2.8vw;
	}	
}

@media screen and (max-width: 585px) {
	
	#recom, .recom {
		display: none;
	}
	
	:root {
		--fontSeze2: 64%;
		--blockWidth: 120px;
	}
	
	#container .firstLine .card p:not(.wave_outer p) {
		font-size: 2.8vw;
	}	
	
	.block {
		width: var(--blockWidth);
	}	
	
	.block nav > div > a:only-of-type {
		background: url(/images/menu_sep.png) no-repeat center bottom, url(/images/arrow_menu.png) no-repeat 3px center;
		font-size: 85%;
	}
	
	.block nav div a:hover, .block nav div a.active {
		background: url(/images/arrow_menu_active.png) no-repeat 3px center #27140c;
		border-left: 2px solid #c8504b;
	}
	
	.block nav a {
		padding: 10px 0 10px 15px;
	}
	
	.block .materials nav a {
		padding: 10px 0 10px 15px;
	}
	
	.block .content > div {
		padding: 0 3px;
	}
	
	footer {
		padding: 2px 0;
		background: linear-gradient(180deg, #f69167 0%, #b76a3c 70%, #b96b3e 71%, #9d5921 100%);
	}
	
	footer p {
		margin-top: 5px;
	}
	
	#container {
		margin-bottom: -26px;
	}
	
	.block p {
		font-size: 85%;
		margin: 0 0 0px;
	}
	
	#container .text p {
		font-size: 10pt !important;
		margin-bottom: 7px;
	}
	
	.association ol, .r_i_block ol, .block p:not(.wave_outer p) {
		font-size: 85%;
	}
	
	#container .wave_outer ol {
		/* font-size: 85%; */
	}
	
	.getAccess, .done, .myButton, .cancel, .myButtonInstruction, .cancelInstruction, .send, .closeStartInstructions, .returnToStartInstructions, .button_style  {
		padding: 3px 7px;
	}
	
	.content nav {
		margin-top: 10px;
	}
	
	.block nav a {
		font-size: 85%;
	}
	
	.getAccess, .done {
		margin-top: 3px;
		margin-bottom: 0;
	}
	
	.block .content {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	.fingerGym .content {
		padding-bottom: 5px;
	}
	
	.block p {
		margin-bottom: 2px;
	}
}

@media screen and (max-width: 568px) {           /* целевой */
	#form_add_comment textarea{
		width: 20em;
	}
}

@media screen and (max-width: 530px) {			/* добавил */
	
	#article_vk {
		display: none;
	}
	
	:root {
		--fontSize1: 70%;
		--fontSeze2: 53%;
		--fontSize3: 70%;
		--blockWidth: 100px;
		--fontSize_pay_request: 2.7vmin;
	}
	
	.fingerGym:before {
		top: 2px;
	}
	
	#form_add_comment textarea{
		width: 15em;
	}
	
	.card p:not(.wave_outer p) {
		font-size: 3.5vw;
	}
	
	.dictionarySettings {
		font-size: 70%;
	}
	
	.dictHead {
		font-size: 75%;
	}
	
	.registrationRequest {
		font-size: 112%;
	}
	
	.block .content {
		padding-top: 5px;
	}
	
	#auth img {
		margin: 0 7px;
	}
	
	#auth form {
		margin-top: 2px;
	}
	
	.regAndRes img{
		height: 20px;
	}
	
	.getAccess, .done, .myButton, .cancel, .myButtonInstruction, .cancelInstruction, .send, .closeStartInstructions, .returnToStartInstructions, .button_style  {
		font-size: 80%;
		padding: 3px 2px;
	}
	
	.getAccess, .done {
		padding: 3px 7px;
	}
	
	header h1 {
		margin-top: 3px;
	}	
	.main {
		padding-top: 0px;
	}
	
	.block p {
		font-size: 74%;
	}
	
	.association ol, .r_i_block ol, .block p:not(.wave_outer p)  {
		font-size: 74%;
	}
	
	#container .wave_outer ol {
		/* font-size: 74%; */
	}
	
	#container .myButton, .done, .button_style  {
		font-size: 74%;
	}
	
	.materials nav {
		margin-top: 0;
	}
	
	.block .header, #forum .header {
		font-size: 95%;
	}
	
	.getAccess, .done {
		margin-top: 2px;
	}
	
	header h1 {
		font-size: 120%;	
	}
	
	.block {
		width: 100px;
	}	
	
	#center {
		margin-right: 0px;
	}
	
	.verticalDir, .horizontalDir {
		font-size: 74%;
	}
	
	#auth {
		margin-top: 1px;
	}
	
	.startInstructions, .startInstructions2 {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.startInstructions h2, .startInstructions h4, .startInstructions2 h2, .startInstructions2 h4 {
		font-size: 1.1em;
	}
	
	.closeStartInstructions {
		padding-left: 5px;
		padding-right: 5px;
	}
	
}

@media screen and (max-width: 480px) { 			/* целевой */
	#container .firstLine .card p:not(.wave_outer p) {
		font-size: 2.9vw;
	}	
}

@media screen and (max-width: 450px) { 			/* добавил */
	
	:root {
		--fontSeze4: 120%;
		--fontSeze2: 48%;
		--blockWidth: 95px;
		--fontSize_pay_request: 3vmin;
	}
	
	.fingerGym:before {
		top: 2px;
	}
	
	#form_add_comment textarea{
		width: 10em;
	}
	
	#container .firstLine .card p:not(.wave_outer p) {
		font-size: 3vw;
	}	
	
	#support form input {
		width: 100%;
		max-width: 158px;
	}
	
	.block {
		width: var(--blockWidth);
	}	
	
	.block .materials .active {
		padding: 3px 7px 4px 15px !important;
	}
	
	.pleaseEnter {
		font-size: 87%;
	}
	
	.registrationRequest {
		font-size: 101%;
		margin-bottom: -3px;
	}
	
	#left {
		margin-bottom: 20px;
	}
	
	.block {
		margin-bottom: 12px;
	}
	
	.cardOuter {
		margin-top: 10px;
	}
	
	html .c_a_study {
		margin-top: 7px;
	}
	
	.block p {
		font-size: 65%;
	}
	
	.association ol, #r_i ol, .block p:not(.wave_outer p)  {
		font-size: 65%;
	}
	
	#container .text ol {
		/* font-size: 65% !important; */
	}
	
	#container .myButton, .done, .button_style  {
		font-size: 65%;
	}
	
	footer p {
		font-size: 71%;
		margin-top: 6px;
	}
	
	#top {
		padding: 0 2px 3px;
	}
	
	.block nav a, .block .materials nav a {
		padding: 10px 0 10px 12px;
	}
	
	.block .header, #forum .header {
		font-size: 83%;
	}
	
	.block nav > div > a:only-of-type {
		font-size: 69%;
	}
	
	.block {
		box-shadow: 1px 5px 5px #262727;
	}
	
	#content {
		margin: 9px 2px;
	}
	
	.main {
		padding-left: 1px;
		margin-left: 0px;
		width: calc(100% - 7px);
		padding-right: 0px;
	}
	
	.settingsOuter {
		padding-left: 30px;
		width: calc(100% - 39px);
	}
	
	header h1 {
		font-size: 100%;
		margin-top: 4px;
	}
	
	#topmenu a {
		font-size: 70%;
		margin-top: 0;
	}
	
	.card p:not(.wave_outer p) {
		font-size: var(--fontSeze4);
	}
	
	.main h1, .main .h1 {
		font-size: 130%;
	}
	
	#topLeft h1 {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	
	.forecast {
		font-size: 70%;
	}
	
	.article_img > div {
		margin-left: -5px;
	}	
	
	.topText {
		font-size: 74%;
	}
	
	.block nav a {
		font-size: 69%;
	}
	
	.block nav div a:hover, .block nav div a.active {
		background: url(/images/arrow_menu_active.png) no-repeat 2px center #27140c;
	}
	
	#progress {
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.verticalDir, .horizontalDir {
		font-size: 65%;
	}
	
	.block .materials nav div a:hover, .block .materials nav div a.active {
		background: url(/images/arrow_menu_active.png) no-repeat 1px center #27140c;
	}
	
	.main {
		width: calc(100% - 4px);
	}
	
	.settingsOuter {
		width: calc(100% - 34px);
	}
	
	#center {
		max-width: calc(100% - var(--blockWidth) - 4px);
	}
	
	.studyCenter .main {
		max-width: calc(100% - 8px);
	}
	
}

@media screen and (max-width: 414px) {			/* целевой */
	
}

@media screen and (max-width: 412px) { 			/* целевой */
	
}

@media screen and (max-width: 395px) { 			/* добавил */
	
	:root {
		--fontSize1: 62%;
		--fontSeze2: 4pt;
		--fontSize3: 65%;
		--blockWidth: 80px;
		--fontSize_pay_request: 3.3vmin;
		--dialog_width: 140px;
	}
	
	html body #container .wave_outer {
		left: calc(0px - var(--dialog_width) - var(--dialog_padding_h)*2 - 7px);	
	}
	
	.fingerGym:before {
		top: 2px;
	}
	
	#container #content .mainPageH4 {
		font-size: 90%;
	}
	
	.months strike {
		text-decoration-thickness: 1px;
	}
	
	.block {
		width: var(--blockWidth);
	}	
	
	#support form div:nth-child(5) input {
		font-size: 65%;
	}
	
	.registrationRequest {
		font-size: 84%;
	}
	
	header {
		height: 21px;
	}
	
	header h1 {
		font-size: 83%;
		margin-top: 2px;
	}
	
	.main h1, .main .h1 {
		font-size: 121%;
	}
	
	#topmenu a {
		padding-right: 2px;
		padding-top: 3px;
		margin-top: -1px;
		font-size: 61%;
	}
	
	.block .header, #forum .header {
		font-size: 70%;
	}
	
	.block {
		box-shadow: 0px 5px 5px #262727;
	}
	
	.block nav > div > a:only-of-type {
		font-size: 58%;
	}
	
	.block p {
		font-size: 58%;
	}
	
	.association ol, #r_i ol, .block p:not(.wave_outer p)  {
		font-size: 58%;
	}
	
	#container .text ol, #container .text p, #container .wave_outer .text .button_style {
		font-size: 70% !important;
	}
	
	#container .text {
		padding-left: 0px;
		padding-right: 0px;
	}	
	#container .myButton, html .done, .button_style {
		font-size: 58%;
	}
	
	.getAccess, .done, .myButton, .cancel, .myButtonInstruction, .cancelInstruction, .send, .closeStartInstructions, .returnToStartInstructions, .button_style  {
		font-size: 80%;
	}
	
	.main h1, .main .h1 {
		/* font-size: 105%; */
		font-size: 120%;
	}
	
	.startInstructions h2, .startInstructions2 h2 {
		font-size: 1.05em;
	}
	
	.main nav p {
		margin: 2px 0;
		font-size: 53%;
	}
	
	footer {
		height: 19px;
	}
	
	#container {
		margin-bottom: -23px;
	}
	
	footer p {
		margin-top: 3px;
	}
	
	#payment div {
		/* font-size: 68%; */
		/* line-height: 120%; */
	}
	
	#access_english {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.settingsOuter {
		padding-left: 22px;
		width: calc(100% - 26px);
	}
	
	.chekboxOuter {
		margin-right: 7px;
	}
	
	.block nav a {
		font-size: 58%;
	}
	
	.verticalDir, .horizontalDir {
		font-size: 60%;
	}
	
	#container .studyContent {
		padding-right: 0;
		margin-right: 3px;
	}
	
	#content .studyCenter {
		padding-left: 3px;
		max-width: calc(100% - var(--blockWidth) - 6px);
	}
	
	.studyCenter .main {
		max-width: calc(100% - 6px);
	}
}

@media screen and (max-width: 384px) {		/* целевой */
	
}

@media screen and (max-width: 375px) {		/* целевой */
	
}

@media screen and (max-width: 345px) {			/* добавил */
	
	.main h1, .main .h1 {
		/* font-size: 102%; */
	}
	
	.main .article_img {
		width: 100%;
	}	
	#form_add_comment textarea{
		width: 7em;
	}
	
	.paymentFormOuter input {
		font-size: 100% !important;
	}
	
	.paymentFormOuter {
		align-items: center;
	}
	
	#access_english {
		margin-bottom: 2px;
		height: 40px;
	}
	
	.months {
		margin-bottom: 15px;
		justify-content: center;
	}
	
	.paymentFormOuter {
		flex-direction: column;
	}
	
	
	#auth input[type="text"], #auth input[type="password"], #search input[type="text"] {
		font-size: 64%;
	}	
	
	#auth input[type="submit"], .regAndRes a {
		font-size: 77%;
	}
	
	.registrationRequest {
		font-size: 70%;
	}
	
	.pleaseEnter {
		font-size: 70%;
	}
	
	.dictionarySettings {
		font-size: 60%;
	}
	
	.dictHead {
		font-size: 65%;
	}
	
	#labelForExamCheckbox {
		font-size: 56%;
	}
	
	#center {
		padding-left: 0px;
	}
	
	.verticalDir, .horizontalDir {
		font-size: 48%;
	}
	
	.main {
		width: calc(100% - 5px);
	}
	
	.settingsOuter {
		width: calc(100% - 26px);
	}
	
	.startInstructions p, .startInstructions2 p {
		font-size: 95%;
	}	
}

@media screen and (max-width: 320px) {		/* целевой */
	#form_add_comment textarea{
		width: 5em;
	}
}

@media screen and (max-width: 290px) {			/* добавил */
	
	:root {
		--fontSize3: 46%;
		--fontSize1:53%;
		--fontSeze2: 3.5pt;
		--blockWidth: 70px;
		--dialog_width: 120px;
		
	}
	
	.fingerGym:before {
		top: 3px;
	}
	
	#horLine {
		margin-top: 2px;
	}	
	
	#auth {
		margin-top: -2px;
	}
	
	.paymentFormOuter input {
		font-size: 74% !important;
	}
	
	#access_english {
		margin-bottom: 2px;
		height: 40px;
	}
	
	.months {
		margin-bottom: 15px;
		justify-content: center;
	}
	
	.paymentFormOuter {
		flex-direction: column;
	}
	
	.dictHead {
		font-size: 50%;
	}	
	
	.dictionarySettings {
		font-size: 45%;
	}
	
	.registrationRequest {
		font-size: 67%;
	}
	
	header h1 {
		font-size: 80%;
	}
	
	#topmenu a {
		font-size: 52%;
	}
	
	.block .header, #forum .header {
		font-size: 62%;
	}
	
	.block p {
		font-size: 53%;
	}
	
	.association ol, #r_i ol, .block p:not(.wave_outer p) {
		font-size: 53%;
	}
	
	#container .text ol {
		/* font-size: 53% !important; */
	}
	
	.block nav > div > a:only-of-type {
		font-size: 53%;
	}
	
	.block {
		width: var(--blockWidth);
	}
	
	#search input[type="submit"], #search_forum input[type="submit"] {
		background: url(/images/icon_search.png) no-repeat;
		background-size: contain;
	}
	
	#search input[type="text"] {
		font-size: 67%;
		height: 18px;
	}
	
	#search input[type="submit"], #search_forum input[type="submit"] {
		height: 18px;
	}
	
	#auth form, .regAndRes {
		margin-top: 2px;
	}
	
	#labelForExamCheckbox {
		width: 70%;
	}
	
	.topText {
		font-size: 47%;
	}
	
	.block nav a {
		font-size: 53%;
	}
	
	#top {
		padding: 0 2px;
	}
	
}

@media screen and (max-width: 270px) {
	
	#form_add_comment textarea{
		width: 3em;
	}
	
	#support form input {
		width: 100%;
	}
	
	header h1 {
		font-size: 55%;
		margin-top: 3px;
	}
	
	footer p {
		font-size: 51%;
	}
	
	:root {
		--fontSize1: 3.5pt;
		--fontSeze4: 100%;
		--fontSeze2: 1.5pt;
		--fontSize_pay_request: 3.5vmin;
	}
	
	.indic {
		height: 100%;
		width: 100%;
	}
	
	.startInstructions p, .startInstructions2 p {
		font-size: 90%;
	}
	
}


/* 
	320
	375 384
	412 414
	480
	568
	600
	667
	684
	734 736
	768
	1024
	1200
	*/