@charset "UTF-8";
/* reset */
/* main variables */
body { margin: 0px; padding: 0px; font-family: "IBM Plex Sans", sans-serif; background-color: #FFF; height: 100%; color: #000; font-weight: 400; line-height: 1.25; position: relative; font-size: 16px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; }

/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }

html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

input, textarea { color: #333; font-family: "IBM Plex Sans", sans-serif; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

input[type="button"], input[type="submit"], button { cursor: pointer; }

td { margin: 0px; padding: 0px; }

form { padding: 0px; margin: 0px; }

a { color: #892DFA; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover { color: #5F1AB2; }

a, span, div, button { outline: none !important; }

img { vertical-align: middle; max-width: 100%; }

input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@font-face { font-family: 'Gilroy'; font-display: block; src: url("../fonts/subset-Gilroy-Regular.eot?ver1.0"); src: url("../fonts/subset-Gilroy-Regular.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/subset-Gilroy-Regular.woff2?ver1.0") format("woff2"), url("../fonts/subset-Gilroy-Regular.woff?ver1.0") format("woff"), url("../fonts/subset-Gilroy-Regular.ttf?ver1.0") format("truetype"), url("../fonts/subset-Gilroy-Regular.svg#Gilroy-Regular?ver1.0") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gilroy'; font-display: block; src: url("../fonts/subset-Gilroy-Bold.eot?ver1.0"); src: url("../fonts/subset-Gilroy-Bold.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/subset-Gilroy-Bold.woff2?ver1.0") format("woff2"), url("../fonts/subset-Gilroy-Bold.woff?ver1.0") format("woff"), url("../fonts/subset-Gilroy-Bold.ttf?ver1.0") format("truetype"), url("../fonts/subset-Gilroy-Bold.svg#Gilroy-Bold?ver1.0") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Gilroy'; font-display: block; src: url("../fonts/subset-Gilroy-Medium.eot?ver1.0"); src: url("../fonts/subset-Gilroy-Medium.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/subset-Gilroy-Medium.woff2?ver1.0") format("woff2"), url("../fonts/subset-Gilroy-Medium.woff?ver1.0") format("woff"), url("../fonts/subset-Gilroy-Medium.ttf?ver1.0") format("truetype"), url("../fonts/subset-Gilroy-Medium.svg#Gilroy-Medium?ver1.0") format("svg"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Gilroy'; font-display: block; src: url("../fonts/subset-Gilroy-ExtraBold.eot?ver1.0"); src: url("../fonts/subset-Gilroy-ExtraBold.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/subset-Gilroy-ExtraBold.woff2?ver1.0") format("woff2"), url("../fonts/subset-Gilroy-ExtraBold.woff?ver1.0") format("woff"), url("../fonts/subset-Gilroy-ExtraBold.ttf?ver1.0") format("truetype"), url("../fonts/subset-Gilroy-ExtraBold.svg#Gilroy-ExtraBold?ver1.0") format("svg"); font-weight: 800; font-style: normal; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url("../fonts/Ibmplexsanslight.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsanslight.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsanslight.ttf?ver1.0") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans"), local("IBMPlexSans"), url("../fonts/Ibmplexsans.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsans.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsans.ttf?ver1.0") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url("../fonts/Ibmplexsanssemibold.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsanssemibold.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsanssemibold.ttf?ver1.0") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url("../fonts/Ibmplexsansitalic.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsansitalic.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsansitalic.ttf?ver1.0") format("truetype"); font-weight: 400; font-style: italic; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans Medium Italic"), local("IBMPlexSans-MediumItalic"), url("../fonts/Ibmplexsansmediumitalic.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsansmediumitalic.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsansmediumitalic.ttf?ver1.0") format("truetype"); font-weight: 500; font-style: italic; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url("../fonts/Ibmplexsanslightitalic.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsanslightitalic.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsanslightitalic.ttf?ver1.0") format("truetype"); font-weight: 300; font-style: italic; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans Medium"), local("IBMPlexSans-Medium"), url("../fonts/Ibmplexsansmedium.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsansmedium.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsansmedium.ttf?ver1.0") format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans ExtraLight"), local("IBMPlexSans-ExtraLight"), url("../fonts/Ibmplexsansextralight.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsansextralight.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsansextralight.ttf?ver1.0") format("truetype"); font-weight: 200; font-style: normal; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans Bold Italic"), local("IBMPlexSans-BoldItalic"), url("../fonts/Ibmplexsansbolditalic.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsansbolditalic.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsansbolditalic.ttf?ver1.0") format("truetype"); font-weight: 700; font-style: italic; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url("../fonts/Ibmplexsanssemibolditalic.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsanssemibolditalic.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsanssemibolditalic.ttf?ver1.0") format("truetype"); font-weight: 600; font-style: italic; }
@font-face { font-family: 'IBM Plex Sans'; font-display: block; src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url("../fonts/Ibmplexsansbold.woff2?ver1.0") format("woff2"), url("../fonts/Ibmplexsansbold.woff?ver1.0") format("woff"), url("../fonts/Ibmplexsansbold.ttf?ver1.0") format("truetype"); font-weight: 700; font-style: normal; }
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
/* fancybox variables */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; color: #000; text-shadow: none; -webkit-border-radius: none; border-radius: none; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: none; box-shadow: none; }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("fancybox_sprite.png"); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; }

.fancybox-close { position: absolute; top: 15px; right: 15px; width: 173px; height: 39px; font-weight: 500; line-height: 37px; font-size: 14px; text-align: center; padding-right: 26px; letter-spacing: 0.05em; color: #FFFFFF; background: #C4C4C4; -webkit-border-radius: 21px; border-radius: 21px; cursor: pointer; z-index: 8040; }
.fancybox-close span { position: absolute; right: 14px; top: 10px; width: 16px; height: 16px; }
.fancybox-close span:after { content: ''; display: block; width: 20px; height: 1px; background: #fff; position: absolute; top: 8px; right: -2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.fancybox-close span:before { content: ''; display: block; width: 20px; height: 1px; background: #fff; position: absolute; top: 8px; left: -2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.fancybox-close:hover { color: #fff; background: rgba(95, 26, 178, 0.48); }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { /* overflow: hidden !important;*/ width: auto; }

.fancybox-lock body { overflow: visible !important; height: auto; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(255, 255, 255, 0.98); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font-size: 14px; line-height: 18px; font-family: "IBM Plex Sans", sans-serif; color: #FFF; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-image: url("fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }
/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; position: relative; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-arrow { position: absolute; width: 72px; margin-top: -25px; padding: 0; top: 50%; z-index: 20; cursor: pointer; height: 48px; font-size: 0; background: rgba(196, 196, 196, 0.3); border: none; }
.slick-arrow:before { content: ''; width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -9px; display: block; border: none; border-left: 2px solid #5F1AB2; border-bottom: 2px solid #5F1AB2; }
.slick-arrow.slick-disabled { opacity: 0.5; cursor: default; }

.slick-prev { left: 0px; }
.slick-prev:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: -5px 0 0 -3px; }

.slick-next { right: 0px; }
.slick-next:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin: -5px 0 0 -8px; }

.slick-dots { text-align: center; left: 0; right: 0; font-size: 0; bottom: 42px; position: absolute; }
.slick-dots li { display: inline-block; list-style: none; padding: 0 2px; }
.slick-dots li button { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; border: none; display: block; padding: 0; font-size: 0; width: 15px; height: 3px; -webkit-border-radius: 0px; border-radius: 0px; background-color: #4e5359; }
.slick-dots li button:hover { background: #ffffff; }
.slick-dots .slick-active button { background: #ffffff; }

.mCustomScrollbar { -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }

.mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; }

.mCSB_inside > .mCSB_container { margin-left: 4px; margin-left: 0px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 4px; height: auto; left: auto; top: 0; left: 0; bottom: 0; }

.mCSB_outside + .mCSB_scrollTools { right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; background: #3af; opacity: 0; }

.mCustomScrollbar:hover .mCSB_scrollTools .mCSB_dragger { opacity: .3; }

.mCSB_scrollTools .mCSB_dragger_onDrag { opacity: 1 !important; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; border-radius: 16px; text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
.header { width: 100%; min-width: 310px; text-align: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-order: 1; position: static; top: 0px; left: 0; z-index: 200; /*height: 72px;*/ border-bottom: 1px solid #C4C4C4; background: #fff; }
.header .wrapper { padding-top: 15px; padding-bottom: 18px; }
.home .header {position: absolute;}

.header__logo { float: left; margin: 4px 53px 0 26px; }

.header__logo__link { display: block; width: 185px; }

.nav { margin: 0 auto; overflow: hidden; max-width: 400px; padding-top: 9px; }
.nav li { list-style: none; display: inline-block; vertical-align: top; }
.nav li a { display: inline-block; color: rgba(95, 26, 178, 0.5); font-weight: 500; font-size: 14px; letter-spacing: 0.05em; -webkit-border-radius: 7px; border-radius: 7px; padding: 0 19px; margin: 0 1px; line-height: 29px; height: 30px; }
.nav li a:hover { color: #5F1AB2; background: rgba(95, 26, 178, 0.1); }
.nav li a.active { color: #5F1AB2; }

.header_reg { float: right; }
.header_reg a { vertical-align: top; height: 39px; line-height: 37px; -webkit-border-radius: 20px; border-radius: 20px; font-weight: 500; font-size: 12px; letter-spacing: 0.05em; }
.header_reg .login_link { display: inline-block; /*border: 1px solid #5F1AB2;*/ color: #5F1AB2; padding: 0 15px; line-height: 35px; box-sizing: border-box;}
.header_reg .login_link:hover { text-decoration: underline; }
.home .header_reg .login_link { border: 1px solid transparent; color: #fff; }
.home .header_reg .login_link:hover { text-decoration: underline; }
.header_reg .btn { padding: 0 28px; line-height: 35px; margin-left: 30px; }

.header_user { position: relative; float: right; width: 274px; text-align: left; }
.header_user.open { /*.header_user_drop {display: block;}*/ }
.header_user.open .header_user_opener:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.header_user_opener { cursor: pointer; background: rgba(196, 196, 196, 0.2); -webkit-border-radius: 7px; border-radius: 7px; height: 48px; line-height: 51px; position: relative; }
.header_user_opener:after { content: ''; display: block; clear: both; }
.header_user_opener:before { line-height: 1; content: "\f0d7"; color: rgba(95, 26, 178, 0.7); font-size: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 20px; margin: 0; border: none; top: 14px; right: 10px; border: none; }

.header_user_ava { float: left; margin: -4px 27px 0 -30px; }
.header_user_ava img { width: 100%; }

.header_user_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: bold; font-family: "Gilroy", sans-serif; color: #515355; }

.header_user_drop { position: absolute; display: none; -webkit-border-radius: 7px; border-radius: 7px; top: 100%; right: 0; width: 100%; background: #f3f3f3; padding: 10px 15px 10px 50px; }
.header_user_drop ul li { list-style: none; line-height: 40px; }
.header_user_drop ul li a { font-size: 16px; font-weight: bold; font-family: "Gilroy", sans-serif; color: #515355; }
.header_user_drop ul li a:hover { color: #892DFA; }

.ava { -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; width: 52px; height: 52px; -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); }

/* */
.mobile-button { z-index: 50; float: right; margin-top: 3px; height: 34px; display: none; margin-right: -34px; margin-left: 58px; position: relative; }
.mobile-button span { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 34px; height: 1px; display: block; margin: 18px 0px 0 0; }
.mobile-button span:before, .mobile-button span:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; content: ''; background: #515355; width: 34px; height: 1px; display: block; top: -6px; left: 0px; position: absolute; }
.mobile-button span:after { top: auto; bottom: -6px; }
.mobile-button:hover span:before { top: -6px; }
.mobile-button:hover span:after { bottom: -6px; }
.mobile-button.open span { background: transparent; }
.mobile-button.open span:before { top: 0px; left: 0px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #515355; }
.mobile-button.open span:after { bottom: 0px; left: 0px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #515355; }

/* */
/*-------------------------------------------------*/
@media screen and (min-width: 1221px) { .home .header { background: transparent; border: none; }
  .home .header .wrapper:before { content: ''; position: absolute; left: 15px; right: 15px; bottom: 0; height: 1px; background: #fff; opacity: 0.5; }
  .home .nav { padding-top: 5px; }
  .home .nav li a { color: #fff; }
  .home .nav li a:hover { background: rgba(255, 255, 255, 0.3); }
  .home .header__logo { margin: 0px 35px 0 22px; }
  .home .header_reg { margin-right: 5px; }
  .nav-wrap .header_acc, .nav-wrap .header_user, .nav-wrap .spec { display: none; } }
@media screen and (max-width: 1220px) { .mobile-button { display: block; }
  .header_reg .login_link { color: #892DFA; }
  .header_reg .btn-w { background: #5F1AB2; color: #fff; border: 1px solid #5F1AB2; }
  .header__logo { margin: 4px 0px 0 1px; }
  .header_user { width: 210px; }
  .header_user_opener { height: 37px; line-height: 37px; }
  .header_user_opener:before { top: 8px; }
  .header_user_name { font-size: 14px; }
  .header_user_ava { width: 40px; height: 40px; margin: -2px 21px 0 -23px; }
  .header_user { margin-top: 4px; }
  .nav-wrap { background: #FFFFFF; position: fixed; display: none; right: 0px; border-top: 1px solid #C4C4C4; top: 71px; width: 100%; padding: 6%; overflow: auto; bottom: 0; }
  .nav-wrap.open { display: block; }
  .nav-wrap .nav { margin: 14px auto 23px; max-width: 322px; }
  .nav-wrap .nav li { display: block; }
  .nav-wrap .nav li a { display: block; }
  .nav-wrap .nav:first-child { margin-top: 0; }
  .nav-wrap .header_user { width: 210px; float: none; margin: 0 auto; }
  .nav-wrap .header_user_opener { height: 37px; line-height: 35px; padding: 1px; }
  .nav-wrap .header_user_name { font-size: 14px; }
  .nav-wrap .header_user_ava { width: 40px; height: 40px; margin: -2px 21px 0 -23px; }
  .nav-wrap .header_user_opener:before { top: 8px; }
  .nav-wrap .header_user { margin-top: 4px; }
  .nav-wrap .spec { max-width: 673px; margin: 0 auto; }
  .nav-wrap .spec a { overflow: hidden; }
  .nav-wrap .sideblock { background: transparent; padding: 0; margin: 0; }
  .nav-wrap .subjectList .cats_item { margin: 11px 0px; }
  .hid .header { position: fixed; }
  .hid .header .wrapper > .header_user { display: none; }
  .header_acc { max-width: 673px; margin: 0 auto; background: rgba(196, 196, 196, 0.2); margin-bottom: 30px; -webkit-border-radius: 7px; border-radius: 7px; text-align: left; }
  .header_acc_opener { position: relative; font-weight: bold; padding: 20px 13%; line-height: 30px; text-transform: uppercase; font-size: 24px; }
  .header_acc_opener:after { line-height: 1; content: "\f0d7"; color: rgba(95, 26, 178, 0.7); font-size: 24px; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 63px; top: 23px; }
  .header_acc_opener.open:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .header_acc_drop { display: none; padding: 20px 9%; }
  .header_user_drop { padding: 10px 15px 10px 19px; }
  .header_user_drop ul li a { font-size: 14px; } }
@media screen and (max-width: 1220px) and (min-width: 600px) { .nav-wrap .header_user { width: 583px; }
  .nav-wrap .header_user_opener { height: 153px; line-height: 105px; -webkit-border-radius: 80px; border-radius: 80px; padding: 21px; padding-right: 103px; }
  .nav-wrap .header_user_name { font-size: 24px; }
  .nav-wrap .header_user_ava { width: 110px; height: 110px; margin: 0px 59px 0 0px; }
  .nav-wrap .header_user_opener:before { line-height: 1; content: "\f0d7"; color: rgba(95, 26, 178, 0.7); font-size: 24px; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 76px; top: 67px; border: none; }
  .nav-wrap .header_user { margin-top: 4px; }
  .nav-wrap .spec { text-align: left; margin-top: 50px; }
  .nav-wrap .spec a { padding: 20px 20px 34px; }
  .nav-wrap .spec_txt { float: left; width: 59%; text-align: left; margin: 1px 0px 0px; max-width: 250px; }
  .nav-wrap .spec_sm { float: right; font-weight: 500; font-size: 18px; text-align: center; width: 39%; padding-top: 12px; }
  .nav-wrap .spec_title { font-size: 36px; text-align: left; }
  .nav-wrap .nav { margin: 42px auto 37px; }
  .nav-wrap .nav li { margin-bottom: 18px; }
  .nav li a { font-size: 24px; padding: 0 19px; margin: 0 0px; line-height: 63px; height: 63px; } }
@media screen and (max-width: 1023px) { .mobile-button { margin-right: 13px; margin-left: 28px; } }
@media screen and (max-width: 767px) { .header__logo { margin-left: 0px; }
  .header_acc_opener { padding: 15px 10%; font-size: 20px; }
  .header_acc_opener:after { right: 20px; top: 15px; }
  .header_user_opener:before { line-height: 1; content: "\f0d7"; color: rgba(95, 26, 178, 0.7); font-size: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 20px; margin: 0; border: none; top: 8px; right: 10px; border: none; } }
@media screen and (max-width: 599px) { .header_reg { float: none; clear: both; text-align: center; }
  .header .wrapper { padding-top: 10px; padding-bottom: 10px; }
  .header { height: 112px; }
  .header_user { float: none; margin: 0 auto; clear: both; left: 13px; }
  .header__logo { margin-bottom: 10px; }
  .nav-wrap { top: 62px; } }
/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
.footer { text-align: center; width: 100%; min-width: 310px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-order: 3; padding: 0px 0; background: rgba(0, 0, 0, 0.8); position: relative; color: #fff; font-size: 14px; padding: 62px 0; }

.footer_top:after { content: ''; display: block; clear: both; }

.footer_copy { margin-bottom: 9px; }
.footer_copy a { color: #fff; text-decoration: none; }
.footer_copy a:hover { text-decoration: underline; color: #fff; }

.footer_made a { color: #fff; }
.footer_made a:hover { text-decoration: underline; color: #fff; }

.footer_logo { width: 139px; display: block; float: left; margin-left: 12px; }

.footer_nav { float: left; padding: 8px 0 33px 7.7%; }
.footer_nav li { list-style: none; display: inline-block; margin: 0 42px 0 0; }
.footer_nav li a { font-weight: 500; font-size: 10px; letter-spacing: 0.05em; opacity: 0.5; color: #fff; }
.footer_nav li a:hover { opacity: 1; }

.footer_b { border-top: 1px solid #FFFFFF; padding: 35px 0; }

.footer_made { font-size: 12px; }

.footer_apps { position: absolute; top: 4px; right: 10px; }
.footer_apps a { margin-left: 12px; }

.footer_apps_item img { height: 28px; }

.goup { position: absolute; right: 50%; top: -107px; margin-right: -494px; width: 73px; text-align: center; height: 73px; background: #FFFFFF; border: 1px solid #C4C4C4; -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); -webkit-border-radius: 7px; border-radius: 7px; }
.goup:after { content: ''; display: block; margin: 33px auto 0; position: relative; border-bottom: 2px solid #5F1AB2; border-right: 2px solid #5F1AB2; width: 16px; height: 16px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.goup:hover { background: rgba(196, 196, 196, 0.3); }

/*---------------------*/
@media screen and (max-width: 1220px) { .footer { padding: 45px 0; }
  .footer_nav { float: right; padding: 4px 0 40px 0; }
  .footer_nav li { margin: 0 0px 0 62px; }
  .footer_apps { top: 91px; }
  .footer_b { padding: 30px 87px; text-align: left; }
  .footer_logo { margin-left: 0; } }
@media screen and (max-width: 1023px) { .footer_nav li { margin: 0 0px 0 40px; } }
@media screen and (max-width: 767px) { .footer { padding: 25px 0; }
  .footer_logo { float: none; margin: 0 auto; }
  .footer_nav { float: none; margin: 0 -20px; padding: 20px 0 25px 0; }
  .footer_nav li { margin: 0 20px; }
  .footer_b { padding: 20px 0px; text-align: center; }
  .footer_apps { position: relative; text-align: center; top: 0; right: 0; margin-bottom: 25px; }
  .footer_apps a { margin: 0 10px; } }
.main-wrapper { height: 100%; position: relative; min-width: 310px; margin: 0 auto; }

.mainCont {
  min-width: 310px;
  width: 100%;
  overflow: hidden;
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
}

.wrapper {
  min-width: 310px;
  max-width: 1222px;
  padding: 0 10px 0 10px;
  margin: 0 auto;
  position: relative;
}


/* titles */
p { /*@include font($base-font-size,$base-line-height,$text-color);*/ padding: 15px 0 15px 0; }

h1, .h1 { font-size: 18px; line-height: 1.2; color: inherit; padding: 15px 0 15px 0; font-weight: 800; font-family: "Gilroy", sans-serif; }

h2, .h2 { font-size: 18px; line-height: 1.2; color: #000; padding: 15px 0 15px 0; font-weight: bold; font-family: "Gilroy", sans-serif; }

h3, .h3 { font-size: 18px; line-height: 1.2; color: #000; padding: 15px 0 15px 0; font-weight: bold; color: inherit; }

.sicon { float: left; width: 27px; height: 27px; border: 1px solid #fff; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; background: url(../img/icons/icons.png) no-repeat 0 0; }

/* text position */
.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.nowrap { white-space: nowrap !important; }

/* loader */
.loaded .main-wrapper { visibility: hidden; }

.loaded .icon-load { display: block; }

.icon-load { display: none; position: fixed; width: 80px; height: 80px; top: 50%; left: 50%; margin: -40px 0 0 -40px; }

/*.icon-load > div { position: absolute; width: 100%; height: 100%; -moz-animation: rotate-elements 8000ms infinite linear; -o-animation: rotate-elements 8000ms infinite linear; -webkit-animation: rotate-elements 8000ms infinite linear; animation: rotate-elements 8000ms infinite linear;
}
.icon-load div div { border-radius: 50%; -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.1;
}
.icon-load div div:nth-child(1) { position: absolute; top: 0; left: 0; width: 50%; height: 50%; background: #03A9F4; -moz-animation: pulse-elements 1000ms infinite ease alternate; -o-animation: pulse-elements 1000ms infinite ease alternate; -webkit-animation: pulse-elements 1000ms infinite ease alternate; animation: pulse-elements 1000ms infinite ease alternate; -moz-animation-delay: 0; -o-animation-delay: 0; -webkit-animation-delay: 0; animation-delay: 0;
}
.icon-load div div:nth-child(2) { position: absolute; top: 0; left: 50%; width: 50%; height: 50%; background: #F44336; -moz-animation: pulse-elements 1000ms infinite ease alternate; -o-animation: pulse-elements 1000ms infinite ease alternate; -webkit-animation: pulse-elements 1000ms infinite ease alternate; animation: pulse-elements 1000ms infinite ease alternate; -moz-animation-delay: 250ms; -o-animation-delay: 250ms; -webkit-animation-delay: 250ms; animation-delay: 250ms;
}
.icon-load div div:nth-child(3) { position: absolute; top: 50%; left: 0; width: 50%; height: 50%; background: #8BC34A; -moz-animation: pulse-elements 1000ms infinite ease alternate; -o-animation: pulse-elements 1000ms infinite ease alternate; -webkit-animation: pulse-elements 1000ms infinite ease alternate; animation: pulse-elements 1000ms infinite ease alternate; -moz-animation-delay: 500ms; -o-animation-delay: 500ms; -webkit-animation-delay: 500ms; animation-delay: 500ms;
}
.icon-load div div:nth-child(4) { position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; background: #FFC107; -moz-animation: pulse-elements 1000ms infinite ease alternate; -o-animation: pulse-elements 1000ms infinite ease alternate; -webkit-animation: pulse-elements 1000ms infinite ease alternate; animation: pulse-elements 1000ms infinite ease alternate; -moz-animation-delay: 750ms; -o-animation-delay: 750ms; -webkit-animation-delay: 750ms; animation-delay: 750ms;
}
@keyframes rotate-elements { from {    transform: rotate(-180deg);  } to {    transform: rotate(180deg);  }
}
@keyframes pulse-elements { from {    top: -50%;    left: -50%;    transform: scale(1.0);    opacity: 0;  }  to {    transform: scale(0.2);    opacity: 0.8;  }
}
*/
/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content { /*padding: 72px 0 0px;*/ min-width: 310px; text-align: left; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-order: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-grow: 1; }

.bg-w { background: #FFFFFF; -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); }

/* */
.btn { font-family: "IBM Plex Sans", sans-serif; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; display: inline-block; position: relative; font-weight: 500; text-align: center; font-size: 12px; line-height: 38px; height: 40px; padding: 0 20px; background: #5F1AB2; color: #fff; border: 1px solid #5F1AB2; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; letter-spacing: 0.05em; }
.btn:hover { background: #fff; border-color: #5F1AB2; color: #5F1AB2; }

.btn-bord { background: transparent; padding: 0 10px; border: 1px solid #5F1AB2; color: #5F1AB2; }
.btn-bord:hover { color: #fff; background: #5F1AB2; }

.btn-w { background: #fff; border-color: #fff; color: #38106A; }
.btn-w:hover { color: #fff; background: rgba(255, 255, 255, 0.3); border: 1px solid #5F1AB2; }

.btn-light { background: rgba(95, 26, 178, 0.09); color: #5F1AB2; border: none; }
.btn-light:hover { background: #5F1AB2; color: #FFFFFF; }

.t-inp, textarea { padding: 4px 10px 4px 10px; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; color: #000; -webkit-border-radius: 7px; border-radius: 7px; height: 30px; border: none; font-size: 14px; font-weight: 300; line-height: 20px; background: #F6F6F6; font-family: "IBM Plex Sans", sans-serif; }

textarea { height: 191px; resize: none; }

input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); }

input:-moz-placeholder { color: rgba(0, 0, 0, 0.5); }

input::-moz-placeholder { color: rgba(0, 0, 0, 0.5); }

input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); }

.form_row { position: relative; }

/*---------------------------------------------------*/
.section-home { background: linear-gradient(0deg, #5F1AB2, #5F1AB2); padding: 127px 0 139px; position: relative; text-align: center; color: #fff; overflow: hidden; }
.section-home:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 72px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0) 100%); }

.home_img1, .home_img2 { position: absolute; z-index: 0; bottom: 3px; }

.home_img1 { left: 50%; margin-left: -653px; }

.home_img2 { right: 50%; margin-right: -689px; }

.home .content { padding: 0; }
.home .bg-w { -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; }
.home h1 { text-transform: uppercase; font-size: 30px; font-weight: 800; position: relative; z-index: 1; }
.home .center { padding: 0; }
.home .rightbar { padding-top: 56px; }
.home .rating-block:first-child { margin-top: 0; }

.search { position: relative; }
.search .t-inp { height: 63px; -webkit-border-radius: 7px; border-radius: 7px; text-align: center; font-weight: 500; font-size: 18px; padding: 5px 75px 7px 79px; }
.search .form_row { margin: 0; }

.inner_search { padding: 50px 47px 49px; border-bottom: 1px solid #C4C4C4; }
.inner_search .t-inp { background: rgba(196, 196, 196, 0.1); text-align: left; padding: 5px 100px 7px 32px; }
.inner_search .search_btn { width: 68px; background: rgba(196, 196, 196, 0.1); }

.home_search { margin: 3px auto 0; max-width: 589px; position: relative; padding-right: 3px; padding-left: 4px; }
.home_search .t-inp { background: #fff; padding: 5px 90px 7px 20px; text-align: center; }
.home_search .search_btn { right: -3px; }

.search_btn { padding: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; top: 0; right: 0; height: 100%; font-size: 25px; color: #5F1AB2; background: rgba(196, 196, 196, 0.4); width: 72px; border: none; cursor: pointer; -webkit-border-radius: 0px 7px 7px 0px; border-radius: 0px 7px 7px 0px; }
.search_btn:hover { background: rgba(196, 196, 196, 0.7); }

/* */
.section-cats { text-align: center; padding: 68px 0 68px; }

.cats { text-align: center; background: rgba(196, 196, 196, 0.1); -webkit-border-radius: 7px; border-radius: 7px; padding: 18px 3px 8px; margin-bottom: 22px; }
.cats.open .cats_item.hidden { display: inline-block; }

.cats_item { display: inline-block; vertical-align: top; margin: 26px 17px 27px; }
.cats_item a { color: #000; }
.cats_item .cats_img { -webkit-box-shadow: none; box-shadow: none; }
.cats_item:hover .cats_img { -webkit-box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.2); box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.2); }
.cats_item.hidden { display: none; }

.quests_item--var-2.item-hidden { padding: 0; }

.cats-hidden { display: none; }

.item-hidden { opacity: 0; padding: 0; }
.item-hidden.open { padding: 23px 12px 23px 20px; opacity: 1; }
.item-hidden__inside { display: none; }
.item-hidden__inside.open { display: block; }

.cats_img { width: 43px; height: 43.54px; -webkit-box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.2); box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.2); margin: 0 auto 19px; line-height: 0; }

.cats_title { font-weight: 500; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; }

.cats_more { text-align: center; }

/* */
.section-post { padding: 50px 0 131px; }

.post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.post h2 { font-size: 36px; text-transform: uppercase; font-weight: 800; padding-bottom: 0; line-height: 1.25; }
.post .btn { min-width: 174px; }

.post_cont { width: 49%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; }

.post_img { width: 49%; text-align: right; margin: 21px -29px 0 0; }

.post_desc { max-width: 440px; margin: 5px 0 40px; line-height: 1.35; }
.post_desc p { padding: 0; }
.post_desc p a { font-weight: 500; border-bottom: 1px solid #5F1AB2; }
.post_desc p a:hover { border-color: transparent; }

/* */
.class_slider { text-align: center; text-transform: uppercase; padding: 10px 72px 14px; border-bottom: 2px solid #5F1AB2; margin-bottom: 24px; }
.class_slider .slick-arrow { height: 100%; top: 0; margin: 0; }
.class_slider .slick-prev { -webkit-border-radius: 7px 0px 0px 0px; border-radius: 7px 0px 0px 0px; }
.class_slider .slick-next { -webkit-border-radius: 0px 7px 0px 0px; border-radius: 0px 7px 0px 0px; }
.class_slider .slick-slide a { display: inline-block; padding: 0 10px; line-height: 30px; -webkit-border-radius: 7px; border-radius: 7px; font-weight: bold; color: rgba(0, 0, 0, 0.5); font-size: 14px; letter-spacing: 0.05em; text-transform: uppercase; }
.class_slider .slick-slide a.active { color: #892DFA; }
.class_slider .slick-slide a:hover { color: #892DFA; background: rgba(137, 45, 250, 0.15); }

.tasks_filter {text-align: left; border-bottom: none; padding: 0; margin-bottom: 10px;}
.tasks_filter:after {content: ''; display: block; clear: both;}
.tasks_filter .slick-slide {display: block;}

/* */
.padd { padding: 0 15px; margin: 0 auto; max-width: 611px; }

.quests { margin: 0 auto; max-width: 581px; margin-bottom: 68px; }
.quests h1, .quests .h1 { font-size: 30px; text-align: left; font-weight: 800; font-family: "Gilroy", sans-serif; }

.quests_item { margin: 0 auto; max-width: 581px; margin-bottom: 26px; margin-top: 24px; background: rgba(196, 196, 196, 0.1); padding: 14px 19px 14px 27px; border-left: 2px solid transparent; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.quests_item:after { content: ''; display: block; clear: both; }
.quests_item .btn { float: right; height: 30px; line-height: 28px; margin-right: 0px; width: 108px; }
.quests_item:hover { border-color: rgba(0, 0, 0, 0.5); }

.quests_item_top { position: relative; padding-left: 65px; padding-bottom: 3px; }
.quests_item_top:after { content: ''; display: block; clear: both; }
.quests_item_top .cats_img { position: absolute; left: 0; top: 0; }

.quests_item_left { float: left; width: 65%; }

.quests_item_right { float: right; width: 35%; text-align: right; }
.quests_item_right.done .quests_stat { padding: 0; margin: 7px 0 -2px; background: transparent; color: #166B3A; font-weight: 600; text-transform: uppercase; }
.quests_item_right.done .quests_stat i { margin-left: 4px; }
.quests_item_right.done .quests_date { color: #166B3A; padding: 0; }

.quests_item_txt { font-size: 12px; margin-bottom: 7px; overflow: hidden; height: 48px; height: 54px; font-weight: 300; padding-left: 65px; line-height: 1.4; }

.quests_subj { font-weight: 500; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.5; margin: 1px 0 4px; }

.quests_bal { font-weight: bold; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; }
.quests_bal a { color: #000; }
.quests_bal a:hover { text-decoration: underline; }

.quests_stat { font-weight: 500; display: inline-block; font-size: 12px; color: rgba(0, 0, 0, 0.5); line-height: 24px; background: rgba(196, 196, 196, 0.2); padding: 0 15px; margin-bottom: 8px; -webkit-border-radius: 12px; border-radius: 12px; }

.quests_date { padding-right: 15px; color: rgba(0, 0, 0, 0.5); font-size: 12px; font-family: "Gilroy", sans-serif; }

.quests_more { padding: 55px 15px 63px; text-align: center; background: rgba(196, 196, 196, 0.3); }

.more_link { font-weight: 600; font-size: 16px; letter-spacing: 0.05em; text-transform: uppercase; color: #5F1AB2; }
.more_link:after { content: ''; display: block; margin: 5px auto 0; left: 4px; position: relative; border-bottom: 2px solid #5F1AB2; border-right: 2px solid #5F1AB2; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.more_link:hover { opacity: 0.8; }
.more_link.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

/* */
.rating-block { background: rgba(196, 196, 196, 0.2); padding: 15px 31px 12px 17px; -webkit-border-radius: 7px; border-radius: 7px; margin: 30px 0 30px 0px; }
.rating-block h3 { font-family: "IBM Plex Sans", sans-serif; }
.rating-block h3 img { margin: -4px 14px 0 0; }

.rating { margin: 0px 0 0px; }
.rating li { list-style: none; padding: 9px 0 12px; }
.rating li a { display: block; overflow: hidden; color: #000; line-height: 26px; }
.rating li a:hover { color: #5F1AB2; }
.rating li a:hover .rating_name { text-decoration: underline; }

.rating_ava { float: left; width: 26px; height: 26px; background: #C4C4C4; -webkit-box-shadow: none; box-shadow: none; margin-right: 10px; }
.rating_ava img { height: 100%; width: 100%; object-fit: cover; display: block; }
.rating_ava.no-avatar img { width: auto; height: auto; text-align: center; margin: 3px 0 0 4px; }

.rating_val { float: right; text-align: right; font-weight: bold; font-size: 14px; margin-left: 15px; width: 72px; padding-top: 5px; }

.rating_name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; font-size: 12px; padding-top: 5px; }

.t-show { display: none; }

.nerban-side { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.center { margin-right: 20px; max-width: 817px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.rightbar { width: 305px; min-width: 305px; position: relative; text-align: left; padding-top: 65px; }
.rightbar .scroll { margin-right: -5px; height: 100%; }

/* */
.section-tableLessons { padding-top: 20px; }
.section-tableLessons h1 { font-size: 16px; }

.padd47 { padding: 12px 47px 20px; }

.tableLessons { margin-bottom: 50px; max-width: 646px; margin-top: 21px; }

.tableLessons ul { display: table; width: 100%; text-align: center; }

.tableLessons ul li { list-style: none; display: table-row; overflow: hidden; }

.tableLessons > ul > li { background: rgba(196, 196, 196, 0.1); list-style: none; display: table-row; overflow: hidden; }

.tableLessons > ul > li:nth-child(even) { background: rgba(196, 196, 196, 0.2); }

.tableLessons > ul > li:last-child { -webkit-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; }

.tableLessons > ul > li:nth-child(2) { -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; }

.tableLessons ul .table-head { background: transparent; text-align: left; }

.tableLessons ul li .sicon { display: none; }

.tableLessons ul li .td { display: table-cell; color: #272727; vertical-align: middle; }

.tableLessons ul li .td.td-title { padding: 0px 7px 0px 25px; position: relative; overflow: hidden; text-align: left; font-weight: 500; line-height: 39px; font-size: 14px; letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; }

.tableLessons ul li .td-title + .td { padding-right: 39px; }

.tableLessons ul li ul { border: none; overflow: visible; }

.tableLessons ul li ul li .td { background: none; display: table-cell; width: 9.0909%; border: none; }

.tableLessons ul li .th { padding: 5px 0 7px 13px; line-height: 39px; display: table-cell; color: rgba(0, 0, 0, 0.5); font-family: "Gilroy", sans-serif; font-size: 16px; font-weight: 800; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tableLessons ul li .th.td-title { width: 38%; padding: 5px 0 7px 25px; vertical-align: middle; }

.tableLessons ul li ul.list-top li .td a:hover { color: #797979; }

.tableLessons a { overflow: hidden; font-size: 14px; color: #5F1AB2; font-weight: 500; position: relative; display: block; width: 100%; height: 39px; line-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tableLessons a b { position: relative; z-index: 2; width: 24px; display: block; margin: 7px auto; height: 24px; font-weight: 500; }

.web .tableLessons a:hover b { background: rgba(196, 196, 196, 0.3); -webkit-border-radius: 7px; border-radius: 7px; }

.tableLessons ul li .td.disabled a { background: none !important; cursor: default; color: rgba(95, 26, 178, 0.3); }
.tableLessons ul li .td.disabled a:hover b { background: transparent; }

/* */
.soc_wrap { background: rgba(196, 196, 196, 0.1); -webkit-border-radius: 7px; border-radius: 7px; margin-bottom: 26px; padding: 7px 10px 6px 14px; display: inline-block; }

.soc_title { font-weight: 600; font-size: 14px; line-height: 31px; margin-right: 48px; color: #515355; opacity: 0.5; display: inline-block; vertical-align: top; }

.soc { display: inline-block; vertical-align: top; }

.soc_link { display: inline-block; font-size: 16px; margin-left: 11px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; vertical-align: top; border: 0.5px solid #C4C4C4; width: 32px; height: 32px; line-height: 32px; text-align: center; }

.soc_link1 { color: #63C0E5; }

.soc_link2 { color: #0D4BE9; }

.soc_link3 { color: #1799CE; }

.soc_link4 { color: #7D22EC; }

.soc_link5 { color: #F84A4A; }

.soc_link6 { color: #FDCA32; }

.soc_link7 { color: #2AC627; }

.soc_link8 { color: #47C0F2; }

.soc_link_ya {position: relative;}
.soc_link_ya > i {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/yandex.svg) 50% 50% no-repeat; background-size: 54%;}

.page-txt { line-height: 24px; font-size: 14px; color: rgba(0, 0, 0, 0.5); max-width: 646px; }
.page-txt p { padding: 0px 0 10px 0; text-shadow: 0 0; }
.page-txt ul, .page-txt ol { padding: 01px 0 10px 20px; text-shadow: 0 0; }

/* */
.qside_item { background: rgba(196, 196, 196, 0.2); -webkit-border-radius: 7px; border-radius: 7px; margin-bottom: 15px; font-size: 12px; }
.qside_item a { display: block; padding: 16px; color: #000; }

.qside_title { font-weight: bold; }

.qside_txt { color: rgba(0, 0, 0, 0.5); margin-top: 13px; margin-bottom: -2px; line-height: 16px; height: 50px; overflow: hidden; }

/* */
.section-newbooks { border-top: 1px solid #C4C4C4; min-height: 433px; }
.section-newbooks h2 { font-size: 16px; font-weight: 800; }

.books__cont { padding: 0px; }

.books__cont + h2, .books__cont + .h2 { margin-top: 20px; }

.books { margin: 0px -28px 8px 0; }
.books:after { content: ''; display: block; clear: both; }

.books_item { float: left; position: relative; width: 120px; margin: 19px 29px 12px 0; height: 199px; }
.books_item a { display: block; position: relative; }
.books_item:hover .books_item_img img { /*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);*/ opacity: 0.4; }
.books_item:hover .books_item_img .books_author { opacity: 1; }

.books_item_img { background: rgba(196, 196, 196, 0.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 7px; border-radius: 7px; width: 120px; height: 145px; overflow: hidden; position: relative; text-align: center; margin: 0 auto 10px; }
.books_item_img img { max-width: 90px; max-height: 116px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.books_item_img a { color: #000; }
.books_item_img .books_author { opacity: 0; font-weight: 600; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; padding: 10px; background: rgba(196, 196, 196, 0.1); top: 0; left: 0; bottom: 0; right: 0; z-index: 3; height: auto; overflow: visible; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.books_author { height: 26px; overflow: hidden; font-weight: 500; line-height: 13px; font-size: 10px; color: #000000; margin-bottom: 6px; }

.books_year { font-size: 10px; color: rgba(0, 0, 0, 0.5); }

/* */
.spec { margin-bottom: 30px; }
.spec a { display: block; text-align: center; background: #5F1AB2; padding: 14px 14px 24px; -webkit-border-radius: 7px; border-radius: 7px; }

.spec_title { font-size: 24px; text-align: center; text-transform: uppercase; font-family: "Gilroy", sans-serif; color: rgba(255, 255, 255, 0.89); font-weight: 800; }

.spec_txt { font-size: 14px; color: #C4C4C4; margin: 6px 12px 10px; line-height: 19px; }

.spec_sm { font-weight: bold; font-size: 12px; letter-spacing: 0.05em; color: #FFFFFF; }

.nerban { text-align: center; margin-bottom: 30px; }

.sideblock { background: rgba(196, 196, 196, 0.2); -webkit-border-radius: 7px; border-radius: 7px; margin-bottom: 30px; }

.subjectList h4 { font-weight: bold; line-height: 35px; font-size: 14px; color: #515355; padding: 18px 30px 0; }
.subjectList .cats { text-align: left; background: none; padding: 0 0 18px 0; }
.subjectList .cats_item { display: block; margin: 11px 30px; width: auto; }
.subjectList .cats_item a { display: block; color: #515355; }
.subjectList .cats_item a:after { content: ''; display: block; clear: both; }
.subjectList .cats_item a:hover { color: #5F1AB2; }
.subjectList .cats_item a:hover .cats_img { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
.subjectList .cats_img { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; float: right; width: 17px; height: 17px; margin: 7px 0 0; line-height: 0; -webkit-box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.2); box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.2); }
.subjectList .cats_title { text-transform: none; font-weight: bold; line-height: 34px; font-size: 14px; letter-spacing: 0; }

.classList { padding: 14px 17px 11px; }
.classList ul li { display: inline-block; vertical-align: top; list-style: none; margin: 10px 14px; }
.classList ul li a { font-weight: bold; line-height: 32px; font-size: 16px; color: #515355; }
.classList ul li a:hover { color: #5F1AB2; -webkit-text-decoration-line: underline; text-decoration-line: underline; }

/* */
.breadcrumbs { font-weight: 500; font-size: 14px; padding: 51px 47px 11px; }
.breadcrumbs a, .breadcrumbs span { color: rgba(0, 0, 0, 0.5); display: inline-block; }
.breadcrumbs a:hover { color: #000; text-decoration: underline; }
.breadcrumbs span { color: #000; }
.breadcrumbs .br-beet { display: inline-block; vertical-align: middle; margin: -4px 2px 0 11px; border: 4px solid transparent; border-left: 6px solid rgba(137, 45, 250, 0.7); }

.section-book { position: relative; padding: 47px 47px 19px; }

/* */
.books__cont.single { padding: 0; }
.books__cont.single h1 { font-weight: bold; font-size: 24px; font-family: "IBM Plex Sans", sans-serif; }
.books__cont.single .books_item_img { margin: 0 28px 0 0; width: 190px; height: 241px; }
.books__cont.single .books_item_img img { max-width: 121px; max-height: 188px; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
.books__cont.single .books_item_desc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 27px 0 30px 0; }
.books__cont.single .books_author { font-weight: 500; font-size: 16px; color: #5F1AB2; overflow: visible; height: auto; line-height: 1.2; margin-bottom: 11px; }
.books__cont.single .books_author a { color: #5F1AB2; border-bottom: 1px solid transparent; }
.books__cont.single .books_author a:hover { border-color: #5F1AB2; }
.books__cont.single .books_izd { font-weight: bold; font-size: 16px; color: #000000; }
.books__cont.single .books_year { font-weight: 500; font-size: 14px; color: #000000; opacity: 0.5; margin-top: auto; }

.books_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 17px; }

.book_txt { overflow: hidden; line-height: 24px; font-size: 14px; margin: 10px -20px 28px 0; }
.book_txt p { padding: 4px 0; }

.center .nerban { text-align: left; margin: 17px 0px 30px; }
.center .nerban.nerban2 { margin-top: 25px; margin-bottom: 25px; }

.nerban + .soc_wrap { margin-top: 21px; }

/* */
.section-acc { padding: 50px 22px 50px 44px; border-top: 1px solid #C4C4C4; }
.section-acc .page-txt { max-width: 725px; }

/* */
.acc__item { background: rgba(196, 196, 196, 0.1); margin-bottom: 30px; -webkit-border-radius: 7px; border-radius: 7px; padding: 10px 27px; }

.acc__item.open .acc__item__opener:before { border: 6px solid transparent; border-bottom: 6px solid rgba(95, 26, 178, 0.7); top: 25px; }

.acc__item.open .acc__item__drop { display: block; }

.acc__item__opener { margin: 0 0 0 0px; cursor: pointer; position: relative; overflow: hidden; line-height: 32px; padding: 15px 30px 15px 0; }

.acc__item__opener:before { content: ' '; position: absolute; right: 3px; top: 31px; border: 6px solid transparent; border-top: 6px solid rgba(95, 26, 178, 0.7); }

.acc__item__opener:after { content: ''; display: block; clear: both; }

.acc__title { overflow: hidden; font-weight: bold; font-size: 24px; text-transform: uppercase; color: #000000; }

.acc__title b { display: inline-block; width: 139px; vertical-align: top; line-height: 1.5; }

.acc__title span { font-weight: 500; font-size: 16px; text-transform: none; }

.acc__item__drop { display: none; padding: 14px 0 15px; margin: 0 -16px; }

.subtitle { font-weight: bold; font-size: 16px; color: #000000; margin: 0 0 20px 18px; min-height: 24px; }

.ittitle { font-size: 16px; font-weight: 300; margin: 0 0 14px 53px; font-style: italic; }

.task__list { margin-bottom: 19px; }

.task__list:after { content: ''; display: block; clear: both; }

.task__list:first-child { margin-top: -7px; margin-bottom: 13px; }

.task__list a { -webkit-border-radius: 7px; border-radius: 7px; display: block; float: left; text-align: center; font-weight: bold; min-width: 10%; font-size: 16px; color: #5F1AB2; line-height: 31px; padding: 0 2.9px; }

.task__list a.bg { background: #fbfbfb; padding: 0 15px; }

.task__list a span { font-family: "Open Sans"; opacity: 0.8; }

.task__list a:hover { background: rgba(196, 196, 196, 0.2); }

.task__list .gr { background: #fbfbfb; }

.task__list .gr:after { content: ''; display: block; clear: both; }

.task__list .bg + .bg { padding: 0 5.5px; }

.task__list .subtitle { margin: 0; line-height: 21px; padding: 5px 18px; }

.task__list .inline { float: left; padding: 5px 18px; line-height: 21px; }

.task__list .und { padding: 0 30px; }

.task__list__sm a { padding: 0 13px; }

.task__list__big a { padding: 0 13px; min-width: 16.7%; }

.und { text-decoration: underline; }

/* */
.section-klass { padding: 30px 47px 2px; }
.section-klass h1 { font-size: 18px; }
.section-klass .book_txt { color: rgba(0, 0, 0, 0.5); margin: 12px 0px 28px 0; max-width: 630px; }
.section-klass .nerban:last-child { margin-bottom: 0; }

.acc_desc { margin-bottom: 30px; }

/* */
.quests_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 18px 0; }
.quests_title .soc_wrap { margin-bottom: 6px; padding: 7px 10px 6px 1px; }

.quests_title_txt { font-size: 16px; font-weight: 800; font-family: "Gilroy", sans-serif; margin-bottom: 6px; margin-top: -4px; }
.quests_title_txt a { text-decoration: underline; }

/* */
.section-task .nerban { margin: 7px 0 16px; }
.section-task .nerban:last-child { margin-bottom: 9px; }

.task-nav { margin: 0px 0 16px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.task-nav__curr { display: inline-block; -webkit-border-radius: 18px; border-radius: 18px; overflow: hidden; color: #148bff; font-size: 13px; font-weight: 400; line-height: 22px; padding: 6px 40px; border: 1px solid #158afe; height: 34px; }
.task-nav__curr b { font-weight: bold; }

.task-nav__next, .task-nav__prev { text-align: left; background: #fff; -webkit-border-radius: 7px; border-radius: 7px; position: relative; padding: 12px 27px 12px 58px; max-width: 48%; min-width: 258px; display: inline-block; position: relative; vertical-align: top; color: rgba(95, 26, 178, 0.5); font-weight: 500; line-height: 19px; font-size: 14px; background: rgba(196, 196, 196, 0.1); }
.task-nav__next:before, .task-nav__prev:before { display: block; content: ''; left: 12px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; border: 6px solid transparent; opacity: 0.5; border-right: 11px solid #5f1ab2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.task-nav__next:hover, .task-nav__prev:hover { color: #5f1ab2; }
.task-nav__next:hover:before, .task-nav__prev:hover:before { opacity: 1; }
.task-nav__next span, .task-nav__prev span { position: relative; z-index: 2; }

.task-nav__next { padding-right: 36px; padding-left: 27px; }
.task-nav__next:before { border: 6px solid transparent; left: auto; right: 12px; border-left: 11px solid #5f1ab2; }

.task-nav-bot { margin: 30px 0 33px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.task-nav-bot .task-nav__next, .task-nav-bot .task-nav__prev { text-align: center; font-weight: bold; }
.task-nav-bot .task-nav__next { margin-left: 2%; }
.task-nav-bot .task-nav__prev { margin-right: 2%; }

.task-txt { margin: 30px auto 35px; }

.task-title { text-align: center; margin: 16px 0; }
.task-title h1 { font-family: "IBM Plex Sans", sans-serif; font-size: 16px; font-weight: bold; }

/* */
.section-quests { border-top: 1px solid #C4C4C4; }

.section-ask { padding: 18px 0; }
.section-ask h1 { font-size: 30px; }

.ask_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 9px; }
.ask_title .h2 { text-transform: uppercase; font-family: "IBM Plex Sans", sans-serif; line-height: 35px; padding: 2px 0 0; }

.ask { margin-top: 35px; margin-bottom: 50px; }
.ask .cats_in { max-width: 100%; }
.ask .class_slider { border: none; padding: 11px 0px 12px; margin: 21px 0 0; background: rgba(196, 196, 196, 0.1); -webkit-border-radius: 7px; border-radius: 7px; }
.ask .class_slider .slick-slide a { -webkit-border-radius: 20px; border-radius: 20px; padding: 0 23px; line-height: 40px; font-family: "Gilroy", sans-serif; font-size: 18px; font-weight: 800; }
.ask .slick-arrow { background: transparent; width: 37px; }
.ask .cats .slick-arrow { margin-top: -28px; }
.ask .cats { padding: 18px 13px 8px; }
.ask .cats a.active { color: #5F1AB2; }
.ask .cats_img { width: 31px; height: 31px; margin: 0 auto 13px; }
.ask .cats_item { margin: 7px 5px 13px; }
.ask .tabs_wrap { margin-top: 12px; }

.ask_area { padding: 22px 23px; }

.tabs_wrap { background: rgba(196, 196, 196, 0.1); -webkit-border-radius: 7px; border-radius: 7px; margin-bottom: 14px; }

.tabs { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: center; border-bottom: 2px solid #5F1AB2; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.tabs li a { font-size: 14px; font-weight: 800; min-width: 183px; text-transform: uppercase; font-family: "Gilroy", sans-serif; color: rgba(95, 26, 178, 0.3); display: block; line-height: 1; padding: 0 10px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.tabs li a:hover { color: #5F1AB2; }
.tabs li.active a { color: #fff; background: #5F1AB2; }

.error_txt { font-weight: 500; min-width: 245px; display: inline-block; font-size: 10px; color: rgba(181, 33, 49, 0.7); border: 1px solid rgba(181, 33, 49, 0.7); background: rgba(181, 33, 49, 0.05); -webkit-border-radius: 7px; border-radius: 7px; padding: 11px 13px 9px; line-height: 1.3; margin-bottom: 13px; }

.error_label { font-size: 14px; text-align: right; color: rgba(181, 33, 49, 0.5); margin-top: 10px; margin-bottom: 13px; }
.error_label:after { content: ''; display: inline-block; vertical-align: middle; margin-left: 10px; -webkit-border-radius: 50%; border-radius: 50%; width: 12px; height: 12px; background: #B52131; opacity: 0.1; }

.ask_cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 62px; }
.ask_cols .btn { width: 159px; height: 33px; line-height: 30px; margin-top: 20px; }
.ask_cols .form_row { margin-bottom: 14px; }

.ask_cols_item { width: 50%; max-width: 324px; }

.ask_cols_item2 { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; }

.search.subj_search { width: 249px; }
.search.subj_search .t-inp { height: 38px; -webkit-border-radius: 19px; border-radius: 19px; text-align: left; font-size: 14px; padding-left: 15px; padding-right: 40px; }
.search.subj_search .search_btn { background: transparent; color: rgba(81, 83, 85, 0.5); font-size: 24px; width: 45px; }
.search.subj_search .search_btn:hover { color: #5F1AB2; }

/* */
.file { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; }

.file_sel { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.file_drop { position: relative; width: 50%; padding: 20px 0 28px; min-height: 206px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-left: 2px dashed rgba(95, 26, 178, 0.1); }
.file_drop input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.file_drop_txt { padding-top: 38px; text-transform: uppercase; font-weight: 800; width: 228px; height: 98px; border: 2px dashed rgba(95, 26, 178, 0.5); font-size: 14px; color: #5F1AB2; font-family: "Gilroy", sans-serif; }

.btn-file { position: relative; width: 169px; margin-bottom: 3px; }
.btn-file input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.file_loaded { font-size: 12px; color: #515355; margin-bottom: 14px; letter-spacing: -0.4px; }
.file_loaded .inputs {display: none;}
.file_loaded .inputs input {opacity: 0;}
.file_loaded p { padding: 2px 15px 1px; }

.file_remove { position: relative; color: #515355; display: block; text-align: left; padding-right: 15px; opacity: 0.5; min-width: 129px; }
.file_remove:after, .file_remove:before { border-top: 1px solid #000000; width: 8px; height: 0; content: ''; position: absolute; right: 3px; top: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.file_remove:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.file_remove:hover { color: #892DFA; }
.file_remove:hover:after, .file_remove:hover:before { border-color: #892DFA; }

/* */
.checkbox { position: relative; font-size: 12px; color: #515355; }

.checkbox a { color: #515355; text-decoration: underline; }
.checkbox a:hover { text-decoration: none; }

.checkbox input { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 20px; }

.checkbox_txt { position: relative; padding: 0 0 0 30px; cursor: pointer; }

.checkbox_txt:before { content: ''; position: absolute; top: -1px; left: 0px; width: 18px; height: 18px; -webkit-border-radius: 1px; border-radius: 1px; background: #FFF; border: 1px solid #C4C4C4; -webkit-transition: .2s; transition: .2s; }

.checkbox_txt:after { content: ''; position: absolute; top: -1px; background: #5F1AB2; margin: 4px; left: 0px; width: 10px; height: 10px; -webkit-transition: .2s; transition: .2s; opacity: 0; }

.checkbox input:checked + .checkbox_txt:after { opacity: 1; }

.checkbox-right { font-weight: 500; font-size: 14px; color: rgba(0, 0, 0, 0.5); }
.checkbox-right .checkbox_txt { padding: 0 30px 0 0; }
.checkbox-right .checkbox_txt:before, .checkbox-right .checkbox_txt:after { right: 0; left: auto; }

/* */
.num:after { content: ''; display: block; clear: both; }

.num_left, .num_right { float: left; }

.num_title { font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.5); margin-bottom: 9px; }

.num_val { width: 53px; height: 53px; line-height: 53px; padding: 0; border: none; background: rgba(95, 26, 178, 0.1); font-family: "Gilroy", sans-serif; font-weight: 800; -webkit-border-radius: 7px; border-radius: 7px; font-size: 16px; text-align: center; text-transform: uppercase; color: #5F1AB2; }

.num_btns { text-align: center; width: 113px; float: left; padding-top: 40px; }

.num_btns_item { margin: 0 1px; cursor: pointer; display: inline-block; vertical-align: middle; font-size: 18px; font-family: "Gilroy", sans-serif; font-weight: 800; text-transform: uppercase; color: #C4C4C4; width: 30px; height: 30px; line-height: 28px; background: #FFFFFF; border: 1px solid #C4C4C4; -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); -webkit-border-radius: 7px; border-radius: 7px; }
.num_btns_item:hover { color: #5F1AB2; }

/* */
.search_alt { background: rgba(196, 196, 196, 0.1); padding: 15px 32px 17px 32px; margin-top: 19px; margin-bottom: -3px; }
.search_alt p { padding: 0 0 12px; }

.search_alt_link { font-weight: bold; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #5F1AB2; color: #5F1AB2; }
.search_alt_link:hover { border-color: #892DFA; color: #892DFA; }

.inner_search h1, .inner_search .h1 { font-size: 24px; padding: 12px 0 35px; }

.class_slider.nom { position: relative; margin-bottom: -1px; z-index: 2; }

.padd47 .quests { margin-top: 12px; }
.padd47 .quests + .nerban { margin: 87px 0px 69px; }

.panes_item:not(.active) { display: none; }

/* */
.section-answer { padding: 38px 0 46px; }
.section-answer .quests_more { margin-top: 26px; padding: 31px 15px 27px; }

.question { margin-bottom: 40px; }
.question .file_loaded { margin-left: 17px; }
.question .file_loaded p { padding: 2px 0px 9px; }

.question_wrap { background: rgba(196, 196, 196, 0.2); padding: 0 37px 43px; -webkit-border-radius: 56px 7px 7px 7px; border-radius: 56px 7px 7px 7px; margin-bottom: 29px; }

.question_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 41px; padding-top: 24px; }

.question_top_ava { overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; width: 93px; height: 93px; margin: -24px 21px 0 -37px; min-width: 93px; }

.question_top_left { margin-right: auto; }

.question_top_right { text-align: right; }

.question_cat { line-height: 20px; margin-bottom: 7px; }
.question_cat .cats_img { display: inline-block; vertical-align: top; margin: 3px 0 0 15px; width: 15px; height: 15px; }
.question_cat a { display: inline-block; vertical-align: top; margin: 0 0px 0 0; font-size: 14px; color: #000000; font-family: "Gilroy", sans-serif; font-weight: 800; }
.question_cat a:hover { text-decoration: underline; }

.question_bal { font-size: 14px; color: #892DFA; font-family: "Gilroy", sans-serif; font-weight: 800; }
.question_bal:hover { text-decoration: underline; }

.question_author { font-size: 16px; color: #000000; font-family: "Gilroy", sans-serif; font-weight: 800; margin-bottom: 8px; }

.question_date { font-size: 14px; color: #000000; font-family: "Gilroy", sans-serif; }

.question_txt { font-size: 14px; line-height: 18px; margin-bottom: 28px; }

.question_bot { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.question_bot_right { text-align: right; margin-bottom: 20px; }

.question_btns { text-align: right; }
.question_btns .btn { height: 30px; line-height: 30px; padding: 0 20px; }

.complaine a { display: inline-block; font-weight: 500; font-size: 12px; letter-spacing: 0.05em; color: #5F1AB2; opacity: 0.5; }
.complaine a+a { margin-left: 25px; }
.complaine a:hover { text-decoration: underline; }

.rate { margin: 3px 0 2px; }

.rate_stars { display: inline-block; vertical-align: top; position: relative; height: 15px; width: 105px; background: url(../img/star0.png) repeat-x 0 0; }
.rate_stars span { display: block; background: url(../img/star.png) repeat-x 0 0; height: 100%; }

.rate_num { font-family: "Gilroy", sans-serif; display: inline-block; vertical-align: top; font-size: 14px; color: #5F1AB2; }

/* */
.cont_user { position: relative; width: 233px; text-align: left; }
.cont_user.open .cont_user_opener:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.cont_user_opener { cursor: pointer; background: rgba(196, 196, 196, 0.2); -webkit-border-radius: 15px 7px 7px 15px; border-radius: 15px 7px 7px 15px; height: 30px; line-height: 30px; padding-right: 25px; }
.cont_user_opener:after { content: ''; display: block; clear: both; }
.cont_user_opener:before { line-height: 1; content: "\f0d7"; color: #515355; font-size: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; margin: 0; border: none; top: 3px; right: 10px; border: none; }

.cont_user_ava { float: left; margin: 0px 18px 0 0px; width: 30px; height: 30px; }
.cont_user_ava img { width: 100%; }

.cont_user_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold; font-family: "Gilroy", sans-serif; color: #515355; }

.cont_user_drop { z-index: 20; position: absolute; display: none; -webkit-border-radius: 7px; border-radius: 7px; top: 100%; right: 0; width: 100%; background: #e2e2e2; padding: 5px 15px 5px 50px; }
.cont_user_drop ul li { list-style: none; line-height: 20px; }
.cont_user_drop ul li a { font-size: 14px; font-weight: bold; font-family: "Gilroy", sans-serif; color: #515355; }
.cont_user_drop ul li a:hover { color: #892DFA; }

.question_wrap .cont_user_drop { background: #f3f3f3; }

.answers-rate { display: inline-block; /*margin-right: 19px;*/ padding: 6px 16px; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }
.answers-rate:hover { color: #5F1AB2; }
.answers-rate:hover .rate { font-weight: 600; color: #CBCE40; }
.answers-rate.checked { background: #D9E7DD; cursor: default; color: #515355 !important;}
.answers-rate.checked .rate { font-weight: 600; color: #CBCE40; }
.answers-rate .rate { margin-right: 5px; }

.answers_item .answers_item { margin-left: 30px; padding-left: 25px; border-left: 2px solid #5F1AB2; }
.answers_item .answers_item:last-child { margin-bottom: 0; }

.answers_row { background: rgba(196, 196, 196, 0.2); -webkit-border-radius: 7px; border-radius: 7px; margin-bottom: 13px; padding: 14px 19px 16px 9px; }
.answers_row.checked { background: #DDF6E4; }

.answers_date { font-size: 12px; color: #000000; opacity: 0.5; font-family: "Gilroy", sans-serif; margin-left: 21px; }

.answers_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 8px; }

.answers_bot { /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;*/ padding: 13px 0 0px 21px; }
.answers_bot .answers_right { display: flex; justify-content: flex-end; min-width: 170px; text-align: right; /*-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; */}
.answers_bot .answers_links { /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; */}
.answers_txt { font-weight: 500; font-size: 16px; margin-bottom: 10px; }
.answers_img {display: block;}
.answers_img img {max-width: 100%;}
.answers_img+.answers_img {margin-top: 15px;}

.answers_right { text-align: right; font-weight: 500; font-size: 12px; color: #515355; min-width: 30px; }

.answers_links { letter-spacing: -0.4px; }
.answers_links a { color: #515355; }
.answers_links a:hover { color: #892DFA; }
.answers_links a + a { margin-left: 29px; }

.answers_comms { color: #515355; letter-spacing: -0.4px; display: inline-block; margin-top: 7px; }
.answers_comms:hover { text-decoration: underline; }

.vote { margin-right: -6px; }

.vote_val { display: inline-block; vertical-align: top; line-height: 24px; width: 40px; font-size: 14px; text-align: center; letter-spacing: 0.05em; color: rgba(0, 0, 0, 0.82); font-family: "Gilroy", sans-serif; font-weight: bold; }

.vote_plus, .vote_minus { cursor: pointer; display: inline-block; vertical-align: top; line-height: 20px; font-size: 18px; text-align: center; opacity: 0.3; color: #166B3A; width: 20px; }
.vote_plus:hover, .vote_minus:hover { opacity: 1; text-shadow: 0px 4px 10px rgba(95, 26, 178, 0.4); font-size: 24px; }

.vote_minus { color: #B52131; }

.answers_short { position: relative; margin: -1px -5px 0px 0; }
.answers_short.open .answers_short_drop { display: block; }
.answers_short.open .answers_short_opener { right: 15px; top: 2px; }

.answers_short_opener { position: relative; z-index: 5; cursor: pointer; font-weight: 500; font-size: 24px; text-align: center; color: #515355; line-height: 20px; }

.answers_short_drop { text-align: left; display: none; position: absolute; z-index: 1; right: 0; top: -7px; width: 203px; padding: 13px 18px 11px; background: #FFFFFF; border: 0.5px solid #C4C4C4; -webkit-border-radius: 5px; border-radius: 5px; }
.answers_short_drop .vote { margin-bottom: 20px; }

/* */
.prof { -webkit-border-radius: 33px 7px 7px 7px; border-radius: 33px 7px 7px 7px; }

.prof_top:after { content: ''; display: block; clear: both; }
.prof_top .ava { float: left; margin-right: 27px; }

.prof_name { overflow: hidden; font-weight: bold; font-size: 16px; color: #515355; font-family: "Gilroy", sans-serif; padding: 5px 0 6px; }

.prof_stat { overflow: hidden; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #5F1AB2; font-family: "Gilroy", sans-serif; }

.prof_cont { padding: 40px 30px 7px; }

.prof_load { padding: 15px 0; }
.prof_load.done .prof_title { color: #5F1AB2; }
.prof_load.done .prof_progr:after { font-size: 14px; color: #5F1AB2; content: "\f00c"; position: absolute; right: -26px; top: -8px; }

.prof_title { font-weight: bold; font-size: 14px; text-transform: uppercase; color: #000000; }

.prof_txt { font-size: 14px; color: #000000; opacity: 0.5; margin: 4px 0 17px; }

.prof_progr { position: relative; width: 203px; height: 2px; background: #C4C4C4; -webkit-border-radius: 2px; border-radius: 2px; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.prof_progr span { display: block; height: 100%; background: #5F1AB2; }

.prof_top .prof_more {margin-left: -9px;}
.prof_more a { display: block; padding: 16px 10px 21px; text-align: center; background: rgba(196, 196, 196, 0.3); -webkit-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; font-weight: bold; font-size: 12px; letter-spacing: 0.05em; color: #5F1AB2; }

/* */
.answer_form { background: #FFFFFF; margin-bottom: 60px; border: 0.1px solid #C4C4C4; -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); -webkit-border-radius: 7px; border-radius: 7px; }
.answer_form .tabs_wrap { background: transparent; margin-bottom: 0px; }
.answer_form .tabs { border: none; padding: 13px 27px 22px; }
.answer_form .tabs li { margin-right: 28px; }
.answer_form .tabs li a { min-width: 83px; color: #5F1AB2; text-transform: none; height: 30px; -webkit-border-radius: 7px; border-radius: 7px; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; font-family: "IBM Plex Sans", sans-serif; }
.answer_form .tabs li a:hover { background: rgba(95, 26, 178, 0.1); color: #5F1AB2; }
.answer_form .tabs li.active a, .answer_form .tabs li.active a:hover { color: #fff; background: #5F1AB2; }
.answer_form .panes { margin-bottom: 19px; }

.answer_form_title { padding: 7px 27px 9px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.answer_form_title .h2 { font-size: 16px; font-weight: 800; padding: 4px 0; }

.answer_form_cont { padding: 0px 27px 39px; }
.answer_form_cont .form_row .btn { height: 30px; line-height: 28px; padding: 0 24px; margin-right: 27px; }
.answer_form_cont .checkbox { display: inline-block; vertical-align: middle; }
.answer_form_cont .file { border: 0.5px solid #C4C4C4; -webkit-border-radius: 7px; border-radius: 7px; }

.answer_area { height: 242px; background: #FFFFFF; border: 0.5px solid #C4C4C4; -webkit-border-radius: 7px; border-radius: 7px; }

/* */
.search.bg-w { border: none; }

.section-404 { padding: 46px 0px 22px 0; }
.section-404 .h1 { font-size: 24px; font-weight: 800; font-family: "Gilroy", sans-serif; line-height: 1.22; }
.section-404 .h1 a { border-bottom: 2px solid #5F1AB2; }
.section-404 .h1 a:hover { border-color: #892DFA; color: #892DFA; }

.img-404 { margin: 39px 0px 25px 0; text-align: center; max-width: 700px; }

/* */
.win { max-width: 100%; width: 1222px; text-align: center; padding: 25px 10px 20px 10px; }
.win .soc_wrap { padding: 7px 10px 6px 10px; display: block; text-align: left; margin-bottom: 50px; }
.win .soc_title { margin-right: 8px; }

.win_logo { margin-bottom: 62px; }
.win_logo .header__logo__link { margin: 0 auto; }

.win_title { font-size: 16px; color: #000000; opacity: 0.6; font-weight: 800; font-family: "Gilroy", sans-serif; margin-bottom: 25px; }

.win_or { font-weight: 500; font-size: 12px; color: #000000; margin-bottom: 14px; }
.win_or a { text-decoration: underline; color: #5F1AB2; }
.win_or a:hover { text-decoration: none; }

.win_check { margin: 37px 0 37px; }
.win_check .checkbox { font-weight: 500; font-size: 14px; color: rgba(0, 0, 0, 0.5); }
.win_check .checkbox_txt { padding: 0 37px 0 0; }
.win_check .checkbox_txt:before { right: 0; top: 1px; left: auto; -webkit-box-shadow: 0 0 0 6px #F6F6F6; box-shadow: 0 0 0 6px #F6F6F6; }
.win_check .checkbox_txt:after { right: 0; top: 1px; left: auto; margin: 3px 3px 0; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; font-size: 10px; background: transparent; text-align: center; color: #5F1AB2; }

.form { margin: 0 auto; max-width: 480px; }
.form .btn { height: 30px; line-height: 28px; }

.form_row-fl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; }
.form_row-fl label { width: 147px; font-weight: 500; font-size: 14px; color: #000000; text-align: left; line-height: 30px; }
.form_row-fl .t-inp { font-weight: 500; font-size: 12px; color: rgba(0, 0, 0, 0.5); padding: 4px 30px 4px 15px; }

.form_el { position: relative; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.form_row_link { position: absolute; top: 5px; right: 10px; text-align: center; width: 20px; line-height: 20px; font-size: 10px; color: #515355; opacity: 0.5; }
.form_row_link:hover { opacity: 1; color: #5F1AB2; }

.captcha { margin-bottom: 30px; }

/* */
.preview { overflow: hidden; padding: 11px; background: #F1F1F1; -webkit-border-radius: 7px; border-radius: 7px; margin-bottom: 20px; line-height: 28px; }

.preview_title { float: right; font-size: 12px; color: #515355; }

.preview_cont { overflow: hidden; }

.formula_tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 4px 0 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); overflow: auto; }
.formula_tabs li { list-style: none; margin-right: 10px; }
.formula_tabs li a { width: 44px; height: 30px; display: block; line-height: 30px; font-size: 0; background: #F1F1F1; -webkit-border-radius: 7px; border-radius: 7px; font-size: 0; text-align: center; }
.formula_tabs li a:hover { background: #EFE8F7; }
.formula_tabs li.active a { background: #EFE8F7; }

.formula_panes { padding: 14px 0 10px; }

.formula_panes_item { height: 108px; position: relative; }

.formula_panes_item:not(.active) { display: none; }

.formula_list { font-size: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; overflow: auto; white-space: nowrap; }
.formula_list li { position: relative; }
.formula_list li + li { padding-left: 11px; }
.formula_list li + li:before { border-left: 1px solid rgba(0, 0, 0, 0.1); content: ''; position: absolute; left: 0; top: 0; bottom: 10px; }

.formula_list_link { display: inline-block; vertical-align: top; width: 40px; line-height: 40px; margin: 0 10px 10px 0; height: 40px; text-align: center; background: #fff; font-size: 0; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12); -webkit-border-radius: 7px; border-radius: 7px; }
.formula_list_link:hover, .formula_list_link.active { background: #EFE8F7; }

.formula_list_link img { max-height: 100%; }

.formula_list_link-sm { width: 26px; height: 26px; line-height: 26px; }

.formula_drop { width: 128px; padding: 2px; height: 178px; position: absolute; z-index: 10; display: none; background: #FFFFFF; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); -webkit-border-radius: 7px; border-radius: 7px; }
.formula_drop.open { display: block; }
.formula_drop table { border-spacing: 4px; border-collapse: separate; width: 97px; }
.formula_drop td { margin: 0; padding: 0; vertical-align: middle; }
.formula_drop .wrs_matrixButton, .formula_drop .wrs_colorButton { width: 16px; height: 16px; border: 1px solid #C4C4C4; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; background: #fff; }
.formula_drop .wrs_matrixButton.wrs_selected { background: #778E9A; }
.formula_drop .form_row { margin: 3px 4px 4px; }
.formula_drop .form_row label { font-weight: 500; line-height: 18px; font-size: 12px; color: #2E2E2E; }
.formula_drop .form_row .t-inp { text-align: right; width: 36px; padding: 0; font-weight: 500; font-size: 12px; letter-spacing: 0.05em; color: #2E2E2E; height: 18px; background: #FFFFFF; border: 1px solid #C4C4C4; -webkit-border-radius: 4px; border-radius: 4px; }
.formula_drop .form_row .form_el { width: 36px; }

.formula_drop1 { top: 92px; left: 49px; }

/* */
.subject_item { -webkit-border-radius: 10px; border-radius: 10px; background-color: white; -webkit-box-shadow: 0px 0px 18px 0px rgba(147, 142, 151, 0.27); box-shadow: 0px 0px 18px 0px rgba(147, 142, 151, 0.27); padding-bottom: 30px; }
.subject_item:after { display: block; clear: both; content: ''; }
.subject_item:last-child { padding-bottom: 40px; }

.subject_item + .subject_item { margin-top: -10px; }

.subject_item_title { width: 100%; font-weight: bold; color: #fff; text-align: center; -webkit-border-radius: 9px 9px 0px 0; border-radius: 9px 9px 0px 0; padding: 0 9px; font-size: 18px; text-transform: uppercase; line-height: 40px; height: 40px; background-image: -webkit-gradient(linear, left top, right top, from(#9c3be3), color-stop(#9236df), color-stop(#8831db), color-stop(#7e2dd6), to(#7428d2)); background-image: linear-gradient(to right, #9c3be3, #9236df, #8831db, #7e2dd6, #7428d2); }
.subject_item_title .sicon { margin: 7px 7px 0 0; }

.subject_item_books ul li { list-style: none; font-size: 16px; padding: 13px 20px 16px; border-bottom: 1px solid #f3f3f3; }
.subject_item_books ul li:after { display: block; clear: both; content: ''; }

.book_publish { font-weight: 400; color: #555555; font-size: 14px; }

.book_author { color: #0f0f0f; font-weight: 500; margin-bottom: 3px; }
.book_author a { color: #0f0f0f; }
.book_author a:hover { text-decoration: underline; color: #158afe; }

.book_down { background: #f7f7f7; padding: 18px; margin: 17px -20px -15px; display: none; -webkit-box-shadow: inset 0px 0px 18px 0px rgba(147, 142, 151, 0.27); box-shadow: inset 0px 0px 18px 0px rgba(147, 142, 151, 0.27); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.book_down:after { display: block; clear: both; content: ''; }

.book_down_img { float: left; width: 120px; height: 192px; -webkit-box-shadow: 0px 0px 18px 0px rgba(147, 142, 151, 0.27); box-shadow: 0px 0px 18px 0px rgba(147, 142, 151, 0.27); }

.book_down_cont { overflow: hidden; padding: 14px 0px 40px 20px; position: relative; min-height: 192px; }
.book_down_cont .btn { display: block; position: absolute; z-index: 1; bottom: 0px; left: 20px; width: 120px; background: transparent; color: #158afe; font-size: 16px; border: 1px solid #158afe; }
.book_down_cont .btn:after, .book_down_cont .btn:before { content: ''; width: 100%; height: 0; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; left: 0; z-index: -1; background-image: -webkit-gradient(linear, left top, right top, from(#1287f9), color-stop(#1081f0), color-stop(#0d7be6), color-stop(#0a75dd), to(#066fd4)); background-image: linear-gradient(to right, #1287f9, #1081f0, #0d7be6, #0a75dd, #066fd4); }
.book_down_cont .btn:after { top: 50%; }
.book_down_cont .btn:before { bottom: 50%; }
.book_down_cont .btn:hover { color: #fff; -webkit-box-shadow: none; box-shadow: none; background: transparent; }
.book_down_cont .btn:hover:after { height: 50%; opacity: 1; }
.book_down_cont .btn:hover:before { height: 50%; opacity: 1; }

.book_down_title { font-size: 14px; color: #555555; margin-bottom: 10px; }
.book_down_title span { display: inline-block; font-weight: bold; font-size: 18px; margin-right: 9px; color: #0f0f0f; position: relative; }
.book_down_title span:after { content: ''; position: absolute; bottom: -2px; right: -2px; width: 0; height: 0; border-bottom: 6px solid #832fd8; border-left: 6px solid transparent; }
.book_down_title span:before { content: ''; width: 100%; height: 1px; background: #832fd8; position: absolute; bottom: -2px; right: -2px; }

.book_down_name { font-weight: 500; font-size: 16px; color: #0f0f0f; text-decoration: none; }
.book_down_name a { color: #0f0f0f; }

.book_close { position: absolute; top: -78px; display: none; right: -12px; width: 30px; height: 30px; -webkit-border-radius: 50% 50% 50% 0; border-radius: 50% 50% 50% 0; border-width: 1px; border-color: #dbdbdb; border-style: solid; background-color: white; }
.book_close:after { display: block; content: ''; height: 2px; width: 12px; background: #bfc6ce; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.book_close:before { display: block; content: ''; height: 2px; width: 12px; background: #bfc6ce; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.book_close:hover:after, .book_close:hover:before { background: #158afe; }

.subject_item_books ul li.active .book_down { display: block; }

.formula_list2 .formula_list_link { font-size: 14px; color: #000; }

.formula_list3 .formula_list_link { font-size: 14px; color: #000; font-style: italic; }

/* */
.form-wide { max-width: 100%; }

.form_title { opacity: 0.6; margin-bottom: 33px; font-weight: 800; font-family: "Gilroy", sans-serif; font-size: 16px; }

.form_block { padding: 35px 0 12px; }

.form_block:not(:last-child) { border-bottom: 1px solid #C4C4C4; }

.form_group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; max-width: 646px; }
.form_group .btn { display: block; margin: 13px 0 0; width: 100%; }
.form_group .form_row-fl label { font-weight: 500; font-size: 14px; color: #000000; opacity: 0.5; width: 137px; margin-left: 0; }
.form_group .t-inp { font-size: 14px; font-weight: 500; padding-left: 15px; }
.form_group .form_btns, .form_group .form_row { margin-bottom: 18px; }
.form_group .form_row-fl { margin-bottom: 29px; }
.form_group .form_row-fl:last-child { margin-bottom: 18px; }

.form_group_left { width: 340px; }

.form_group_right { width: 151px; }

.form_cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.form_col { padding: 0 15px; }
.form_col .form_row { margin-bottom: 22px; }

.form_col-img { width: 168px; margin-bottom: 18px; }

.form_col-inp { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.form_error { margin-top: -10px; }
.form_error p { margin-top: 10px; background: rgba(255, 0, 0, 0.04); padding: 8px; font-size: 10px; line-height: 13px; color: rgba(255, 0, 0, 0.67); -webkit-border-radius: 7px; border-radius: 7px; }
.form_error p:first-child { margin-top: 0; }

.form_el.req:after { position: absolute; top: 12px; right: -13px; content: '*'; font-weight: bold; font-size: 10px; color: rgba(255, 0, 0, 0.67); }

.prof_edit_photo { text-align: center; overflow: hidden; position: relative; width: 138px; background: rgba(196, 196, 196, 0.1); -webkit-border-radius: 7px; border-radius: 7px; height: 138px; line-height: 138px; }
.prof_edit_photo i { font-size: 45px; color: #000000; opacity: 0.1; }
.prof_edit_photo input { position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; z-index: 4; cursor: pointer; }

select, .dd { width: 100% !important; }

.prof_stat { position: relative; padding: 15px 0; text-transform: none; }
.prof_stat-title { font-weight: bold; font-size: 16px; color: #5F1AB2; line-height: 21px; font-family: 'IBM Plex Sans'; margin-bottom: 5px; }
.prof_stat:not(:last-child):after { content: ''; position: absolute; left: 0; bottom: -1px; width: 93%; height: 2px; background: #C9C9C9; -webkit-border-radius: 10px; border-radius: 10px; }
.prof_status { font-size: 12px; line-height: 15px; text-transform: uppercase; font-family: "Gilroy", sans-serif; color: #5F1AB2; font-weight: 600; padding-top: 3px; }
.prof_caption { font-family: 'IBM Plex Sans'; font-size: 14px; line-height: 18px; font-weight: 500; color: #000000; letter-spacing: -0.2px; opacity: 0.5; }

.prof--var-2 { margin-bottom: 30px; }
.prof--var-2 .prof_top { padding-top: 10px; padding-left: 9px; }
.prof--var-2 .ava { margin-right: 17px; }
.prof--var-2 .prof_cont { padding: 6px 20px 17px 30px; }

.sect-title { font-size: 16px; line-height: 20px; color: #000000; font-family: "Gilroy", sans-serif; font-weight: 800; opacity: 0.6; margin-bottom: 22px; }

.achives { border-bottom: 1px solid #C4C4C4; padding: 50px 47px; }
.achives-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.achives-ava-box { width: 138px; height: 138px; background: #f9f9f9; background-position: center; background-repeat: no-repeat; -webkit-border-radius: 7px; border-radius: 7px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;  overflow: hidden;}
.achives-ava-box.no {background-image: url(/new/img/icons/user-ava.svg);}
/*.achives-ava {height: 138px;}*/
.achives-content { padding: 8px 22px; }
.achives-name { font-weight: 500; font-size: 14px; line-height: 18px; color: #000000; }
.achives-info { font-weight: 500; font-size: 14px; line-height: 18px; color: #000000; opacity: 0.6; }
.achives-info:not(:first-child) { margin-top: 12px; }

.awards { padding: 50px 34px 15px 46px; border-bottom: 1px solid #C4C4C4; }
.awards-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -15px; padding-top: 6px; }

.award { padding: 0px 15px 27px; -webkit-box-flex: 1; -webkit-flex: 1 0 25%; -ms-flex: 1 0 25%; flex: 1 0 25%; max-width: 25%; }
.award_only-child { display: none; }
.award_only-child:only-child { display: block; }
.award-content { text-align: center; }
.award-img { height: 162px; width: 162px; background: rgba(196, 196, 196, 0.1); -webkit-border-radius: 7px; border-radius: 7px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-size: cover; background-position: center; }
.award-img-score { font-size: 46px; line-height: 57px; font-family: "Gilroy", sans-serif; color: #F2FFF0; font-weight: 600; text-shadow: black 1px 0px 0px, black 0.540302px 0.841471px 0px, black -0.416147px 0.909297px 0px, black -0.989992px 0.14112px 0px, black -0.653644px -0.756802px 0px, black 0.283662px -0.958924px 0px, black 0.96017px -0.279415px 0px; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.award-score { padding-top: 13px; font-weight: 500; font-size: 14px; line-height: 18px; color: #000000; }

.questions { padding: 43px 47px 26px; }
.questions-content { padding: 18px 0; }
.questions .more_link { letter-spacing: -0.02em; }

.quests_item--var-2 { padding: 23px 12px 23px 20px; max-width: 100%; margin: 0 0 20px 0; }
.quests_item--var-2 .cats_img { width: 60px; height: 60px; margin-left: 0; margin-right: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.quests_item--var-2 .cats_img img { width: 100%; }

.quest_item-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.quest_item-title { font-size: 16px; line-height: 20px; font-weight: 800; font-family: "Gilroy", sans-serif; color: #000000; opacity: 0.6; margin-bottom: 13px; }
.quest_item-info { padding: 0px 5px 0px 19px; }
.quest_item-text { font-weight: 500; font-size: 14px; line-height: 18px; color: #000000; opacity: 0.6; }
.quest_item-text a {color: #000000;}
.quest_item-text a:hover {color: #892DFA;}
.quest_item-right { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 160px; max-width: 180px; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }
.quest_item-stat { min-width: 130px; font-weight: 500; font-size: 14px; line-height: 18px; color: #000000; opacity: 0.6; padding: 5px 11px; background: #DDDDDD; text-align: center; -webkit-border-radius: 22px; border-radius: 22px; display: inline-block; white-space: nowrap; }
.quest_item-date { font-weight: 500; font-size: 12px; line-height: 16px; color: #000000; opacity: 0.6; padding: 5px; }

.solutions { background: rgba(196, 196, 196, 0.2); -webkit-border-radius: 7px; border-radius: 7px; }
.solutions_mob-content { display: none; }
.solutions-content { padding: 16px 35px 0 30px; }
.solutions-title { font-size: 22px; line-height: 27px; font-family: "Gilroy", sans-serif; color: #5F1AB2; font-weight: 800; text-align: center; padding-right: 17px; }
.solutions-caption { font-size: 16px; line-height: 20px; font-family: "Gilroy", sans-serif; color: #000000; opacity: 0.8; font-weight: 800; padding: 14px 0; letter-spacing: -0.1px; text-align: center; position: relative; }
.solutions-caption:after { content: ''; position: absolute; width: 82%; height: 2px; left: 9%; bottom: -1px; background: #C4C4C4; -webkit-border-radius: 10px; border-radius: 10px; }
.solutions-caption .fa-star { margin-right: 5px; font-size: 12px; }
.solutions-answers { padding: 8px 0 0; }
.solutions-link { font-weight: bold; font-size: 12px; line-height: 16px; text-align: center; letter-spacing: 0.05em; color: #5F1AB2; padding: 16px 10px 19px; display: block; width: 100%; background: rgba(196, 196, 196, 0.3); -webkit-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; }
.solutions-link:hover { background: rgba(196, 196, 196, 0.8); }
.solutions-link-box { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.solution { padding: 9px 0px 12px; position: relative; }
.solution:not(:last-child):after { content: ''; position: absolute; width: 100%; height: 2px; left: 0; bottom: -1px; background: #C4C4C4; -webkit-border-radius: 10px; border-radius: 10px; }
.solution-status { font-weight: bold; font-size: 12px; line-height: 16px; color: #000000; opacity: 0.6; }
.solution-status.active { font-size: 0; }
.solution-status.active:before { content: 'Решено'; font-weight: bold; font-size: 12px; line-height: 16px; color: #000000; }
.solution-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.solution-content { padding: 13px 0px; }
.solution-text { font-weight: bold; font-size: 14px; line-height: 18px; color: #000000; opacity: 0.8; }
.solution-text a { font-weight: bold; font-size: 14px; line-height: 18px; color: #000000; }
.solution-text a:hover { color: #5F1AB2; }
.solution-date { font-weight: bold; font-size: 12px; line-height: 16px; color: #000000; opacity: 0.4; text-align: right; }
.solution-rate { font-size: 12px; cursor: pointer; position: relative; }
.solution-rate_done:after { position: absolute; content: 'Выберите лучший ответ'; background: #fff; font-size: 8px; line-height: 10px; color: #6A6A6A; left: -30px; bottom: 120%; white-space: nowrap; z-index: -10; padding: 2px; opacity: 0; font-family: "IBM Plex Sans", sans-serif; }
.solution-rate .rate { padding: 2px 0; }

@media screen and (min-width: 1024px) { .solution-rate_done:hover .fa-star { font-weight: 600; color: #EFCE4A; -webkit-transition: all .1s; transition: all .1s; }
  .solution-rate_done:hover:after { -webkit-transition: all .4s; transition: all .4s; z-index: 2; opacity: 1; } }
.fa-star { color: #927373; font-weight: 500; }
.fa-star.checked, .fa-star_var-2 { color: #EFCE4A; font-weight: 600; }

.filter { position: relative; display: inline-block; min-width: 100px; }
.filter.shown { background: #FBFBFB; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; }
.filter.shown ul { display: block; background: #FBFBFB; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; }
.filter.shown a:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.filter a { color: #000000; opacity: 0.8; font-weight: 600; font-size: 12px; line-height: 16px; color: #000; opacity: 0.8; padding: 5px; padding-right: 30px; display: block; position: relative; }
.filter a:after { content: ''; position: absolute; right: 18px; top: -webkit-calc(50%); top: calc(50%); width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: #032323 transparent transparent transparent; -webkit-transition: all .3s; transition: all .3s; }
.filter ul { display: none; position: absolute; left: 0; top: -webkit-calc(100% - 1px); top: calc(100% - 1px); min-width: 100%; padding: 0; list-style: none; }
.filter li { cursor: pointer; color: #000000; opacity: 0.8; font-size: 12px; line-height: 16px; padding: 5px; }
.filter li:hover { background: #F3F3F3; }
.filter li.current { display: none; }

.rating-block--var-2 { margin-top: 30px; padding: 16px 20px 10px 15px; }
.rating-block--var-2 .rating li { padding: 12px 0 12px; }
.rating-block--var-2 .rating li:after {content: ''; display: block; clear: both;}

.rating-top { position: relative; padding-left: 38px; }
.rating-top h3 { padding: 0 0 5px 5px; }
.rating-img { position: absolute; left: -1px; top: 3px; display: block; }

.search_pad-top { padding: 66px 47px 49px; }
.search_pad-top .form_row { max-width: 580px; }

.section-masseges__text-inside { display: none; }

.section-masseges__full.open { font-size: 0; }
.section-masseges__full.open:before { content: 'свернуть'; text-align: center; font-size: 12px; line-height: 16px; font-weight: 500; color: #878686; position: relative; top: 0; cursor: pointer; font-family: 'IBM Plex Sans'; }

.section-masseges__text { overflow: hidden; -webkit-transition: 0.8s linear; transition: 0.8s linear; }

.masseges_more { margin-top: 61px; }

.masseges__prof { margin-top: -14px; }

.masseges__search { border-bottom: 0; max-width: 675px; }

.section-masseges { border-top: 1px solid #C4C4C4; }

.section-masseges { padding: 25px 45px 10px 47px; }
.section-masseges__caption { opacity: .6; font-weight: bold; font-family: 'Gilroy'; font-display: block; }
.section-masseges__icon { margin-right: 18px; }
.section-masseges__inner { margin-top: 36px; }
.section-masseges__item { background-color: rgba(242, 242, 242, 0.6); padding: 23px; padding-right: 19px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 18px; position: relative; }
.section-masseges__title { text-transform: uppercase; font-weight: bold; color: rgba(0, 0, 0, 0.6); }
.section-masseges_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.section-masseges__content { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); }
.section-masseges__date { font-size: 12px; line-height: 16px; opacity: .6; font-weight: 400; font-family: 'IBM Plex Sans'; font-display: block; letter-spacing: .1px; }
.section-masseges__text { font-size: 14px; line-height: 18px; font-family: 'IBM Plex Sans'; font-display: block; font-weight: 500; opacity: .6; padding-top: 13px; padding-bottom: 5px; }
.section-masseges__full { position: absolute; left: 0; right: 0; bottom: 5px; text-align: center; font-size: 12px; line-height: 16px; font-weight: 500; color: #878686; cursor: pointer; margin-right: 5px; font-family: 'IBM Plex Sans'; }

/*-----------------------------------------------------------------------------*/
@media screen and (min-width: 1222px) { .rightbar { padding-bottom: 110px; } }
@media screen and (max-width: 1221px) { .post_cont { padding-left: 6px; } }
@media screen and (max-width: 1220px) { .t-hid { display: none; }
  .t-show { display: block; }
  .wrapper { max-width: 866px; }
  .nerban-side { display: block; }
  .rightbar { display: none; }
  .center { margin-right: 0px; max-width: 866px; }
  .post { display: block; }
  .post_cont, .post_img { width: 100%; text-align: center; }
  .post_img { margin: 23px auto 18px; max-width: 430px; }
  .post_cont { margin: 0 auto; max-width: 600px; }
  .post_desc { margin: 17px auto 19px; }
  .home .content { padding-top: 72px; }
  .section-home { padding: 140px 0 202px; }
  .home_img1 { margin-left: -565px; bottom: 117px; }
  .home_img2 { bottom: 0px; margin-right: -541px; }
  .t-center { background: #FFFFFF; -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); }
  .t-center .center { padding: 0; -webkit-box-shadow: none; box-shadow: none; }
  .section-cats { padding: 48px 19px; }
  .cats { padding: 18px 0px 15px; margin-bottom: 19px; }
  .cats_in { margin: 0 auto; max-width: 610px; }
  .section-post { padding: 50px 0 83px; }
  .padd { max-width: 639px; }
  .quests_item { padding: 14px 19px 14px 21px; }
  .quests_item_top { padding-left: 75px; }
  .quests_item_txt { padding-left: 75px; padding-bottom: 19px; }
  .quests { margin-bottom: 83px; }
  .book_txt { margin-right: 0; }
  .inner_search { padding: 50px 88px 49px; padding: 50px 47px 49px; }
  .inner_search .t-inp { padding: 5px 75px 7px 44px; }
  .inner_search .search_btn { width: 64px; }
  .breadcrumbs { padding: 51px 47px 11px; }
  .section-book { padding: 39px 29px 19px; }
  .books__cont.single .books_item_img { width: 195px; min-width: 195px; margin: 0 38px 0 0; }
  .books_row { margin-bottom: 22px; }
  .books_desc { padding: 0 36px 22px; margin: 0 -29px 50px; border-bottom: 1px solid #C4C4C4; }
  .section-acc { border: none; padding: 0px 0px 50px 0px; }
  .acc__title { font-size: 18px; }
  .acc__title span { font-size: 14px; }
  .acc__item { margin-bottom: 30px; -webkit-border-radius: 0px; border-radius: 0px; padding: 10px 31px; }
  .acc__title b { line-height: 1; padding-top: 9px; }
  .acc__item__opener { overflow: visible; }
  .acc__item__opener:before { right: -8px; }
  .section-acc .acc_desc { padding: 0 31px; }
  /*.acc_desc .nerban { display: none; }*/
  .section-acc .page-txt { max-width: 705px; }
  .task-nav { max-width: 728px; }
  .goup { width: 60px; height: 60px; margin-right: -498px; }
  .goup:after { margin: 24px auto 0; }
  .btn-w:hover { background: rgba(95, 26, 178, 0.57); }
  .section-edit { position: relative; }
  .solutions_mob-content { display: block; padding: 16px 47px 40px; background: #fff; }
  .solutions_mob-content .solutions-content { background: rgba(196, 196, 196, 0.2); }
  .solutions_mob-content .solutions-title { text-align: left; }
  .solutions_mob-content .solutions-caption { text-align: left; }
  .solutions-caption:after { left: 0; width: 100%; } }
@media screen and (max-width: 1220px) and (min-width: 768px) { .sideblock.prof.t-show { width: 305px; position: absolute; right: 0; top: -113px; -webkit-border-radius: 33px 7px 7px 7px; border-radius: 33px 7px 7px 7px; z-index: 20; background: #F3F3F3; }
  .inner_search-edit.inner_search { padding-right: 376px; } }
@media screen and (max-width: 1023px) { .home_img1 { margin-left: -469px; }
  .section-klass { padding: 15px 29px 2px; }
  .padd47 { padding: 12px 29px 20px; }
  .award-img { width: 100%; height: 141px; }
  .awards { padding: 50px 47px 15px 47px; }
  .breadcrumbs { padding: 30px 29px 10px; }
  .section-klass .book_txt { margin: 0px 0px 28px 0; }
  .file_drop { display: none; }
  .file_sel { width: 100%; padding: 20px 0 28px; min-height: 206px; }
  .masseges__search { max-width: 100%; }
  .section-ask h1 { font-size: 26px; }
  .inner_search { padding: 50px 29px 49px; }
  .goup { display: none; }
  .task__list .und { padding: 0px 24px; }
  .fix-side { right: 10px; margin: 0; display: none; }
  .subject_item { float: none; width: 100%; padding: 0 0px; }
  .subject_item_title { width: auto; z-index: 1; text-transform: uppercase; font-weight: bold; position: relative; }
  .subject_item_books ul li { float: left; width: 31.33%; position: relative; border-top: 1px solid #ccdce7; margin-left: 2%; padding: 13px 16px 16px; }
  .subject_item_books ul li:nth-child(3n+1) { margin-left: 0; }
  .subject_item + .subject_item { margin-top: 20px; }
  .subject_item_books { margin-top: -1px; padding: 0px 10px 0; }
  .subject_item_books ul li.active { -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-color: white; -webkit-box-shadow: 0px 6px 22px 0px rgba(147, 142, 151, 0.6); box-shadow: 0px 6px 22px 0px rgba(147, 142, 151, 0.6); }
  .subject_item_books ul li.active .book_down { z-index: 2; margin: 0; -webkit-box-shadow: 0px 6px 22px 0px rgba(147, 142, 151, 0.6); box-shadow: 0px 6px 22px 0px rgba(147, 142, 151, 0.6); position: absolute; top: 66px; left: 0; right: 0; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; } }
@media screen and (max-width: 992px) { .answers-rate { margin-right: 10px; }
  .answers-rate span { display: none; }
  .answers-rate .rate { margin-right: 0; } }
@media screen and (max-width: 767px) { .post h2 { font-size: 32px; }
  .t-center { margin: 0 -10px; }
  .t-center .center { margin: 0 0px; }
  .center { margin: 0 -10px; }
  .home_img1, .home_img2 { display: none; }
  .section-home { padding: 50px 19px 72px; }
  .class_slider .slick-next { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; }
  .class_slider .slick-prev { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; }
  .tableLessons ul li.table-head { display: none; }
  .tableLessons ul li .td-title { font-size: 20px; position: static; }
  .tableLessons > ul > li { display: block; border: solid 1px rgba(196, 196, 196, 0.4); position: relative; margin-bottom: 10px; }
  .tableLessons > ul > li > .td { border: none; display: block; }
  .tableLessons ul li .td-title + .td { padding-right: 0px; }
  .tableLessons ul li .td.td-title { padding: 6px 7px 0px 3%; line-height: 25px; }
  h1, .section-ask h1, .inner_search h1, .section-404 .h1, .inner_search .h1 { font-size: 22px; }
  h2, .h2 { font-size: 18px; }
  .books__cont.single h1 { font-size: 20px; }
  .soc_title { margin-right: 30px; }
  .soc_link { margin-left: 6px; }
  .acc__title b { width: 100px; }
  .books__cont.single .books_item_img { min-width: 190px; margin: 0 28px 0 0; width: 190px; height: 241px; }
  .task-nav__next, .task-nav__prev { float: none; display: block; width: 100%; text-align: center; margin-bottom: 19px; line-height: 17px; padding: 10px 30px; font-size: 13px; }
  .task-nav .task-nav__next, .task-nav .task-nav__prev { max-width: 100%; }
  .task-nav { position: relative; display: block; }
  .task-nav__next:before { right: 5px; }
  .task-nav__prev:before { left: 5px; }
  .quests_title { display: block; text-align: center; }
  .quests_title .soc_wrap { display: inline-block; margin: 6px 0 0; }
  .task-nav-bot .task-nav__prev { margin-right: 0%; }
  .task-nav-bot .task-nav__next { margin-left: 0%; }
  .tabs li { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
  .tabs li a { min-width: 100px; padding: 0 20px; }
  .ask .cats { padding: 18px 0px 8px; }
  .ask .cats_in { padding: 0px 23px 0px; max-width: 100%; }
  .fancybox-close { width: 30px; height: 30px; font-size: 0; top: 10px; right: 10px; }
  .fancybox-close span { right: 7px; top: 6px; }
  .win_logo { margin-bottom: 25px; }
  .sideblock.prof.t-show { margin: 40px 29px 0; }
  .award-img { height: 140px; width: 100%; }
  .awards-box { margin: 0px -5px; }
  .award { width: 160px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0px 5px 20px; }
  .award-img-score { font-size: 28px; line-height: 36px; }
  .search_pad-top { padding: 50px 15px 49px; }
  .achives, .awards, .questions, .solutions_mob-content { padding: 30px 15px; }
  .solution-rate:after { display: none; } }
@media screen and (min-width: 600px) { .win .soc_title { width: 128px; }
  .win .soc_wrap { padding: 7px 10px 6px 22px; }
  .win_check .checkbox_txt { padding: 0 42px 0 13px; }
  .form_row-fl label { margin-left: 20px; }
  .captcha { text-align: left; margin-left: 168px; }
  .form { max-width: 500px; }
  .form-wide { max-width: 100%; } }
@media screen and (max-width: 599px) { h1, .section-ask h1, .inner_search h1, .section-404 .h1 { font-size: 20px; }
  .quests_item_txt { padding-left: 0px; }
  .quests_item .btn { margin-right: 0; }
  .quests_item { padding: 15px; }
  .quests_item_top { padding-left: 0px; padding-bottom: 13px; }
  .quests_item_left { float: none; width: 100%; padding-left: 57px; height: 44px; margin-bottom: 5px; }
  .quests_item_right { float: none; width: 100%; text-align: left; }
  .quests_bal { margin-bottom: 0; }
  .quests_stat { margin-top: 7px; float: left; margin-bottom: 0; }
  .quests_date { float: right; margin-top: 10px; padding-right: 0px; }
  .section-post { padding: 50px 15px 60px; }
  .post h2 { font-size: 24px; }
  .section-cats { padding: 0px; }
  .cats_item { margin: 20px -2px 20px; width: 33.33%; }
  .cats_title { font-size: 13px; letter-spacing: 0.2px; }
  .cats { padding: 18px 6px 15px; }
  .section-home { padding: 23px 0px 45px; }
  .search .t-inp { height: 50px; font-size: 16px; padding: 5px 75px 7px 15px; text-align: left; }
  .home h1 { font-size: 24px; }
  .home .content, .content { padding-top: 112px; }
  .quests h1 { font-size: 22px; }
  .quests { margin-bottom: 50px; }
  .quests_more { padding: 33px 15px 37px; }
  .inner_search { padding: 30px 10px 29px; }
  .padd47 { padding: 10px 10px 10px; }
  .section-tableLessons { padding-top: 0px; }
  .tableLessons { margin-bottom: 30px; margin-top: 8px; }
  .soc_wrap { display: block; padding: 5px 3px 10px 3px; text-align: center; }
  .soc_title { display: block; margin: 0 0 5px; }
  .soc_link { margin: 0 1px; }
  .breadcrumbs { padding: 10px 10px 10px; font-size: 13px; }
  .section-book { padding: 17px 10px 9px; }
  .section-acc { padding: 10px 0px 10px 0px; }
  .section-acc .acc_desc { padding: 0 10px; }
  .books__cont.single .books_item_img { min-width: 120px; margin: 0 20px 0 0; width: 120px; height: 145px; }
  .books__cont.single .books_item_img img { max-width: 90px; max-height: 116px; }
  .books__cont.single .books_item_desc { padding: 13px 0 12px 0; }
  .books__cont.single .books_year { font-size: 12px; }
  .books__cont.single .books_author, .books__cont.single .books_izd { font-size: 14px; }
  .section-klass { padding: 5px 10px 2px; }
  .quests_title .soc_wrap { padding: 7px 10px 6px 10px; }
  .acc__item__opener { padding: 15px 0px 15px 0; }
  .acc__title { line-height: 1; }
  .acc__title b { display: block; padding: 0 0 7px; }
  .acc__item { margin-bottom: 20px; padding: 0px 15px; }
  .acc__item__opener:before { right: -2px; top: 21px; }
  .acc__item.open .acc__item__opener:before { top: 16px; }
  .acc__item__drop { margin: 0; }
  .center .nerban { margin: 10px 0px 10px 0px; }
  .books_desc { padding: 0 10px 0px; margin: 0 -10px 20px; }
  .books__cont.single h1 { font-size: 20px; }
  .subtitle { font-size: 14px; margin: 0 0 10px 0px; }
  .task__list .inline { padding: 5px 3px; }
  .task__list { margin: 0 0 10px; }
  .task__list a { font-size: 14px; }
  .task__list__sm { margin: 0 -3px 13px; }
  .task__list__sm a { font-size: 16px; }
  .task__list__big { margin: 0 -3px 13px; }
  .task__list__big a { font-size: 18px; }
  .subj_search .t-inp { padding: 5px 50px 7px 15px; }
  .search.subj_search { width: 180px; }
  .tabs li a { min-width: 70px; padding: 0 10px; font-size: 12px; }
  .ask_cols { display: block; margin-bottom: 48px; }
  .ask_cols_item { width: 100%; margin: 15px 0; }
  .ask_title .h2 { font-size: 16px; }
  .section-ask { padding: 0 0 18px; }
  .ask { margin: 0 0 20px; }
  .search_alt { padding: 15px 15px 17px 15px; }
  .question_wrap { padding: 0 15px 23px; }
  .question .file_loaded { margin-left: 0px; }
  .answers_top { display: block; }
  .answers_bot { display: block; padding: 5px 0 0px 0px; }
  .answers_bot:after { content: ''; display: block; clear: both; }
  .question_top { display: block; margin-bottom: 17px; margin-left: -15px; overflow: hidden; padding-top: 10px; }
  .question_top_ava { float: left; margin: -10px 14px 0 0px; }
  .question_top_right { overflow: hidden; text-align: left; margin-top: 8px; }
  .question_cat { margin-bottom: 0px; }
  .question_author { margin-bottom: 0px; }
  .cont_user { max-width: 100%; margin-bottom: 8px; }
  .answers_date { margin-left: 0; }
  .answers_item .answers_item { margin-left: 0px; padding-left: 12px; }
  .answers_right { float: right; }
  .answer_form_title { display: block; padding: 7px 14px 5px; }
  .answer_form_cont { padding: 0px; }
  .answer_form .tabs { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 9px 14px 12px; }
  .answer_form .tabs li { margin-right: 0px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; }
  .answer_form .tabs li a { min-width: 49px; letter-spacing: 0; }
  .answer_form_cont .checkbox { display: block; margin-top: 10px; }
  .inner_search h1, .inner_search .h1 { padding: 0px 0 22px; }
  .section-404 { padding: 21px 0px 20px 0; }
  .win .soc_title { margin-right: 0; }
  .win .soc_wrap { text-align: center; margin-bottom: 30px; }
  .form_row-fl { display: block; margin-bottom: 10px; }
  .win_check .checkbox_txt { padding: 0 30px 0 0; margin-right: 5px; display: block; }
  .win_check .checkbox { font-size: 12px; }
  .win_check { margin: 23px 0 23px; }
  .answer_form_title .h2 { font-size: 14px; }
  .answer_form { border: none; -webkit-box-shadow: none; box-shadow: none; }
  .tabs_top_wrap { margin-bottom: 10px; background: #FFFFFF; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); }
  .preview { margin-bottom: 10px; }
  .formula_tabs { margin-bottom: 10px; background: #FFFFFF; -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); -webkit-border-radius: 7px; border-radius: 7px; padding: 10px; }
  .formula_tabs:after { content: ''; display: block; min-width: 1px; }
  .formula_panes { margin-bottom: 10px; background: #FFFFFF; -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); -webkit-border-radius: 7px; border-radius: 7px; padding: 10px 0px 0px 10px; }
  .task__list .und { padding: 0px 3px; }
  .form_group { display: block; }
  .form_error { margin-top: 20px; }
  .sideblock.prof.t-show { margin: 20px 10px 0; }
  .form_group_left { max-width: 100%; }
  .form_title { margin-bottom: 25px; }
  .section-masseges__icon { display: none; }
  .section-masseges__content { width: 100%; }
  .section-masseges { padding: 20px; }
  .award { width: 100%; max-width: 50%; }
  .quest_item-content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .quest_item-right { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; width: 100%; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .quests_item--var-2 .cats_img { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .quests_item--var-2 .quest_item-info { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); padding-bottom: 20px; } }
@media screen and (max-width: 439px) { .books_item { width: -webkit-calc(50% - 29px); width: calc(50% - 29px); }
  .books_item_img { margin-left: 0; }
  .section-masseges_top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-masseges__title { margin-bottom: 5px; }
  .achives-block { display: block; }
  .achives-content { padding: 15px 0; }
  .award-img { height: 120px; }
  .solution-rate_done .fa-star.checked { color: #EFCE4A; }
  .quests_item--var-2 .cats_img { display: none; }
  .quests_item--var-2 .quest_item-info { padding-left: 0; padding-right: 0; }
  .quests_item--var-2 { padding: 0 15px; }
  .quests_item--var-2:not(:last-child) .quest_item-content:after { content: ''; position: absolute; width: 100%; height: 2px; left: 0; bottom: -1px; background: #C4C4C4; -webkit-border-radius: 10px; border-radius: 10px; }
  .quests_item--var-2 .quest_item-stat { font-size: 12px; }
  .quests_item--var-2 .quest_item-content { padding: 15px 0; position: relative; }
  .quests_item--var-2 .quest_item-info { width: 100%; }
  .questions-content { padding: 0 0 15px; }
  .solutions-content { padding: 15px; } }




/* Old */

.tasks-old .input-search { margin-bottom: 30px; padding: 5px 32px 7px 32px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; color: #000; -webkit-border-radius: 7px; border-radius: 7px; height: 63px; border: none; font-size: 18px; font-weight: 500; line-height: 20px; background: #F6F6F6; font-family: "IBM Plex Sans", sans-serif;}

.tasks-old br {display: block; clear: both; height: 0;}
.tasks-old t1 {display: block; clear: both; background: rgba(196, 196, 196, 0.1); margin: 30px 0 0 0; -webkit-border-radius: 7px; border-radius: 7px; padding: 20px 27px;font-weight: bold; font-size: 20px; text-transform: uppercase; color: #000000;}
.tasks-old t {display: block; clear: both; font-weight: bold; font-size: 16px;  color: #000000; padding: 10px 0 0 0; margin: 0 0 10px 18px; min-height: 24px; }
.tasks-old t:before {content: ''; display: block; clear: both;}
.tasks-old a { display: block; float: left; -webkit-border-radius: 7px; border-radius: 7px; text-align: center; font-weight: bold; min-width: 10%; font-size: 16px; color: #5F1AB2; line-height: 31px; padding: 0 2.9px; }
.tasks-old a.bg { background: #fbfbfb; padding: 0 15px; }
.tasks-old a span { font-family: "Open Sans"; opacity: 0.8; }
.tasks-old a:hover, .tasks-old a.active { background: rgba(196, 196, 196, 0.2); }

.tasks-ajax {}
.tasks-ajax .task-nav, .tasks-ajax .task-txt {display: none;}
.tasks-ajax .task-txt.request {min-height:64px; background:url(/images/preloader.gif) center center no-repeat;}
.tasks-ajax .task-txt.request img {display: none;}

.tasks-ajax.showed {margin: 20px 0 40px 0;}
.tasks-ajax.showed .task-nav, .tasks-ajax.showed .task-txt {display: block;}


/* New */

.fancybox-inner {-webkit-overflow-scrolling: touch !important; overflow: auto !important;}
  
.header_reg .btn { padding: 0 28px; line-height: 35px; margin-left: 30px; color: #FFFFFF; background: #5F1AB2;}
.header_reg .btn:hover { color: #5F1AB2; background: #FFFFFF;}
.home .header_reg .btn { color: #5F1AB2; background: #FFFFFF;}
.home .header_reg .btn:hover { color: #fff; background: rgba(255, 255, 255, 0.3); border: 1px solid #5F1AB2; }

@media screen and (max-width: 1220px) {
  .header_reg .login_link, .home .header_reg .login_link { color: #892DFA; }
  .header_reg .btn-w { background: #5F1AB2 !important; color: #fff !important; border: 1px solid #5F1AB2; }
  .header_reg .btn-w:hover { background: rgba(95, 26, 178, 0.5) !important;}
}


.home .header_user_opener {background: #f3f3f3;}

.captcha {text-align: center;}
.t-inp.input-error, textarea.input-error { border: 1px solid #ff0000 !important;}
.win_check .error_text { display: none; margin: 10px 0 0 0; font-size: 12px; color: #FF0000; }
.win_check.error .checkbox_txt:before { -webkit-box-shadow: 0 0 0 6px #FF0000; box-shadow: 0 0 0 6px #FF0000; }
.win_check.error .error_text { display: block; }
.result_error { display: none; font-weight: 500; font-size: 12px; color: #ff0000; margin-top: 14px; }
.result_success { display: none; font-weight: bold; text-align: center;}

.form_error { text-align: center;}
.form_success { margin-top: -10px; }
.form_success p { margin-top: 10px; background: rgba(0, 171, 92, 0.10); padding: 8px; font-size: 12px; font-weight: 500; line-height: 13px; color: #5F1AB2; -webkit-border-radius: 7px; border-radius: 7px; text-align: center; }
.form_success p:first-child { margin-top: 0; }

.subjectList .cats_item.active .cats_title {color: #5F1AB2;}

.class_slider .slick-slide label { display: inline-block; padding: 0 10px; line-height: 30px; -webkit-border-radius: 7px; border-radius: 7px; font-weight: bold; color: rgba(0, 0, 0, 0.5); font-size: 14px; letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer;}
.class_slider .slick-slide input {display: none;}
.class_slider .slick-slide input:checked+label { color: #892DFA; }
.class_slider .slick-slide label:hover { color: #892DFA; background: rgba(137, 45, 250, 0.15); }
.ask .cats_item label {cursor: pointer;}
.ask .cats_item input {display: none;}
.ask .cats_item input:checked+label { color: #892DFA; }
.ask .cats_item label:hover { color: #892DFA; }
.ask textarea {overflow: auto; overflow-y: scroll;}

.quests_list.request {min-height:200px; background:url(/images/preloader.gif) center center no-repeat;}
.quests_more.request {background:url(/images/preloader.gif) center center no-repeat;}
.quests_more.request .more_link {opacity:0; visibility:hidden; -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear;}

.ask_cols .privacy-checkbox.error {color: #ff0000;}
.ask_cols .privacy-checkbox.error .checkbox_txt, .ask_cols .privacy-checkbox.error a {color: #ff0000;}
.answer_form_cont .checkbox.error {color: #ff0000;}
.answer_form_cont .checkbox.error .checkbox_txt, .answer_form_cont .checkbox.error a {color: #ff0000;}
.answer_area {overflow: auto; overflow-y: scroll;}

.question_wrap {padding-bottom: 30px;}
.question_wrap .question {margin-bottom: 0;}
.question_wrap .answers {margin-top: 40px;}

.section-answer {padding-bottom: 0;}
.cont_user {width:auto;}
.cont_user_opener { cursor: default;}
.cont_user_opener:before { content: none;}

.vote_plus, .vote_minus {cursor: default;}
span.vote_plus, span.vote_minus {cursor: pointer;}

/*.answers_item .answers_item .answers_item { margin-left: 0; padding-left: 0; border-left: none; }
.answers_item .answers_item+.answers_item {margin-top:-13px; padding-top:13px;}*/
.section-answer_form .error_txt {margin: 20px 0 0 0;}
.answers .success_txt { margin-bottom: 10px; font-size: 15px; font-weight: 500; display: inline-block; color: #5F1AB2; background: rgba(0, 171, 92, 0.10); -webkit-border-radius: 7px; border-radius: 7px; padding: 11px 13px 9px; line-height: 1.3; }

.form_row-fl textarea.t-inp {height: 150px; padding: 10px 15px 10px 15px;}

.ava {background: #f9f9f9; text-align: center;}
.question_top_ava {background: #f9f9f9; text-align: center;}
.cont_user_ava {background: #f9f9f9; text-align: center;}
.ava.no, .question_top_ava.no, .cont_user_ava.no {background: #f9f9f9 url(/new/img/icons/user-ava.svg) center no-repeat; background-size: 50%;}

.section-cats .cats_item {max-width: 110px;}
.quests_item_txt > a {color: #000; text-decoration: none;}
.quests_item_txt > a:hover {color: #892DFA;}
.question_bal {color: #000; text-decoration: none !important;}

.quests.books__cont {margin-bottom: 0;}


.sprav {}
.sprav h1 {padding-top: 0; padding-bottom: 30px; font-weight: bold; font-size: 24px; font-family: "IBM Plex Sans", sans-serif; }
.sprav-subj {margin: 0 0 30px; font-size: 18px; font-weight: 500;}
.sprav-subj > ul {display: inline-block; width:48%; vertical-align: top; list-style: none;}
.sprav-subj > ul li {margin: 0 0 20px;}
.section-sprav { position: relative; padding: 47px 47px 19px; }
.sprav-tree {list-style: none;}
.sprav-tree ul {list-style: none; margin: 10px 0 0 0;}
.sprav-tree ul ul {margin-left: 25px;}
.sprav-tree .row-class {margin: 0 0 20px; font-size: 24px; font-weight: 500;}
.sprav-tree .row-chapter {margin: 0 0 20px; font-size: 1em; font-weight: 500;}
.sprav-tree .row-paragraph {margin: 0 0 20px; font-size: 0.85em; font-weight: 500;}
.sprav-tree .items {margin-bottom: 15px; font-size: 0.85em; font-weight: normal;}
.adsense {padding: 10px 0px;}

@media screen and (max-width: 599px) {
	.sprav-subj > ul {display: block; width: auto;}
	.sprav-tree ul ul {margin-left: 0;}
}

.edit-txt {position: relative;}
.edit-txt.request {opacity: 0.6;}
.edit-txt.request:after {content: ''; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.edit-txt textarea {margin: 0 0 10px; min-height: 100px; overflow: auto; border: 1px solid #aaa; resize: vertical;}



.ask_question{
  position: fixed;
  width: 200px;
  height: 50px;
  overflow: hidden;
  bottom: 15px;
  left: 15px;
  background: #5f1ab2;
  border-radius: 20px;
  padding: 14px 20px 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ask_question:after{
  content: '';
  position: absolute;
  width: 82.1px;
  height: 33.2px;
  right: -43px;
  bottom: -6px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4Mi4xMSAzMy4yIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO30uYntmaWxsOiNjZTdhOTQ7fS5je2ZpbGw6I2JiODRmZjt9LmR7ZmlsbDojY2FhMGZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTI4LjA2LDguNUMyMS4wNywzLjU1LDIuMjUtLjgxLjU3LjEzYy0yLjc2LDEuNTQsNS4yLDQuMzEsOCw1LjY5YTIuNzMsMi43MywwLDAsMC0uNDQsMy42MmMtMS4zNiwxLjUtMS4yNSwzLjExLDAsMy44MS0yLjU2LDYuNDgsMTMuOTEsNS44MSwxNi4wOSw1LjM3LjctLjE0LjU2LTEsMC0xLjI3TDI3LjcyLDkuMUMyOC40OSw5LjQ5LDI4Ljc5LDksMjguMDYsOC41WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTIuNiwxNy4zM2MuOTQsMCwzLjc1LS40MywyLjg5LTItMS4wNy0yLTQuMjMtMS40NC02LTEuMjUtLjM3LDAtLjM4LjYzLDAsLjU5YTkuNTIsOS41MiwwLDAsMSw0LjI1LjA4LDIuNTQsMi41NCwwLDAsMSwxLjA5LjY5Yy40LjU0LjA3LjY5LS4zNS45MmE0LjY2LDQuNjYsMCwwLDEtMS44OS4zOGMtLjM4LDAtLjM4LjYxLDAsLjU5WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTIuNjMsMTQuNTRjMS41MS4xMyw0LjI0LTEsMi44Ni0yLjg3cy00LjMxLS45MS02LjI1LTFhLjMuMywwLDAsMCwwLC42YzEuMy4wNSwyLjYtLjIzLDMuOS0uMTMuOTEuMDcsMi42MS42OSwyLDEuOTMtLjQxLjgzLTEuNzIuOTMtMi41Ljg2LS4zOCwwLS4zOC41NywwLC42WiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTIuOCwxMS4xMkMxNCwxMSwxNiw5Ljk0LDE1LDguNDRTMTEuNTIsNy4yNyw5LjksNi44N2EuMjkuMjksMCwwLDAtLjE1LjU3YzEuMS4yOCwyLjI4LjE1LDMuMzcuNDYuNy4yLDEuOTEuNzcsMS40OCwxLjY4LS4zMS42Ni0xLjMyLjg4LTIsMS0uMzgsMC0uMjEuNjIuMTYuNTdaIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNyw0LjU4Yy03LjMsMy4yNC04Ljc4LDEyLjA4LDEuNjksNC4xNyIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTYuODgsNC4zMmMtMi4zMiwxLTQuNzksMi45LTUuNzMsNS4zN2EyLjE1LDIuMTUsMCwwLDAsMCwyLjA2LDIuMDcsMi4wNywwLDAsMCwyLjE0LjM4QTE2LjQsMTYuNCwwLDAsMCwxOC44Nyw5Yy4zMS0uMjMsMC0uNzQtLjMtLjUxLS41NS40MS03LjI0LDUuMTQtNy4wNiwyLjE5YTUuNDIsNS40MiwwLDAsMSwxLjY0LTMsMTIuMywxMi4zLDAsMCwxLDQtMi44NmMuMzUtLjE2LjA1LS42OC0uMy0uNTJaIi8+PHBhdGggY2xhc3M9ImMiIGQ9Ik0yMi44LDE4Ljc4bDMuNDctMTIuMmExMy42LDEzLjYsMCwwLDEsNCwuMjNjMTEuMjEtMy42MiwzMS40OC0uMSw1MS44Niw0LjczLTIsNC4wOS0uNDUsMTgtMy4zOSwyMS42Ni0yMS40NS0zLTM2LDEtNTEuMzctMTIuNjNBMTguMiwxOC4yLDAsMCwxLDIyLjgsMTguNzhaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0zMC4zNiw2Ljc4bC0uMTUsMS40NGEyMCwyMCwwLDAsMC00LjM4LS4wNmwtLjEzLjQ0YTE5LjU2LDE5LjU2LDAsMCwxLDQuNDYsMGMtLjEuODgtLjIxLDEuNzUtLjMzLDIuNjItMS41My0uMzYtMy4wOS0uNi00LjY1LS44M2wtLjEyLjQxYzEuNTguMjMsMy4xNi40OCw0LjcxLjg1LS4wOS42MS0uMTksMS4yMy0uMzEsMS44NC0xLjY0LS4yNi0zLjMtLjUxLTQuOTQtLjc4bC0uMTIuNDEsNSwuNzljLS4xNy44Ny0uMzcsMS43My0uNTksMi41OS0xLjY4LS4zNi0zLjMzLS44My01LTEuMzJsLS4xMS40MWMxLjY1LjQ5LDMuMywxLDUsMS4zMi0uMTguNjUtLjM4LDEuMy0uNiwxLjk0QTExLjgzLDExLjgzLDAsMCwxLDIzLjMsMTdsLS4xMi40M0ExMi41NiwxMi41NiwwLDAsMCwyOCwxOS4yOWMtLjE2LjQ1LS4zNC45LS41MywxLjM1bC4zMy4yOGMxLjkyLTQuNSwyLjU2LTkuNDMsMy4wNS0xNC4yN1oiLz48L3N2Zz4=');
  background-repeat: no-repeat;
}
.ask_question > span{
  position: relative;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.ask_question > span > span{
  transition: opacity 0.3s;
  position: absolute;
  width: 21.52px;
  height: 33.46px;
  top: -5px;
  right: -23px;
  fill: #fff;
  opacity: 0.5;
}

.ask_question:hover > span > span{
  opacity: 1;
}

@media(max-width: 959px){
  .ask_question{
    display: none;
  }
}






.padd40 {
  padding: 12px 40px 20px;
}
@media screen and (max-width: 599px) {
  .padd40 {
    padding: 10px 20px;
  }
}

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

.task-title--big {
  padding: 19px 0 4px;
}
@media screen and (max-width: 599px) {
  .task-title--big {
    padding: 2px 25px;
  }
}

.task-title--big h1 {
  font-size: 20px;
}
.task-title--big h1 span {
  font-weight: normal;
  padding: 0 2px;
}

.directory__item {
  padding-bottom: 5px;
}
@media screen and (max-width: 599px) {
  .directory__item:last-child .directory__list:last-child {
    padding-bottom: 0;
  }
}

.directory__head {
  background: rgba(196, 196, 196, 0.1);
  border-radius: 7px;
  font-size: 18px;
  padding: 19px 22px;
  margin-bottom: 19px;
}
@media screen and (max-width: 599px) {
  .directory__head {
    text-align: center;
    font-size: 16px;
    margin: 6px 0;
    line-height: 24px;
    padding: 17px;
  }
}
.directory__head span {
  padding-right: 14px;
  text-transform: uppercase;
}
@media screen and (max-width: 599px) {
  .directory__head span {
    display: block;
  }
}

.directory__list {
  padding: 2px 31px 0;
}
.directory__list--p {
  padding: 0;
}
@media screen and (max-width: 599px) {
  .directory__list {
    padding: 10px 0 13px;
  }
}

.directory__title {
  padding: 0 25px;
  font-size: 16px;
  line-height: 21px;
}
@media screen and (max-width: 599px) {
  .directory__title {
    padding: 0 10px;
  }
}

.directory-list {
  list-style: none;
  counter-reset: my-awesome-counter;
  margin: 0;
  padding: 15px;
}
@media screen and (max-width: 599px) {
  .directory-list {
    padding: 10px 0;
    font-size: 14px;
  }
}
.directory-list__item {
  counter-increment: my-awesome-counter;
  padding: 5px 0 6px;
}
@media screen and (max-width: 599px) {
  .directory-list__item {
    padding: 0;
  }
}
/*.directory-list__item::before {
  content: "п." counter(my-awesome-counter) ". ";
}*/
.directory-list__link {
  color: #000000;
  transition: color 0.3s, font-weight 0.2s;
}
.directory-list__link:hover {
  text-decoration: underline;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .directory-list__link:hover {
    font-weight: normal;
  }
}


.task-title--lg h1 {
  font-size: 24px;
  padding: 26px 0 13px;
}
@media screen and (max-width: 599px) {
  .task-title--lg h1 {
    padding: 18px 0 7px;
    font-size: 20px;
    text-align: center;
  }
}

.b-directory {
  background: rgba(196, 196, 196, 0.1);
  border-radius: 7px;
  display: flex;
}
@media screen and (max-width: 599px) {
  .b-directory {
    display: block;
    background-color: transparent;
  }
}
.b-directory__item {
  width: 50%;
  padding: 10px 25px;
}
@media screen and (max-width: 599px) {
  .b-directory__item {
    width: 100%;
    padding: 0;
  }
  .b-directory__item:nth-child(2) .subject:last-child {
    border-bottom: 0;
  }
}

.show-mobile {
  display: none !important;
}
@media screen and (max-width: 599px) {
  .show-mobile {
    display: block !important;
  }
}

.subject {
  padding-top: 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid #D9CBE9;
}
.subject:nth-child(10), .subject:last-child {
  border-bottom: 0;
}
@media screen and (max-width: 599px) {
  .subject:nth-child(10), .subject:last-child {
    border-bottom: 1px solid #D9CBE9;
  }
}
.subject__content {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.subject__content:hover .subject__icon {
  box-shadow: 0 7px 17px rgba(0, 0, 0, 0.2);
}
.subject__icon {
  width: 43px;
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: inherit;
  margin-right: 24px;
  transition: box-shadow 0.3s;
}
.subject__title {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.subject-list__link {
  min-width: 31px;
  padding: 0 7px;
  height: 31px;
  background: rgba(196, 196, 196, 0.2);
  box-shadow: 0 2px 0 rgba(95, 26, 178, 0.2);
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 31px;
  color: #000000;
  margin-right: 1px;
}
.subject-list__link:hover {
  background: #EDEDED;
  box-shadow: 0 2px 0 #AD6CFC;
}
.subject-list__link.active {
	color: #5f1ab2;
	font-weight: bold !important;
	box-shadow: 0 2px 0 #AD6CFC;
}

.section-acc--bdtn {
  border-top: 0;
}

.rightbar--top_m {
  padding-top: 35px;
}

@media screen and (max-width: 599px) {
  .breadcrumbs--mobile {
    padding: 13px 19px;
  }
}

.directory-list--theme {
  background: rgba(196, 196, 196, 0.1);
  border: 1px dashed rgba(95, 26, 178, 0.5);
  margin: 20px 0 0;
  padding: 11px 39px 20px;
}
@media screen and (max-width: 599px) {
  .directory-list--theme {
    padding: 17px 9px;
    font-size: 14px;
    line-height: 150%;
  }
}

@media screen and (max-width: 599px) {
  .directory-list--ul {
    margin: 11px 0 0;
    padding: 17px;
  }
  .directory-list--ul .directory-list__item {
    margin-bottom: 4px;
  }
}
.directory-list--ul .directory-list__item {
  color: #5F1AB2;
}
.directory-list--ul .directory-list__item .directory-list__link {
  color: #5F1AB2;
}
.directory-list--ul .directory-list__item::before {
  content: counter(my-awesome-counter) ". ";
}

.directory-box {
  font-size: 16px;
  line-height: 195%;
  border-bottom: 1px solid #C4C4C4;
  padding: 10px 0 27px;
}
@media screen and (max-width: 599px) {
  .directory-box {
    font-size: 14px;
    line-height: 150%;
    padding: 3px 0 15px;
  }
}
.directory-box--p {
  padding: 10px 0 0;
}
.directory-box:last-child {
  border-bottom: 0;
}
.directory-box h3 {
  color: #5F1AB2;
  font-size: 16px;
  padding: 15px 0 6px;
}
@media screen and (max-width: 599px) {
  .directory-box h3 {
    padding: 0 10px;
    font-size: 14px;
  }
}
.directory-box a {
  text-decoration-line: underline;
  color: #5F1AB2;
  font-weight: bold;
}
.directory-box ul {
  list-style: none;
  padding: 0 0 15px 97px;
}
@media screen and (max-width: 599px) {
  .directory-box ul {
    padding: 0 0 15px 17px;
  }
}
.directory-box ul li::before {
  content: "•";
  color: #FFC400;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.directory-box p {
  padding: 10px 0;
}
@media screen and (max-width: 599px) {
  .directory-box p {
    padding: 10px 10px 0;
  }
}

.info-box {
  background: rgba(196, 196, 196, 0.1);
  padding: 19px 19px 21px 81px;
  position: relative;
  margin: 20px 0;
}
@media screen and (max-width: 599px) {
  .info-box {
    padding: 17px 19px 21px 21px;
    margin: 20px 0 3px;
  }
}
@media screen and (max-width: 599px) {
  .info-box:before {
    content: "" attr(data-text) "" !important;
    background-image: none !important;
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    font-weight: bold;
    top: -10px !important;
    left: auto !important;
    right: 0;
    width: auto !important;
  }
}
.info-box span {
  color: #5F1AB2;
  font-weight: bold;
}

.info-box span mjx-math {
  font-weight: bold;
  font-size: 20px;
}

.redtext {
  color: #ff0000;
  font-weight: bold;
}

.redtext span mjx-math {
  font-weight: bold;
}

.blue {
  color: #5F1AB2;
  font-weight: bold;
}

.blue mjx-math{
  color: #5F1AB2;
  font-weight: bold;
  font-size: 18px;
}
.mjx-math{
  font-size: 16px;
}

.underline {
	   text-decoration: underline;
	   color: #ff0000;
	   text-decoration-color: #ff0000;
	   font-weight: bold;
	   }

.info-box span.underline {
	   text-decoration: underline;
	   color: #ff0000;
	   text-decoration-color: #ff0000;
	   font-weight: bold;
	   }
.double-underline {
border-bottom: 5px double red;
	   font-weight: bold;
	   }

.info-box span.double-underline {
border-bottom: 5px double red;
	   font-weight: bold;
	   }

.info-box ol {
  padding: 15px 15px;
}
.info-box p {
  padding: 0;
}
@media screen and (max-width: 599px) {
  .info-box p {
    font-size: 16px;
  }
}

.info-box.red {
  border-left: 2px solid #AA0E2B;
}
.info-box.red:before {
  content: "";
  background: url("../img/owl-error.svg") no-repeat center;
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 28px;
  left: 16px;
}
@media screen and (max-width: 599px) {
  .info-box.red:before {
    color: #AA0E2B;
  }
}

@media screen and (max-width: 599px) {
  #section-2 {
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 599px) {
  #section-2 h3 {
    padding-top: 12px;
    padding-bottom: 11px;
  }
}

.info-box.yellow {
  border-left: 2px solid #FFC400;
}
.info-box.yellow:before {
  content: "";
  background: url("../img/owl-worning.svg") no-repeat center;
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 28px;
  left: 16px;
}
@media screen and (max-width: 599px) {
  .info-box.yellow:before {
    color: #FF880D;
  }
}

.info-box.blue {
  border-left: 2px solid #007E9A;
}
@media screen and (max-width: 599px) {
  .info-box.blue {
    margin-bottom: 10px;
  }
  .info-box.blue + mjx-container {
    font-size: 12px !important;
  }
}
.info-box.blue:before {
  content: "";
  background: url("../img/owl-success.svg") no-repeat center;
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 28px;
  left: 16px;
}
@media screen and (max-width: 599px) {
  .info-box.blue:before {
    color: #007E9A;
  }
}

.info-box.green {
  border-left: 2px solid #788500;
}
.info-box.green:before {
  content: "";
  background: url("../img/owl-good.svg") no-repeat center;
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 28px;
  left: 16px;
}
@media screen and (max-width: 599px) {
  .info-box.green:before {
    color: #788500;
  }
}

.instance {
  color: rgba(0, 0, 0, 0.6);
  font-style: italic;
}
@media screen and (max-width: 599px) {
  .instance {
    padding-left: 10px;
  }
}

.directory-box__table {
  margin: 20px 0 5px;
}

.wrapper-table {
  overflow: auto;
}

@media screen and (max-width: 599px) {
  .table {
    min-width: 440px;
  }
}

.style-italic {
  font-style: italic;
  text-decoration: underline;
}

.table__head {
  display: flex;
  background: rgba(196, 196, 196, 0.1);
}
@media screen and (max-width: 599px) {
  .table__head {
    font-size: 12px;
  }
}

.table__row {
  display: flex;
}
.table__row:last-child .table__td {
  border-bottom: 1px solid #C4C4C4;
}
.table__row:last-child .table__td_30 {
  border-bottom: 1px solid #C4C4C4;
}
.table__td {
  flex: 1 1 100%;
  text-align: center;
  border-top: 1px solid #C4C4C4;
  border-right: 1px solid #C4C4C4;
  padding: 8px;
  position: relative;
}

.table__td_30 {
  flex: 1 1 auto;
  width: 30%;
  text-align: center;
  border-top: 1px solid #C4C4C4;
  border-right: 1px solid #C4C4C4;
  padding: 8px;
  position: relative;
}

.table__td:first-child {
  border-left: 1px solid #C4C4C4;
}
.table__td_30:first-child {
  border-left: 1px solid #C4C4C4;
}

.table__td_200px {
  flex: 1 1 100%;
  text-align: center;
  border-top: 1px solid #C4C4C4;
  border-right: 1px solid #C4C4C4;
  padding: 8px;
  position: relative;
  width: 200px;
}

.table__numb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #C4C4C4;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 40px;
}


@media screen and (max-width: 599px) {
  .table__numb {
    border-right: 0;
  }
}

.table__body .table__td {
  padding: 14px;
}
@media screen and (max-width: 599px) {
  .table__body .table__td {
    padding: 10px 5px;
  }
}

.example-box {
  padding: 10px 0 35px;
  font-size: 16px;
  line-height: 195%;
}
@media screen and (max-width: 599px) {
  .example-box {
    font-size: 14px;
    line-height: 150%;
    padding: 2px 9px 14px;
  }
}
.example-box p {
  padding: 11px 0;
}

.form-box {
  display: flex;
  border: 1px solid #C4C4C4;
}
@media screen and (max-width: 599px) {
  .form-box {
    display: block;
  }
}

.form-box__item {
  text-align: center;
  border-right: 1px solid #C4C4C4;
  font-size: 16px;
  line-height: 120%;
}
@media screen and (max-width: 599px) {
  .form-box__item {
    border-right: 0;
  }
}
.form-box__item p {
  padding: 18px 50px;
}
@media screen and (max-width: 599px) {
  .form-box__item p {
    font-size: 14px;
    line-height: 120%;
    padding: 17px 20px;
  }
}
.form-box__item:first-child {
  width: 46%;
}
@media screen and (max-width: 599px) {
  .form-box__item:first-child {
    width: 100%;
  }
}
.form-box__item:last-child {
  border-right: 0;
}

.task-title--p h1 {
  padding: 29px 0 18px;
}
@media screen and (max-width: 599px) {
  .task-title--p h1 {
    padding: 22px 0 2px;
  }
}

mjx-container {
  outline: 0;
  font-size: 16px !important;
  line-height: 195%;
  margin: 0 !important;
}
@media screen and (max-width: 599px) {
  mjx-container {
    font-size: 14px !important;
  }
}

mjx-assistive-mml {
  position: absolute !important;
  top: 0;
  left: 0;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 1px 0 0 0 !important;
  border: 0 !important;
  display: block !important;
  width: auto !important;
  overflow: hidden !important;
  outline: 0 !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

mjx-assistive-mml[display=block] {
  width: 100% !important;
}

.mjxi {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  line-height: 195%;
}

.mjx {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  line-height: 195%;
}


/* Version 2.0 27-02-2020*/
.literature-list {
  background: rgba(196, 196, 196, 0.2);
  border-radius: 7px;
  padding: 25px 22px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.literature-list__item {
  display: flex;
  width: 337px;
  padding: 12px 13px;
  background: rgba(196, 196, 196, 0.2);
  box-shadow: 0 2px 0 rgba(95, 26, 178, 0.2);
  border-radius: 7px;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}
.literature-list__item:hover {
  box-shadow: 0 2px 0 #5f1ab2;
}

.literature-list__link__icon {
  width: 14px;
  height: 14px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin-right: 9px;
}

.text-description {
  background: rgba(196, 196, 196, 0.2);
  border-radius: 7px;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.5);
  padding: 6px 25px;
}
@media screen and (max-width: 599px) {
  .text-description {
    padding: 3px 20px 1px;
  }
}

.subject-list.subject-list--min .subject-list__link {
  min-width: 18px;
  height: 20px;
  font-size: 12px;
  font-weight: normal;
  border-radius: 3px;
  padding: 0 5.5px;
  margin: 0;
}
@media screen and (max-width: 599px) {
  .subject-list.subject-list--min .subject-list__link {
    padding: 0 5.8px;
  }
}

.subject-list--pos {
  margin: 20px 0;
}
@media screen and (max-width: 599px) {
  .subject-list--pos {
    margin: 23px 0;
  }
}

.biography-list {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 599px) {
  .biography-list {
    padding-top: 3px;
  }
}

.biography-list__item {
  margin-bottom: 15px;
}
@media screen and (max-width: 599px) {
  .biography-list__item {
    width: 50%;
    margin-bottom: 20px;
  }
  .biography-list__item:nth-child(odd) {
    padding-right: 10px;
  }
  .biography-list__item:nth-child(even) {
    padding-left: 10px;
  }
}
.biography-list__item:nth-child(3n+2) {
  margin: 0 1px;
}
@media screen and (max-width: 599px) {
  .biography-list__item:nth-child(3n+2) {
    margin: 0;
  }
}

.biography-info {
  position: relative;
  border: 2px solid #fff;
  border-radius: 7px;
  display: inline-block;
  margin: 4px;
}
.biography-info:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #fff;
  border-radius: 7px;
  z-index: 1;
}
.biography-info:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  background-color: #AD6CFC;
  border-radius: 7px;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 0;
}
.biography-info:hover:after {
  opacity: 1;
}
.biography-info:hover .biography-info__description {
  background-color: rgba(173, 108, 252, 0.5);
}
@media screen and (max-width: 599px) {
  .biography-info {
    margin: 0;
    border: 0;
  }
  .biography-info:before, .biography-info:after {
    display: none;
  }
  .biography-info img {
    max-width: 100%;
  }
}

.biography-info__img {
  position: relative;
  z-index: 2;
  border-radius: 7px;
}

.biography-info__description {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  background-color: rgba(3, 3, 3, 0.5);
  padding: 15px 10px;
  transition: background-color 0.3s linear;
  z-index: 3;
  border-radius: 0 0 7px 7px;
}
@media screen and (max-width: 599px) {
  .biography-info__description {
    padding: 1px 4px;
  }
}

.biography-info__name {
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
}
@media screen and (max-width: 599px) {
  .biography-info__name {
    font-size: 12px;
    line-height: 16px;
  }
}

.biography-info__text {
  font-size: 13px;
  line-height: 17px;
}
@media screen and (max-width: 599px) {
  .biography-info__text {
    font-size: 10px;
    line-height: 13px;
  }
}

.biography-info__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.form-search-min {
  background: #FFFFFF;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  overflow: hidden;
}

.form-search-min__head {
  background: #5F1AB2;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  padding: 18px;
}

.form-search-min__body {
  padding: 25px;
}

.search--min {
  padding: 0;
  border: 0;
}
.search--min .t-inp {
  padding-left: 13px;
}

.rightbar__form-search-min {
  margin-bottom: 30px;
}

@media screen and (max-width: 599px) {
  .task-title--lg__mob {
    padding: 0 25px 18px;
  }
}

.author-info {
  display: flex;
}
@media screen and (max-width: 599px) {
  .author-info {
    display: block;
    text-align: center;
  }
}

.author-info__img {
  width: 234px;
  flex: 0 0 234px;
}
@media screen and (max-width: 599px) {
  .author-info__img {
    width: auto;
  }
}

.author-info__detail {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #000000;
  padding-top: 15px;
}
.author-info__detail a {
  color: #000000;
  text-decoration: none;
}

.author-info__date {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
}

.author-info__content {
  flex: 1;
  padding-left: 27px;
}
@media screen and (max-width: 599px) {
  .author-info__content {
    padding-left: 0;
    text-align: left;
  }
}

.author-info__content--pos {
  padding-top: 5px;
}
@media screen and (max-width: 599px) {
  .author-info__content--pos {
    padding-top: 20px;
  }
}


.author-info__content--pos-analiz {
  padding-top: 0px;
}

.author-info__content--pos-analiz p {
  font-size: 16px;
  line-height: 195%;
  padding: 0px 0 10px;
}

@media screen and (max-width: 599px) {
  .author-info__content--pos-analiz {
    padding-top: 20px;
	font-size: 14px;
	line-height: 150%;
  }
  
  .author-info__content--pos-analiz p {
  font-size: 14px;
  line-height: 150%;
  padding: 0px 0 10px;
}
  
  
}


.biography-table__item {
  display: flex;
  padding-bottom: 6px;
}

.biography-table__first {
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  line-height: 169%;
  color: rgba(0, 0, 0, 0.6);
  flex: 0 0 30%;
}
@media screen and (max-width: 599px) {
  .biography-table__first {
    font-size: 13px;
  }
}

.biography-table__text {
  font-size: 16px;
  line-height: 21px;
  color: #000000;
  flex: 0 0 70%;
  padding-left: 20px;
}
@media screen and (max-width: 599px) {
  .biography-table__text {
    font-size: 14px;
  }
}
.biography-table__text a {
  font-weight: bold;
  text-decoration-line: underline;
  color: #5F1AB2;
}

.directory-box--bd0 {
  border: 0;
  line-height: 180%;
}

.info-box-theme {
  background: rgba(196, 196, 196, 0.1);
  padding: 19px 19px 21px 81px;
  position: relative;
  margin: 20px 0;
}
@media screen and (max-width: 599px) {
  .info-box-theme {
    padding: 17px 19px 21px 21px;
    margin: 20px 0 3px;
  }
}
@media screen and (max-width: 599px) {
  .info-box-theme:before {
    content: "" attr(data-text) "" !important;
    background-image: none !important;
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    font-weight: bold;
    top: -10px !important;
    left: auto !important;
    right: 0;
    width: auto !important;
  }
}
.info-box-theme span {
  color: #5F1AB2;
}
.info-box-theme ol {
  padding: 15px 15px;
}
.info-box-theme p {
  padding: 0;
}
@media screen and (max-width: 599px) {
  .info-box-theme p {
    font-size: 16px;
  }
}

.info-box-theme.yellow {
  border-left: 2px solid #FFC400;
}
.info-box-theme.yellow:before {
  content: "";
  background: url("../img/owl-worning.svg") no-repeat center;
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 16px;
  left: 16px;
}
@media screen and (max-width: 599px) {
  .info-box-theme.yellow:before {
    color: #FF880D;
  }
}

ul.info-box-theme--blue {
  padding: 0 0 0 40px;
  margin: 0;
  background-color: transparent;
}
@media screen and (max-width: 599px) {
  ul.info-box-theme--blue {
    padding-left: 30px;
  }
}
ul.info-box-theme--blue li {
  font-size: 16px;
  line-height: 180%;
}
@media screen and (max-width: 599px) {
  ul.info-box-theme--blue li {
    font-size: 14px;
    line-height: 150%;
  }
}
ul.info-box-theme--blue li .color-gray {
  color: rgba(0, 0, 0, 0.6);
}
ul.info-box-theme--blue li:before {
  color: #5F1AB2;
}

.color-gray {
  color: rgba(0, 0, 0, 0.6);
}

.directory-box .info-box-theme__list {
  padding: 15px 0 0 1em;
}

.info-box-theme__list a {
  font-weight: normal;
  text-decoration: none;
}
.info-box-theme__list a:hover {
  font-weight: bold;
  text-decoration: underline;
}

.section-task__author-info {
  padding: 36px 0 11px;
}
@media screen and (max-width: 599px) {
  .section-task__author-info {
    padding: 24px 0 0;
  }
}

.author-info__biography-table {
  padding-top: 10px;
}
@media screen and (max-width: 599px) {
  .author-info__biography-table {
    padding-top: 18px;
  }
}

.wrapper-section {
  padding: 17px 0;
}
@media screen and (max-width: 599px) {
  .wrapper-section {
    padding: 6px 0;
    margin: 0 -10px;
  }
  .wrapper-section .wrapper-section__info-box-theme--mob {
    margin: 20px 10px 0;
    padding-left: 13px;
  }
}
.wrapper-section h3 {
  font-size: 18px;
}
@media screen and (max-width: 599px) {
  .wrapper-section h3 {
    font-size: 14px;
  }
}

.wrapper-section--top {
  padding-top: 13px;
}

.table-default-wrapper {
  width: 100%;
  overflow: auto;
}

.table-default {
  text-align: center;
}
.table-default.table-default--big {
  width: 1000px;
}
.table-default thead {
  background: rgba(196, 196, 196, 0.1);
}
.table-default thead td {
  padding: 8px;
}
.table-default td {
  padding: 14px;
  border: 1px solid #C4C4C4;
  position: relative;
}

.table__numb-mask {
  width: 40px;
  display: inline-block;
}

.subject-list--pos-tow {
  margin: 24px 0 0;
}

.section-task__authors-list {
  padding-bottom: 13px;
}
@media screen and (max-width: 599px) {
  .section-task__authors-list {
    padding-top: 9px;
  }
}

.authors-list__item {
  padding-top: 25px;
}
@media screen and (max-width: 599px) {
  .authors-list__item {
    padding-top: 16px;
  }
}

.authors-detail {
  background: rgba(196, 196, 196, 0.1);
  border: 1px dashed rgba(95, 26, 178, 0.5);
  padding: 25px 25px 15px;
  display: flex;
}
@media screen and (max-width: 599px) {
  .authors-detail {
    padding: 15px 14px;
  }
}

.authors-detail__info {
  width: 135px;
  flex: 0 0 135px;
}
@media screen and (max-width: 599px) {
  .authors-detail__info {
    max-width: 80px;
    flex: 0 0 80px;
  }
}

.authors-detail__content {
  flex: 1;
  padding-left: 25px;
}

@media screen and (max-width: 599px) {
  .authors-detail__content {
    padding-left: 15px;
  }
}
.authors-detail__content.nophoto {
	padding-left: 0;
}

.authors-detail__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
  display: flex;
  align-items: center;
  padding: 0 0 16px;
}
@media screen and (max-width: 599px) {
  .authors-detail__title {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 4px;
  }
}
.authors-detail__title a {
  color: #000;
}
.authors-detail__title a:hover {
  color: #000;
}

.list-default__item .authors-detail__title {
	padding-top: 20px;
}
.list-default__item:first-child .authors-detail__title {
	padding-top: 0;
}

.authors-detail__img {
  text-decoration: none;
}
.authors-detail__img img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.authors-detail__text {
  font-style: italic;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  padding-top: 13px;
}
@media screen and (max-width: 599px) {
  .authors-detail__text {
    font-size: 10px;
    line-height: 13px;
  }
}

.authors-detail__text--normal {
  font-size: 13px;
  line-height: 17px;
  color: #000000;
  font-style: normal;
}

.list-default__hidden {
  display: none !important;
}

.list-default__big-items {
  border-top: 1px solid #C4C4C4;
  padding: 20px 0 29px;
  margin-top: 15px;
}
@media screen and (max-width: 599px) {
  .list-default__big-items {
    padding: 13px 0 20px;
  }
}
.list-default__big-items .more_link {
  position: relative;
}
@media screen and (max-width: 599px) {
  .list-default__big-items .more_link {
    font-size: 14px;
    line-height: 18px;
  }
}
.list-default__big-items .more_link:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.list-default__link {
  font-size: 16px;
  line-height: 195%;
}
@media screen and (max-width: 599px) {
  .list-default__link {
    font-size: 14px;
    line-height: 150%;
  }
}

.author-detail__item {
  padding: 4px 0;
}
@media screen and (max-width: 599px) {
  .author-detail__item {
    padding: 8px 0;
  }
}

.author-detail__title {
  font-style: italic;
  font-size: 16px;
  line-height: 169%;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 599px) {
  .author-detail__title {
    font-size: 13px;
    line-height: 169%;
  }
}

.author-detail__text {
  padding: 10px 0 0 20px;
}
@media screen and (max-width: 599px) {
  .author-detail__text {
    padding: 3px 0 0;
    font-size: 14px;
    line-height: 18px;
  }
}

.detail-box-red {
  background-color: #F7F7F7;
  padding: 29px 10px 20px 39px;
  font-size: 16px;
  line-height: 195%;
  color: #000000;
  position: relative;
  margin: 15px 0;
}
@media screen and (max-width: 599px) {
  .detail-box-red {
    font-size: 14px;
    line-height: 150%;
    padding: 20px 10px 20px 11px;
    margin-right: -10px;
    margin-left: 10px;
  }
}
.detail-box-red:before {
  content: attr(data-title);
  display: inline-flex;
  min-width: 140px;
  padding: 6px 10px;
  color: #FFFFFF;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  text-transform: uppercase;
  -webkit-border-radius: 10px 0 10px 0;
  -moz-border-radius: 10px 0 10px 0;
  border-radius: 10px 0 10px 0;
  position: absolute;
  top: -10px;
  left: -5px;
}
@media screen and (max-width: 599px) {
  .detail-box-red:before {
    top: -14px;
  }
}
.detail-box-red:after {
  content: "";
  width: 5px;
  height: 6px;
  position: absolute;
  top: 18px;
  left: -5px;
}
@media screen and (max-width: 599px) {
  .detail-box-red:after {
    top: 14px;
  }
}
.detail-box-red p {
  padding: 0;
}
.detail-box-red:before {
  background-color: #B52131;
}
.detail-box-red:after {
  background: url("../img/line-red.png") 0 0 no-repeat;
}

.detail-box-blue {
  background-color: #F7F7F7;
  padding: 29px 10px 20px 39px;
  font-size: 16px;
  line-height: 195%;
  color: #000000;
  position: relative;
  margin: 15px 0;
}
@media screen and (max-width: 599px) {
  .detail-box-blue {
    font-size: 14px;
    line-height: 150%;
    padding: 20px 10px 20px 11px;
    margin-right: -10px;
    margin-left: 10px;
  }
}
.detail-box-blue:before {
  content: attr(data-title);
  display: inline-flex;
  min-width: 140px;
  padding: 6px 10px;
  color: #FFFFFF;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  text-transform: uppercase;
  -webkit-border-radius: 10px 0 10px 0;
  -moz-border-radius: 10px 0 10px 0;
  border-radius: 10px 0 10px 0;
  position: absolute;
  top: -10px;
  left: -5px;
}
@media screen and (max-width: 599px) {
  .detail-box-blue:before {
    top: -14px;
  }
}
.detail-box-blue:after {
  content: "";
  width: 5px;
  height: 6px;
  position: absolute;
  top: 18px;
  left: -5px;
}
@media screen and (max-width: 599px) {
  .detail-box-blue:after {
    top: 14px;
  }
}
.detail-box-blue p {
  padding: 0;
}
.detail-box-blue:before {
  background-color: #007E9A;
}
.detail-box-blue:after {
  background: url("../img/line-blue.png") 0 0 no-repeat;
}


.detail-box-blue-hrono {
  background-color: #F7F7F7;
  padding: 29px 10px 20px 39px;
  font-size: 16px;
  line-height: 195%;
  color: #000000;
  position: relative;
  margin: 15px 0;
}


@media screen and (max-width: 599px) {
  .detail-box-blue-hrono {
    font-size: 14px;
    line-height: 150%;
    padding: 20px 10px 20px 11px;
    margin-right: -10px;
    margin-left: 10px;
  }
}
.detail-box-blue-hrono:before {
  content: attr(data-title);
  display: inline-flex;
  min-width: 140px;
  padding: 6px 10px;
  color: #FFFFFF;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  text-transform: uppercase;
  -webkit-border-radius: 10px 0 10px 0;
  -moz-border-radius: 10px 0 10px 0;
  border-radius: 10px 0 10px 0;
  position: absolute;
  top: -10px;
  left: -5px;
}
@media screen and (max-width: 599px) {
  .detail-box-blue-hrono:before {
    top: -14px;
  }
}
.detail-box-blue-hrono:after {
  content: "";
  width: 5px;
  height: 6px;
  position: absolute;
  top: 18px;
  left: -5px;
}
@media screen and (max-width: 599px) {
  .detail-box-blue-hrono:after {
    top: 14px;
  }
}
.detail-box-blue-hrono p {
  padding: 0;
}

.detail-box-blue-hrono:before {
  background-color: #007E9A;
}
.detail-box-blue-hrono:after {
  background: url("../img/line-blue.png") 0 0 no-repeat;
}


.detail-box-green {
  background-color: #F7F7F7;
  padding: 29px 10px 20px 39px;
  font-size: 16px;
  line-height: 195%;
  color: #000000;
  position: relative;
  margin: 15px 0;
}
@media screen and (max-width: 599px) {
  .detail-box-green {
    font-size: 14px;
    line-height: 150%;
    padding: 20px 10px 20px 11px;
    margin-right: -10px;
    margin-left: 10px;
  }
}
.detail-box-green:before {
  content: attr(data-title);
  display: inline-flex;
  min-width: 140px;
  padding: 6px 10px;
  color: #FFFFFF;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  text-transform: uppercase;
  -webkit-border-radius: 10px 0 10px 0;
  -moz-border-radius: 10px 0 10px 0;
  border-radius: 10px 0 10px 0;
  position: absolute;
  top: -10px;
  left: -5px;
}
@media screen and (max-width: 599px) {
  .detail-box-green:before {
    top: -14px;
  }
}
.detail-box-green:after {
  content: "";
  width: 5px;
  height: 6px;
  position: absolute;
  top: 18px;
  left: -5px;
}
@media screen and (max-width: 599px) {
  .detail-box-green:after {
    top: 14px;
  }
}
.detail-box-green p {
	padding: 5px 0;
}
.detail-box-green:before {
  background-color: #788500;
}
.detail-box-green:after {
  background: url("../img/line-green.png") 0 0 no-repeat;
}

.detail-box--mb {
  margin-bottom: 34px;
}
@media screen and (max-width: 599px) {
  .detail-box--mb {
    margin-bottom: 37px;
  }
}

@media screen and (max-width: 599px) {
  .detail-box--mb-m0 {
    margin-left: 0 !important;
    margin-right: -22px !important;
    margin-bottom: 5px !important;
  }
}

.quote {
  position: relative;
  background: rgba(196, 196, 196, 0.2);
  box-shadow: 0 1px 0 rgba(95, 26, 178, 0.2);
  border-radius: 3px;
  padding: 3px 26px 4px 30px;
  display: inline;
}
.quote:before {
  content: "";
  position: absolute;
  width: 33px;
  height: 27px;
  background: url("../img/quote.svg") 0 0 no-repeat;
  left: 5px;
}

.quote__text {
  position: relative;
  display: inline;
}
@media screen and (max-width: 599px) {
  .quote__text {
    font-size: 14px;
    line-height: 150%;
  }
}

.directory-box--content h3 {
  padding-bottom: 20px;
}
@media screen and (max-width: 599px) {
  .directory-box--content h3 {
    padding-bottom: 10px;
    padding-top: 26px;
  }
}
.directory-box--content .quote {
  top: -8px;
}
@media screen and (max-width: 599px) {
  .directory-box--content .quote {
    top: 0;
  }
}

.directory-box--pb0 {
  padding-bottom: 0;
}

.description-text {
  font-size: 16px;
  line-height: 195%;
  padding: 37px 0 18px;
}
@media screen and (max-width: 599px) {
  .description-text {
    font-size: 14px;
    line-height: 150%;
    padding: 12px 0 18px;
  }
}
.description-text p {
  padding: 0;
}

.detail-box__item {
  padding: 5px 0;
}
.detail-box__item i {
  color: rgba(0, 0, 0, 0.6);
}

.pb0 {
  padding-bottom: 0;
}

.search--theme {
  border: 0;
  padding: 25px 0 0;
}

.directory-box .h3 {
  color: #5F1AB2;
  font-size: 16px;
  padding: 15px 0 6px;
  font-weight: bold;
}


.items-list.request {
	position: relative;
	opacity: 0.5;
}
.items-list.request:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Для устройств с шириной экрана менее 800px*/
@media screen and (max-width: 800px) {
	.decst-adv {display: none;}
	.mob-adv {display: block;
/*	padding-top: 45px; */
/*	padding-bottom: 45px;*/
	}

	}

@media screen and (min-width: 800px) {
	.decst-adv {display: block;}
	.mob-adv {display: none;}
	}
	
.prefix {
  padding: 2px;
  background-size: 100% 100%;
  background-image: url('/images/morfem/w-prefix.svg');
}

.root {
  padding: 2px;
  background-size: 100% 100%;
  background-image: url('/images/morfem/w-root.svg');
}

.suf {
  padding: 2px;
  background-size: 100% 100%;
  background-image: url('/images/morfem/w-suffix.svg');
}

.end {
  padding: 2px;
  background-size: 100% 100%;
  background-image: url('/images/morfem/w-endung.svg');
}

.base {
  padding: 2px;
  background-size: 100% 100%;
  background-image: url('/images/morfem/w-base.svg');
}

.one-solid {
  border-bottom: 1px solid black;
}

.double-solid {
  border-bottom: 3px double black;
}

.wave {
  background: url('/images/morfem/s-determination.gif') repeat-x 100% 100%;
  padding-bottom: 5px;
  text-decoration: none;
  white-space: nowrap;
}

.dotted-line {
  border-bottom: 1px dashed black;
}

.dotted-point-line {
  background: url('/images/morfem/s-circumstance.gif') repeat-x 100% 100%;
}

.text-top {
  position: relative;
}

.text-top:before {
  content: attr(data-text);
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  white-space: nowrap;
}

.text-bottom {
  position: relative;
}

.text-bottom:before {
  content: attr(data-text);
  position: absolute;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  white-space: nowrap;
}

.line-to-word {
  position: relative;
}

.line-to-word:before{
  content: attr(data-text);
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  white-space: nowrap;
}

.line-to-word__line {
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  height: 1px;
  background: url('/images/morfem/line-body.svg') 0 0 repeat-x;
}

.line-to-word__line:before {
  content: '';
  width: 7px;
  height: 7px;
  background: url('/images/morfem/line-start-2.svg') 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: -3px;
}

.line-to-word__line:after{
  content: '';
  width: 7px;
  height: 7px;
  background: url('/images/morfem/line-end-2.svg') 0 0 no-repeat;
  position: absolute;
  top: 0;
  right: -7px;
}

.line-to-word--revert .line-to-word__line:before {
  content: '';
  width: 7px;
  height: 7px;
  background: url('/images/morfem/line-start.svg') 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: -3px;
}

.line-to-word--revert .line-to-word__line:after{
  content: '';
  width: 7px;
  height: 7px;
  background: url('/images/morfem/line-end.svg') 0 0 no-repeat;
  position: absolute;
  top: 0;
  right: -7px;
}

mjx-container[jax="SVG"] > svg {
  max-width: 100%;
/*  padding: 0 5px; */
  font-size: 15px;
    font-weight: bold;
}

.info-box mjx-container[jax="SVG"] > svg {
  max-width: 100%;
  /*padding: 0 5px; */
  font-size: 18px;
  /*font-weight: 600;*/
  font-weight: bold;
  color: #5F1AB2;
}


.char-limit {margin: 10px 0 0 0; font-size: 12px; text-align: right;}

.question_cat_edit {display: none; margin: 0 0 8px;}
.question_cat_edit select {display: inline-block; width: auto !important; height: 25px; background: #F6F6F6; border: 1px solid #aaa; border-radius: 7px;}
.question_cat_edit select+select {margin-left: 2px;}


sub {
  font-size: 11px;
}

sup {
  font-size: 12px;
}

#gallery {
  -moz-user-select: none; user-select: none;
}
#gallery img {

}
#gallery img:focus {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 31;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-user-select: none; user-select: none;
}
#gallery img:focus ~ div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(240,240,240,.9);
  cursor: zoom-out;
}



.bonus-box {
  min-height: 32px;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
  z-index: 201;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-transform: lowercase;
  color: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 850px) {
  .bonus-box {
    display: none;
  }
}

.bonus-box__discount {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 35px;
  color: #05A88D;
  display: inline-block;
  margin: 0 10px;
}

.bonus-box__btn {
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #515355;
  display: inline-block;
  min-width: 60px;
  margin-left: 80px;
}

.bonus-box__before {
  display: inline-block;
  width: 160px;
  height: 32px;
  background: url("../img/bonus-before.png") center center no-repeat;
}

.bonus-box__after {
  display: inline-block;
  width: 160px;
  height: 32px;
  background: url("../img/bonus-after.png") center center no-repeat;
}


.answers_right--min {
  flex: 0 0 100px;
}

.cont_auto {
  background: rgba(181, 33, 49, 0.05);
  border-radius: 7px;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.8);
  padding: 8.5px 20px 8.5px 5px;
  display: flex;
  align-items: center;
}
.cont_auto img {
  margin-right: 5px;
}

.cont_auto-error {
  padding: 2px 20px 2px 5px;
  color: rgba(181, 33, 49, 0.7);
}


.answers-nav {
  display: flex;
  align-items: center;
  text-align: left;
}

.answers-nav__item {
  padding: 0 5px;
}

.control {
  border-radius: 7px;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 13px;
  padding: 8.5px 15px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.control img {
  margin-right: 5px;
}
.control:hover {
  color: #5F1AB2;
}

.cont_expert {
  background: #E8E8E8;
  border-radius: 27px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #515355;
}

.mg-0 {
  margin: 0;
}


.b-titles {
  display: flex;
  flex-flow: row wrap;
}
.b-titles__item {
  width: 25%;
  padding: 5px;
}
@media screen and (max-width: 991px) {
  .b-titles__item {
    width: 33.333%;
  }
}
@media screen and (max-width: 767px) {
  .b-titles__item {
    width: 50%;
  }
}
@media screen and (max-width: 499px) {
  .b-titles__item {
    width: 100%;
  }
}

.success-bg {
  background-color: #E8F5EE;
}

.error-bg {
  background-color: #FBF3F4;
}

.info-b {
  color: #5F1AB2;
  padding: 10px 10px;
  border-radius: 5px;
  margin: 10px 0;
}

@media screen and (max-width: 499px) {
  .padd40 .info-b {
    margin: 10px -20px;
    padding: 5px 30px;
  }
}
.padd40 .check-yourself {
  margin: 10px -40px;
  padding: 10px 40px;
}

.check-word {
  font-weight: bold;
  color: #000 !important;
}
.check-word span {
  color: red;
  position: relative;
}
.check-word span:after {
  content: "’";
  position: absolute;
  bottom: -1px;
  left: 50%;
}

.quote-not-img {
  padding-left: 20px;
}
.quote-not-img .quote__text {
  line-height: 200%;
}
.quote-not-img:before {
  display: none;
}

.check-yourself {
  background-color: rgba(196, 196, 196, 0.2);
  border-top: 1px solid rgba(196, 196, 196, 0.3);
  padding: 10px 20px;
}
.check-yourself__title {
  text-align: center;
}
.check-yourself__separator {
  padding: 0 3em;
  text-align: center;
}
@media screen and (max-width: 499px) {
  .check-yourself__separator {
    padding: 1em;
  }
}
.check-yourself__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  padding-top: 10px;
}
@media screen and (max-width: 499px) {
  .check-yourself__footer {
    display: block;
  }
}

.m-btn {
  transition: all 0.3s linear;
  display: inline-block;
  position: relative;
  font-weight: 700;
  text-align: center;
  height: 40px;
  width: 100%;
  padding: 0 20px;
  background: #5F1AB2;
  color: #fff;
  border: 1px solid #5F1AB2;
  overflow: hidden;
  text-decoration: none;
  box-shadow: none;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.05em;
}
.m-btn:hover {
  background: #fff;
  border-color: #5F1AB2;
  color: #000;
}

.m-btn-bord {
  background: #fff;
  padding: 0 10px;
  border: 1px solid #5F1AB2;
  color: #000;
}
.m-btn-bord:hover {
  color: #fff;
  background: #5F1AB2;
}

.m-btn-w {
  background: #fff;
  border-color: #fff;
  color: #38106A;
}
.m-btn-w:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #5F1AB2;
}

.m-btn-light {
  background: rgba(95, 26, 178, 0.09);
  color: #5F1AB2;
  border: none;
}
.m-btn-light:hover {
  background: #5F1AB2;
  color: #FFFFFF;
}

.p-2 {
  padding: 2em;
}

.px-2 {
  padding-left: 2em;
  padding-right: 2em;
}




/* Version 3.0 */
.title-3 {
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  margin-bottom: 10px;
}

.b-directory-two {
  background-color: transparent;
}
.b-directory-two .subject {
  padding-bottom: 10px;
  padding-top: 5px;
  margin-bottom: 25px;
}
@media screen and (min-width: 799px) {
  .b-directory-two .subject:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 799px) {
  .b-directory-two .b-directory__item {
    width: 100%;
  }
}
@media screen and (max-width: 799px) {
  .b-directory-two {
    display: block;
  }
}

.subject__title a {
  text-decoration: none;
  color: #000;
}

.literature-one {
  display: flex;
  padding: 12px 13px;
  background: rgba(196, 196, 196, 0.2);
  box-shadow: 0 2px 0 rgba(95, 26, 178, 0.2);
  border-radius: 7px;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}
.literature-one:hover {
  box-shadow: 0 2px 0 #5f1ab2;
}

.literature-one__img {
  width: 14px;
  height: 14px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin-right: 9px;
}

.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list li {
  padding: 5.5px 0;
}

.link-clear {
  color: #000000;
  transition: font-weight 0.2s;
}
.link-clear:hover {
  font-weight: 600;
  text-decoration-line: underline;
  color: #5F1AB2;
}

.math-box {
  margin-top: 23px;
}

.math-box__list {
  padding: 5px 0 5px 35px;
}

.text-description--mb {
  margin-bottom: 23px;
}

.section-acc--br-t {
  border-top: 1px solid #C4C4C4 !important;
}

.calculator-wrapper {
  background: #F7F7F7;
  border-radius: 3px;
}
@media screen and (max-width: 766px) {
  .calculator-wrapper {
    margin: 0 -20px;
  }
}

.calculator {
  padding: 20px 20px 8px;
}
@media screen and (max-width: 766px) {
  .calculator {
    padding: 20px;
  }
}

.calculator__textarea {
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(95, 26, 178, 0.5);
  border-radius: 3px;
  height: 86px;
  font-size: 48px;
  color: #000000;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.calculator__body {
  display: flex;
  justify-content: space-between;
  padding-top: 17px;
}
.calculator__body .calculator__control {
  margin-bottom: 17px;
}
@media screen and (max-width: 766px) {
  .calculator__body .calculator__control {
    margin-bottom: 7px;
    padding: 0 5px;
  }
}
@media screen and (max-width: 766px) {
  .calculator__body {
    display: block;
  }
}

.calculator__controls-math {
  width: 250px;
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
@media screen and (max-width: 799px) {
  .calculator__controls-math {
    padding-right: 5px;
  }
}
@media screen and (max-width: 766px) {
  .calculator__controls-math {
    width: auto;
    padding-right: 0;
  }
}

.calculator__controls {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  position: relative;
}

.calculator__controls-btn {
  width: 430px;
}
@media screen and (max-width: 799px) {
  .calculator__controls-btn {
    padding-left: 5px;
  }
}
@media screen and (max-width: 766px) {
  .calculator__controls-btn {
    width: auto;
    padding-left: 0;
  }
}

.calculator__control {
  width: 75px;
  height: 48px;
  background: #E8E8E8;
  box-shadow: 0 2px 1px rgba(95, 26, 178, 0.5);
  border-radius: 3px;
  text-align: center;
  border: 0;
  font-size: 24px;
  line-height: 31px;
  color: #5F1AB2;
  padding: 0;
}
.calculator__control sup,
.calculator__control sub {
  font-size: 18px;
}
.calculator__control:hover {
  background: #DFDFDF;
  box-shadow: 0 2px 1px #5F1AB2;
}
.calculator__control:active {
  box-shadow: none;
}
@media screen and (max-width: 799px) {
  .calculator__control {
    width: 67px;
  }
}
@media screen and (max-width: 766px) {
  .calculator__control {
    width: 18%;
    font-size: 1.2em;
  }
}

.calculator__control--big {
  width: 163px;
}
@media screen and (max-width: 799px) {
  .calculator__control--big {
    width: 148px;
  }
}
@media screen and (max-width: 766px) {
  .calculator__control--big {
    width: 38%;
  }
}

.calculator__control--dark {
  background: #595959;
  color: #ffffff;
}
.calculator__control--dark:hover {
  background: #454545;
}

.calculator__control--gray {
  color: #FFFFFF;
  background: #C4C4C4;
}
.calculator__control--gray:hover {
  background: #B1B1B1;
}

.calculator__control--green {
  background: #005D72;
  color: #FFFFFF;
}
.calculator__control--green:hover {
  background: #006379;
}

.calculator__control--red {
  background: #B52131;
  color: #fff;
}
.calculator__control--red:hover {
  background: #A21827;
}

.calculator__control--hidden {
  background-color: transparent !important;
  box-shadow: none !important;
  text-indent: -99999999px !important;
  cursor: default !important;
}

.calculator__control--disabled {
  color: rgba(255, 255, 255, 0.7);
}

.calculator__info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
  height: 66px;
  font-size: 24px;
  color: #000000;
  padding-bottom: 18px;
}
@media screen and (max-width: 766px) {
  .calculator__info {
    display: none;
  }
}

.calculator__info-val {
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calculator__control--equals {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 112px;
}
@media screen and (max-width: 766px) {
  .calculator__control--equals {
    height: 103px;
  }
}

.calculator-history {
  border-top: 1px solid #C4C4C4;
  padding: 26px 36px;
}
@media screen and (max-width: 766px) {
  .calculator-history {
    margin-bottom: 20px;
  }
}

.calculator-history__title {
  font-size: 14px;
  color: #000000;
  padding-bottom: 18px;
}

.calculator-history__list {
  font-size: 14px;
  line-height: 12px;
  color: #000000;
  margin-bottom: 19px;
}
.calculator-history__list .disabled {
  color: rgba(0, 0, 0, 0.5);
}

.calculator-history__clear {
  padding: 6px 23px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #5F1AB2;
  border: 1px solid #5F1AB2;
  border-radius: 20px;
  background-color: transparent;
}

@media screen and (max-width: 766px) {
  .calculator__control-mob-show {
    background: #C4C4C4 !important;
    box-shadow: 0 2px 1px rgba(95, 26, 178, 0.5) !important;
  }
}

@media screen and (max-width: 766px) {
  .calculator__control-mob-hidden {
    display: none;
  }
}

.matrices {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 720px) {
  .matrices {
    display: block;
  }
}

.matrices__body {
  overflow: auto;
}

.matrices__item {
  width: 310px;
  padding-bottom: 40px;
  position: relative;
}
.matrices__item:nth-child(even) {
  margin-left: auto;
}
@media screen and (max-width: 720px) {
  .matrices__item:nth-child(even) {
    margin-left: 0;
  }
}
@media screen and (max-width: 520px) {
  .matrices__item {
    width: 100%;
  }
}

.matrices__math-cont {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  left: 100%;
}
@media screen and (max-width: 799px) {
  .matrices__math-cont {
    display: none;
  }
}
.matrices__math-cont button {
  margin-bottom: 4px;
}

.matrices-controls {
  display: flex;
  padding: 19px 0;
}
.matrices-controls__item {
  padding-right: 15px;
}

.matrices-controls__item--v-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0;
  flex: 1;
}

.matrices-list__item {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.5);
  padding: 5px 0;
}
.matrices-list__name {
  display: inline-block;
  min-width: 72px;
}

.matrices-list--theme-two .matrices-list__item {
  font-weight: normal;
  font-size: 16px;
  color: #000000;
}
.matrices-list--theme-two .matrices-list__name {
  min-width: 155px;
}

.input-min {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(95, 26, 178, 0.5);
  border-radius: 3px;
  width: 40px;
}

.btn-revers {
  border: 1px solid #5F1AB2;
  box-sizing: border-box;
  border-radius: 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #5F1AB2;
  background-color: transparent;
  padding: 6px 10px;
  min-width: 100px;
}
.btn-revers:hover {
  text-decoration: underline;
}

.btn--min {
  height: 30px;
  width: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn--min:hover path {
  fill: #5F1AB2;
}

.matrix {
  position: relative;
  display: inline-block;
  margin: 7px 10px 13px 30px;
}
.matrix:before {
  content: attr(data-abc);
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
}
.matrix.matrix-change .matrix__input {
  border: 0;
  box-shadow: none;
  background-color: transparent;
}

.matrix-group {
  padding: 10px 0;
}
.matrix-group .matrix:nth-child(2) {
  margin: 7px 16px 13px 45px;
}
@media screen and (max-width: 329px) {
  .matrix-group .matrix:nth-child(2) {
    margin: 7px 16px 13px 30px;
  }
}
.matrix-group .matrix:nth-child(2):before {
  left: -42px;
}
.matrix-group .matrix .matrix__input {
  min-width: 50px;
}
@media screen and (max-width: 599px) {
  .matrix-group .matrix .matrix__input {
    min-width: 30px;
  }
}

.matrix-group-footer button {
  min-width: 130px;
}
@media screen and (max-width: 599px) {
  .matrix-group-footer button {
    margin-bottom: 10px;
  }
}

.matrix__table td {
  padding: 0 3px 0 0;
}

.matrix__input {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(95, 26, 178, 0.5);
  border-radius: 3px;
  text-align: center;
  min-width: 40px;
  width: 100%;
  height: 28px;
  display: inline-block;
  padding: 0 5px;
}

.matrix__line {
  width: 1px;
  background-color: #000000;
  position: absolute;
  top: -7px;
  bottom: -7px;
}

.matrix__line-left {
  left: -8px;
}
.matrix__line-left:before {
  content: "";
  width: 8px;
  height: 1px;
  background-color: inherit;
  position: absolute;
  top: 0;
  left: 0;
}
.matrix__line-left:after {
  content: "";
  width: 8px;
  height: 1px;
  background-color: inherit;
  position: absolute;
  bottom: 0;
  left: 0;
}

.matrix__line-right {
  right: -6px;
}
.matrix__line-right:before {
  content: "";
  width: 8px;
  height: 1px;
  background-color: inherit;
  position: absolute;
  top: 0;
  right: 0;
}
.matrix__line-right:after {
  content: "";
  width: 8px;
  height: 1px;
  background-color: inherit;
  position: absolute;
  bottom: 0;
  right: 0;
}

.nav-list a {
  display: block;
  font-size: 16px;
  line-height: 195%;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
.nav-list a:hover {
  font-weight: bold;
  font-size: 16px;
  text-decoration-line: underline;
  color: #5F1AB2;
}

.btn-blue {
  background: #007E9A;
  box-shadow: 0 1px 0 rgba(95, 26, 178, 0.5);
  border-radius: 3px;
  display: inline-block;
  font-weight: normal;
  font-size: 18px;
  color: #FFFFFF;
  border: 0;
  white-space: nowrap;
  min-width: 70px;
  height: 35px;
}
.btn-blue:hover {
  background: #006379;
}
.btn-blue:active {
  box-shadow: none;
}

.matrices-footer {
  text-align: center;
}

.btn-big {
  min-width: 250px;
}

.text-italic {
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}
.text-italic a {
  font-weight: normal;
}

.decide {
  display: flex;
}
.decide__input {
  width: 385px;
  height: 29px;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(95, 26, 178, 0.5);
  border-radius: 3px;
  padding: 0 40px 0 12px;
  font-weight: 500;
  font-size: 12px;
  color: #000000;
}
@media screen and (max-width: 699px) {
  .decide__input {
    max-width: 100%;
    width: auto;
  }
}
.decide__btn {
  width: 100px;
  height: 30px;
  background: #5F1AB2;
  border-radius: 20px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  border: 0;
  position: relative;
  left: -34px;
}
@media screen and (max-width: 699px) {
  .decide__btn {
    left: -15px;
  }
}

.form-dop-info {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.5);
  padding-bottom: 16px;
}

.input-radio {
  height: 20px;
  padding: 10px 0 19px;
  display: block;
}
.input-radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.input-radio input:checked + .input-radio__name:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  width: 9px;
  height: 10px;
  background: url("../img/checked.svg") 0 0 no-repeat;
}

.input-radio__name {
  line-height: 15px;
  position: relative;
}
.input-radio__name:before {
  content: " ";
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(95, 26, 178, 0.5);
  border-radius: 3px;
  display: inline-block;
  height: 15px;
  width: 15px;
  line-height: 15px;
  margin-right: 10px;
  cursor: pointer;
}

.text-italic--pos {
  padding: 34px 0 22px !important;
}

.decide--pos {
  margin: 0 0 55px;
}

.box-download {
  text-align: center;
}
.box-download .btn {
  width: 250px;
  height: 30px;
  background: #5F1AB2;
  border-radius: 20px;
  color: #ffffff;
  text-decoration: none;
  line-height: 30px;
}
.box-download .btn:hover {
  background: #fff;
  border-color: #5F1AB2;
  color: #5F1AB2;
}

.detail-box-orange-two__pos {
  margin: 40px 0 25px;
}

.section-forms {
  display: flex;
  padding: 41px 0 12px;
}
@media screen and (max-width: 699px) {
  .section-forms {
    display: block;
    padding: 15px 0;
  }
}

.section-forms__img {
  margin: 13px 0;
}

.section-forms__mx {
  padding: 40px 0 !important;
}
@media screen and (max-width: 699px) {
  .section-forms__mx {
    padding: 20px 0 !important;
  }
}

.section-forms__item {
  flex: 1;
}

.section-forms__item--w {
  flex: 0 0 434px;
}

.math-form__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}

.math-form__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  padding-right: 10px;
}

.math-form__input {
  width: 164px;
  height: 40px;
  flex: 0 0 164px;
}
@media screen and (max-width: 325px) {
  .math-form__input {
    width: 150px;
    flex: 0 0 150px;
  }
}

.math-form__footer {
  padding: 16px 0 25px;
}

.math-form__btn {
  height: 30px;
  line-height: normal;
  margin: 0 20px;
}
@media screen and (max-width: 325px) {
  .math-form__btn {
    margin: 0 10px;
  }
}

.input {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(95, 26, 178, 0.5);
  border-radius: 3px;
  padding: 0 10px;
}

.select {
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(95, 26, 178, 0.5);
  border-radius: 3px;
  padding: 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFFFFF url("../img/sel.svg") 95% 50% no-repeat;
}

.color-gray {
  color: rgba(0, 0, 0, 0.5);
}

.btn-link {
  border: 0;
  background-color: transparent;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #5F1AB2;
}

.math-form-result {
  border-top: 1px solid #D9CBE9;
  padding: 14px 0;
}

.math-form-result__title {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  padding-bottom: 6px;
}
.math-form-result__title:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("../img/icon-res.svg") 0 0 no-repeat;
  margin-right: 5px;
}

.math-form-result__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}

.math-form-result__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  padding-right: 10px;
}

.math-form-result__input {
  width: 254px;
  height: 40px;
}

.detail-content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 699px) {
  .detail-content {
    display: block;
  }
}

.detail-table {
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.5);
}
.detail-table td {
  padding: 5px 15px;
}
.detail-table td:first-child {
  border-right: 1px solid #C4C4C4;
}

.detail-list {
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.5);
  padding: 4px 20px 0 30px !important;
}
@media screen and (max-width: 699px) {
  .detail-list {
    padding: 10px 20px 0 0 !important;
  }
}

.detail-list__item {
  padding: 3px 0;
}
.detail-list__item:before {
  display: none !important;
}

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

.color-violet {
  color: #5F1AB2;
}

.color-red {
  color: #B52131;
}

.res-math-w {
  width: 454px;
}
@media screen and (max-width: 699px) {
  .res-math-w {
    width: auto;
    min-width: 90%;
  }
}

.form-math__title {
  font-weight: 500;
  font-size: 14px;
  color: #000000;
}

.form-math__radio {
  display: inline-block;
  margin-right: 10px;
}

.form-math-list {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  padding: 20px 0 0;
  margin-bottom: -10px;
}

.form-math-list__item {
  display: flex;
  align-items: center;
  padding-bottom: 17px;
}

.form-math-list__name {
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  width: 105px;
  padding-right: 10px;
}
@media screen and (max-width: 699px) {
  .form-math-list__name {
    width: 70px;
  }
}

.form-math-list__input {
  width: 165px;
  height: 40px;
}
@media screen and (max-width: 699px) {
  .form-math-list__input {
    width: 90px;
  }
}
@media screen and (max-width: 325px) {
  .form-math-list__input {
    width: auto;
  }
}

.form-math__section-forms {
  padding: 0;
}

.detail-box-italic {
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.text-min {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
  padding: 0;
}