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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, video {
 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;
}

/* font-family: "Roboto"; */
@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Regular.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-Regular.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-Regular.woff") format("woff"), url("../../../fonts/Roboto/Roboto-Regular.woff2") format("woff2");
 font-style: normal;
 font-weight: normal;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Italic.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Italic.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-Italic.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-Italic.woff") format("woff"), url("../../../fonts/Roboto/Roboto-Italic.woff2") format("woff2");
 font-style: italic;
 font-weight: normal;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Thin.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Thin.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-Thin.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-Thin.woff") format("woff"), url("../../../fonts/Roboto/Roboto-Thin.woff2") format("woff2");
 font-style: normal;
 font-weight: 100;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-ThinItalic.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-ThinItalic.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-ThinItalic.woff") format("woff"), url("../../../fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2");
 font-style: italic;
 font-weight: 100;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Light.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Light.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-Light.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-Light.woff") format("woff"), url("../../../fonts/Roboto/Roboto-Light.woff2") format("woff2");
 font-style: normal;
 font-weight: 300;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-LightItalic.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-LightItalic.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("../../../fonts/Roboto/Roboto-LightItalic.woff2") format("woff2");
 font-style: italic;
 font-weight: 300;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Medium.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Medium.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-Medium.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-Medium.woff") format("woff"), url("../../../fonts/Roboto/Roboto-Medium.woff2") format("woff2");
 font-style: normal;
 font-weight: 500;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-MediumItalic.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-MediumItalic.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-MediumItalic.woff") format("woff"), url("../../../fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2");
 font-style: italic;
 font-weight: 500;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Bold.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Bold.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-Bold.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-Bold.woff") format("woff"), url("../../../fonts/Roboto/Roboto-Bold.woff2") format("woff2");
 font-style: normal;
 font-weight: 700;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-BoldItalic.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-BoldItalic.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("../../../fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2");
 font-style: italic;
 font-weight: 700;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Black.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-Black.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-Black.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-Black.woff") format("woff"), url("../../../fonts/Roboto/Roboto-Black.woff2") format("woff2");
 font-style: normal;
 font-weight: 900;
}

@font-face {
 font-family: "Roboto";
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-BlackItalic.ttf");
 src: url("https://gerchik.ru/fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype"), url("https://gerchik.ru/fonts/Roboto/Roboto-BlackItalic.etf") format("embedded-opentype"), url("../../../fonts/Roboto/Roboto-BlackItalic.woff") format("woff"), url("../../../fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2");
 font-style: italic;
 font-weight: 900;
}

.intl-tel-input {
 height: 100%;
 position: relative;
 display: block;
}

.intl-tel-input * {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
 display: none;
}

.intl-tel-input .v-hide {
 visibility: hidden;
}

.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
 position: relative;
 z-index: 0;
 margin-top: 0 !important;
 margin-bottom: 0 !important;
 padding-right: 36px;
 margin-right: 0;
}

.intl-tel-input .flag-container {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 padding: 1px;
}

.intl-tel-input .selected-flag {
 z-index: 1;
 position: relative;
 width: 36px;
 height: 100%;
 padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
 position: absolute;
 top: 50%;
 margin-top: -2px;
 right: 6px;
 width: 0;
 height: 0;
 border-left: 3px solid transparent;
 border-right: 3px solid transparent;
 border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
 border-top: none;
 border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
 position: absolute;
 z-index: 2;
 list-style: none;
 text-align: left;
 padding: 0;
 margin: 0 0 0 -1px;
 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
 background-color: #fff;
 border: 1px solid #CCC;
 white-space: nowrap;
 max-height: 200px;
 overflow-y: scroll;
}

.intl-tel-input .country-list .country.highlight, .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
 background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list.dropup {
 bottom: 100%;
 margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
 display: inline-block;
 width: 20px;
}

@media (max-width: 500px) {
 .intl-tel-input .country-list {
  white-space: normal;
 }
}

.intl-tel-input .country-list .divider {
 padding-bottom: 5px;
 margin-bottom: 5px;
 border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
 padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
 color: #999;
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag-box {
 vertical-align: middle;
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
 margin-right: 6px;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
 padding-right: 6px;
 padding-left: 52px;
 margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
 right: auto;
 left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
 width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
 cursor: pointer;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
 cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
 background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
 background-color: rgba(0, 0, 0, 0.05);
 display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
 display: table-cell;
 vertical-align: middle;
 padding-left: 28px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
 padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
 width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
 padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
 width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
 padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
 width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
 padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
 width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
 padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
 width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
 padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
 width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
 padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
 width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
 padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
 width: 94px;
}

.intl-tel-input.iti-container {
 position: absolute;
 top: -1000px;
 left: -1000px;
 z-index: 1060;
 padding: 1px;
}

.intl-tel-input.iti-container:hover {
 cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
 top: 30px;
 bottom: 30px;
 left: 30px;
 right: 30px;
 position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
 max-height: 100%;
 width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
 padding: 10px;
 line-height: 1.5em;
}

.iti-flag {
 width: 20px;
}

.iti-flag.be {
 width: 18px;
}

.iti-flag.ch {
 width: 15px;
}

.iti-flag.mc {
 width: 19px;
}

.iti-flag.ne {
 width: 18px;
}

.iti-flag.ac {
 height: 10px;
 background-position: 0 0;
}

.iti-flag.ad {
 height: 14px;
 background-position: -22px 0;
}

.iti-flag.ae {
 height: 10px;
 background-position: -44px 0;
}

.iti-flag.af {
 height: 14px;
 background-position: -66px 0;
}

.iti-flag.ag {
 height: 14px;
 background-position: -88px 0;
}

.iti-flag.ai {
 height: 10px;
 background-position: -110px 0;
}

.iti-flag.al {
 height: 15px;
 background-position: -132px 0;
}

.iti-flag.am {
 height: 10px;
 background-position: -154px 0;
}

.iti-flag.ao {
 height: 14px;
 background-position: -176px 0;
}

.iti-flag.aq {
 height: 14px;
 background-position: -198px 0;
}

.iti-flag.ar {
 height: 13px;
 background-position: -220px 0;
}

.iti-flag.as {
 height: 10px;
 background-position: -242px 0;
}

.iti-flag.at {
 height: 14px;
 background-position: -264px 0;
}

.iti-flag.au {
 height: 10px;
 background-position: -286px 0;
}

.iti-flag.aw {
 height: 14px;
 background-position: -308px 0;
}

.iti-flag.ax {
 height: 13px;
 background-position: -330px 0;
}

.iti-flag.az {
 height: 10px;
 background-position: -352px 0;
}

.iti-flag.ba {
 height: 10px;
 background-position: -374px 0;
}

.iti-flag.bb {
 height: 14px;
 background-position: -396px 0;
}

.iti-flag.bd {
 height: 12px;
 background-position: -418px 0;
}

.iti-flag.be {
 height: 15px;
 background-position: -440px 0;
}

.iti-flag.bf {
 height: 14px;
 background-position: -460px 0;
}

.iti-flag.bg {
 height: 12px;
 background-position: -482px 0;
}

.iti-flag.bh {
 height: 12px;
 background-position: -504px 0;
}

.iti-flag.bi {
 height: 12px;
 background-position: -526px 0;
}

.iti-flag.bj {
 height: 14px;
 background-position: -548px 0;
}

.iti-flag.bl {
 height: 14px;
 background-position: -570px 0;
}

.iti-flag.bm {
 height: 10px;
 background-position: -592px 0;
}

.iti-flag.bn {
 height: 10px;
 background-position: -614px 0;
}

.iti-flag.bo {
 height: 14px;
 background-position: -636px 0;
}

.iti-flag.bq {
 height: 14px;
 background-position: -658px 0;
}

.iti-flag.br {
 height: 14px;
 background-position: -680px 0;
}

.iti-flag.bs {
 height: 10px;
 background-position: -702px 0;
}

.iti-flag.bt {
 height: 14px;
 background-position: -724px 0;
}

.iti-flag.bv {
 height: 15px;
 background-position: -746px 0;
}

.iti-flag.bw {
 height: 14px;
 background-position: -768px 0;
}

.iti-flag.by {
 height: 10px;
 background-position: -790px 0;
}

.iti-flag.bz {
 height: 14px;
 background-position: -812px 0;
}

.iti-flag.ca {
 height: 10px;
 background-position: -834px 0;
}

.iti-flag.cc {
 height: 10px;
 background-position: -856px 0;
}

.iti-flag.cd {
 height: 15px;
 background-position: -878px 0;
}

.iti-flag.cf {
 height: 14px;
 background-position: -900px 0;
}

.iti-flag.cg {
 height: 14px;
 background-position: -922px 0;
}

.iti-flag.ch {
 height: 15px;
 background-position: -944px 0;
}

.iti-flag.ci {
 height: 14px;
 background-position: -961px 0;
}

.iti-flag.ck {
 height: 10px;
 background-position: -983px 0;
}

.iti-flag.cl {
 height: 14px;
 background-position: -1005px 0;
}

.iti-flag.cm {
 height: 14px;
 background-position: -1027px 0;
}

.iti-flag.cn {
 height: 14px;
 background-position: -1049px 0;
}

.iti-flag.co {
 height: 14px;
 background-position: -1071px 0;
}

.iti-flag.cp {
 height: 14px;
 background-position: -1093px 0;
}

.iti-flag.cr {
 height: 12px;
 background-position: -1115px 0;
}

.iti-flag.cu {
 height: 10px;
 background-position: -1137px 0;
}

.iti-flag.cv {
 height: 12px;
 background-position: -1159px 0;
}

.iti-flag.cw {
 height: 14px;
 background-position: -1181px 0;
}

.iti-flag.cx {
 height: 10px;
 background-position: -1203px 0;
}

.iti-flag.cy {
 height: 13px;
 background-position: -1225px 0;
}

.iti-flag.cz {
 height: 14px;
 background-position: -1247px 0;
}

.iti-flag.de {
 height: 12px;
 background-position: -1269px 0;
}

.iti-flag.dg {
 height: 10px;
 background-position: -1291px 0;
}

.iti-flag.dj {
 height: 14px;
 background-position: -1313px 0;
}

.iti-flag.dk {
 height: 15px;
 background-position: -1335px 0;
}

.iti-flag.dm {
 height: 10px;
 background-position: -1357px 0;
}

.iti-flag.do {
 height: 13px;
 background-position: -1379px 0;
}

.iti-flag.dz {
 height: 14px;
 background-position: -1401px 0;
}

.iti-flag.ea {
 height: 14px;
 background-position: -1423px 0;
}

.iti-flag.ec {
 height: 14px;
 background-position: -1445px 0;
}

.iti-flag.ee {
 height: 13px;
 background-position: -1467px 0;
}

.iti-flag.eg {
 height: 14px;
 background-position: -1489px 0;
}

.iti-flag.eh {
 height: 10px;
 background-position: -1511px 0;
}

.iti-flag.er {
 height: 10px;
 background-position: -1533px 0;
}

.iti-flag.es {
 height: 14px;
 background-position: -1555px 0;
}

.iti-flag.et {
 height: 10px;
 background-position: -1577px 0;
}

.iti-flag.eu {
 height: 14px;
 background-position: -1599px 0;
}

.iti-flag.fi {
 height: 12px;
 background-position: -1621px 0;
}

.iti-flag.fj {
 height: 10px;
 background-position: -1643px 0;
}

.iti-flag.fk {
 height: 10px;
 background-position: -1665px 0;
}

.iti-flag.fm {
 height: 11px;
 background-position: -1687px 0;
}

.iti-flag.fo {
 height: 15px;
 background-position: -1709px 0;
}

.iti-flag.fr {
 height: 14px;
 background-position: -1731px 0;
}

.iti-flag.ga {
 height: 15px;
 background-position: -1753px 0;
}

.iti-flag.gb {
 height: 10px;
 background-position: -1775px 0;
}

.iti-flag.gd {
 height: 12px;
 background-position: -1797px 0;
}

.iti-flag.ge {
 height: 14px;
 background-position: -1819px 0;
}

.iti-flag.gf {
 height: 14px;
 background-position: -1841px 0;
}

.iti-flag.gg {
 height: 14px;
 background-position: -1863px 0;
}

.iti-flag.gh {
 height: 14px;
 background-position: -1885px 0;
}

.iti-flag.gi {
 height: 10px;
 background-position: -1907px 0;
}

.iti-flag.gl {
 height: 14px;
 background-position: -1929px 0;
}

.iti-flag.gm {
 height: 14px;
 background-position: -1951px 0;
}

.iti-flag.gn {
 height: 14px;
 background-position: -1973px 0;
}

.iti-flag.gp {
 height: 14px;
 background-position: -1995px 0;
}

.iti-flag.gq {
 height: 14px;
 background-position: -2017px 0;
}

.iti-flag.gr {
 height: 14px;
 background-position: -2039px 0;
}

.iti-flag.gs {
 height: 10px;
 background-position: -2061px 0;
}

.iti-flag.gt {
 height: 13px;
 background-position: -2083px 0;
}

.iti-flag.gu {
 height: 11px;
 background-position: -2105px 0;
}

.iti-flag.gw {
 height: 10px;
 background-position: -2127px 0;
}

.iti-flag.gy {
 height: 12px;
 background-position: -2149px 0;
}

.iti-flag.hk {
 height: 14px;
 background-position: -2171px 0;
}

.iti-flag.hm {
 height: 10px;
 background-position: -2193px 0;
}

.iti-flag.hn {
 height: 10px;
 background-position: -2215px 0;
}

.iti-flag.hr {
 height: 10px;
 background-position: -2237px 0;
}

.iti-flag.ht {
 height: 12px;
 background-position: -2259px 0;
}

.iti-flag.hu {
 height: 10px;
 background-position: -2281px 0;
}

.iti-flag.ic {
 height: 14px;
 background-position: -2303px 0;
}

.iti-flag.id {
 height: 14px;
 background-position: -2325px 0;
}

.iti-flag.ie {
 height: 10px;
 background-position: -2347px 0;
}

.iti-flag.il {
 height: 15px;
 background-position: -2369px 0;
}

.iti-flag.im {
 height: 10px;
 background-position: -2391px 0;
}

.iti-flag.in {
 height: 14px;
 background-position: -2413px 0;
}

.iti-flag.io {
 height: 10px;
 background-position: -2435px 0;
}

.iti-flag.iq {
 height: 14px;
 background-position: -2457px 0;
}

.iti-flag.ir {
 height: 12px;
 background-position: -2479px 0;
}

.iti-flag.is {
 height: 15px;
 background-position: -2501px 0;
}

.iti-flag.it {
 height: 14px;
 background-position: -2523px 0;
}

.iti-flag.je {
 height: 12px;
 background-position: -2545px 0;
}

.iti-flag.jm {
 height: 10px;
 background-position: -2567px 0;
}

.iti-flag.jo {
 height: 10px;
 background-position: -2589px 0;
}

.iti-flag.jp {
 height: 14px;
 background-position: -2611px 0;
}

.iti-flag.ke {
 height: 14px;
 background-position: -2633px 0;
}

.iti-flag.kg {
 height: 12px;
 background-position: -2655px 0;
}

.iti-flag.kh {
 height: 13px;
 background-position: -2677px 0;
}

.iti-flag.ki {
 height: 10px;
 background-position: -2699px 0;
}

.iti-flag.km {
 height: 12px;
 background-position: -2721px 0;
}

.iti-flag.kn {
 height: 14px;
 background-position: -2743px 0;
}

.iti-flag.kp {
 height: 10px;
 background-position: -2765px 0;
}

.iti-flag.kr {
 height: 14px;
 background-position: -2787px 0;
}

.iti-flag.kw {
 height: 10px;
 background-position: -2809px 0;
}

.iti-flag.ky {
 height: 10px;
 background-position: -2831px 0;
}

.iti-flag.kz {
 height: 10px;
 background-position: -2853px 0;
}

.iti-flag.la {
 height: 14px;
 background-position: -2875px 0;
}

.iti-flag.lb {
 height: 14px;
 background-position: -2897px 0;
}

.iti-flag.lc {
 height: 10px;
 background-position: -2919px 0;
}

.iti-flag.li {
 height: 12px;
 background-position: -2941px 0;
}

.iti-flag.lk {
 height: 10px;
 background-position: -2963px 0;
}

.iti-flag.lr {
 height: 11px;
 background-position: -2985px 0;
}

.iti-flag.ls {
 height: 14px;
 background-position: -3007px 0;
}

.iti-flag.lt {
 height: 12px;
 background-position: -3029px 0;
}

.iti-flag.lu {
 height: 12px;
 background-position: -3051px 0;
}

.iti-flag.lv {
 height: 10px;
 background-position: -3073px 0;
}

.iti-flag.ly {
 height: 10px;
 background-position: -3095px 0;
}

.iti-flag.ma {
 height: 14px;
 background-position: -3117px 0;
}

.iti-flag.mc {
 height: 15px;
 background-position: -3139px 0;
}

.iti-flag.md {
 height: 10px;
 background-position: -3160px 0;
}

.iti-flag.me {
 height: 10px;
 background-position: -3182px 0;
}

.iti-flag.mf {
 height: 14px;
 background-position: -3204px 0;
}

.iti-flag.mg {
 height: 14px;
 background-position: -3226px 0;
}

.iti-flag.mh {
 height: 11px;
 background-position: -3248px 0;
}

.iti-flag.mk {
 height: 10px;
 background-position: -3270px 0;
}

.iti-flag.ml {
 height: 14px;
 background-position: -3292px 0;
}

.iti-flag.mm {
 height: 14px;
 background-position: -3314px 0;
}

.iti-flag.mn {
 height: 10px;
 background-position: -3336px 0;
}

.iti-flag.mo {
 height: 14px;
 background-position: -3358px 0;
}

.iti-flag.mp {
 height: 10px;
 background-position: -3380px 0;
}

.iti-flag.mq {
 height: 14px;
 background-position: -3402px 0;
}

.iti-flag.mr {
 height: 14px;
 background-position: -3424px 0;
}

.iti-flag.ms {
 height: 10px;
 background-position: -3446px 0;
}

.iti-flag.mt {
 height: 14px;
 background-position: -3468px 0;
}

.iti-flag.mu {
 height: 14px;
 background-position: -3490px 0;
}

.iti-flag.mv {
 height: 14px;
 background-position: -3512px 0;
}

.iti-flag.mw {
 height: 14px;
 background-position: -3534px 0;
}

.iti-flag.mx {
 height: 12px;
 background-position: -3556px 0;
}

.iti-flag.my {
 height: 10px;
 background-position: -3578px 0;
}

.iti-flag.mz {
 height: 14px;
 background-position: -3600px 0;
}

.iti-flag.na {
 height: 14px;
 background-position: -3622px 0;
}

.iti-flag.nc {
 height: 10px;
 background-position: -3644px 0;
}

.iti-flag.ne {
 height: 15px;
 background-position: -3666px 0;
}

.iti-flag.nf {
 height: 10px;
 background-position: -3686px 0;
}

.iti-flag.ng {
 height: 10px;
 background-position: -3708px 0;
}

.iti-flag.ni {
 height: 12px;
 background-position: -3730px 0;
}

.iti-flag.nl {
 height: 14px;
 background-position: -3752px 0;
}

.iti-flag.no {
 height: 15px;
 background-position: -3774px 0;
}

.iti-flag.np {
 width: 13px;
 height: 15px;
 background-position: -3796px 0;
}

.iti-flag.nr {
 height: 10px;
 background-position: -3811px 0;
}

.iti-flag.nu {
 height: 10px;
 background-position: -3833px 0;
}

.iti-flag.nz {
 height: 10px;
 background-position: -3855px 0;
}

.iti-flag.om {
 height: 10px;
 background-position: -3877px 0;
}

.iti-flag.pa {
 height: 14px;
 background-position: -3899px 0;
}

.iti-flag.pe {
 height: 14px;
 background-position: -3921px 0;
}

.iti-flag.pf {
 height: 14px;
 background-position: -3943px 0;
}

.iti-flag.pg {
 height: 15px;
 background-position: -3965px 0;
}

.iti-flag.ph {
 height: 10px;
 background-position: -3987px 0;
}

.iti-flag.pk {
 height: 14px;
 background-position: -4009px 0;
}

.iti-flag.pl {
 height: 13px;
 background-position: -4031px 0;
}

.iti-flag.pm {
 height: 14px;
 background-position: -4053px 0;
}

.iti-flag.pn {
 height: 10px;
 background-position: -4075px 0;
}

.iti-flag.pr {
 height: 14px;
 background-position: -4097px 0;
}

.iti-flag.ps {
 height: 10px;
 background-position: -4119px 0;
}

.iti-flag.pt {
 height: 14px;
 background-position: -4141px 0;
}

.iti-flag.pw {
 height: 13px;
 background-position: -4163px 0;
}

.iti-flag.py {
 height: 11px;
 background-position: -4185px 0;
}

.iti-flag.qa {
 height: 8px;
 background-position: -4207px 0;
}

.iti-flag.re {
 height: 14px;
 background-position: -4229px 0;
}

.iti-flag.ro {
 height: 14px;
 background-position: -4251px 0;
}

.iti-flag.rs {
 height: 14px;
 background-position: -4273px 0;
}

.iti-flag.ru {
 height: 14px;
 background-position: -4295px 0;
}

.iti-flag.rw {
 height: 14px;
 background-position: -4317px 0;
}

.iti-flag.sa {
 height: 14px;
 background-position: -4339px 0;
}

.iti-flag.sb {
 height: 10px;
 background-position: -4361px 0;
}

.iti-flag.sc {
 height: 10px;
 background-position: -4383px 0;
}

.iti-flag.sd {
 height: 10px;
 background-position: -4405px 0;
}

.iti-flag.se {
 height: 13px;
 background-position: -4427px 0;
}

.iti-flag.sg {
 height: 14px;
 background-position: -4449px 0;
}

.iti-flag.sh {
 height: 10px;
 background-position: -4471px 0;
}

.iti-flag.si {
 height: 10px;
 background-position: -4493px 0;
}

.iti-flag.sj {
 height: 15px;
 background-position: -4515px 0;
}

.iti-flag.sk {
 height: 14px;
 background-position: -4537px 0;
}

.iti-flag.sl {
 height: 14px;
 background-position: -4559px 0;
}

.iti-flag.sm {
 height: 15px;
 background-position: -4581px 0;
}

.iti-flag.sn {
 height: 14px;
 background-position: -4603px 0;
}

.iti-flag.so {
 height: 14px;
 background-position: -4625px 0;
}

.iti-flag.sr {
 height: 14px;
 background-position: -4647px 0;
}

.iti-flag.ss {
 height: 10px;
 background-position: -4669px 0;
}

.iti-flag.st {
 height: 10px;
 background-position: -4691px 0;
}

.iti-flag.sv {
 height: 12px;
 background-position: -4713px 0;
}

.iti-flag.sx {
 height: 14px;
 background-position: -4735px 0;
}

.iti-flag.sy {
 height: 14px;
 background-position: -4757px 0;
}

.iti-flag.sz {
 height: 14px;
 background-position: -4779px 0;
}

.iti-flag.ta {
 height: 10px;
 background-position: -4801px 0;
}

.iti-flag.tc {
 height: 10px;
 background-position: -4823px 0;
}

.iti-flag.td {
 height: 14px;
 background-position: -4845px 0;
}

.iti-flag.tf {
 height: 14px;
 background-position: -4867px 0;
}

.iti-flag.tg {
 height: 13px;
 background-position: -4889px 0;
}

.iti-flag.th {
 height: 14px;
 background-position: -4911px 0;
}

.iti-flag.tj {
 height: 10px;
 background-position: -4933px 0;
}

.iti-flag.tk {
 height: 10px;
 background-position: -4955px 0;
}

.iti-flag.tl {
 height: 10px;
 background-position: -4977px 0;
}

.iti-flag.tm {
 height: 14px;
 background-position: -4999px 0;
}

.iti-flag.tn {
 height: 14px;
 background-position: -5021px 0;
}

.iti-flag.to {
 height: 10px;
 background-position: -5043px 0;
}

.iti-flag.tr {
 height: 14px;
 background-position: -5065px 0;
}

.iti-flag.tt {
 height: 12px;
 background-position: -5087px 0;
}

.iti-flag.tv {
 height: 10px;
 background-position: -5109px 0;
}

.iti-flag.tw {
 height: 14px;
 background-position: -5131px 0;
}

.iti-flag.tz {
 height: 14px;
 background-position: -5153px 0;
}

.iti-flag.ua {
 height: 14px;
 background-position: -5175px 0;
}

.iti-flag.ug {
 height: 14px;
 background-position: -5197px 0;
}

.iti-flag.um {
 height: 11px;
 background-position: -5219px 0;
}

.iti-flag.us {
 height: 11px;
 background-position: -5241px 0;
}

.iti-flag.uy {
 height: 14px;
 background-position: -5263px 0;
}

.iti-flag.uz {
 height: 10px;
 background-position: -5285px 0;
}

.iti-flag.va {
 width: 15px;
 height: 15px;
 background-position: -5307px 0;
}

.iti-flag.vc {
 height: 14px;
 background-position: -5324px 0;
}

.iti-flag.ve {
 height: 14px;
 background-position: -5346px 0;
}

.iti-flag.vg {
 height: 10px;
 background-position: -5368px 0;
}

.iti-flag.vi {
 height: 14px;
 background-position: -5390px 0;
}

.iti-flag.vn {
 height: 14px;
 background-position: -5412px 0;
}

.iti-flag.vu {
 height: 12px;
 background-position: -5434px 0;
}

.iti-flag.wf {
 height: 14px;
 background-position: -5456px 0;
}

.iti-flag.ws {
 height: 10px;
 background-position: -5478px 0;
}

.iti-flag.xk {
 height: 15px;
 background-position: -5500px 0;
}

.iti-flag.ye {
 height: 14px;
 background-position: -5522px 0;
}

.iti-flag.yt {
 height: 14px;
 background-position: -5544px 0;
}

.iti-flag.za {
 height: 14px;
 background-position: -5566px 0;
}

.iti-flag.zm {
 height: 14px;
 background-position: -5588px 0;
}

.iti-flag.zw {
 height: 10px;
 background-position: -5610px 0;
}

.iti-flag {
 height: 15px;
 box-shadow: 0 0 1px 0 #888;
 background-image: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/flags.png);
 background-repeat: no-repeat;
 background-color: #DBDBDB;
 background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
 .iti-flag {
  background-size: 5630px 15px;
  background-image: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/flags@2x.png);
 }
}

.iti-flag.np {
 background-color: transparent;
}

/* Slider */
.slick-slider {
 position: relative;
 display: block;
 box-sizing: border-box;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent;
}

.slick-list {
 position: relative;
 overflow: hidden;
 display: block;
 margin: 0;
 padding: 0;
}

.slick-list:focus {
 outline: none;
}

.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}

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

.slick-track {
 position: relative;
 left: 0;
 top: 0;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.slick-track:before, .slick-track:after {
 content: "";
 display: table;
}

.slick-track:after {
 clear: both;
}

.slick-loading .slick-track {
 visibility: hidden;
}

.slick-slide {
 float: left;
 height: 100%;
 min-height: 1px;
 display: none;
}

[dir="rtl"] .slick-slide {
 float: right;
}

.slick-slide img {
 display: block;
}

.slick-slide.slick-loading img {
 display: none;
}

.slick-slide.dragging img {
 pointer-events: none;
}

.slick-initialized .slick-slide {
 display: block;
}

.slick-loading .slick-slide {
 visibility: hidden;
}

.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent;
}

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

/*.logo {*/
 /*width: 233px!important;*/
 /*height: 70px!important;*/
 /*background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/logo.svg) no-repeat center/contain!important;*/
/*}*/

/*@media (max-width: 720px) {*/
 /*.logo {*/
  /*width: 159px!important;*/
  /*height: 48px!important;*/
 /*}*/
/*}*/

/*.logo.logo--white {*/
 /*background-image: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/logo-white.svg)!important;*/
/*}*/

.videos-list .lock-icon, .videos-main:after, .videos-item .videos-item__lock {
 width: 56px;
 height: 56px;
 border-radius: 50%;
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/lock-icon.svg) no-repeat center, rgba(255, 255, 255, 0.3);
 position: absolute;
 top: calc(50% - 28px);
 left: calc(50% - 28px);
}

.form-block {
 background: #ffffff;
 padding: 26px 32px 42px;
 margin: 0 auto;
 position: relative;
}

@media (max-width: 1240px) {
 .form-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
 }
}

@media (max-width: 1240px) and (min-width: 720px) {
 .form-block {
  width: 577px;
  padding: 24px 70px 34px;
 }
}

@media (max-width: 720px) {
 .form-block {
  /*width: 100%;*/
  width: 375px;
  /*padding: 32px 10px 42px;*/
  padding: 32px 42px 42px;
 }
}

.form-block:before {
 content: '';
 width: 100%;
 height: 10px;
 background: #64CAA4;
 position: absolute;
 bottom: 0;
 left: 0;
}

.form-block .form-block__header {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.form-block .form-block__header .login-formblock-text {
 margin: 0;
}
.form-block .form-block__header .login-formblock-text .dotted-link {
 color: #000;
 border: none;
}
.form-block .form-block__title {
 display: flex;
 align-items: center;
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/lock-icon-green.svg) no-repeat center left;
 font-weight: 700;
 font-size: 16px;
 color: #333333;
 padding: 8px 28px 2px;
}
.form-block .form-block__title .socials {
 margin-left: 25px;
}

@media (max-width: 1240px) {
 .form-block .form-block__header {
  flex-direction: column;
 }
 .form-block .form-block__header .login-formblock-text {
  width: 100%;
  position: absolute;
  top: 340px;
  left: 0;
 }
 .form-block .form-block__title {
  flex-direction: column;
  background-position: top 4px left;
 }
 .form-block .form-block__title .socials {
  margin: 20px 0 0;
 }
}
@media (max-width: 720px) {
 .form-block .form-block__title .socials {
  margin-right: 42px;
 }
}

@media (max-width: 1240px) and (min-width: 720px) {
 .form-block .form-block__title {
  margin-bottom: 12px;
 }
}

@media (max-width: 720px) {
 .form-block .form-block__title {
  padding: 0 0 0 42px;
 }
}

.form-block.form-block--1 {
 display: none;
}

@media (max-width: 1240px) {
 .form-block.form-block--1 {
  display: block;
 }
}

.form {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: justify;
 justify-content: space-between;
 margin-top: 20px;
}

@media (max-width: 1240px) {
 .form {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
 }
}

@media (max-width: 720px) {
 .form {
  margin-top: 24px;
 }
}

.form .form__input {
 width: 277px;
}

@media (max-width: 1240px) {
 .form .form__input {
  width: 290px;
  margin-top: 8px;
 }
}

.form .form__input .flag-container {
 padding-left: 5px;
}

.form .form__input .flag-container:hover .selected-flag {
 background: initial;
}

.form .form__input .flag-container .selected-flag {
 outline: none;
}

.form .form__submit {
 width: 250px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: center;
 justify-content: center;
}

@media (max-width: 1240px) {
 .form .form__submit {
  margin-top: 55px;
  /*margin-top: 24px;*/
 }
}

.form .form__submit .form__submit-arrow {
 width: 22px;
 height: 8px;
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/arrow-btn.svg) no-repeat center/contain;
 margin-left: 11px;
}

/*.main-footer .socials {*/
 /*display: -ms-flexbox;*/
 /*display: flex;*/
 /*-ms-flex-align: center;*/
 /*align-items: center;*/
 /*-ms-flex-pack: center;*/
 /*justify-content: center;*/
/*}*/

/*.main-footer .socials .socials__item {*/
 /*display: block;*/
 /*width: 38px;*/
 /*height: 38px;*/
 /*background: no-repeat center / contain;*/
 /*border-radius: 50%;*/
 /*margin: 0 7px;*/
 /*opacity: 0.5;*/
 /*transition: 0.7s;*/
/*}*/

/*.main-footer .socials .socials__item:hover {*/
 /*opacity: 1;*/
 /*-ms-transform: scale(1.1);*/
 /*transform: scale(1.1);*/
/*}*/

/*.main-footer .socials .socials__item.socials__item--fb {*/
 /*background-image: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/fb-icon.svg);*/
/*}*/

/*.main-footer .socials .socials__item.socials__item--vk {*/
 /*background-image: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/vk-icon.svg);*/
/*}*/

/*.main-footer .socials .socials__item.socials__item--yt {*/
 /*background-image: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/yt-icon.svg);*/
/*}*/

/*.main-footer .socials .socials__item.socials__item--tg {*/
 /*background-image: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/tg-icon.svg);*/
/*}*/

/*.main-footer .socials .socials__item.socials__item--in {*/
 /*background-image: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/in-icon.svg);*/
/*}*/

.btn-2 {
 background: #53DEAA;
 border-radius: 200px;
 color: #ffffff;
 font-size: 13px;
 font-weight: 700;
 text-transform: uppercase;
 padding: 16px 28px 15px;
 outline: none;
 cursor: pointer;
 transition: 0.5s;
}

.btn-2:hover {
 background: rgba(83, 222, 170, 0.9);
}

.slick-arrow {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background: no-repeat center / contain;
 font-size: 0;
 position: absolute;
 top: calc(50% - 20px);
 z-index: 10;
 outline: none;
}

.slick-arrow.slick-prev {
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/arrow-left.svg);
 left: calc(50% - 165px);
}

.slick-arrow.slick-next {
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/arrow-right.svg);
 right: calc(50% - 165px);
}

.phone-menu-layout {
 width: 240px;
 height: 70px;
 background: #E9EDF2;
 position: relative;
}

@media (max-width: 720px) {
 .phone-menu-layout {
  width: 48px;
  height: 48px;
 }
}

.phone-menu-layout:before {
 content: '';
 width: 20px;
 height: 20px;
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/tel-icon.svg) no-repeat center/contain;
 position: absolute;
 top: 25px;
 left: 16px;
 z-index: 51;
}

@media (max-width: 720px) {
 .phone-menu-layout:before {
  display: none;
 }
}

.phone-menu-layout .phone-menu__dropdown {
 width: 13px;
 height: 10px;
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/dropdown-icon.svg) no-repeat center/contain;
 position: absolute;
 top: 31px;
 right: 13px;
 transition: 0.4s;
 cursor: pointer;
 z-index: 51;
}

@media (max-width: 720px) {
 .phone-menu-layout .phone-menu__dropdown {
  width: 48px;
  height: 48px;
  background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/dropdown-icon.svg) no-repeat top 22px right 10px/9px, url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/tel-icon.svg) no-repeat top 16px left 10px/16px;
  top: 0;
  right: 0;
 }
}

.phone-menu {
 width: 100%;
 background: #E9EDF2;
 box-shadow: 0px 22px 64px rgba(0, 0, 0, 0.0001);
 padding: 18px 0 18px;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 50;
}

@media (max-width: 720px) {
 .phone-menu {
  display: none;
  width: 240px;
  top: 60px;
  left: auto;
  right: 0;
 }
}

.phone-menu:before {
 content: '';
 display: none;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 6px 6px 6px;
 border-color: transparent transparent #E9EDF2 transparent;
 position: absolute;
 top: -6px;
 right: 20px;
}

@media (max-width: 720px) {
 .phone-menu:before {
  display: block;
 }
}

.phone-menu .phone-menu__hidden {
 display: none;
}

@media (max-width: 720px) {
 .phone-menu .phone-menu__hidden {
  display: block;
 }
}

.phone-menu .phone-menu__item {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: end;
 justify-content: flex-end;
 padding: 4px 31px 4px 16px;
}

.phone-menu .phone-menu__item .phone-menu__item-tel {
 -ms-flex: 1;
 flex: 1;
 color: #404040;
 font-weight: 700;
 font-size: 14px;
 line-height: 26px;
 text-align: right;
}

.phone-menu .phone-menu__item .phone-menu__item-country {
 width: 26px;
 height: 26px;
 border-radius: 50%;
 margin-left: 10px;
}

.phone-menu .phone-menu__item .phone-menu__item-country img {
 width: 100%;
 height: 100%;
 display: block;
}

.phone-menu.phone-menu--active {
 top: 0;
}

@media (max-width: 720px) {
 .phone-menu.phone-menu--active {
  display: block;
 }
}

.phone-menu.phone-menu--active .phone-menu__dropdown {
 -ms-transform: rotate(180deg);
 transform: rotate(180deg);
}

@media (max-width: 720px) {
 .phone-menu.phone-menu--active .phone-menu__active {
  display: block;
 }
}

.phone-menu.phone-menu--active .phone-menu__hidden {
 display: block;
}

/*.main-header {*/
 /*-ms-flex: 0 0 auto;*/
 /*flex: 0 0 auto;*/
 /*padding: 0 0 28px;*/
/*}*/

/*@media (max-width: 1240px) and (min-width: 720px) {*/
 /*.main-header {*/
  /*padding: 0 0 46px;*/
 /*}*/
/*}*/

/*@media (max-width: 720px) {*/
 /*.main-header {*/
  /*padding: 0 0 25px;*/
 /*}*/
/*}*/

/*.main-header .main-wrapper {*/
 /*display: -ms-flexbox;*/
 /*display: flex;*/
 /*-ms-flex-pack: justify;*/
 /*justify-content: space-between;*/
/*}*/

/*.main-footer {*/
 /*-ms-flex: 0 0 auto;*/
 /*flex: 0 0 auto;*/
 /*padding-bottom: 110px;*/
/*}*/

/*@media (max-width: 720px) {*/
 /*.main-footer {*/
  /*padding-bottom: 48px;*/
 /*}*/
/*}*/

/*.main-footer .phone-menu {*/
 /*top: auto;*/
 /*bottom: 0;*/
/*}*/

/*.main-footer .main-wrapper {*/
 /*display: -ms-flexbox;*/
 /*display: flex;*/
 /*-ms-flex-wrap: wrap;*/
 /*flex-wrap: wrap;*/
 /*-ms-flex-pack: justify;*/
 /*justify-content: space-between;*/
 /*position: relative;*/
/*}*/

/*@media (max-width: 720px) {*/
 /*.main-footer .main-wrapper {*/
  /*-ms-flex-direction: column;*/
  /*flex-direction: column;*/
  /*-ms-flex-align: center;*/
  /*align-items: center;*/
 /*}*/
/*}*/

/*.main-footer .phone-menu-layout {*/
 /*margin: 20px 20px 0 0;*/
/*}*/

/*@media (max-width: 1240px) and (min-width: 720px) {*/
 /*.main-footer .phone-menu-layout {*/
  /*margin: 0;*/
  /*position: absolute;*/
  /*top: 0;*/
  /*right: 0;*/
 /*}*/
/*}*/

/*@media (max-width: 720px) {*/
 /*.main-footer .phone-menu-layout {*/
  /*margin: 20px 0;*/
 /*}*/
/*}*/

/*.main-footer p, .main-footer a {*/
 /*display: block;*/
 /*line-height: 30px;*/
 /*font-size: 14px;*/
 /*color: rgba(255, 255, 255, 0.8);*/
/*}*/

/*@media (max-width: 1240px) and (min-width: 720px) {*/
 /*.main-footer {*/
  /*padding-top: 112px;*/
 /*}*/
 /*.main-footer .logo {*/
  /*background-position: left center;*/
  /*width: 100%;*/
  /*margin-bottom: 0;*/
  /*!*margin-bottom: 42px;*!*/
  /*position: absolute;*/
  /*top: -112px;*/
  /*left: 0;*/
 /*}*/
/*}*/

/*.main-footer .socials {*/
 /*margin-top: 25px;*/
/*}*/

/*@media (max-width: 1240px) and (min-width: 720px) {*/
 /*.main-footer .socials {*/
  /*margin-top: 35px;*/
 /*}*/
/*}*/

/*@media (max-width: 720px) {*/
 /*.main-footer .socials {*/
  /*margin-top: 24px;*/
 /*}*/
/*}*/

/*.main-footer .main-footer__list {*/
 /*-ms-flex: 1;*/
 /*flex: 1;*/
 /*margin-left: 75px;*/
/*}*/

/*@media (max-width: 1240px) {*/
 /*.main-footer .main-footer__list {*/
  /*margin: 0;*/
 /*}*/
/*}*/

/*@media (max-width: 720px) {*/
 /*.main-footer .main-footer__list {*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  /*-ms-flex-direction: column;*/
  /*flex-direction: column;*/
  /*-ms-flex-align: center;*/
  /*align-items: center;*/
  /*margin-top: 30px;*/
 /*}*/
/*}*/

/*.main-footer .main-footer__list .main-footer__list-item {*/
 /*text-decoration: underline;*/
/*}*/

/*@media (max-width: 720px) {*/
 /*.main-footer .main-footer__list p {*/
  /*line-height: 20px;*/
  /*margin-bottom: 16px;*/
 /*}*/
/*}*/

/*.main-footer .main-footer__list a {*/
 /*opacity: 0.5;*/
/*}*/

/*.main-footer .main-footer__list a:hover {*/
 /*opacity: 1;*/
/*}*/

/*@media (max-width: 720px) {*/
 /*.main-footer .main-footer__email {*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  /*-ms-flex-direction: column;*/
  /*flex-direction: column;*/
  /*-ms-flex-align: center;*/
  /*align-items: center;*/
  /*margin-top: 24px;*/
 /*}*/
/*}*/

/*.main-footer .main-footer__email a {*/
 /*color: rgba(255, 255, 255, 0.9);*/
 /*font-weight: 500;*/
/*}*/

/*.main-footer .main-footer__phones {*/
 /*background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/common/phone-icon.svg) no-repeat left top 8px;*/
 /*padding-left: 33px;*/
/*}*/

/*@media (max-width: 720px) {*/
 /*.main-footer .main-footer__phones {*/
  /*margin-top: 32px;*/
 /*}*/
/*}*/

/*.main-footer .main-footer__phones a {*/
 /*color: #ffffff;*/
 /*font-weight: 500;*/
/*}*/

html {
 min-height: 100vh;
}

body {
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/home/home-bg.png) no-repeat center/cover, #ffffff!important;
 font-family: Roboto, sans-serif;
 color: #000000;
 line-height: normal;
 font-size: 14px;
 overflow-x: hidden;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1240px) and (min-width: 720px) {
 body {
  background-image: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/home/home-bg-tablet.jpg);
 }
}

@media (max-width: 720px) {
 body {
  background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/home/home-bg-mobile.svg) no-repeat center bottom/auto 2400px;
 }
}

.main {
 padding: 0!important;
}

.main-wrapper {
 /*width: 1180px!important;*/
 /*padding: 0!important;*/
 /*margin: 0 auto;*/
}

@media (max-width: 1240px) and (min-width: 720px) {
 .main-wrapper {
  /*width: 710px!important;*/
 }
}

@media (max-width: 720px) {
 .main-wrapper {
  /*width: 100%!important;*/
  /*width: 310px!important;*/
 }
}

.br-lg {
 display: block;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .br-lg {
  display: none;
 }
}

@media (max-width: 720px) {
 .br-lg {
  display: none;
 }
}

.br-lp {
 display: none;
}

@media (max-width: 1480px) and (min-width: 1240px) {
 .br-lp {
  display: block;
 }
}

@media (max-width: 1240px) and (min-width: 720px) {
 .br-lp {
  display: none;
 }
}

@media (max-width: 720px) {
 .br-lp {
  display: none;
 }
}

.br-lp-md {
 display: none;
}

@media (max-width: 1480px) and (min-width: 1240px) {
 .br-lp-md {
  display: block;
 }
}

@media (max-width: 1240px) and (min-width: 720px) {
 .br-lp-md {
  display: block;
 }
}

@media (max-width: 720px) {
 .br-lp-md {
  display: none;
 }
}

.br-lp-sm {
 display: none;
}

@media (max-width: 1480px) and (min-width: 1240px) {
 .br-lp-sm {
  display: block;
 }
}

@media (max-width: 1240px) and (min-width: 720px) {
 .br-lp-sm {
  display: block;
 }
}

@media (max-width: 720px) {
 .br-lp-sm {
  display: block;
 }
}

.br-lg-md {
 display: block;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .br-lg-md {
  display: block;
 }
}

@media (max-width: 720px) {
 .br-lg-md {
  display: none;
 }
}

.br-lg--sm {
 display: block;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .br-lg--sm {
  display: none;
 }
}

@media (max-width: 720px) {
 .br-lg--sm {
  display: block;
 }
}

.br-md-sm {
 display: none;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .br-md-sm {
  display: block;
 }
}

@media (max-width: 720px) {
 .br-md-sm {
  display: block;
 }
}

.br-md {
 display: none;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .br-md {
  display: block;
 }
}

@media (max-width: 720px) {
 .br-md {
  display: none;
 }
}

.br-sm {
 display: none;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .br-sm {
  display: none;
 }
}

@media (max-width: 720px) {
 .br-sm {
  display: block;
 }
}

.br-sm-text {
 display: none;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .br-sm-text {
  display: none;
 }
}

@media (max-width: 720px) {
 .br-sm-text {
  display: inline;
 }
}

.inline-lg {
 display: inline;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .inline-lg {
  display: none;
 }
}

@media (max-width: 720px) {
 .inline-lg {
  display: none;
 }
}

.inline-lp {
 display: none;
}

@media (max-width: 1480px) and (min-width: 1240px) {
 .inline-lp {
  display: inline;
 }
}

@media (max-width: 1240px) and (min-width: 720px) {
 .inline-lp {
  display: none;
 }
}

@media (max-width: 720px) {
 .inline-lp {
  display: none;
 }
}

.inline-lp-md {
 display: none;
}

@media (max-width: 1480px) and (min-width: 1240px) {
 .inline-lp-md {
  display: inline;
 }
}

@media (max-width: 1240px) and (min-width: 720px) {
 .inline-lp-md {
  display: inline;
 }
}

@media (max-width: 720px) {
 .inline-lp-md {
  display: none;
 }
}

.inline-lp-sm {
 display: none;
}

@media (max-width: 1480px) and (min-width: 1240px) {
 .inline-lp-sm {
  display: inline;
 }
}

@media (max-width: 1240px) and (min-width: 720px) {
 .inline-lp-sm {
  display: inline;
 }
}

@media (max-width: 720px) {
 .inline-lp-sm {
  display: inline;
 }
}

.inline-lg-md {
 display: inline;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .inline-lg-md {
  display: inline;
 }
}

@media (max-width: 720px) {
 .inline-lg-md {
  display: none;
 }
}

.inline-md-sm {
 display: none;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .inline-md-sm {
  display: inline;
 }
}

@media (max-width: 720px) {
 .inline-md-sm {
  display: inline;
 }
}

.inline-md {
 display: none;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .inline-md {
  display: inline;
 }
}

@media (max-width: 720px) {
 .inline-md {
  display: none;
 }
}

.inline-sm {
 display: none;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .inline-sm {
  display: none;
 }
}

@media (max-width: 720px) {
 .inline-sm {
  display: inline;
 }
}

.hidden {
 display: none;
}

.clear {
 display: table;
 clear: both;
}

p, h1, h2, h3, h4, h5, h6, img {
 display: block;
}

a {
 color: #000000;
 text-decoration: none;
 cursor: pointer;
 transition: 0.5s;
}

button {
 background: none;
 border: none;
 transition: 0.5s;
}

em {
 font-style: italic;
}

b, strong {
 font-weight: 700;
}

.form-block input, .form-block textarea, .form-block select, .form-block .input, .form-block .textarea, .form-block .select {
 width: 100%;
 display: block;
 background: #fff;
 border: 1px solid rgba(0, 0, 0, 0.14);
 box-sizing: border-box;
 border-radius: 200px;
 font-size: 14px;
 color: #333333;
 font-family: Roboto, sans-serif;
 line-height: 17px;
 padding: 16px 32px 15px;
 outline: none;
 transition: 0.5s;
}

.form-block input:focus, .form-block input:active, .form-block textarea:focus, .form-block textarea:active, .form-block select:focus, .form-block select:active, .form-block .input:focus, .form-block .input:active, .form-block .textarea:focus, .form-block .textarea:active, .form-block .select:focus, .form-block .select:active {
 border-color: #64CAA4;
}

.form-block textarea {
 resize: none;
}

label {
 display: block;
}

.form-block ::-webkit-input-placeholder {
 /* WebKit, Blink, Edge */
 color: rgba(79, 79, 79, 0.7);
}

.form-block :-moz-placeholder {
 /* Mozilla Firefox 4 to 18 */
 color: rgba(79, 79, 79, 0.7);
}

.form-block ::-moz-placeholder {
 /* Mozilla Firefox 19+ */
 color: rgba(79, 79, 79, 0.7);
}

.form-block :-ms-input-placeholder {
 /* Internet Explorer 10-11 */
 color: rgba(79, 79, 79, 0.7);
}

.form-block ::-ms-input-placeholder {
 /* Microsoft Edge */
 color: rgba(79, 79, 79, 0.7);
}

.form-block ::-webkit-input-placeholder {
 /* Most modern browsers support this now. */
 color: rgba(79, 79, 79, 0.7);
}

.form-block :-ms-input-placeholder {
 /* Most modern browsers support this now. */
 color: rgba(79, 79, 79, 0.7);
}

.form-block ::placeholder {
 /* Most modern browsers support this now. */
 color: rgba(79, 79, 79, 0.7);
}

input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 30px white inset;
}

.intro {
 text-align: center;
 padding-top: 20px;
}

.intro .intro__subtitle {
 font-weight: 700;
 font-size: 18px;
 color: #333333;
}

@media (max-width: 720px) {
 .intro .intro__subtitle {
  line-height: 22px;
  font-size: 16px;
 }
}

.intro .intro__title {
 font-weight: 900;
 line-height: 47px;
 font-size: 48px;
 text-align: center;
 margin-top: 4px;
 position: relative;
}

@media (max-width: 720px) {
 .intro .intro__title {
  line-height: 31px;
  font-size: 28px;
  margin-top: 10px;
 }
}

.intro .intro__title span {
 color: #64CAA4;
 position: relative;
}

.intro .intro__title span:before {
 content: '';
 width: 132px;
 height: 132px;
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/intro/intro-title-span.svg) no-repeat center/contain;
 position: absolute;
 top: calc(50% - 66px);
 left: calc(50% - 66px);
 z-index: -1;
}

@media (max-width: 720px) {
 .intro .intro__title span:before {
  width: 76px;
  height: 76px;
  top: calc(50% - 38px);
  left: calc(50% - 38px);
 }
}

.intro .intro__text {
 font-size: 20px;
 text-align: center;
 color: rgba(79, 79, 79, 0.7);
 margin-top: 18px;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .intro .intro__text {
  margin-top: 8px;
 }
}

@media (max-width: 720px) {
 .intro .intro__text {
  line-height: 22px;
  font-size: 16px;
  margin-top: 17px;
 }
}

.videos {
 padding: 68px 0 0;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .videos {
  padding-top: 63px;
 }
}

@media (max-width: 720px) {
 .videos {
  padding-top: 24px;
 }
}

@media (max-width: 720px) {
 .videos .main-wrapper {
  width: 100%;
 }
}

@media (max-width: 720px) {
 .videos .form-block {
  width: 100%;
  padding-left: calc(50% - 145px);
  padding-right: calc(50% - 145px);
 }
}

.videos-block-layout {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
}

@media (max-width: 1240px) {
 .videos-block-layout {
  display: block;
 }
}

.videos-block {
 max-width: 770px;
 display: -ms-flexbox;
 display: flex;
 flex-direction: column;
 margin: 0 auto;
 position: relative;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .videos-block {
  width: 577px;
  -ms-flex-direction: column;
  flex-direction: column;
 }
}

@media (max-width: 720px) {
 .videos-block {
  display: block;
 }
}

.videos-main {
 width: 100%;
 /*width: 401px;*/
 height: 153px;
 /*height: 304px;*/
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 align-items: flex-start;
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/videos/videos-item-1.jpg) no-repeat top -25px left / 50% auto, #4b5970;
 padding: 25px 100px 25px 485px;
 /*padding: 32px;*/
 position: relative;
 cursor: pointer;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .videos-main {
  width: 385px;
  height: 304px;
  background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/videos/videos-item-1.jpg) no-repeat center / cover, #4b5970;
  padding: 32px;
 }
}

@media (max-width: 720px) {
 .videos-main {
  display: none;
 }
}

.videos-main:after {
 content: '';
}

.videos-main .videos-main__number {
 -ms-flex: 1;
 flex: 1;
 /*-ms-flex-item-align: end;*/
 /*align-self: flex-end;*/
 color: #ffffff;
}

.videos-main .videos-main__number span {
 color: rgba(242, 242, 242, 0.8);
}

.videos-main .videos-main__title {
 font-size: 20px;
 font-weight: 700;
 color: #F2F2F2;
 margin-bottom: 8px;
}

.videos-main .videos-main__text {
 color: rgba(255, 255, 255, 0.9);
 margin-bottom: 3px;
}

.videos-main .videos-main__text:last-child {
 margin-bottom: 0;
}

.videos-list {
 -ms-flex: 1;
 flex: 1;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

@media (max-width: 720px) {
 .videos-list {
  -ms-flex: auto;
  flex: auto;
  display: block;
 }
}

.videos-item {
 width: 33.33%;
 height: 152px;
 background: no-repeat top left/cover, #142A48;
 position: relative;
 overflow: hidden;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .videos-item {
  width: 33.33%;
 }
}

@media (max-width: 720px) {
 .videos-item {
  width: 290px;
  height: 304px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-position: center;
  margin: 0 4px;
 }
}

.videos-item:hover .videos-item__content-1 {
 top: -100%;
}

@media (max-width: 720px) {
 .videos-item:hover .videos-item__content-1 {
  top: 0;
 }
}

.videos-item:hover .videos-item__content-2 {
 top: 0;
}

@media (max-width: 720px) {
 .videos-item:hover .videos-item__content-2 {
  bottom: 0;
 }
}

@media (max-width: 1240px) and (min-width: 720px) {
 .videos-item.videos-item:nth-child(2), .videos-item.videos-item:nth-child(3) {
  position: absolute;
  top: 0;
  right: 0;
 }

 .videos-item.videos-item:nth-child(3) {
  top: 152px;
 }
}

.videos-item .videos-item__content-1, .videos-item .videos-item__content-2 {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 transition: 0.5s;
 cursor: pointer;
}

@media (max-width: 720px) {
 .videos-item .videos-item__content-1, .videos-item .videos-item__content-2 {
  height: auto;
 }
}

.videos-item .videos-item__content-1 {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: center;
 align-items: left;
 -ms-flex-pack: justify;
 justify-content: space-between;
 padding: 30px 16px 11px;
}

@media (max-width: 720px) {
 .videos-item .videos-item__content-1 {
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 24px;
  position: static;
 }
}

.videos-item .videos-item__content-2 {
 top: 100%;
 background: rgba(83, 222, 170, 0.9);
 padding: 16px 16px 26px;
}

@media (max-width: 720px) {
 .videos-item .videos-item__content-2 {
  background: transparent;
  padding: 24px;
  top: auto;
  bottom: 0;
 }
}

.videos-item .videos-item__content-2 .videos-item__title h2 {
 line-height: 18px;
 font-size: 14px;
}

@media (max-width: 720px) {
 .videos-item .videos-item__content-2 .videos-item__title h2 {
  font-size: 20px;
  line-height: normal;
 }
}

.videos-item .videos-item__lock {
 width: 46px;
 height: 46px;
 background-size: 20px auto;
 position: relative;
 top: 0;
}

@media (max-width: 720px) {
 .videos-item .videos-item__lock {
  width: 56px;
  height: 56px;
  background-size: 24px auto;
  position: absolute;
  top: calc(50% - 28px);
  left: calc(50% - 28px);
 }
}

.videos-item .videos-item__title {
 height: 52px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-pack: center;
 justify-content: center;
}

@media (max-width: 720px) {
 .videos-item .videos-item__title {
  height: auto;
 }
}

.videos-item .videos-item__title h3 {
 color: #ffffff;
 font-size: 12px;
}

.videos-item .videos-item__title h3 span {
 color: #F2F2F2;
}

.videos-item .videos-item__title h2 {
 color: #ffffff;
 line-height: 17px;
 font-size: 13px;
 font-weight: 700;
 margin-top: 3px;
}

@media (max-width: 720px) {
 .videos-item .videos-item__title h2 {
  display: none;
 }
}

.videos-item .videos-item__about {
 margin-top: 8px;
}

.videos-item .videos-item__about p {
 color: rgba(255, 255, 255, 0.9);
 font-size: 12px;
 margin-bottom: 7px;
}

@media (max-width: 720px) {
 .videos-item .videos-item__about p {
  font-size: 13px;
  margin-bottom: 2px;
 }
}

.videos-item .videos-item__about p:last-child {
 margin-bottom: 0;
}

.about {
 padding: 86px 0;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .about {
  padding: 72px 0;
 }
}

@media (max-width: 720px) {
 .about {
  padding: 48px 0;
 }
}

.about .main-wrapper {
 max-width: 1180px;
 background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/about/about-bg.png) no-repeat left top 20px;
}

@media (max-width: 1240px) {
 .about .main-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
 }
}

@media (max-width: 1240px) and (min-width: 720px) {
 .about .main-wrapper {
  background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/about/about-bg-tablet.png) no-repeat center top 60px;
 }
}

@media (max-width: 720px) {
 .about .main-wrapper {
  width: 100%;
  background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/about/about-bg-tablet.png) no-repeat center top 100px;
 }
}

.about .form-block {
 margin-top: 40px;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .about .form-block {
  margin-top: 30px;
 }
}

@media (max-width: 720px) {
 .about .form-block {
  margin-top: 32px;
 }
}

.about-list {
 padding: 85px 0 0 600px;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .about-list {
  width: 490px;
  padding: 0;
 }
}

@media (max-width: 720px) {
 .about-list {
  width: 290px;
  padding: 0;
 }
}

.about-list h2 {
 font-weight: 700;
 font-size: 30px;
 color: #ffffff;
}

@media (max-width: 1240px) {
 .about-list h2 {
  text-align: center;
 }
}

.about-list ul {
 margin-top: 24px;
}

@media (max-width: 1240px) {
 .about-list ul {
  margin-top: 305px;
 }
}

.about-list ul li {
 line-height: 23px;
 font-size: 14px;
 color: rgba(255, 255, 255, 0.8);
 margin-bottom: 23px;
}

.about-list ul li:before {
 content: '';
 display: inline-block;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #53DEAA;
 margin-right: 10px;
}

.about-list ul li:last-child {
 margin-bottom: 0;
}

.about-text {
 text-align: center;
 margin-top: 80px;
}

@media (max-width: 1240px) and (min-width: 720px) {
 .about-text {
  margin-top: 64px;
 }
}

@media (max-width: 720px) {
 .about-text {
  width: 290px;
  margin-top: 33px;
 }
}

.about-text h3 {
 line-height: 25px;
 font-size: 18px;
 text-align: center;
 color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 720px) {
 .about-text h3 {
  line-height: 23px;
 }
}

.about-text h2 {
 font-weight: 700;
 font-size: 32px;
 color: #ffffff;
 margin-top: 5px;
}

@media (max-width: 720px) {
 .about-text h2 {
  line-height: 31px;
  font-size: 24px;
  margin-top: 16px;
 }
}


@media (max-width: 1240px) {
 .popup.popup--sm-2.popup-mk.popup-minicourses-registration {
  display: none;
 }
}

#moscowfree-logged .videos-block-layout {
 align-items: flex-start;
}

@media (min-width: 1240px) {
 #moscowfree-logged .about .main-wrapper {
  background: url(https://gerchik.fra1.cdn.digitaloceanspaces.com/img/minicourses/moscowfree/about/about-bg.png) no-repeat left top 40px;
 }
}

@media (max-width: 1240px) {
 #moscowfree-logged .popup.popup--sm-2 {
  margin-top: 50px;
 }
}

@media (max-width: 720px) {
 body#moscowfree {
  padding-top: 64px;
 }
}

#moscowfree .popup .dotted-link {
 color: #fff;
 border-color: #fff;
}