:root {
	--sh-white: #fff;
	--sh-blue: #1c77fd;
	--sh-red: #eb443f;
	--sh-black: #000;
	--sh-gray: #797575;
	--sh-font-sans-serif: "Open Sans", sans-serif, system-ui, -apple-system, Roboto, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--sh-font-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth;
	}
}

@font-face {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	src: url('fonts/open-sans-regular.eot');
	src: local(''),
		url('fonts/open-sans-regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/open-sans-regular.woff2') format('woff2'),
		url('fonts/open-sans-regular.woff') format('woff'),
		url('fonts/open-sans-regular.ttf') format('truetype'),
		url('fonts/open-sans-regular.svg#OpenSans') format('svg');
	font-display: swap;
}

@font-face {
	font-family: Exo2;
	font-style: normal;
	font-weight: 400;
	src: url('fonts/exo2-regular.eot');
	src: local(''),
		url('fonts/exo2-regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/exo2-regular.woff2') format('woff2'),
		url('fonts/exo2-regular.woff') format('woff'),
		url('fonts/exo2-regular.ttf') format('truetype'),
		url('fonts/exo2-regular.svg#Exo2') format('svg');
	font-display: swap;
}
@font-face {
	font-family: Exo2;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/exo2-800.eot');
	src: local(''),
		url('fonts/exo2-800.eot?#iefix') format('embedded-opentype'),
		url('fonts/exo2-800.woff2') format('woff2'),
		url('fonts/exo2-800.woff') format('woff'),
		url('fonts/exo2-800.ttf') format('truetype'),
		url('fonts/exo2-800.svg#Exo2') format('svg');
	font-display: swap;
}



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; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }

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

html {
	height: 100%;
	min-height: 100%;
	min-width: 320px;
	font-family: var(--sh-font-sans-serif);
}
html, html a { -webkit-font-smoothing: antialiased; }
body {
	margin: 0;
	color: var(--sh-black);
	height: 100%;
	font-size: 16px;
	min-width: 320px;
	font-weight: 400;
	line-height: 1.5;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; }
*:focus { outline: 0px none transparent !important; }

hr {
	border: 0;
	margin: 16px 0;
	color: inherit;
	background-color: currentColor;
	opacity: 0.25;
}
hr:not([size]) { height: 1px; }

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 0;
	margin-bottom: 8px;
	font-weight: 800;
	line-height: 1.2;
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
}

h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 21px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }

p {
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	font-family: 'Open Sans', sans-serif;
	position: relative;
}

abbr[title], abbr[data-sh-original-title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}

address {
	margin-bottom: 16px;
	font-style: normal;
	line-height: inherit;
}

ol, ul { padding-left: 0; }
ol, ul, dl { margin-top: 0; margin-bottom: 16px; }
ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }
dd { margin-bottom: 8px; margin-left: 0; }
blockquote { margin: 0 0 16px; }

b, strong { font-weight: bolder; }
small, .small { font-size: 0.9em; }
mark, .mark { padding: 0.2em; background-color: #fcf8e3; }
sub, sup {
	line-height: 0;
	position: relative;
	font-size: 0.75em;
	vertical-align: baseline;
}
sub { bottom: -0.25em; }
sup { top: -0.5em; }

.clr { clear: both }
.clrfix:after { clear: both; content: ""; display: table; }

a { color: var(--sh-black); text-decoration: none; }
a:hover { color: var(--sh-black); }
a:not([href]):not([class]), a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}

pre, code, kbd, samp {
	font-size: 1em;
	direction: ltr /* rtl:ignore */;
	unicode-bidi: bidi-override;
	font-family: var(--sh-font-monospace);
}
pre {
	display: block;
	margin-top: 0;
	margin-bottom: 16px;
	overflow: auto;
	font-size: 0.875em;
}
pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal;
}
code {
	font-size: 0.875em;
	color: #d63384;
	word-wrap: break-word;
}
a > code { color: inherit; }
kbd {
	padding: 0.32px 0.4rem;
	font-size: 0.875em;
	color: var(--sh-white);
	background-color: #212529;
	border-radius: 0.32px;
}
kbd kbd {
	padding: 0;
	font-size: 1em;
	font-weight: 700;
}

figure { margin: 0 0 16px; }
img, svg { vertical-align: middle; border: 0; }
table { caption-side: bottom; border-collapse: collapse; }
caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #6c757d;
	text-align: left;
}
th {
	text-align: inherit;
	text-align: -webkit-match-parent;
}
thead, tbody, tfoot,
tr, td, th {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

label, output { display: inline-block; }
button { border-radius: 0; }
button:focus:not(:focus-visible) { outline: 0; }
input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button, select { text-transform: none; }
select { word-wrap: normal; }

[list]::-webkit-calendar-picker-indicator {
	display: none;
}

button, [role=button], [type=button],
[type=reset], [type=submit] { -webkit-appearance: button; }

button:not(:disabled), [type=button]:not(:disabled),
[type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; }

::-moz-focus-inner { padding: 0; border-style: none; }

textarea { resize: vertical; }
fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 8px;
	font-size: calc(1.275rem + 0.3vw);
	line-height: inherit;
}
@media (min-width: 1200px) {
	legend { font-size: 24px; }
}
legend + * { clear: left; }

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field,
::-webkit-color-swatch-wrapper {
	padding: 0;
}

::-webkit-inner-spin-button { height: auto; }
[type=search] { outline-offset: -2px; -webkit-appearance: textfield; }
::-webkit-search-decoration { -webkit-appearance: none; }
::file-selector-button { font: inherit; }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

iframe { border: 0; }
summary { display: list-item; cursor: pointer; }
progress { vertical-align: baseline; }

#mainx { height: 100%; }
body.scroll_off { overflow-y: hidden; }
#main_block { width: 100%; overflow: hidden; }
.icon {
	width: 32px; height: 32px; fill: #e68b33;
	display: inline-block; vertical-align: middle;
}
.icon-vkk { width: 11px; margin-left: 1px; }
.icon-tw { width: 14px; }
.icon-fbb { width: 10px; }
.icon-gp { width: 18px; }
.icon-ya { width: 8px; }
.icon-od { width: 11px; }
.icon-mail { width: 17px; }
.gray .icon { fill: #919191; }
.sp, .bs:before, .as:after, .pcat a:before {
	background-image: url('../images/rcdo_icons.png');
	background-repeat: no-repeat;
	display: inline-block;
}
.bs, .as, .pcat a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.bs:before, .as:after, .pcat a:before {
	content: "";
	display: flex;
}
.sp_arr_blt {
	width: 46px;
	height: 46px;
	background-position: -5px -5px;
}
.sp_arr_brt {
	width: 46px;
	height: 46px;
	background-position: -61px -5px;
}
.sp_acap {
	width: 33px;
	height: 33px;
	background-position: -117px -5px;
}
.sp_calendar {
	width: 39px;
	height: 37px;
	background-position: -117px -48px;
}
.sp_comms {
	width: 27px;
	height: 24px;
	background-position: -5px -95px;
}
.sp_folder {
	width: 27px;
	height: 24px;
	background-position: -42px -95px;
}
.sp_form {
	width: 42px;
	height: 42px;
	background-position: -79px -95px;
}
.sp_group {
	width: 46px;
	height: 37px;
	background-position: -166px -5px;
}
.sp_mob_exit {
	width: 30px;
	height: 34px;
	background-position: -166px -52px;
}
.sp_person {
	width: 28px;
	height: 31px;
	background-position: -131px -96px;
}
.sp_section {
	width: 28px;
	height: 27px;
	background-position: -169px -96px;
}
.sp_subject {
	width: 29px;
	height: 31px;
	background-position: -5px -133px;
}
.sp_views {
	width: 31px;
	height: 23px;
	background-position: -169px -133px;
}
.sp_blank {
	width: 28px;
	height: 30px;
	background-position: -44px -166px;
}
.sp_soc_inst {
	width: 19px;
	height: 20px;
	background-position: -206px -52px;
}
.sp_soc_tel {
	width: 16px;
	height: 21px;
	background-position: -207px -82px;
}
.sp_soc_tg {
	width: 21px;
	height: 21px;
	background-position: -82px -166px;
}
.sp_soc_wa {
	width: 20px;
	height: 19px;
	background-position: -113px -166px;
}
.sm {
    background-image: url('../images/mainpage.png');
    background-repeat: no-repeat;
    display: inline-block;
}
.sm_rocket {
    width: 236px;
    height: 410px;
    background-position: -15px -15px;
}
.sm_tea4 {
    width: 414px;
    height: 360px;
    background-position: -15px -455px;
}
.sm_teach {
    width: 437px;
    height: 362px;
    background-position: -15px -845px;
}
.sd {
    position: absolute;
	background-image: url('../images/main_dash.png');
    background-repeat: no-repeat;
    display: block;
}
.sd_dash1 {
    width: 483px;
    height: 225px;
    background-position: -20px -20px;
	top: calc(100% - 3px); left: -325px;
}
.sd_dash2 {
    width: 495px;
    height: 225px;
    background-position: -20px -285px;
	left: -355px; top: -70px;
}
.sd_dash3 {
    width: 400px;
    height: 142px;
    background-position: -20px -550px;
	left: calc(100% - 72px); top: 50px;
}
.sd_dash4 {
    width: 526px;
    height: 225px;
    background-position: -20px -732px;
	left: calc(100% - 41px); top: 30px;
}
.svg {
	display: inline-block;
	background-image: url('../images/icons.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.svg_arrow_left {
	width: 62px; height: 10px;
	background-position: 0 31%;
}
.svg_arrow_right {
	width: 62px; height: 10px;
	background-position: 0 46%;
}
.svg_arrow2_bottom {
	width: 18px; height: 21px;
	background-position: 0 0;
	background-size: auto;
}
.svg_mob_menu {
	width: 58px; height: 34px;
	background-position: 0 100%;
}
.ico_note {
	width: 69px; height: 72px; display: inline-block;
	background: url('../images/note.png') no-repeat;
	background-size: cover;
}

.cnr { text-align: center; }
.blue { color: var(--sh-blue); }
.red { color: var(--sh-red); }
.gray { color: var(--sh-gray); }
.d25, .d33, .d50 { width: 100%; display: inline-block; }
.d25 > div, .d33 > div, .d50 > div { float: left; }
.d25 > div { width: 25%; }
.d33 > div { width: 33.33%; }
.d50 > div { width: 50%; }
.f72 {
	font-size: 72px;
	font-weight: 800;
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
}
body .fr { float: right; }

.xbut {
	border: 0;
	padding: 0;
	color: var(--sh-white);
	height: 58px;
	min-width: 197px;
	background: #ffb475;
	padding-right: 15px;
	display: inline-block;
	font-size: 24px;
	font-weight: 800;
	text-align: left;
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
	-webkit-transition: .19s;
	transition: .19s;
	border-radius: 8px;
}
.kz .xbut { min-width: 159px; }
.xbut.mini {
	height: 52px;
	font-size: 14px;
	text-transform: uppercase;
}
a.xbut.mini { line-height: 49px; }
.xbut i { float: left; margin: 3px 14px 0 16px; }
.xbut i.sp_soc_tg { margin-top: 11px; }
.xbut span {
	padding-bottom: 8px;
	display: inline-block;
}
a.xbut.mini i { margin-top: 11px; }
.send_app.xbut.mini i { margin-top: 4px; }
.xbut.mini span {
	width: 124px;
	line-height: 17px;
	margin-bottom: -2px;
	padding-bottom: 0;
}
.xbut:hover, .xbut:focus { color: var(--sh-white); background: #eb443f; }
.xbut.blu { background: #1c77fd; }
.xbut.blu:hover, .xbut.blu:focus { background: #1d68d5; }

.xbut:active {
	box-shadow: 0 2px #777;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
}

.wrp {
	width: 100%;
	max-width: 1206px;
	margin: 0 auto;
	position: relative;
}
.wrp.hd { height: 134px; }

.logo {
	width: 356px;
	height: 89px;
	display: inline-block;
	background: url('../images/logo.png') no-repeat;
	text-decoration: transparent;
}
#header .logo {
	position: absolute;
	top: 21px; left: 33px;
	z-index: 7;
}
.lng_change {
	width: 212px;
	height: 52px;
	font-size: 12px;
	text-align: center;
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
	background: #ffe1c8;
	position: absolute;
	display: inline-block;
	left: 50%; top: 40px;
	margin-left: -106px;
	overflow: hidden;
	border-radius: 10px;
	cursor: pointer;
	z-index: 7;
}
.lng_change:before {
	content: "қазақ тіліне";
	position: absolute;
	font-weight: 400;
	top: 8px; left: 83px;
}
.lng_change:after {
	content: "ауысу";
	position: absolute;
	top: 23px; left: 86px;
}
.lng_change b {
	width: 144px;
	height: 52px;
	font-weight: 400;
	background: #ffe1c8;
	display: flex;
	position: absolute;
	top: 0; left: -128px;
	-webkit-transition: .8s;
	transition: .8s;
	z-index: 4;
}
.kz .lng_change b { width: 150px; }
.lng_change b:before {
	width: 11px;
	height: 11px;
	display: block;
	content: "";
	background: #ffb475;
	position: absolute;
	top: 19px; left: 10px;
	border-radius: 50%;
}
.lng_change b:after {
	width: 110px;
	height: 50px;
	margin-left: 25px;
	content: "переключить на русский язык";
	line-height: 15px;
	display: flex;
	align-items: center;
}
.lng_change u {
	width: 11px;
	height: 11px;
	display: block;
	background: #ffb475;
	position: absolute;
	top: 19px; right: 10px;
	border-radius: 50%;
}
.lng_change i {
	width: 65px;
	height: 52px;
	color: #eb443f;
	font-size: 18px;
	font-weight: 800;
	line-height: 49px;
	background: #ffb475;
	display: inline-block;
	position: absolute;
	top: 0; left: 0;
	border-radius: 10px;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 7;
}
.lng_change i:after { content: "RU"; }
.lng_change i:before {
	content: "KZ";
	position: absolute;
	opacity: 0;
}
.kz .lng_change i:after { content: "KZ"; }
.kz .lng_change i:before { content: "RU"; }
.lng_change:hover:not(:focus) i {
	-webkit-animation: 0.5s tremor ease-out infinite;  
	animation: 0.5s tremor ease-out infinite;
}
.kz .lng_change:hover:not(:focus) i {
	-webkit-animation: 0.5s tremor2 ease-out infinite;  
	animation: 0.5s tremor2 ease-out infinite;
}
.lng_change:focus i, .kz .lng_change i { left: calc(100% - 65px); -webkit-transition: .8s; transition: .8s; }
.lng_change:focus i:after { opacity: 0; -webkit-transition: .5s; transition: .5s; }
.lng_change:focus i:before { opacity: 1; -webkit-transition: .8s; transition: .8s; }
.lng_change:focus b, .kz .lng_change b { left: calc(100% - 209px); }
.kz .lng_change:focus i { left: 0; }
.kz .lng_change:focus b { left: -128px; }
@keyframes tremor {
	0%, 25% {
		-webkit-transform: translateX(5%);
		transform: translateX(5%);
	}
	50%, 100% {
		-webkit-transform: translateX(-5%);
		transform: translateX(-5%);
	}
}
@keyframes tremor2 {
	0%, 25% {
		right: -1px;
		-webkit-transform: translateX(-5%);
		transform: translateX(-5%);
	}
	50%, 100% {
		right: 1px;
		-webkit-transform: translateX(5%);
		transform: translateX(5%);
	}
}
@keyframes tmacc {
	0% { display: none; opacity: 0; }
	1% { display: block; opacity: 0; }
	100% { display: block; opacity: 1; }
}
#header .soc_links {
	position: absolute;
	top: 51px; right: 274px;
}
.soc_links {
	height: 35px;
	font-size: 0;
}
.soc_links a {
	float: left;
	width: 35px;
	height: 35px;
	margin-right: 9px;
	background: #ffb475;
	border-radius: 50%;
}
.soc_links a:last-child { margin-right: 0; }
.soc_links a.soc_inst { background: #eb443f; }
.soc_links a:hover, .soc_links a:focus { opacity: .5; }
a.soc_inst:before {
	width: 19px;
	height: 20px;
	background-position: -206px -52px;
}
a.soc_wa:before {
	width: 20px;
	height: 19px;
	background-position: -113px -166px;
}
a.soc_tel:before {
	width: 16px;
	height: 21px;
	background-position: -207px -82px;
}
.box {
	background-color: #fff;
	margin-bottom: 25px;
	border-radius: 2px;
	position: relative;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
#header .xbut {
	position: absolute;
	top: 41px; right: 34px;
}
#header_menu {
	width: 100%;
	height: 75px;
	background: #1c77fd;
	position: relative;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(214, 212, 212, 0.75);
	box-shadow: 0px 5px 5px 0px rgba(214, 212, 212, 0.75);
}
#header_menu .wrp { height: 100%; }
nav ul {
	margin: 0; padding: 0;
	list-style: none;
}
nav a {
	color: var(--sh-white);
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
	display: inline-block;
	text-decoration: none;
}
nav a:hover { color: var(--sh-white); }
#top_menu, .top_menu,
#top_rmenu, .top_rmenu {
	height: 100%;
	display: inline-block;
}
.top_menu > li, .top_rmenu > li {
	height: 100%;
	position: relative;
	display: inline-block;
}
.top_menu > li > a {
	height: 100%;
	width: 200px;
	font-weight: 400;
	padding-top: 17px;
	display: inline-block;
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
	position: relative;
}
.top_menu > li > a span {
	width: 100%;
	color: #eeab48;
	font-size: 11px;
	display: block;
	margin-top: -1px;
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
	white-space: nowrap;
}
@media (min-width: 1036px) {
.top_menu > li > a:before {
	content: "";
	width: 18px;
	height: 18px;
	margin-top: -20px;
	position: absolute;
	top: 100%; left: 50%;
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
	z-index: 7;
}
.top_menu li:hover a:before {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	opacity: 1;
}
.sub_menu {
	width: 200px;
	background: #fff;
	padding: 15px 0 15px;
	border-radius: 5px;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
	box-sizing: border-box;
	visibility: hidden;
	position: absolute;
	top: 100%; left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, 20px);
	transform: translate(-50%, 20px);
	-webkit-transition: .3s;
	transition: .3s;
	z-index: 5;
}
.top_menu > li:hover .sub_menu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.sub_menu a {
	color: var(--sh-black);
	width: 100%;
	font-size: 11px;
	display: block;
	text-align: left;
	padding: 7px 0 7px 14px;
	-webkit-transition: .2s linear;
	transition: .2s linear;
}
.sub_menu a:hover { background: #1f3a54; }
#top_rmenu {
	float: right;
	margin-right: 35px;
}
.top_rmenu li { margin-left: 24px; }
.top_rmenu li:first-child { margin-left: 0; }
.top_rmenu li a {
	margin-top: 22px;
	position: relative;
	overflow: hidden;
}
.top_rmenu li a:hover {
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
}
.top_rmenu li a:after {
	content: "--------------------------";
	width: 100%;
	height: 2px;
	position: absolute;
	top: 10px; left: 0;
}
.top_rmenu li a:hover:after { content: ""; }
}

#page_top {
	width: 100%;
	min-height: 400px;
	background: #ffeddc;
	position: relative;
	z-index: 1;
}
#content #page_top { min-height: auto; }
#page_top .wrp { padding: 49px 0 52px; }
#page_top .wrp h1,
#page_top .wrp p { padding-left: 33px; }
#page_top * { position: relative; }
#page_top .sm_teach {
	position: absolute;
	bottom: 0; right: -288px;
	-webkit-animation: 2s forwards .5s 1 miniMoveRight;
	animation: 2s forwards .5s 1 miniMoveRight;
	z-index: 0;
}
@keyframes miniMoveRight { 100% { right: -69px; } }

.hinfo, .pinfo {
	font-size: 18px;
	font-weight: 400;
	margin-top: -5px;
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
}
.pinfo { margin: 19px 0 41px; }
.p1 { max-width: 714px; }

#op_white {
	width: 100%;
	height: 124px;
	background-color: rgba(255, 255, 255, .75);
	margin-top: 38px;
	border-radius: 10px;
}
#op_white.steps { overflow: hidden; }
#op_white > div {
	width: 25%;
	height: 100%;
	text-align: center;
	float: left;
}
#op_white div span { display: inline-block; }
#op_white div > span {
	width: 270px;
	height: 77px;
	text-align: left;
	margin-top: 23px;
	border: 3px solid transparent;
}
#op_white div > span span { float: left; }
#op_white > div > span { position: relative; }
#op_white > div:hover > span, #op_white > div.act > span {
	background-color: rgba(255, 255, 255, .8);
	-webkit-transition: .2s;
	transition: .2s;
	border-radius: 9px;
}
#op_white:not(.xsort-area) > div:hover > span, #op_white > div.act > span {
	border-color: #fce5e2;
	-webkit-transform: scale(1.04777);
	transform: scale(1.04777);
}
#op_white.steps .num {
	width: 75px;
	color: #eb443f;
	font-size: 60px;
	font-weight: 800;
	line-height: 1.1;
	padding-left: 22px;
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
	-webkit-animation: fnums .4s forwards;
	animation: fnums .4s forwards;
	opacity: 0;
}
.kz #op_white.steps .num { width: 75px; }
#op_white.steps > div.act .num,
#op_white.steps > div:hover .num { color: #ffb475; -webkit-transition: .2s;	transition: .2s; }
#op_white.steps > div > span > a {
	width: 100%; height: 100%;
	display: inline-block; position: absolute;
}
#op_white .inf { margin-top: 14px; }
#op_white .h5 { text-transform: uppercase; }
.kz #op_white .h5 { font-size: 14px; }
#op_white .inf p { padding: 0; margin: 0; }
@keyframes fnums { 100% { opacity: 1; } }
#op_white.steps div:nth-of-type(1) .num { animation-delay: .4s; }
#op_white.steps div:nth-of-type(2) .num { animation-delay: .8s; }
#op_white.steps div:nth-of-type(3) .num { animation-delay: 1.2s; }
#op_white.steps div:nth-of-type(4) .num { animation-delay: 1.6s; }
@keyframes slideUp {
	0% {  overflow-y: hidden; max-height: 0; display: block; }
	100% { overflow-y: auto; max-height: 350px; }
}
.xsort-area { padding: 0 10px; }
#page_top .xsort-ul {
	width: 100%; max-height: 350px; padding: 15px 0 0; position: relative;
	top: 100%; left: 0; margin-bottom: 10px; display: none; z-index: 5; overflow-y: auto;
}
.xsort-ul li {
	color: var(--sh-black); width: 100%;
	font-size: 14px; line-height: 21px;  padding: 0 15px 2px;
	-webkit-transition: .2s linear;
	transition: .2s linear;
}
.xsort-ul li:hover { color: var(--sh-white); background: #8d2e29; }
.xsort-ul li.current, .xsort-ul li.current:hover { color: var(--sh-white); background: #574241; cursor: default; }
#op_white .xsort-div > span.active { height: auto; }
#op_white .xsort-div > span.active .xsort-ul { display: block; -webkit-animation: slideUp .5s forwards; animation: slideUp .5s forwards; }
#op_white .xsort-div > span {
	border-color: #f59f9a; cursor: pointer;
	-webkit-transition: .5s;
	transition: .5s;
	border-radius: 9px;
}
#op_white .xsort-div > span:hover { background-color: rgba(255,255,255,.75); }
#op_white .xsort-div > span.active { background-color: rgba(255,255,255,.92); }
#op_white .xsort-div > span:hover .svg, #op_white .xsort-div > span.active .svg { -webkit-transform: scale(1.5); transform: scale(1.5); }
#op_white .xsort-div .svg { float: left; margin: 23px 21px 0; -webkit-transition: .3s; transition: .3s; }
#op_white .xsort-div .inf p { margin-top: 1px; }
#op_white .sp_form { margin: 15px 22px 0 20px; }
#index1 {
	min-height: 451px;
	padding-top: 140px;
}
#index1 .circul {
	width: 340px; /*320x269*/
	height: 286px;
	display: block;
	padding-left: 54px;
	padding-top: 156px;
	background-color: #ffe1c8;
	position: absolute;
	top: -156px; left: -8px;
	border-radius: 50%;
}
.kz #index1 .circul { padding-left: 42px; padding-top: 167px; }
#index1 .sp_group {
	margin-right: 19px;
	margin-bottom: 8px;
}
#index1 .circul .h2 {
	max-width: 164px;
	font-weight: 400;
	margin-top: 26px;
	display: inline-block;
}
.kz #index1 .circul .h2 { max-width: 201px; margin-top: 11px; font-size: 19px; }
#index1 .circul2 {
	width: 340px; /*320x269*/
	height: 286px;
	display: block;
	padding-top: 30px;
	padding-left: 71px;
	background-color: #1c77fd;
	position: absolute;
	bottom: -184px; right: -44px;
	border-radius: 50%;
}
#index1 .circul2 .h2 {
	color: var(--sh-white);
	max-width: 128px;
	font-weight: 400;
	margin-left: 28px;
	display: inline-block;
}
.kz #index1 .circul2 { padding-top: 40px; }
.kz .circul2 .sp_calendar { margin-bottom: -11px; }
#index1 .sm_tea4 {
	position: absolute;
	bottom: 0; left: -81px;
	z-index: 2;
}
#index1 p { padding: 0 33px 0 327px; }
#index1 p .h1 {
	float: inline-start;
	padding-top: 9px;
	padding-right: 24px;
}
#index1 .xbut.v2 { margin-left: 31px; }
#index2 {
	width: 100%;
	min-height: 400px;
	margin-top: -11px;
	padding-top: 98px;
	position: relative;
	background: #ffeddc;
	border: 12px solid #1c77fd;
	border-width: 12px 0;
	z-index: 1;
}
#index2 p {
	float: right;
	text-align: right;
	max-width: 1033px;
	padding-right: 37px;
}
.kz #index2 p { padding-right: 134px; }
.ind2block { padding: 23px 30px 0 17px; }
.ind2block div, .fl { float: left; }
.ind2block button { margin-top: 17px; }
.ind2block .svg_arrow_right { margin-right: 40px; }
.ind2block .svg_arrow_right.v2 { margin-right: 0; margin-left: 40px; }
.ind2block .mid {
	min-width: 392px;
	font-weight: 400;
	text-align: center;
	padding-top: 27px;
}

.xdate { height: 94px; position: relative; }
.xdate span {
	height: 100%;
	padding: 0 17px;
	line-height: 83px;
	position: relative;
	display: inline-block;
	background-color: #fff;
	border-radius: 10px;
}
.xdate .day, .xdate .month { margin-right: 16px; }
.xdate .sm_rocket { position: absolute; bottom: -147px; right: -122px; }
@media (max-width: 1284px) {
#index2 p { padding-right: 52px; }
.xdate .sm_rocket { right: -101px; }
}
@media (min-width: 956px) {
.xdate .sm_rocket { bottom: -222px; }
@keyframes rocketOn {
	0%,5%,10%,15%,20%,25%,30%,35%,40%,45%,50%,55%,60%,65%,70%,75%,80%,85%,90%,95% {
		-webkit-transform: translateX(-1%);
		transform: translateX(-1%);
	}
	2%,7%,12%,17%,22%,27%,32%,37%,42%,47%,52%,57%,62%,67%,72%,77%,82%,87%,92%,97% {
		-webkit-transform: translateX(1%);
		transform: translateX(1%);
	}
	100% { bottom: -147px; -webkit-transform: translateX(0); transform: translateX(0); }
}
.xdate .sm_rocket.on { -webkit-animation: 1.7s forwards .4s 1 rocketOn; animation: 1.7s forwards .4s 1 rocketOn; }
}

#index3 {
	width: 100%;
	padding: 60px 0 54px;
	border-bottom: 10px solid #1c77fd;
}
#index3 .h1 {
	padding-left: 33px;
	margin-bottom: 45px;
}
#index3 .xb { text-align: center; }
#index3 .send_app { margin-top: 50px; }
.olympiads { padding: 0 18px; }
.olympiads > div {
	font-size: 0;
	background-color: #f7f9fa;
	border-radius: 10px;
}
.olympiads a {
	margin: 14px;
	height: 98px;
	width: calc(33.3333% - 28px);
	font-size: 14px;
	padding-left: 81px;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	background-color: #ffeddc;
	box-shadow: 0px 3px 3px 0px rgba(178, 175, 175, 0.75);
	-webkit-transition: all .17s ease-in;
	transition: all .17s ease-in;
	border-radius: 12px;
}
.olympiads a:hover, .olympiads a:focus { background-color: #ffb475; }
.olympiads a:before {
	width: 40px;
	height: 42px;
	position: absolute;
	top: calc(50% - 21px);
	left: 20px;
}
.olympiads a b {
	font-size: 18px;
	margin-bottom: 2px;
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
	align-items: flex-end;
}
.olympiads a span { margin-top: 2px; }
.olympiads a b,
.olympiads a span { display: flex; height: 50%; padding-right: 10px; line-height: 19px; }

#index4 .templates_cert { margin-top: 30px; position: relative; }
#index4 .h1 { margin: 102px 0 18px; }
.templates_cert > div { text-align: center; position: relative; }
.templates_cert > div > a span {
	width: 290px; height: 290px; padding-top: 227px; margin-bottom: 32px; display: inline-block;
	background: url('../images/cert.png') no-repeat; -webkit-transition: .27s; transition: .27s;
}
.templates_cert > div > a:hover span { opacity: .55; }

#index5 { margin-top: 160px; }
#index5 .h1.cnr { margin-bottom: 18px; }
#index5 .d50 { margin: 78px 0 0; }
#index5 .d50.pt { margin-top: 109px; }
#index5 .d50 .cnr { padding-top: 49px; }
#index5 .d50.pt .cnr { padding-top: 61px; }
#index5 .d50 .svg_arrow_left { margin-left: 27px; }
#index5 .d50 .svg_arrow_right { margin-right: 27px; }
#index5 .d50 > div > .red { line-height: 57px; }
#index5 .d50 .h1 { margin-left: 24px; display: inline-block; }
#index5 .d50.pt .red { font-size: 60px; font-weight: 800; }
#index5 .d50.pt .h1 { margin: 11px 0 19px; }
#index5 .d50 a, #index5 .d50 a button, .ib_dash { display: inline-block; position: relative; }
#index5 .d50 .inf { font-size: 18px; display: block; line-height: 23px; }
.xbut .sp_section { margin-top: 6px; }

@media (min-width: 991px) {
.sd { width: 0; }
.sd.on { -webkit-transition: 2.7s linear; transition: 2.7s linear; transition-delay: .5s; }
#index4 .sd_dash1.on { width: 483px; }
#index4 .sd_dash3.on { width: 400px; }
#index5 .sd_dash4.on { width: 526px; }
#index5 .sd_dash2.on { width: 495px; }
}

.info_block {
	height: auto;
	margin: 0 33px;
	padding: 50px 37px;
	position: relative;
	background: #ffeddc;
	border-radius: 9px;
}
.info_block .h1 { margin-bottom: 4px; }
.info_block .inf { font-weight: 400; }
.info_block .txt { margin-top: 21px; }
#index5 .info_block { margin-top: 100px; margin-bottom: 97px; }

#footer {
	width: 100%;
	border: 1px solid #1c77fd;
	border-width: 15px 0 83px;
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
}
#footer .logo { width: 236px; height: 59px; background-size: contain; }
#footer .f1 { float: left; margin-top: 65px; margin-left: 33px; }
#footer .f2 { float: left; width: calc(100% - 589px); }
#footer .f3 { float: right; width: 320px; margin-top: 50px; text-align: center; }
#footer .f3 b { margin: 10px 0 0; display: block; }
#footer .f3 span { font-size: 14px; white-space: pre-wrap; }
#footer .soc_links { display: inline-block; }
.footer_menu { padding: 30px 0 0 57px; }
.footer_menu > li {
	float: left;
	width: 33.33%;
	font-size: 21px;
	font-weight: 800;
	padding-right: 27px;
	text-transform: uppercase;
}
.footer_menu .subf_menu { padding: 0; padding-top: 12px; text-transform: none; }
.footer_menu > li > ul > li { font-size: 14px; font-weight: 400; line-height: 15px; margin: 3px 0 6px; }
.footer_menu a:hover { text-decoration: underline dotted; }
#footer .foot_abyss {
	height: 83px;
	font-size: 12px;
	color: var(--sh-white);
	line-height: 83px;
	text-align: center;
	padding-right: 72px;
	margin-bottom: -83px;
	position: relative;
	white-space: pre-wrap;
	z-index: 5;
	font-size: 10px;
}
#footer .foot_abyss a { color: var(--sh-white); }
#mobile_menu, .templates_cert .l, .templates_cert .r,
#top_menu input, .footer_menu input, #op_white .l, #op_white .r,
.post .post_inf br { display: none; }


#page_top .pteach {
	width: 378px; height: 337px; display: inline-block;
	background: url('../images/page_teach.png') no-repeat;
	position: absolute; bottom: 23px; right: -278px;
	-webkit-animation: 2s forwards .5s 1 miniMoveTeach;
	animation: 2s forwards .5s 1 miniMoveTeach;
	z-index: 0;
}
@keyframes miniMoveTeach { 100% { right: -30px; } }
#page_content { width: 100%; padding-bottom: 80px; background: #fbfcfd; }
#page_content .wrp { padding: 0 33px; }
#page_content .h1.f { padding: 44px 0 14px; }
#page_content .h1.f ~ .speedbar { margin-top: -10px; }
#page_content .h1.f2 { padding: 44px 0 0; }
#page_content span { display: inline-block; }
.post_list {}
.post {
	font-family: Exo2, 'KZ_Exo 2', 'Exo 2'; padding: 27px 20px; background-color: #fff;
	margin-bottom: 20px; box-shadow: 0px 2px 2px 0px rgba(121, 117, 117, 0.75); border-radius: 10px;
}
.post.full { box-shadow: none; }
.post h6, .post h1 { font-size: 14px; padding-bottom: 17px; border-bottom: 3px solid #ffb475; }
.post h1 { padding-right: 158px; }
.post .post_inf { font-size: 12px; font-weight: 800; padding-top: 6px; }
.post .post_inf .bs { float: right; }
.post .post_inf .comms:before { width: 27px; height: 24px; background-position: -5px -95px; }
.post .post_inf .views:before { width: 31px; height: 23px; background-position: -169px -133px; }
.post .post_inf .bs:before { float: left; margin-right: 7px; }
.post .post_inf .views { margin-right: 15px; }
.post .post_inf a { color: var(--sh-gray); }
.post .post_inf a:hover { color: #e67f33; }
.post .post_text { margin-top: 50px; font-size: 14px; font-family: 'Open Sans', sans-serif; }
.post .post_text img[style*="float:left"] { margin-right: 12px !important; border-radius: 4px; }
.post .post_text img[style*="float:right"] { margin-left: 12px !important; border-radius: 4px; }
.post .post_text > ol li { list-style: decimal; margin-left: 33px; }
.post .post_text > ul:not([class]) li { list-style: disc; margin-left: 33px; }
.post.full article div.h4 { margin: 30px 0 16px; }
.post.full article .xbut:first-of-type { margin-right: 24px; }
.similar_posts { margin-top: 61px; }
.similar_posts h4 { margin-bottom: 16px; }
.ul50dot { column-count: 2; padding-left: 26px; }
.ul50dot > li { padding-left: 28px; margin: 10px 0; }
.ul50dot > li:before { content: ""; width: 9px; height: 10px; background-color: #ffeddc; display: inline-block; margin: 0 17px 0 -28px; border-radius: 50%; }
.ul50dot > li a:hover { text-decoration: underline; }
.post .ya_socials { float: right; width: 136px; display: inline-block; margin-top: -49px; }
.ya-share2__list.ya-share2__list_direction_horizontal { margin-top: 1px !important; }
.pcat a { font-size: 14px; margin-right: 30px; display: inline-block; }
.pcat a:hover { text-decoration: underline; }
.pcat a:before { float: left; width: 27px; height: 24px; margin-right: 12px; background-position: -42px -95px; }
.pcat.certs { margin-top: 15px; }
.pcat.certs a:before { width: 28px; height: 30px; background-position: -44px -166px; }
.post_data { padding-top: 34px; }
.tags { margin-top: 20px; line-height: 39px; margin-bottom: -7px; font-size: 0; }
.tags a {
	height: 30px; margin-right: 8px; line-height: 28px; text-align: center; padding: 0 9px; font-size: 13px;
	background-color: #ffeddc; display: inline-block; -webkit-transition: .2s; transition: .2s; border-radius: 10px;
}
.tags a:before { content: "#"; }
.tags a:hover, .tags a:focus { background-color: #ffb475; }
.post .pcat a:last-of-type, .post .tags a:last-of-type { margin-right: 0; }
.speedbar { font-size: 10px; font-weight: bold; padding: 5px 0 33px; }
.comms_wrp {}
.comms_wrp h4 { margin-bottom: 23px; }
.comms_wrp textarea { width: 100%; height: 161px; padding: 10px 8px; border: 2px solid #c8cacb; background: #f1f2f2; border-radius: 10px; }
.comms_wrp button.send {
	float: right; width: 160px; height: 46px; border: 0; margin: 11px 0 31px; color: var(--sh-white); font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
	font-size: 14px; font-weight: bold; padding-bottom: 5px; background: #1c77fd; -webkit-transition: .2s; transition: .2s; border-radius: 8px;
}
.comms_wrp button.send:hover, .comms_wrp button.send:focus { background: #155ac2; }
.comms_wrp button.send:focus { -webkit-transform: scale(.9); transform: scale(.9); }
.comms_list { margin-bottom: 42px; }
.comms_list h4 { padding-bottom: 17px; border-bottom: 3px solid #ffb475; }
.annot .wrp { padding: 0 14px; }
.annot .ind2block { padding: 23px 0; display: inline-block; }
#index2.annot { border: 0; min-height: auto; padding-top: 57px; background: #fbfcfd; }
#index2.annot p { float: none; text-align: left; max-width: 100%; padding-right: 12px; }
#index2.annot p.h1 { margin: -10px 0 24px; }
#index2 .annotb { padding-left: 87px; min-height: 88px; background: url('../images/note.png') left top no-repeat; }
#index2.annot .xdate span { color: var(--sh-white); background-color: #ffb475; }
#index2.annot .xdate77 span { color: var(--sh-white); background-color: #ffb475; }

#page_content.olimp { background: #fff; }
#page_content.olimp .h1 { margin-top: 70px; }
#op_white.olimp { height: auto; }
#op_white.olimp div > span { border: 0; }
#op_white.olimp > div:hover > span, #op_white.olimp > div.act > span { border: 0; background-color: #fff; border-radius: none; }
#op_white.olimp .inf { width: calc(100% - 75px); max-width: 229px; }
#op_white.olimp .num { color: #ffb475; }
.olimp_gift { margin: 70px 0; overflow-x: hidden; }
.olimp_gift .slider__item > div { display: inline-block; text-align: center; }
.olimp_gift .slider__item > div > span {
	width: 251px;
	height: 379px;
	font-size: 14px;
	padding: 200px 7px 12px;
	background: #ffeddc url('../images/cup.png') 61px 42px no-repeat;
	border-radius: 10px;
}
.olimp_gift .slider__item > div > span b { font-size: 18px; margin-bottom: 15px; display: block; font-family: Exo2, 'KZ_Exo 2', 'Exo 2'; }
.form_olimp { width: 100%; padding: 20px 0; margin-bottom: 120px; background: #ffeddc; overflow: hidden; border-radius: 9px; }
.form_olimp .tabs label:not(.b24-form-control-container) { width: 50%; padding: 20px 0; margin: -20px 0 27px; font-weight: 800; text-align: center; }
.form_olimp .tabs input[type="radio"] + label { color: #5c2e0d; }
.form_olimp .tabs input[type="radio"]:not(:checked) + label { background-color: rgba(166, 105, 60, .5); }
#page_content.olimp .o2 { margin-top: 92px; } #page_content.olimp .o3 { margin: 95px 0 70px; }
#page_content.olimp #olimp_slider .h1 { margin-top: 0; }

.post_text table {width:100%; text-align:left; margin:10px 0;}
.post_text table tr td {padding:10px; border:2px solid #fff;}
.post_text table tr:nth-child(2n+1) {background-color:#f5f5f5;} 
.post_text table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;}
.post_text table img {display:block; margin:0; border:0; max-width:350px}
.page_full .box_in .text { line-height: 27px; }


/* Start Modal Окна */
.modal {
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, .5);
	-webkit-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in;
	pointer-events: none; opacity: 0; z-index: 977;
}
.modal.show { opacity: 1; pointer-events: auto; overflow-y: auto; }
.modal-dialog {
	position: relative; width: auto; margin: 0; height: 100%;
	display: flex; justify-content: center; align-items: center;
}
.modal-content {
	width: 100%; height: 100%; min-width: 320px; min-height: 460px; max-width: 804px; max-height: 700px;
	position: relative; background: #ffeddc; display: -webkit-box; display: -webkit-flex; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;
	flex-direction: column; -webkit-background-clip: padding-box; background-clip: padding-box;
	border-radius: 10px;
}
.modal-header {
	color: #fff; height: 119px; text-transform: uppercase; padding: 15px 44px; background: #ffb475;
	display: -webkit-box; display: -webkit-flex; display: flex;
	-webkit-box-align: center; -webkit-align-items: center; align-items: center;
	-webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	border-radius: 6px 6px 0 0;
}
.modal-title {
	font-size: 24px; font-family: Exo2, 'KZ_Exo 2', 'Exo 2'; font-weight: 400;
	margin: 0; line-height: 1.5; display: block; width: 100%; text-align: center;
}
.modal .close {
	font-size: 24px; font-family: Exo2, 'KZ_Exo 2', 'Exo 2'; font-weight: 400;
	float: right; line-height: 1; color: #000; text-decoration: none; opacity: 1;
}
.modal .close:focus,
.modal .close:hover { text-decoration: none; cursor: pointer; opacity: .5; }
.modal .modal-body {
	font-size: 24px; font-family: Exo2, 'KZ_Exo 2', 'Exo 2'; font-weight: 400;
	position: relative; -webkit-box-flex: 1; flex: 1 1 auto; padding: 40px; overflow: auto;
}
@media (max-width: 599px) {
.modal-header { height: auto; padding: 15px 24px; }
.modal .modal-body { font-size: 19px; padding: 22px 14px; }
}
/* End Modal Окна */

/* Start Tabs */
.tabs { display: flex; flex-wrap: wrap; }
.tabs label {
	order: 1; display: flex; justify-content: center; align-items: center;
	cursor: pointer; -webkit-transition: .3s; transition: .3s;
}
.tabs .tab {
	order: 9; flex-grow: 1; width: 100%; height: 100%; display: none;
	-webkit-animation: tmacc .4s ease-out; animation: tmacc .4s ease-out; opacity: 0;
}
.tabs input[type="radio"] { display: none; }
.tabs input[type="radio"]:checked + label + .tab { display: block; opacity: 1;  }
/* End Tabs */

/* Start Slider Cheff */
.slider{position:relative}.slider__container{overflow:hidden}.slider__items{display:flex;transition:transform .5s ease}.slider_disable-transition{transition:none}.slider__item{flex:0 0 100%;max-width:100%;user-select:none}.slider__control{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:40px;color:#fff;text-align:center;height:50px;transform:translateY(-50%);background:rgba(0,0,0,.2)}.slider__control_hide{display:none}.slider__control[data-slide=prev]{left:0}.slider__control[data-slide=next]{right:0}.slider__control:focus,.slider__control:hover{color:#fff;text-decoration:none;outline:0;background:rgba(0,0,0,.3)}.slider__control::before{content:'';display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.slider__control[data-slide=prev]::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.slider__control[data-slide=next]::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.slider__indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none;margin-top:0;margin-bottom:0}.slider__indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:5px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5);background-clip:padding-box;border-top:15px solid transparent;border-bottom:15px solid transparent}.slider__indicators li.active{background-color:rgba(255,255,255,.9)}
/* End Slider Cheff */

.send_app { cursor: pointer; }
#send_app .tabs { margin-top: -1px; }
#send_app .tabs label { width: 50%; height: 75px; align-items: normal; }
#send_app .tabs label span { display: inline-block; overflow: hidden; position: relative; }
#send_app .tabs input[type="radio"] + label { opacity: .5; }
#send_app .tabs input[type="radio"]:hover + label,
#send_app .tabs input[type="radio"]:checked + label { opacity: 1; }
#send_app .tabs input[type="radio"]:hover + label span:after,
#send_app .tabs input[type="radio"]:checked + label span:after {
	content: "--------------------------"; width: 100%; height: 2px; position: absolute; top: 26px; left: 0; white-space: nowrap; }
#send_app .tab { min-height: 277px; background: #ffe1c8; padding: 15px; border-radius: 10px; }
@media (max-width: 599px) {
#send_app .tabs .tab { font-size: 17px; }
}


.ic:before { content: ""; width: 40px; height: 42px; background: url('../images/olimp_ico.png') no-repeat; display: inline-block; }
.ic_cat2:before { background-position: -20px -184px; }
.ic_cat3:before { background-position: -20px -266px; }
.ic_cat4:before { background-position: -20px -512px; }
.ic_cat5:before { background-position: -20px -594px; }
.ic_cat6:before { background-position: -20px -676px; }
.ic_cat7:before { background-position: -20px -758px; }
.ic_cat8:before { background-position: -20px -840px; }
.ic_cat9:before { background-position: -20px -922px; }
.ic_cat10:before { background-position: -20px -20px; }
.ic_cat14:before { background-position: -20px -102px; }
.ic_cat31:before { background-position: -20px -348px; }
.ic_cat34:before { background-position: -20px -430px; }

.ic_cat40:before { background-position: -20px -1004px; }
.ic_cat41:before { background-position: -20px -1086px; }
.ic_cat42:before { background-position: -20px -1168px; }
.ic_cat43:before { background-position: -20px -1250px; }
.ic_cat44:before { background-position: -20px -1332px; }
.ic_cat45:before { background-position: -20px -1414px; }
.ic_cat46:before { background-position: -20px -1496px; }
.ic_cat47:before { background-position: -20px -1578px; }




h1.tlt2 { margin-bottom: 1px; padding-top: 40px; padding-bottom: 19px; border-bottom: 3px solid #ffb475; }
.page_full h1.tlt { margin: 0 0 24px 19px; padding-top: 44px; }
.page_full h1.title { padding-bottom: 17px; border-bottom: 3px solid #ffb475; }
.regtext { margin-bottom: 5%; }
.login_check { position: relative; }
.login_check > input { padding-right: 150px; }
.login_check > .btn { width: 120px; position: absolute; right: 0; top: 0; margin: 6px; }
.page_full .box_in .text a { color: #bd5900; display: inline-block; border-bottom: 1px dotted #bd5900; }
.page_full .box_in .text a:hover { border-bottom-style: solid; }
.page_full .box_in .story_icons { float: right; }
#olimp_slider { margin: 39px 0; padding: 27px 37px 42px; background: #ffeddc; border-radius: 10px; }
.page_full #olimp_slider { margin: 70px 0; }
#olimp_slider .h1 { margin-bottom: 38px; }
#olimp_slider .slider { padding: 0 30px; }
#olimp_slider .slider__item { text-align: center; padding: 0 10px; flex: 0 0 25%; max-width: 25%; }
#olimp_slider .slider__item span {
	width: 197px; height: 100px; padding: 5px; font-size: 16px; margin-bottom: 14px;
	line-height: 17px; background: #ffb475; border-radius: 10px;
}
#olimp_slider .slider__item span b,
#olimp_slider .slider__item span i { width: 100%; height: 50%; display: flex; justify-content:center; }
#olimp_slider .slider__item span b { padding-bottom: 2px; -webkit-align-items: flex-end; align-items: flex-end; }
#olimp_slider .slider__item span i { font-size: 15px; padding-top: 2px; }
#olimp_slider a.sp { width: 46px; height: 46px; background: url('../images/rcdo_icons.png') no-repeat; opacity: .7; }
#olimp_slider a.sp:hover { opacity: 1; }
#olimp_slider a.sp:before { display: none; }
#olimp_slider a.sp_arr_blt { margin-left: -11px; background-position: -5px -5px; }
#olimp_slider a.sp_arr_brt { margin-right: -11px; background-position: -61px -5px; }
#olimp_gift .slider__item { text-align: center; flex: 0 0 50%; max-width: 50%; }
.banner { margin: 81px 0 0; }
.banner img { width: 100%; max-width: 1140px; }
.navigation { margin-top: 80px; text-align: center; }
.navigation a, .navigation span {
	height: 36px;  min-width: 36px; line-height: 34px; font-size: 24px;
	color: var(--sh-black); padding: 0 3px; display: inline-block;
}
.navigation span:not([class]) { color: var(--sh-white); background: #1c77fd; border-radius: 10px; }
.navigation a:hover { color: var(--sh-black); text-decoration: underline; }
#dle-comm-link { color: var(--sh-black); }
#page_content .ya-share2__title, #page_content .title_hide { display: none; }
.story_icons { padding: 5px 0 0 1px; display: inline-block; }
.fav_btn > a, .edit_btn > a, .complaint > a { display: inline-block; padding: 4px; width: 24px; height: 24px; }
.fav_btn .icon { width: 24px; height: 24px; vertical-align: top; }
.complaint .icon { width: 19px; height: 19px; }
.fav_btn .icon-fav, .complaint .icon { fill: #919191; }
.fav_btn:hover .icon-fav, .complaint:hover .icon { fill: #e69433; }
.fav_btn .icon-star { fill: #e98134; }
.edit_btn { padding-top: 3px; }
.edit_btn > a { position: relative; -webkit-transition: transform ease .2s; transition: transform ease .2s; }
.edit_btn > a > i, .edit_btn > a:after, .edit_btn > a:before { 
	padding-top: 2px; width: 24px; height: 0; background-color: #919191;
	overflow: hidden; display: block; margin: 3px 0;
}
.edit_btn > a:after, .edit_btn > a:before { content: ""; }
.edit_btn > a:hover > i, .edit_btn > a:hover:after, .edit_btn > a:hover:before { background-color: #e69433; }
.story_icons > li { width: 40px; float: left; } .story_icons:after { content: ""; clear: both; display: block; }
.rate { float: right; padding-top: 11px; }
.rate_like > a, .rate_like-dislike {
	float: left; height: 22px; line-height: 22px; padding: 3px 11px; border: 1px solid #eaeaea;
	border-radius: 18px; text-decoration: none !important; font-weight: bold; color: #919191;
	-webkit-transition: all ease .2s; transition: all ease .2s; box-sizing: content-box;
}
.rate_like > a:hover { border-color: #e67f33; color: #e67f33; }
.rate_like .icon { width: 16px; height: 15px; margin: -.2em .3em 0 0; }
.rate_like-dislike > a { display: inline-block; width: 22px; height: 22px; text-align: center; }
.rate_like-dislike > a .icon { width: 14px; height: 15px; fill: #787878; vertical-align: middle; margin: -.3em 0 0 0; }
.rate_like-dislike > a:hover .icon { fill: #e67f33; }
.rate_like-dislike .ratingplus { color: #88c54d; }
.rate_like-dislike .ratingminus { color: #e45757; }
.rate_like-dislike > span { cursor: default; margin: 0 .3em; }
.story > .meta { font-size: .9em; background-color: #f7f7f7; padding: 2% 7%; border-radius: 0 0 2px 2px; }
.meta:after, .story_tools:after { clear: both; display: table; content: ""; }
.meta > ul { list-style: none; padding: 0; margin: 0; }
.meta > ul > li { display: inline; }
.meta > ul.left > li { margin-right: 2em; }
.meta > ul.right > li { margin-left: 2em; }
.meta .icon { width: 16px; height: 16px; margin: -.2em .4em 0 0; }
.meta .icon-views { height: 18px; }
.signature { font-size: 13px; opacity: .5; margin-top: 10px; }
.ui-dialog-buttonset .ui-button { margin-top: 9px; }
.berrors {
	background: #ffe6dd; border: 1px solid #f0c4b5; color: #553c33; padding: 20px 25px;
	margin: 25px; height: 1%; border-radius: 2px; box-sizing: border-box;
}
#page_content .lng_change { position: relative; left: unset; top: unset; }
#page_content.olimp .lng_change { margin: -29px 0 21px; }


/* Start Comments */
.addcomment .ui-form { padding-left: 0; }
.com_list {}
.comment {
	padding: 15px 11px; position: relative; border-bottom: 1px solid #e8e8e8;
	-webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
}
.com_list .comment {
	border-top: 1px solid #efefef; background-color: transparent;
	margin: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none;
}
.comment:hover {
	position: relative;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
}
.avatar { display: inline-block; }
.avatar .cover {
	width: 100px; height: 100px; border-radius: 50%;
	white-space: nowrap; text-indent: -9999px; display: inline-block;
}
.comment .avatar { float: left; margin-right: 15px; position: relative; }
.comment .avatar .cover { width: 36px; height: 36px; }
#dleprofilepopup .avatar { display: block; text-align: center; }
.com_online {
	position: absolute; left: 85%; top: 70%; margin: -4px 0 0 -4px; overflow: hidden; text-indent: -9999px;
	background-color: #70bb39; border: 2px solid #fff; width: 14px; height: 14px; border-radius: 50%;
}
.com_info { margin-bottom: 20px; margin-top: -5px; }
.com_info:after { clear: both; display: block; content: ""; }
.com_user { float: left; margin: -3px 15px 0 0; }
#page_content .com_user .gray { display: block; margin-top: -2px; font-size: 13px; }
.com_user .red a { color: #d50d0d; }
.comment .meta { display: inline; }
.comment .meta .left .mass input { margin: -2px 0 0 0; vertical-align: middle; }
.comment .meta > ul.left > li { margin-right: 10px; }
.comment .reply { text-transform: lowercase; }
.comment .meta .left a {
	display: inline-block; width: 20px; height: 20px; vertical-align: middle; padding: 2px;
	margin-top: -2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.comment .meta .left .reply a { padding: 2px; width: auto; vertical-align: baseline; }
.comment .meta .left .del a { padding: 4px; }
.comment .meta .left .icon { margin: 0; fill: #919191; vertical-align: top; }
.comment .meta .left a:hover .icon { fill: #e67f33; }
.comment .meta .left a .icon-reply {
	width: 15px; height: 16px; fill: #e67f33 !important;
	margin-right: 5px; vertical-align: middle;
}
.comment .meta .left a .icon-coms {
	width: 15px; height: 16px; fill: #e67f33 !important;
	margin-right: 5px; vertical-align: middle;
}
.comment .meta .left .edit_btn > a { padding: 2px; margin-top: -4px; } 
.comment .icon-bad { width: 16px; height: 16px; }
.comment .icon-cross { width: 12px; height: 12px; }
.comment .meta .left a:hover .icon-cross { fill: #e63333; }
.comment .meta .rate { float: right; }
.comment .rate { padding-top: 0; }
.comment .meta .left { float: right; font-size: 13px; }
.comment .meta .left.cfx { float: none; }
.comment .meta .left .reply a:hover { opacity: .57; }
#addcomment input[type="text"], #addcomment input[type="email"] { border: 2px solid #c8cacb; background: #f1f2f2; margin-bottom: 10px; border-radius: 10px; }
#addcomment input { -webkit-transition: .2s; transition: .2s; }
#addcomment input:focus { border-color: #e67f33; }
#sec_code { font-size: 14px; }
#addcomment .c-captcha { margin-top: 11px; margin-right: 11px; }
/* Древовидные комментарии */
#dle-comments-list { width: 100%; overflow: hidden; }
#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding-left: 2%; }
#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
.comments-tree-list { list-style: none; padding: 0; margin: 0; }
.comments-tree-list > li > ol > li .comment { padding: 30px 0; position: relative; box-shadow: none; -webkit-box-shadow: none; border-width: 0; }
.comments-tree-list li ol li .comment { position: relative; box-shadow: none; -webkit-box-shadow: none; border-width: 0; border-bottom: 1px solid #e8e8e8; }
.comments-tree-list > li > ol > li .comment:after { content: ""; position: absolute; width: 2000px; height: 1px; margin-left: -500px; left: 0; top: 0; background-color: #efefef; }
.comments-tree-list > li > ol > li .comment:before { content: ""; position: absolute; left: 0; top: 14px; margin: 30px 0 0 -20px; background-color: #e6e6e6; width: 10px; height: 2px; }
.mass_comments_action { text-align: right; border-top: 1px solid #efefef; padding: 2% 4%; }
.mass_comments_action > select { height: 36px; padding: 5px; width: 200px; margin-left: 1em; }
.com_content > .title { margin-top: 4%; }
.com_content > .text { font-size: 15px; }
.cover { background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.comment .bb-editor textarea, #dlefastreplycomments .bb-editor textarea { height: 170px !important; }
#dlefastreplycomments textarea { margin: 10px 0; }
/* End Comments */


/* Start Login Forms */
.auth_on.on, .auth_on.on:hover { margin-top: 0; margin-bottom: -12px; border: 0; }
.auth_on.on img { width: 46px; height: 46px; display: inline-block; border-radius: 50%; object-position: top; object-fit: cover; }
.auth_on.on:after { display: none; }
.auth_on.on:hover, .auth_on.on:focus, #login_box .soc_links a:first-of-type:focus:hover { opacity: 0.55; }
.login_form { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #efefef; }
#login_box .soc_links { overflow: hidden; text-align: center; margin-bottom: 14px; }
#login_box .soc_links a { float: inherit; display: inline-block; }
#login_box .soc_links a:first-of-type:focus { opacity: 1; }
#login_box .soc_links .icon { fill: #fff; height: 35px; }
.login_form > li { border-top: 1px solid #efefef; display: block; position: relative; }
.login_form > li > label { display: none; }
.login_form > li > input {
	border: 0 none;
	padding: 19px; padding-left: 23px;
	border-radius: 0;
	background-color: transparent;
	width: 100%; height: 60px;
}
.login_form > li > .icon {
	position: absolute; left: 0; top: 50%;
	margin: -7px 0 0 0; height: 14px; width: 1em;
}
.login_form > li.login_input-btn > input { padding-right: 65px; }
.login_form > li.login_input-btn > .btn {
	position: absolute; right: 0; top: 50%;
	margin-top: -18px; padding: 0; width: 54px;
}
.login_form__foot { text-align: left; margin-top: 20px; }
.login_form__foot a { color: #bd6424; }
.lb-user { padding: 7px 20px 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.lb-user .img-box { border-radius: 50%; margin-right: 19px; width: 80px; height: 80px; overflow: hidden; }
.lb-user .img-box img { width: 100%; min-height: 100%; }
.lb-menu { padding-left: 27px; }
.lb-menu .fa, .lb-user a { color: #e67f33; }
.lb-menu .fa { width: 24px; margin-left: 4px; }
.lb-menu li a { width: 100%; display: inline-block; }
.lb-menu li a:hover { color: #fff; background: #bd6424; border-radius: 2px; }
.lb-menu li a:hover .fa { color: #fff; }
#login_box button[type="submit"]:hover:not(:focus) {
	-webkit-animation: 0.5s tremor ease-out infinite;  
	animation: 0.5s tremor ease-out infinite;
}
@-moz-document url-prefix() { #login_box button[type="submit"]:hover:not(:focus) svg { margin-top: -1px; } }
/* End Login Forms */


/* --- PM --- */
@media only screen and (min-width: 601px) {
#pm-menu:after { content: ""; clear: both; display: block; }
#pm-menu { margin-bottom: 25px; }
#pm-menu a { color: inherit; padding: 10px 16px; border-radius: 2px; border: 2px solid transparent; float: left; text-decoration: none !important; }
#pm-menu a:hover { border-color: #3394e6; color: #3394e6; }
.form-group.combo:after { clear: both; display: table; content: ""; }
.form-group.combo > .combo_field { width: 50%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.form-group.combo > .combo_field:last-child { padding-left: 10px; }
.form-group.combo > .combo_field:first-child { padding-right: 10px; }
}
.pm-box { margin-bottom: 25px; }
.pm_status { padding: 25px; background-color: #f7f7f7; border-radius: 2px; }
.pm_progress_bar { background-color: #e5dbcc; margin-bottom: 10px; border-radius: 2px; }
.pm_progress_bar span { background: #e85319; font-size: 0; height: 20px; border-radius: 2px; display: block; overflow: hidden }

/* --- Страница пользователя --- */
.box_in { padding: 4% 7%; }
.page_full .box_in { padding: 4%; }
ul.ui-form > li { margin-bottom: 20px; }
#userinfo article { margin-top: 70px; background: #fff; }
#userinfo article.post { margin-top: 20px; }
h3#cert { padding: 27px 0 11px 10px; }
.dark_top { border-radius: 2px 2px 0 0; padding: 4% 7%; color: #fff; background: #e49e64; }
.dark_top.stats_head { background: #b97d4e; }
.story .title { margin: -.1em 0 1em 0; font-size: 20px; }
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 50px; margin-top: 57px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
.user_tab > li { display: inline; margin-right: 1.2em; }
.user_tab > li > a { text-decoration: none !important; font-size: .6em; -webkit-transition: all ease .3s; transition: all ease .3s; }
.user_tab > li > a { color: #fff; opacity: .7; }
.user_tab > li > a:hover { color: inherit; }
.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }
.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
.usinf li { padding: 12px 0; border-top: 1px solid #e6e6e6; }
.usinf li:first-child { border-top-width: 0; }
.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
.ui-c1 { width: 30%; margin-right: 5%; }
.ui-c2 { width: 60%; }
#pm-menu { margin-bottom: 20px; }
#pm-menu a { color: inherit; display: block; border-top: 1px solid #efefef; text-decoration: none !important; }
#pm-menu a:hover { color: #3394e6; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
#userinfo .soc_links .icon { fill: #fff; }
#userinfo .soc_links a { text-align: center; }
#userinfo h4 { font-size: 16px; }
#userinfo label { display: inline; }
#userinfo .icon { height: 35px; }
.combo_field { margin-bottom: 20px; }

/* --- Статистика --- */
.bstats, #dlemasscomments { padding-top: 50px; }
.stats_head > ul { list-style: none; padding: 0; margin: 0; font-size: 1.25em; }
.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
.stats_head > ul > li:before {
	content: ""; float: left; margin: 2px 0 0 -30px;
	width: 16px; height: 16px; border-radius: 50%; background-color:  #3394e6;
}
.stats_head > ul > li > b { display: block; font-size: .8em; opacity: .77; font-weight: normal; }
.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }
.stat_group { margin-bottom: 25px; }
.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
.stat_group > ul { list-style: none; padding: 0; margin: 0; }
.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }
.statistics h4 { margin: 2em 0 .6em 0; }
h4.heading { margin: 3em 0 1em 0; }
.userstop { font-size: 13px; }
.userstop thead { background: #fdefe3; }
.userstop thead td:first-child { padding-left: 12px; }

/* --- Страница поиска --- */
.search_result_num { font-size: .9em; margin: 25px 0 0; }
.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
#searchtable td.search br { display: none; }
td.search .bbcodes { margin: 0 !important; }
td.search { vertical-align: top; }

/* Форма добавления */
.plus_icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; position: relative; }
.addcomment .plus_icon { width: 8%; padding: 10px 0; float: left; margin-top: 4%; }
.plus_icon > span, .plus_icon > span:before, .plus_icon > span:after { overflow: hidden; text-indent: -9999px; white-space: nowrap; position: absolute; }
.plus_icon > span:before, .plus_icon > span:after { background-color: #b3b3b3; content: ""; }
.plus_icon > span { width: 16px; height: 16px; left: 50%; top: 50%; margin: -8px 0 0 -8px; }
.plus_icon > span:after { left: 0; top: 50%; width: 100%; height: 2px; margin-top: -1px; }
.plus_icon > span:before { left: 50%; top: 0; width: 2px; height: 100%; margin-left: -1px; }
.plus_icon.circle { width: 16px; height: 16px; margin-top: -2px; padding: 4px; border-radius: 50%; border: 2px solid #96b30c; }
.plus_icon.circle > span { width: 12px; height: 12px; margin: -6px 0 0 -6px; }
.plus_icon.circle > span:before, .plus_icon.circle > span:after { background-color: #96b30c; }

/* Формы на UL */
ul.ui-form { list-style: none; padding: 0; margin: 0; }
ul.ui-form > li { margin-bottom: 20px; }
ul.ui-form > li:last-child { margin-bottom: 0; }
.form-group { margin-bottom: 20px; font-size: 15px; }
.form-group > label { display: block; margin-bottom: .4em; }
.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }
@media only screen and (min-width: 601px) {
.form-group.combo:after { clear: both; display: table; content: ""; }
.form-group.combo > .combo_field { width: 50%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.form-group.combo > .combo_field:last-child { padding-left: 10px; }
.form-group.combo > .combo_field:first-child { padding-right: 10px; }
}
.form_submit { margin-top: 20px; }
.form-sep { border-top: 1px solid #efefef; }
#page_content .fr-placeholder { display: block; position: relative; }

/* Модификация BB редактора для комментариев */
#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
.addpm #comment-editor .bb-editor textarea { height: 340px; }
.wseditor table, .bb-editor table { margin: 0px; }

/* Блок: Опросы */
.block_grey { padding: 16px 21px 21px; margin: 25px 0 14px; border-radius: 7px; background-color: #f0efee; }
.block_grey > .title { margin: 0 0 1em 0; font-size: 1em; letter-spacing: 0; }
.block_grey .btn-white { margin-right: 11px; }
.vote_more { font-size: .9em; margin: -.7em 0 1em 0; }
.vote_list { margin: 29px 0; }
.vote_list .vote, .vote_list .pollanswer { margin: .6em 0 .2em 0; }
.vote_list .vote > input, .vote_list .pollanswer > input { display:none;  }
.vote_list .pollanswer > input + label { cursor: pointer; }
.vote_list .vote > input + label:before, .vote_list .pollanswer > input + label:before {
	display: inline-block; width: 8px; height: 8px;
	border: 4px solid #3b3b3b; background-color: #fff;
	margin: -3px 4px 0 0; vertical-align:middle;
	cursor:pointer; content: ""; border-radius: 2px;
}
.vote_list .vote > input[type="radio"] + label:before,
.vote_list .pollanswer > input[type="radio"] + label:before { border-radius: 50%; }
.vote_list .vote > input + label:hover:before, .vote_list .pollanswer > input + label:hover:before { border-color: #3394e6; }
.vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input:checked + label:before { background-color: #3394e6; border-color: #3394e6; }
.vote_list .vote > input + label:before, .vote_list .vote > input:checked + label:before,
.vote_list .pollanswer > input + label:before, .vote_list .pollanswer > input:checked + label:before { -webkit-transition: border-color ease .2s; transition: border-color ease .2s; }
.btn-border .icon-votes { width: 16px; height: 14px; margin: -3px 0 0 0; vertical-align: middle; }
.vote_votes, .pollallvotes { font-size: .9em; }
#dlevotespopupcontent { overflow: visible !important; }
#dlevotespopupcontent form[id^="vote_"] { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #ccc; }


/* Адаптируемся */
@media (max-width: 1205px) {
#index2 p { padding-right: 118px; }
#index5 .d50 { margin: 78px 20px 0; }
#index5 p.cnr { padding-left: 20px; padding-right: 20px; }
.ind2block { padding: 23px 30px 20px 17px; }
.ind2block .mid { padding-bottom: 11px; }
.ind2block .xdate { float: none; clear: both; text-align: right; margin-right: 99px; }
.annot .ind2block { max-width: 599px; margin: 0 auto; display: block; text-align: center; }
.annot .ind2block div { float: none; }
.annot .ind2block .xdate { text-align: center; margin-right: 0; }
}
@media (max-width: 1129px) {
.olympiads a b { line-height: 1; }
#header .logo { width: 300px; height: 75px; background-size: contain; }
.lng_change { margin-left: -128px; }
#op_white { height: auto; padding-bottom: 5px; display: inline-block; }
#op_white.xsort-area { height: 195px; }
#op_white > div { width: 50%; height: 50%; }
#op_white div > span { margin-top: 12px; }
#op_white .xsort-div:first-of-type > span { z-index: 9; }
#op_white .xsort-div:nth-of-type(2) > span { z-index: 8; }
#op_white .xsort-div:nth-of-type(3) > span { z-index: 7; }
#footer .f2 { width: calc(100% - 509px); }
#footer .f3 { width: 240px; }
#olimp_slider a.sp_arr_blt { margin-left: -17px; }
#olimp_slider a.sp_arr_brt { margin-right: -17px; }
}
@media (max-width: 1035px) {
.hover_mobile { overflow-y: hidden; }
.wrp.hd { height: 114px; position: unset; }
#header .soc_links, #header .lng_change, #header_menu { visibility: hidden; opacity: 0; }
#header_menu nav li a span { display: none; } #header_menu nav ul { display: block; }
.hover_mobile #header .soc_links { bottom: 120px; right: calc(50% - 62px); top: auto; z-index: 14; }
.hover_mobile .lng_change { margin: 0; bottom: 40px; left: calc(50% - 226px); top: auto; z-index: 14; }
#header .xbut { right: calc(33% - 55px); }
#mobile_menu { display: block; position: absolute; top: 49px; right: 34px; cursor: pointer; }
#mobile_menu.active {
	background-image: url('../images/rcdo_icons.png');
	background-position: -157px -52px;
	background-size: auto;
}
#header_menu {
	background: #fff; margin-top: 134px; height: calc(100% - 134px);
	position: absolute; top: 0; left: 0; -webkit-box-shadow: none;
	box-shadow: none;  z-index: 11;
	-webkit-transition: .5s; transition: .5s;
}
.hover_mobile #header .soc_links, .hover_mobile #header .lng_change, .hover_mobile #header_menu {
	visibility: visible; opacity: 1; -webkit-transition: .5s; transition: .5s;
}
#header_menu nav { height: auto; display: block; margin-left: 47px; }
#header_menu nav li { float: none; height: auto; display: block; position: unset; }
#header_menu nav li ul { padding: 10px 0 24px 2px; line-height: 21px; display: none; }
#header_menu nav li a { width: auto; font-weight: 800; padding-top: 0; }
#header_menu nav li ul a { font-weight: 400; text-transform: none; }
#header_menu a, #header_menu a:hover { color: #000; }
#top_menu li:first-child, #top_menu li:nth-child(2) { cursor: pointer; position: relative; }
#top_menu > li:first-child a, #top_menu > li:nth-child(2) a { pointer-events: none; }
#header_menu .wrp { height: calc(100% - 167px); position: unset; overflow-y: auto; }
#header_menu .auth_on {
	font-size: 0; padding: 15px 0 0 14px;
	height: 52px; color: var(--sh-white);
	min-width: 197px; background: #ffb475; display: inline-block;
	font-weight: 800; font-family: Exo2, 'KZ_Exo 2', 'Exo 2';
	text-transform: uppercase; position: absolute;
	bottom: 40px; right: calc(50% - 211px);
	text-align: left; border-radius: 8px;
}
#header_menu .auth_on:before {
	content: ""; float: left;
	margin-right: 14px;
	width: 21px; height: 21px;
	background: url('../images/rcdo_icons.png') -82px -166px no-repeat;
	display: inline-block;
}
#header_menu .auth_on:after {
	color: var(--sh-white); content: "Авторизация"; float: left;
	font-size: 18px; margin-top: -4px; display: inline-block;
}
#header_menu .auth_on.on:before { display: none; }
#header_menu .auth_on.on:after { content: "Профиль"; }
.auth_on.on img { float: left; width: 32px; height: 32px; margin-right: 14px; margin-top: -5px; }
#top_menu input {
	width: 100%; height: 27px; position: absolute;
	top: 0; left: 0; opacity: 0; cursor: pointer; display: block;
}
#top_menu input:checked ~ .sub_menu {
	display: block;
	-webkit-animation: tmacc .5s ease-out;
	animation: tmacc .5s ease-out;
}
#page_top .wrp { padding: 28px 0; }
#index1 { padding-top: 78px; }
#index4 p.cnr { padding: 0 11px; }
.footer_menu { padding-left: 33px; }
.footer_menu > li { padding-right: 11px; }
#footer .f3 { width: 190px; }
#footer .f2 { width: calc(100% - 459px); }
#olimp_slider .slider { padding: 0 30px 0 24px; }
#olimp_slider .slider__item { flex: 0 0 33.333%; max-width: 33.333%; }
#mainx { padding-top: 134px; }
header { width: 100%; position: fixed; top: 0; background: #fff; z-index: 17; }
.hover_mobile header { height: 100%; }
.auth_on.on, .auth_on.on:hover { margin: 0; }
.comments-tree-list > li > ol > li .comment { padding: 22px 0; }
.post_text table { width: 100% !important; }
.olympiads a { width: calc(50% - 28px); }
}
@media (max-width: 990px) {
.sd { display: none; }
#index1 p .h1 { float: none; }
#index1 .xbut, #index1 .xbut.v2 { margin: 14px 0 0 30px; display: block; }
#index4 .h1 { margin-top: 45px; }
#index4 .templates_cert { width: 300px; height: 385px; margin: 0 auto; overflow: hidden; display: block; }
.templates_cert .l, .templates_cert .r {
	content: ""; width: 20px; height: 20px; position: absolute;
	top: 111px; left: -14px; border: 14px solid transparent; display: block;
	border-right: 20px solid #606e73; cursor: pointer; z-index: 1;
}
.templates_cert .r { left: unset; right: 0; border-right: 0; border-left: 20px solid #606e73; }
.templates_cert > div { width: 300px; position: absolute;  visibility: hidden; opacity: 0; }
.templates_cert .act { visibility: visible; opacity: 1;	-webkit-transition: 1s; transition: 1s; }
.templates_cert > div > a span { width: 280px; height: 280px; padding-top: 215px; background-size: contain; }
#index5 { margin-top: 70px; }
#index5 .d50 .h1 { margin-left: 0; display: block; }
#footer .f1 { margin-top: 37px; }
#footer .f2 { width: calc(100% - 589px); }
#footer .f3 { width: 320px; margin-top: 18px; }
.footer_menu { padding-top: 22px; padding-left: 97px; }
.footer_menu > li { float: unset; width: auto; text-transform: unset; padding-right: 0; position: relative; cursor: pointer; }
.footer_menu > li > span:after {
	content: ""; border: solid black; border-width: 0 3px 3px 0; padding: 3px; margin: 0 0 3px 6px;
	display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.footer_menu .subf_menu { padding: 5px 0 3px 4px; display: none; }
.footer_menu input { width: 100%; height: 31px; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; display: block; }
.footer_menu input:checked ~ .subf_menu { display: block; -webkit-animation: tmacc .5s ease-out; animation: tmacc .5s ease-out; }
.ul50dot > li a { font-size: 15px; }
}
@media (max-width: 955px) {
.p1 { max-width: 55%; }
#index1 { padding-top: 37px; }
#index1 p { padding: 0 33px 0 346px; }
.ind2block .mid { padding-top: 11px; float: none; clear: both; }
.ind2block div { float: none; text-align: center; }
.ind2block .xdate { text-align: center; margin-right: 0; }
#index2 { padding-top: 37px; }
#index2 p { padding: 0 17px; }
.xdate { height: 64px; }
.xdate span { line-height: 58px; font-size: 54px; }
@keyframes rocketOn {
	0%,5%,10%,15%,20%,25%,30%,35%,40%,45%,50%,55%,60%,65%,70%,75%,80%,85%,90%,95% {
		-webkit-transform: translateX(-1%);
		transform: translateX(-1%);
	}
	2%,7%,12%,17%,22%,27%,32%,37%,42%,47%,52%,57%,62%,67%,72%,77%,82%,87%,92%,97% {
		-webkit-transform: translateX(1%);
		transform: translateX(1%);
	}
	100% { bottom: -98px; -webkit-transform: translateX(0); transform: translateX(0); }
}
.xdate .sm_rocket { width: 155px; height: 270px; bottom: -130px; right: calc(50% - 282px); background-size: 204%; }
.xdate .sm_rocket.on { -webkit-animation: 1.5s forwards .4s 1 rocketOn; animation: 1.5s forwards .4s 1 rocketOn; }
#index5 .d50.pt { margin: 58px 10px 0 10px; }
#index5 .info_block { margin-top: 52px; margin-bottom: 64px; }
#index5 .d50 .red { font-size: 48px; text-transform: lowercase; }
}
@media (max-width: 871px) {
#index1 .circul { width: 320px; height: 276px; padding-top: 159px; top: -170px; }
#index1 .circul2 { width: 320px; height: 276px; padding-top: 24px; bottom: -186px; }
#index5 .svg { display: none; }
#footer .f1 { margin-left: 13px; }
#footer .f2 { width: calc(100% - 569px); }
.footer_menu { padding-left: 0; text-align: center; }
#page_top .sm_teach { width: 340px; height: 282px; bottom: auto; top: 24px; background-position: -4px 100%; background-size: cover; }
#page_top .pteach { width: 325px; height: 290px; bottom: auto; top: 24px; background-size: cover; }
.pinfo { width: calc(100% - 347px); }
#page_content .banner, .navigation { margin-top: 40px; }
#page_content { margin-bottom: 40px; }
#olimp_slider .slider__item { flex: 0 0 50%; max-width: 50%; }
.pinfo { font-size: 16px; }
.olimp_gift .slider__item > div:nth-of-type(3) { width: 100%; margin-top: 17px; }
.post .ya_socials { float: none; margin-top: 0; }
.post .post_inf .bs { margin-top: -23px; }
#olimp_gift .slider__wrapper { margin: 0 40px; overflow: hidden; position: relative; }
}
@media (max-width: 809px) {
#header .logo { width: 241px; height: 60px; top: 36px;}
#index1 p { padding: 0 33px 0 312px; }
#index1 .xbut, #index1 .xbut.v2 { margin-left: 0; }
#footer .f1 { display: none; }
#index1 .sm_tea4 { width: 368px; height: 320px; left: -59px; background-position: 0% 52%; background-size: cover; }
#footer .f2, #footer .f3 { width: 50%; } .footer_menu { padding-top: 12px; }
.ul50dot { padding-left: 0; }
.ul50dot > li a { font-size: 14px; }
.ul50dot > li:before { margin: 0 7px 0 -18px; }
}
@media (max-width: 799px) {
#index5 .d50 > div { float: none; width: 100%; text-align: center; }
#index5 .d50 .cnr { padding-top: 35px; }
#index5 .d50.pt .cnr { padding-top: 33px; }
#index5 .d50 { margin: 30px 0 0; }
#index5 .d50.pt { margin: 58px 0 0 0; }
#page_content .comment .reply a span { display: none; }
.comment .meta > ul.left > li.reply { margin-right: 4px; }
.comment { padding: 15px 0; }
#page_content .wrp { padding: 0 24px; }
.modal-content { max-height: 100%; }
.modal .modal-body { padding: 25px; }
.comments-edit-area .save-buttons { padding-top: 11px !important; }
}
@media (max-width: 739px) {
#index1 { padding: 109px 0 145px; }
#index1 p { padding: 0 17px; }
#index1 .h1 { display: block; }
#index1 .xbut.v2 { margin-left: 17px; }
#index1 .xbut, #index1 .xbut.v2 { display: inline-block; }
#index1 .sm_tea4 { width: 174px; height: 151px; left: 0; }
#index1 .c2fx { text-align: center; }
#index1 p .h1 { padding-right: 0; margin-bottom: 14px; }
#index3 { padding-bottom: 40px; }
#index3 .send_app { margin-top: 24px; }
#index5 .info_block { margin: 42px 15px 38px; }
.info_block { padding: 29px 24px; }
#page_top .pteach { width: 270px; height: 241px; }
.pinfo { width: calc(100% - 241px); }
.ul50dot > li { margin: 2px 0; line-height: 22px; }
.table_top_users, .pmlist { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
table.userstop, table.pm { width: 900px; }
}
@media (max-width: 705px) {
#page_content { background: #fff; }
.pinfo { font-size: 15px; }
#page_top .xsort-ul { max-height: 300px; }
#page_content .wrp { padding: 0 16px; }
}
@media (max-width: 671px) {
#header .logo { left: 24px; }
#header .xbut { right: calc(33% - 78px); }
#page_top .sm_teach { width: 301px; height: 250px; top: 18px; }
.post .ya_socials { margin-top: -96px; margin-right: -12px; }
.post h1 { padding-right: 0; }
#page_content .wrp { padding: 0 14px; }
.post { padding: 27px 0; }
.mass_comments_action { text-align: center; }
.mass_comments_action > select { display: block; margin: 0 auto; }
.mass_comments_action > .bbcodes { margin-top: 9px; }
#page_content.page_full { margin-bottom: 0; padding-bottom: 20px; }
#olimp_gift .slider__item { flex: 0 0 100%; max-width: 100%; }
.page_full h1.tlt { margin-left: 3px; }
}
@media (max-width: 612px) {
#mainx { padding-top: 114px; }
#header .logo { width: 264px; height: 70px; top: 21px; }
/*#header .xbut { right: calc(50% - 98px); top: 30px; }*/
#header .xbut { top: 30px; right: calc(33% - 57px); min-width: 119px; }
#header .xbut i { margin: 3px 9px 0 12px; }
#header .xbut span { display: none; }
#header .xbut:after { content: "Заявка"; padding-top: 6px; float: left; }
#mobile_menu { top: 37px; right: 31px; }
#header_menu { margin-top: 114px; height: calc(100% - 114px); }
#mobile_menu.active { right: 18px; }
#page_top .wrp h1, #page_top .wrp > p { padding-left: 14px; }
h1, .h1 { font-size: 22px !important; }
.post h1 { font-size: 14px !important; }
#page_top .sm_teach { width: 265px; height: 220px; }
.pinfo { width: calc(100% - 188px); }
#page_top .wrp h1, #page_top .wrp > p { padding-left: 11px; }
#olimp_slider .slider__item { flex: 0 0 100%; max-width: 100%; }
#olimp_slider .slider a.xbut.mini { display: block; width: 197px; margin: 0 auto; }
#page_top .pteach { width: 224px; height: 200px; }
.xsort-area { padding: 0; }
#page_content .wrp { padding: 0 12px; }
.post:not(.full) { padding: 14px 0 20px; border-top: 1px solid #c3956e; border-bottom: 1px solid #c3956e; box-shadow: none; border-radius: unset; }
#olimp_slider .h1, #page_content .h1.f ~ .speedbar { text-align: center; }
#page_content .h1.f { padding: 27px 0 11px; text-align: center; }
.dark_top { padding-left: 4%; padding-right: 4%; }
.tab-content > .tab-pane { font-size: 14px; }
.berrors { margin: 25px 0; font-size: 15px; }
#userinfo .box_in:not(.dark_top) { padding: 44px 4% 4%; }
.userinfo_top .avatar { left: 42px; }
#userinfo .ui-form { padding-left: 0; }
#page_content.usrf { margin-bottom: 0; }
.user_tab > li { display: block; margin-right: 0; }
#page_content.page_full .h1.f2 { padding-top: 17px; }
.post .post_text { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.post_text table { max-width: 600px !important; }
}
@media (max-width: 579px) {
#page_top .pteach { display: none; }
#op_white.olimp > div, .pinfo { width: 100%; }
.olimp_gift .slider__item > div { margin-top: 17px; }
.b24-form-header-title { letter-spacing: 0 !important; font-size: 22px !important; }
.b24-form-header-description { font-size: 13px !important; }
.b24-form-field-layout-section { margin-top: 5px !important; }
.b24-form-padding-side { padding-left: 15px !important; padding-right: 15px !important; }
#send_app .tabs label.b24-form-control-container { width: 90%; }
.modal .modal-body { padding: 22px 0; }
#send_app .tab { padding: 15px 0; }
}
@media (max-width: 555px) {
#op_white.xsort-area { height: auto; }
#op_white.xsort-area > div { width: 100%; height: auto; }
#userinfo .dark_top li a { max-width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 549px) {
#header .xbut { display: none; }
.p1 { max-width: 300px; } #op_white { height: 101px; }
#page_top .sm_teach { width: 214px; height: 177px; right: -198px; }
#op_white.oscroll > div { width: 100%; height: 100%; display: none; opacity: 0; }
#op_white.olimp > div { display: block; opacity: 1; }
#op_white > div.act { display: block; opacity: 1; -webkit-animation: tmacc .5s ease-out; animation: tmacc .5s ease-out; }
#op_white.steps .num { -webkit-animation: none; animation: none; opacity: 1; }
#op_white > div { width: 100%; height: 25%; }
#op_white.steps { height: 360px; }
.svg_arrow_right { background-position: 0 47%; }
.olympiads a { width: calc(100% - 28px); }
#header_menu nav li ul { padding: 7px 0 16px 4px; }
#header_menu .wrp { height: calc(100% - 141px); }
.hover_mobile #header .soc_links { bottom: 97px; }
.hover_mobile .lng_change, #header_menu .auth_on { bottom: 24px; }
#op_white .l, #op_white .r {
	content: ""; width: 20px; height: 20px; position: absolute;
	top: 36px; left: 0; border: 14px solid transparent; z-index: 1;
	border-right: 20px solid #bda3a0; cursor: pointer;
}
#op_white .r { left: unset; right: 14px; border-right: 0; border-left: 20px solid #bda3a0; display: block; }
#footer .foot_abyss { text-align: center; padding-right: 0; }
.post.full { padding: 0; border-radius: unset; }
.post.full .post_inf br { display: block; }
.post.full .post_inf .bs { margin-top: -50px; }
.post .post_inf .views { margin-right: 67px; }
.ul50dot { column-count: 1; }
.com_user .name a { width: 200px; overflow: hidden; white-space: nowrap; display: inline-block; text-overflow: ellipsis; }
.dark_top.stats_head { font-size: 13px; }
}
@media (max-width: 499px) {
#page_top .sm_teach, .svg_arrow_right, .xdate .sm_rocket { display: none; }
#page_top .wrp h1, #page_top .wrp > p, #index1 p,
#index2 p, #index5 p.cnr, #index5 .d50 { padding: 0 12px; }
.p1 { max-width: 100%; }
#page_top { min-height: auto; padding-bottom: 24px; }
#op_white { margin-top: 29px; }
#page_top .wrp { padding: 17px 0 0; }
.olympiads a { margin-bottom: 2px; }
.olympiads a:last-child { margin-bottom: 14px; }
html { overflow-x: hidden; }
.ind2block .xdate { height: 58px; }
.xdate .day, .xdate .month { margin-right: 12px; }
.xdate span { line-height: 52px; font-size: 47px; }
.post.full article { padding-top: 12px; }
.post .ya_socials { margin-top: -129px; }
.page_full .box_in .text { font-size: 15px; }
}
@media (max-width: 479px) {
.wrp.hd { height: 101px; }
h1, .h1 { font-size: 22px !important; }
h2, .h2 { font-size: 20px !important; }
h3, .h3 { font-size: 19px !important; }
h4, .h4 { font-size: 17px !important; }
#header_menu { margin-top: 108px; height: calc(100% - 108px); }
#header_menu .wrp { height: calc(100% - 64px); }
#header_menu nav { margin-left: 21px; }
#header_menu nav li { line-height: 25px; }
#header_menu nav li ul { padding: 2px 0 7px 3px; }
#header_menu nav li ul li { line-height: 23px; }
nav a { font-size: 16px; }
.sm, #index5 .h1 br { display: none; }
#mobile_menu { right: 12px; }
#header .logo { left: 12px; }
#mobile_menu.active { right: 12px; }
.xbut.mini { height: 44px; min-width: auto; }
#header .xbut.mini { padding-right: 0; right: calc(50% - 80px); }
#header .xbut.mini i { margin: 3px 6px 0 8px; }
#header .xbut.mini span { font-size: 13px; width: 115px; }
.svg_mob_menu { width: 48px; height: 28px; }
.svg_mob_menu.active { height: 34px; }
#header_menu .auth_on:after { content: "Вход"; font-size: 17px; margin-top: -4px; }
.kz #header_menu .auth_on:after { content: "Кіру"; }
.lng_change { width: 180px; }
.hover_mobile .lng_change, #header_menu .auth_on { bottom: 9px; }
.hover_mobile .lng_change { left: calc(50% - 150px); }
.hover_mobile #header .soc_links { bottom: 58px; right: calc(50% - 69px); height: 49px; padding: 7px; background: #fff; }
#header_menu .auth_on { height: 42px; min-width: 102px; padding: 11px 0 0 9px; right: calc(50% - 146px); }
.lng_change, .lng_change b, .lng_change i { height: 42px; }
.lng_change i { width: 52px; line-height: 42px; }
.lng_change b { width: 131px; }
.lng_change b:before { top: 16px; left: 8px; }
.lng_change b:after { height: 38px; margin-left: 18px; line-height: 14px; }
.lng_change:before { top: 4px; left: 66px; }
.lng_change:after { top: 18px; left: 66px; }
.lng_change u { top: 16px; }
.lng_change:focus i { left: calc(100% - 52px); }
.lng_change:focus b { left: calc(100% - 180px); }
#index1 { padding-bottom: 101px; }
#index1 .xbut { display: block; margin: 0 auto; }
#op_white .l { left: -14px; }
#op_white .r { right: 0; }
#index1 .xbut.v2 { margin-left: 0; }
.ind2block { padding: 12px 12px 20px 12px; }
.ind2block .mid { min-width: auto; }
.xdate span { font-size: 45px; padding: 0 8px; }
.xdate .day, .xdate .month { margin-right: 8px; }
#index3 { padding-top: 35px; }
#index3 .h1 { text-align: center; padding-left: 0; }
.olympiads { padding: 0; } .olympiads > div { border-radius: 0; }
#index5 .d50.pt .h1 { margin: 11px 0; }
.info_block { padding: 22px 12px; border-radius: 0; }
#index5 .d50 .inf { font-size: 17px; }
#index5 .d50.pt .red { font-size: 47px; }
#index5 .info_block { margin: 40px 0 0; }
#footer .f2, #footer .f3 { width: 100%; float: none; }
#footer .f3 { margin-bottom: 14px; }
#footer { border-bottom-width: 74px; }
#footer .foot_abyss { height: 74px; line-height: 16px; margin-bottom: -86px; font-size: 10px; }
.post.full article .xbut:first-of-type { margin-bottom: 8px; }
#header_menu .auth_on.on { padding-left: 6px; padding-right: 5px; right: calc(50% - 153px); }
.auth_on.on img { width: 27px; height: 27px; margin-right: 7px; margin-top: -3px; }
#header_menu .auth_on.on:after { font-size: 14px; }
.com_user .name a { width: 170px; font-size: 14px; }
.comment .meta .left { width: 77px; }
.comms_wrp button.send { margin: 11px 0; }
#addcomment .c-captcha { margin-top: 11px; }
.kz .lng_change i { left: calc(100% - 52px); }
.kz .lng_change b { left: calc(100% - 180px); }
}
@media (max-width: 419px) {
#header .logo { width: 222px; }
.pinfo { margin: 19px 0 17px; }
#olimp_slider { margin: 24px 0; padding: 21px 0 27px; }
#olimp_slider a.sp_arr_blt, #olimp_slider a.sp_arr_brt { margin: 0; }
#olimp_slider .slider__item { padding: 0 7px 0 13px; }
.post .post_inf br { display: block; }
.pcat a { margin-bottom: 3px; }
.b24-form-header-title { font-size: 18px !important; line-height: 23px !important; }
.b24-form-field-layout-section { font-size: 15px !important; line-height: 21px !important; }
.b24-form-control-select-label, .b24-form-control-label { font: 13px/15px var(--b24-font-family) !important; }
.b24-form-control-list-selector-item-title { font-size: 14px !important; }
.b24-form-dropdown-title { font-size: 18px !important; }
.comment .avatar { margin-right: 8px; } .com_user { margin-right: 4px; }
.com_user .name a { width: 164px; }
#dle-comments-list > .comments-tree-list > li > .comments-tree-list,
#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 0; }
#olimp_gift .slider__wrapper { margin: 0; }
#userinfo legend { font-size: 19px; }
.userinfo_top .avatar { left: calc(50% - 50px); }
#userinfo li .gray { overflow: hidden; display: inline-block; text-overflow: ellipsis; }
#userinfo .tab-content > .tab-pane { font-size: 13px; }
#page_content.page_full .box { -webkit-box-shadow: none; box-shadow: none; }
.page_full .box_in:not(.stats_head) { padding: 0; }
.form_submit { text-align: center; }
#entryform .form_submit .btn-border { margin-top: 12px; }
.kz #send_app .tabs label span { font-size: 17px; }
.form_olimp { width: calc(100% + 24px); margin-left: -12px; }
.form_olimp .tabs input[type="radio"] + label { font-size: 15px; }
}

.modal-body{
	display: none;
}

@media (pointer:fine) {
	.modal .modal-body{
		position: relative;
	}
	.modal-body::-webkit-scrollbar {
		position: absolute;
		right: 0;
		width: 8px;
	}
	 
	.modal-body::-webkit-scrollbar-track {
		width: 8px;
	}
	 
	.modal-body::-webkit-scrollbar-thumb {
		width: 8px;
		background: #ffb475;
	}
	.modal .modal_langs{
		width: calc(100% - 8px);
	}
}
.modal-body.active{
	display: block;
}
.modal_langs{
	display: flex;
	justify-content: space-between;
	padding: 40px 40px 0;
}
.modal_lang{
    width: 50%;
    cursor: pointer;
    text-align: center;
	text-transform: uppercase;
    font-weight: 700;
    padding: 16px 0;
    opacity: 0.5;
}
.modal_lang.active{
    opacity: 1;
	background: #ffe1c8;
}
.modal-body .tabs{
	background: #ffe1c8;
	padding-top: 20px;
}
.modal-body{
	padding-top: 0 !important;
}
.form_olimp .modal-content{
	max-width: none;
	max-height: none;
}
.form_olimp .modal_langs{
	padding: 0;
}
.form_olimp{
	padding: 40px;
}
.form_olimp .tabs input[type="radio"]:not(:checked) + label{
	background: none;
}
.form_olimp .tabs input[type="radio"]:checked + label span{
	opacity: 1;

	border-bottom: 2px dashed;
}
.tabs label span{
	opacity: 0.5;
	font-size: 24px;

}
@media (max-width: 565px) {
	.modal_langs{
		padding: 20px 20px 0;
		flex-direction: column;
	}
	.modal_lang{
		width: 100%;
		margin-bottom: 10px;
	}
}

label.b24-form-control-container {
    width: 100% !important;
	align-items: center !important;
	height: auto !important;
}

@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-moz-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-o-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}


.form_olimp_new_wrap { background: #ffeddc; border-radius: 10px; padding: 89px 35px 71px; font-family: Exo2, 'KZ_Exo 2', 'Exo 2'; }
.form_olimp_new_wrap::-webkit-scrollbar { background: #ffeddc; width: 12px; }
.form_olimp_new_wrap::-webkit-scrollbar-thumb { background: #ffb475; border-radius: 6px; }
.form_olimp_new_wrap::selection { background: #ffb475; color: #ffeddc; border-radius: 6px; }
.form_olimp_new_wrap::-moz-selection { background: #ffb475; color: #ffeddc; border-radius: 6px; }
    .form_olimp_new { padding: 16px 20px 32px; background: #fff; border-radius: 10px; position: relative; }
        .form_olimp_new_title { margin: 0 0 40px; text-align: center; font-size: 24px; color: #000; font-weight: 800; line-height: 1.2; }
        .form_olimp_new_lang { margin: 0 0 20px; display: flex; gap: 35px; align-items: center; }
            .form_olimp_new_lang_text { font-size: 18px; color: #000; white-space: nowrap; font-weight: 600; }
            .form_olimp_new_lang label { width: 100%; }
                .form_olimp_new_lang label input { display: none; }
                .form_olimp_new_lang label div { cursor: pointer; width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; background: #ffd9ba; font-size: 14px; color: #000; text-transform: uppercase; border-radius: 10px; -webkit-transition: all 300ms; transition: all 300ms; font-weight: 600; }
                .form_olimp_new_lang label div:hover { background: #ffb475; }
                .form_olimp_new_lang label input:checked + div { background: #ffb475; }
        .form_olimp_new_phone {  display: flex; gap: 35px; margin: 0 0 13px; }
            .form_olimp_new_field { width: 100%; position: relative; margin: 0 0 10px; }
            .form_olimp_new_phone .form_olimp_new_field { margin: 0; }
                .form_olimp_new_field input[type="text"] { width: 100%; height: 50px; box-sizing: border-box; border: 1px solid transparent; background: #f5f5f5; border-radius: 10px; padding: 23px 14px 5px; font-size: 18px; line-height: 20px; font-weight: 600; color: #000; }
                .form_olimp_new_field label, .form_olimp_new_select_top_title { font-size: 14px; color: #000; line-height: 14px; position: absolute; left: 15px; top: 12px; pointer-events: none; font-weight: 600; -webkit-transition: all 300ms; transition: all 300ms; }
                    .form_olimp_new_field label .required, .form_olimp_new_select_top_title .required { color: #fc0606; }
                .form_olimp_new_field input[type="text"]:focus + label, .form_olimp_new_field label.small, .open .form_olimp_new_select_top_title, .selected .form_olimp_new_select_top_title { font-size: 12px; top: 4px; line-height: 14px; }
                .form_olimp_new_field input[type="text"]:focus { border-color: transparent; }
                .form_olimp_new_field input[type="text"].error { background: #fad6d6; border-color: #fbcbbf; }
                .form_olimp_new_field_error_mess { display: none; color: #fa3504; font-size: 18px; line-height: 22px; font-weight: 600; padding: 9px 15px 0; }
                input.error ~ .form_olimp_new_field_error_mess { display: block; }
            .form_olimp_new_phone_btn { width: 100%;display: none; }
                .form_olimp_new_phone_btn button { width: 100%; height: 50px; border: none; outline: none; background: #ffb475; font-size: 14px; color: #000; font-weight: 800; text-transform: uppercase; cursor: pointer; border-radius: 10px; }
                .form_olimp_new_phone_btn button:hover { opacity: 0.7; }
                .form_olimp_new_phone_btn button:disabled { opacity: 0.2; cursor: default; }
            .form_olimp_new_option { 
			/*display: none; */
			}
            /*.items.selected + .form_olimp_new_option { display: block; }*/
                .form_olimp_new_checkboxes { display: flex; flex-wrap: wrap; position: relative; margin: 0 -15px 0; }
                    .form_olimp_new_checkboxes label { cursor: pointer; width: calc(20% - 30px); margin: 0 15px 15px; }
                        .form_olimp_new_checkboxes label input { display: none; }
                            .form_olimp_new_checkboxes label div { display: block; position: relative; padding: 13px 10px 14px 48px; background: #f5f5f5; border-radius: 10px; line-height: 0; }
                            .form_olimp_new_checkboxes label input:disabled + div { opacity: 0.4; cursor: auto; }
                            .form_olimp_new_checkboxes label input:checked + div { background: #ffb475; }
                                .form_olimp_new_checkboxes label div .ico { position: absolute; width: 18px; height: 18px; border-radius: 50%; left: 16px; top: 50%; margin: -9px 0 0; background: #ffd0a8 url(../images/check.png) no-repeat center center; color: #000; }
                                .form_olimp_new_checkboxes label input:checked + div .ico { background-color: #fff; }
                                .form_olimp_new_checkboxes label div .img { position: absolute; font-size: 0; line-height: 0; top: 50%; left: 12px; max-width: 28px; transform: translate(0,-50%); }
                                .form_olimp_new_checkboxes label div .name { font-size: 14px; color: #000; line-height: 1.2; font-weight: 600; margin: 0 0 2px; display: block; }
                                .form_olimp_new_checkboxes label div .date { font-size: 12px; color: #000; line-height: 1.2; }
        .form_olimp_new_code { display: none; }
        .form_olimp_new_user_data { /*display: none;*/ }
            .form_olimp_new_field_add { display: flex; align-items: center; padding: 5px 0 20px; }
                .form_olimp_new_field_add_info { margin: 0 3px 0 0; min-width: 240px; }
                    .form_olimp_new_field_add_info_title { font-size: 18px; color: #000; line-height: 1.2; font-weight: 600; margin: 0 0 2px; }
                    .form_olimp_new_field_add_info_text { font-size: 10px; color: #000; line-height: 1.2; }
                .form_olimp_new_field_add_add_btns { display: flex; align-items: center; }
                    .form_olimp_new_field_add_add_btns button { margin: 0 8px 0 0; width: 30px; height: 30px; box-sizing: border-box; padding: 0 0 5px; border-radius: 7px; background: #ffb475; border: none; outline: none; cursor: pointer; font-size: 24px; line-height: 1; font-weight: 600; color: #000; }
                    .form_olimp_new_field_add_add_btns button:hover:not(:disabled) { opacity: 0.7; }
                    .form_olimp_new_field_add_add_btns button:disabled { background: #ffd0a8; cursor: default; }
        .form_olimp_new_select { margin: 0 0 15px; width: 100%; position: relative; }
            .form_olimp_new_select_top { width: 100%; position: relative; height: 50px; border-radius: 10px; cursor: pointer; background: #f5f5f5; border-radius: 10px; border: 1px solid transparent; }
                .form_olimp_new_select_top_select { padding: 23px 40px 5px 15px; font-size: 18px; line-height: 20px; font-weight: 600; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
                .form_olimp_new_select_top_select:after { content: ''; width: 9px; height: 9px; position: absolute; right: 26px; top: 50%; transform: translate(0,-50%); background: url(../images/ico_select.png) no-repeat center center; background-size: contain; }
            input.error ~ .form_olimp_new_select_top { background: #fad6d6; border-color: #fbcbbf; }
            .form_olimp_new_select_wrap { display: none; padding: 10px 23px 10px 30px; background: #f5f5f5; border-radius: 10px; position: absolute; left: 0; top: 100%; z-index: 100; width: 100%; }
                .form_olimp_new_select_content { max-height: 286px; overflow: auto; padding: 0 90px 0 0; }
                .form_olimp_new_select_content::-webkit-scrollbar { background: #f5f5f5; width: 12px; }
                .form_olimp_new_select_content::-webkit-scrollbar-thumb { background: #ffb475; border-radius: 6px; }
                .form_olimp_new_select_content::selection { background: #ffb475; color: #f5f5f5; border-radius: 6px; }
                .form_olimp_new_select_content::-moz-selection { background: #ffb475; color: #f5f5f5; border-radius: 6px; }
                    .form_olimp_new_select_wrap_item { padding: 7px 0; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 15px; line-height: 18px; color: #000; font-weight: 600; }
                    .form_olimp_new_select_wrap_item + .form_olimp_new_select_wrap_item { border-top: 1px dotted #8a8a8a; }
                        .form_olimp_new_select_wrap_item .title { flex: 1; }
                        .form_olimp_new_select_wrap_item .price { color: #fc0404; font-weight: 800; width: 110px; margin: 0 0 0 15px; text-align: right; }
        .form_olimp_new_conf { padding: 5px 0 20px; display: flex; flex-wrap: wrap; }
            .form_olimp_new_checkbox { margin: 0 46px 10px 0; }
                .form_olimp_new_checkbox label { display: inline-block; position: relative; cursor: pointer; font-size: 10px; line-height: 12px; padding: 3px 0 3px 30px; color: #000; }
                    .form_olimp_new_checkbox label input { display: none; }
                    .form_olimp_new_checkbox label span { width: 18px; height: 18px; border-radius: 50%; position: absolute; left: 0; top: 0; box-sizing: border-box; border: 1px solid #ffb475; }
                    .form_olimp_new_checkbox label input:checked + span { background: #ffb475 url(../images/check.png) no-repeat center center; }
                    .form_olimp_new_checkbox label input.error + span { background: #fad6d6; border-color: #fbcbbf; }
                    .form_olimp_new_checkbox label a { color: #000; text-decoration: underline; }
                    .form_olimp_new_checkbox label a:hover { text-decoration: none; }
        .form_olimp_new_info { margin: 0 0 16px; background: #f5f5f5; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; padding: 17px 24px 17px 18px; }
            .form_olimp_new_info_left { display: flex; align-items: center; font-size: 18px; line-height: 1.2; color: #000; font-weight: 600; }
                .form_olimp_new_info_left_prices { font-weight: 800; color: #fc0505; margin: 0 0 0 12px; }
            .form_olimp_new_info_logo { display: flex; align-items: center; opacity: 0.5; }
                .form_olimp_new_info_logo img { margin: 0 0 0 15px; }
        .form_olimp_new_btn { display: block; }
            .form_olimp_new_btn button { width: 100%; height: 50px; border-radius: 10px; background: #ffb475; border: none; outline: none; padding: 10px; box-sizing: border-box; font-size: 18px; color: #000; font-weight: 800; text-transform: uppercase; }
            .form_olimp_new_btn button:hover { opacity: 0.7; }


.form_olimp_modal_bg { display: none; position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5); background: #ffeddc; border-radius: 10px; }
.form_olimp_modal { display: none; position: absolute; z-index: 11; width: 100%; left: 50%; transform: translate(-50%,-50%); top: 50%; border-radius: 10px; text-align: center; background: #fff; box-sizing: border-box; padding: 65px 30px 45px; }
    .form_olimp_modal_close, .send_app_new_modal_close { width: 20px; height: 20px; position: absolute; right: 25px; top: 15px; cursor: pointer; background: url(../images/ico_close.png) no-repeat center center; }
    .form_olimp_modal_close:hover, .send_app_new_modal_close:hover { opacity: 0.7; }
    .form_olimp_modal_title { margin: 0 0 45px; font-weight: 900; font-size: 24px; line-height: 1.2; color: #000; }
    .form_olimp_modal_btns { display: flex; align-items: center; justify-content: center; }
        .form_olimp_modal_btns button { margin: 0 32px; width: 246px; height: 50px; border: none; outline: none; padding: 0; border-radius: 10px; background: #ffeddc; color: #000; font-size: 18px; font-weight: 900; cursor: pointer; }
        .form_olimp_modal_btns button:first-child { background: #ffb475; }
        .form_olimp_modal_btns button:hover { opacity: 0.7; }
.form_olimp_new_loading_wrap { display: none; }
.form_olimp_new_loading { display: flex; flex-direction: column; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #ffeddc; text-align: center; justify-content: center; align-items: center; }
    .form_olimp_new_loading_img { margin: 0 auto 52px; -webkit-animation-name: rotation;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
    .form_olimp_new_loading_text { font-size: 18px; color: #000; line-height: 1.2; font-weight: 600; text-align: center; }


.send_app_new_modal_bg { display: none; position: fixed; z-index: 100; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.7); }
.send_app_new_modal { display: none; position: fixed; z-index: 101; left: 50%; top: 50%; max-width: 1140px; width: 100%; transform: translate(-50%,-50%); }
.send_app_new_modal .form_olimp_new_wrap { max-height: 90vh; overflow: auto; }

@media (max-width: 699px) {
    
    .form_olimp_new_wrap { padding: 40px 10px 20px; }
        .form_olimp_new { padding: 15px 15px 20px; }
            .form_olimp_new_lang { flex-wrap: wrap; gap: 0; justify-content: space-between; }
                .form_olimp_new_lang_text { width: 100%; margin: 0 0 10px; }
                .form_olimp_new_lang label { width: calc(50% - 7px); }
            .form_olimp_new_phone { gap: 0; flex-wrap: wrap; }
                .form_olimp_new_phone .form_olimp_new_field { margin: 0 0 8px; }
            .form_olimp_new_code label span, #page_content .form_olimp_new_code label span { display: none; }
    .form_olimp_new_select_content { padding: 0 10px 0 0; }
    .form_olimp_new_info { flex-wrap: wrap; }
        .form_olimp_new_info_left { width: 100%; margin: 0 0 10px; }
        .form_olimp_new_info_logo { width: 100%; }
            .form_olimp_new_info_logo img { margin: 0 15px 0 0; }
    .form_olimp_modal_btns { margin: 0 -20px; }
        .form_olimp_modal_btns button { margin: 0 5px; font-size: 16px; }
    
    .form_olimp_new_checkboxes { margin: 0 -5px; }
        .form_olimp_new_checkboxes label { width: calc(50% - 10px); margin: 0 5px 10px; white-space: nowrap; }
    
}

.olympiads_items{
    display: flex;
    justify-content: space-between;
    background-color: #ffeddc;
    padding: 50px 80px;
    border-radius: 8px;
    margin-bottom: 40px;
}
.olympiads_body{
    overflow: hidden;
}
.olympiads_item{
    width: 23%;
}
.olympiads_item-title{
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    color: #000000;
    font-family: 'Exo 2', sans-serif;
    text-align: center;
    margin-bottom: 45px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.olympiads_item-title .more{
    position: relative;
    content: "";
    display: inline-block;
    height: 29px;
    width: 25px;
    margin-left: 23px;
    background-image: url(../images/olympiads_item.png);
    background-size: cover;
    cursor: pointer;
}
.olympiads_item-title .more .more_toltip{
    position: absolute;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    width: 320px;
    padding: 14px;
    border-radius: 6px;
    z-index: 1;
    top: -10px;
    right: 50%;
    transform: translate(50%,-100%);
    box-shadow: 0px 10px 10px 0px rgba(211,208,208,0.75);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.olympiads_item-title .more:hover .more_toltip{
    opacity: 1;
    visibility: visible;
}
.olympiads_item-info{
    padding: 36px 22px;
    border-radius: 8px;
    box-shadow: 0px 10px 10px 0px rgba(211,208,208,0.75);
    transition: all 0.3s;
}
.olympiads_item-info:hover{
    box-shadow: 5px 20px 15px 0px rgba(211,208,208,0.85);
    transform: scale(1.03);
}
.olympiads_item:nth-child(1) .olympiads_item-info{
    background-color: #20afe9;
}
.olympiads_item:nth-child(2) .olympiads_item-info{
    background-color: #ffbc30;
}
.olympiads_item:nth-child(3) .olympiads_item-info{
    background-color: #2bc27b;
}
.olympiads_item:nth-child(4) .olympiads_item-info{
    background-color: #b0388f;

}

.olympiads_item-list{
    padding: 35px 0;
    border-top: 3px dashed #fff;
    border-bottom: 3px dashed #fff;
}
.olympiads_item-list li{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Exo 2', sans-serif;
}
.form_olimp_sale {
	background: #eb443f;
  border-radius: 10px;
  padding: 12px 20px 1px;
  text-align: center;
  margin-bottom: 20px;
   display: none;
}
.form_olimp_sale p{
	font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  margin: 0 0 5px;
  font-weight: 700;
}
.form_olimp_new_field_add.user .form_olimp_new_field_add_info_title span.bespltext, .form_olimp_new_field_add.items .form_olimp_new_field_add_info_title span.bespltext{ 
	 color: #eb443f;
}
.form_correct,.form_error{
	 display: none;
}
@media (max-width: 767.98px) {
    .olympiads_items {
        padding: 20px 15px;
    }
}
	
@media (max-width: 991.98px) {
    .olympiads_items {
        display: block;
        width: 100%;
		margin: 0 5px;
    }
}

@media (max-width: 767.98px) {
    .olympiads_item-title {
        margin-bottom: 25px;
		margin-top: 55px;
    }
}

@media (max-width: 767.98px) {
    .olympiads_item-list {
        padding: 20px 0;
    }
}

@media (max-width: 767.98px) {
    .olympiads_item {
        width: 100%;
    }
}

/* Основной контейнер секции отзывов */
.certificates {
    padding: 60px 0;
    background-color: #fff; /* Или цвет фона из вашего макета */
}

/* Сетка для элементов отзывов */
.certificates_items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-bottom: 50px;
}

/* Карточка отдельного отзыва */
.certificates_item {
    flex: 0 1 calc(33.333% - 20px); /* 3 колонки на десктопе */
    min-width: 300px;
    background: #f9f9f9;
    padding: 30px;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Изображение внутри отзыва (иконка грамоты или фото) */
.certificates_item-img img {
    width: 80px;
    height: auto;
    margin-bottom: 15px;
    display: block;
}

/* Заголовок (Имя, должность) */
.certificates_item .main_item-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
}

/* Подзаголовок (Регион) */
.certificates_item .main_item-text {
    font-size: 14px;
    color: #777;
    margin-bottom: 15px;
}

/* Текст самого отзыва */
.otziv_tekst {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    font-style: italic;
}

/* Декоративные кавычки (если используются через span) */
.certificates_item-info span {
    /* Стили для декоративных элементов, если они заданы в оригинальном CSS */
}

/* Нижний блок с текстом о центре */
.certificates_inner {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.certificates_inner-title {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
}

.certificates_inner-subtitle {
    font-size: 18px;
    color: #27ae60; /* Зеленый акцентный цвет */
    margin-bottom: 15px;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 992px) {
    .certificates_item {
        flex: 0 1 calc(50% - 20px);
    }
}

@media (max-width: 600px) {
    .certificates_item {
        flex: 0 1 100%;
    }
}


#page_top{
position:relative;
left:50%;
right:50%;
margin-left:-50vw;
margin-right:-50vw;
width:100vw;
}



#page_top{
margin-top:0 !important;
padding-top:0 !important;
}

#page_top .wrp{
max-width:1200px;
width:92%;
margin:0 auto;
}

/* Убираем внутренний отступ, который создает дыру вокруг контента */
#page_content .wrp {
    padding: 0 !important;
}

/* Обнуляем внешние отступы контейнеров DLE */
.base_container, 
.static_page, 
article.box {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Растягиваем первый блок и убираем его верхний маржин */
#page_top {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 0 !important;
}

/* 1. Убиваем высоту у всех оберток DLE над твоим блоком */
#page_content, 
.base_container, 
.static_page, 
article.box {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: flex !important; /* Убирает лишние зазоры между строчными элементами */
    flex-direction: column;
}

/* 2. Прячем пустые теги, которые DLE часто вставляет сам (переносы строк) */
.static_page > br, 
article.box > br {
    display: none !important;
}

/* 3. ЖЕСТКИЙ ФИКС: Отрицательный margin, чтобы "залезть" на полосу */
#page_top {
    margin-top: -50px !important; /* Начни с этого числа */
    padding-top: 50px !important; /* КомпенсируемPadding-ом, чтобы текст не уехал под меню */
    
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    z-index: 1;
}

/* 4. Если наложится на меню — уменьши margin-top выше */

/* Добавляем отступ снизу для всего блока с шагами */
#op_white.steps {
    margin-bottom: 20px !important; /* Настрой число под себя, если нужно больше или меньше */
    display: flex !important; /* Убеждаемся, что блок корректно отображается */
}

/* На всякий случай фиксируем отступ у родителя, чтобы контент не прилипал к низу синего фона */
#page_top {
    padding-bottom: 20px !important;
}

/* МОБИЛЬНАЯ ВЕРСИЯ (для экранов меньше 768px) */
@media screen and (max-width: 768px) {
    /* 1. Выстраиваем шаги вертикально, чтобы не жались в ряд */
    #op_white.steps {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important; /* Расстояние между шагами */
        margin-bottom: 30px !important;
    }

    /* 2. Растягиваем каждый шаг на всю ширину */
    #op_white.steps > div, 
    #op_white.steps .send_app_new {
        width: 100% !important;
        max-width: 320px !important; /* Чтобы не были слишком огромными */
        margin: 0 auto !important;
    }

    /* 3. Убираем отрицательные отступы на мобилках, если они там мешают */
    #page_top {
        margin-top: -20px !important; /* На мобилке зазор обычно другой */
        padding-top: 20px !important;
        padding-bottom: 40px !important;
    }

    /* 4. Корректируем заголовок, чтобы не вылезал за экран */
    #page_top h1 {
        font-size: 24px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 768px) {
    /* 1. Выстраиваем шаги в колонку */
    #op_white.steps {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important; /* Расстояние МЕЖДУ всеми блоками */
        padding: 20px 0 !important; /* Отступы СВЕРХУ и СНИЗУ всей группы */
    }

    /* 2. Настраиваем каждый отдельный шаг */
    #op_white.steps > div {
        width: 100% !important;
        margin: 0 auto !important;
    }

    /* 3. Гарантируем отступ у самого первого и самого последнего элемента */
    #op_white.steps > div:first-child {
        margin-top: 10px !important;
    }

    #op_white.steps > div:last-child {
        margin-bottom: 20px !important;
    }

    /* 4. Чтобы фон первого блока не обрезался слишком рано */
    #page_top {
        padding-bottom: 40px !important;
    }
}
@media screen and (max-width: 768px) {
    /* 1. Делаем фон ПЕРВОГО блока адаптивным */
    #page_top {
        height: auto !important;           /* Убираем фиксированную высоту */
        min-height: 100px !important;      /* Чтобы не схлопнулся */
        padding-bottom: 60px !important;   /* Запас снизу под 4-м блоком */
        display: block !important;
        overflow: visible !important;      /* Чтобы ничего не обрезалось */
    }

    /* 2. Настраиваем список шагов */
    #op_white.steps {
        display: flex !important;
        flex-direction: column !important; /* В колонку */
        gap: 15px !important;              /* Расстояние между кнопками */
        margin-bottom: 20px !important;
		height: auto;
    }

    /* 3. Гарантируем видимость ВСЕХ дочерних элементов */
    #op_white.steps > div {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
    }

    /* 4. Принудительный отступ для 4-го блока, чтобы не лежал на границе */
    #op_white.steps > div:nth-child(4) {
        margin-bottom: 10px !important;
    }
}


/* 1. Убираем стандартные отступы */
#page_content.page_full { padding-top: 0 !important; }
.wrp p.h1.f2 { display: none !important; }

/* 2. Контейнер баннера */
.banner-container {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: #bde4f7 !important;
    margin: 0 !important;
    margin-top: -1px !important;
    padding: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
}

/* 3. Настройки для ПК (вторая картинка) */
@media (min-width: 769px) {
    .banner-container {
        height: 600px !important; /* Твоя высота для ПК */
    }
    .banner-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* Обрезает лишнее по краям, сохраняя высоту */
        object-position: center 20% !important;
        image-rendering: -webkit-optimize-contrast !important;
    }
}

/* 4. Настройки для МОБИЛЬНЫХ (первая картинка) */
@media (max-width: 768px) {
    .banner-container {
        height: auto !important; /* Высота подстроится под пропорции первой картинки */
    }
    .banner-img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important; /* Показывает картинку целиком, без обрезки */
    }
}

body { overflow-x: hidden; }