From 96ab4c8d10240599159a942b0d150c2de2eeb236 Mon Sep 17 00:00:00 2001
From: Vitaly Baev <dj@vitalybaev.ru>
Date: Mon, 29 Jan 2018 10:57:14 +0300
Subject: [PATCH] =?UTF-8?q?LIL-88=20=D0=A0=D0=B5=D0=B3=D0=B8=D1=81=D1=82?=
 =?UTF-8?q?=D1=80=D0=B0=D1=86=D0=B8=D1=8F=20=D1=87=D0=B5=D1=80=D0=B5=D0=B7?=
 =?UTF-8?q?=20Facebook=20(=D1=84=D1=80=D0=BE=D0=BD=D1=82)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 project/templates/lilcity/index.html |    4 +-
 web/build/css/app.css                | 7283 +++++++++++++++++++-------
 web/build/css/app.css.map            |    2 +-
 web/build/js/app.js                  |   36 +-
 web/src/js/modules/auth.js           |   41 +-
 web/src/sass/_common.sass            |   41 +-
 6 files changed, 5495 insertions(+), 1912 deletions(-)

diff --git a/project/templates/lilcity/index.html b/project/templates/lilcity/index.html
index e1356ad9..ac332f56 100644
--- a/project/templates/lilcity/index.html
+++ b/project/templates/lilcity/index.html
@@ -234,7 +234,7 @@
                       <div id="learner-auth-field-error__password"
                            class="field__error learner-auth-form__field-error"></div>
 
-                      <div id="learner-auth-field-error__all" class="form__common-error learner-auth-form__field-error"></div>
+                      <div id="learner-auth-field-error__all" class="auth-register__common-error form__common-error learner-auth-form__field-error"></div>
                     </div>
                     <div class="auth__foot">
                       <button class="auth__btn btn btn_light" tabindex="3">ВОЙТИ</button>
@@ -287,7 +287,7 @@
                          class="field__error learner-registration-form__field-error"></div>
 
                     <div id="learner-registration-field-error__all"
-                         class="form__common-error learner-registration-form__field-error"></div>
+                         class="auth-register__common-error form__common-error learner-registration-form__field-error"></div>
                   </div>
                   <div class="auth__foot">
                     <button id="learner-registration-form__submit-button" class="auth__btn btn btn_light">
diff --git a/web/build/css/app.css b/web/build/css/app.css
index b2590f3a..4b685012 100755
--- a/web/build/css/app.css
+++ b/web/build/css/app.css
@@ -1,1898 +1,5399 @@
-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; vertical-align: baseline; }
+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;
+  vertical-align: baseline;
+}
+
+html {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+
+img, fieldset, a img {
+  border: none;
+}
+
+input[type="text"],
+input[type="email"],
+input[type="tel"],
+textarea {
+  -webkit-appearance: none;
+}
+
+input[type="submit"],
+button {
+  cursor: pointer;
+}
+
+input[type="submit"]::-moz-focus-inner,
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+
+textarea {
+  overflow: auto;
+}
+
+input, button {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+div, input, textarea, select, button,
+h1, h2, h3, h4, h5, h6, a, span, a:focus {
+  outline: none;
+}
+
+ul, ol {
+  list-style-type: none;
+}
+
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+html {
+  box-sizing: border-box;
+}
+
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+.icon-add-plus {
+  width: 1em;
+  height: 1em;
+  fill: #B5B5B5;
+}
+
+.icon-arrow-down {
+  width: 1.71em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-arrow-left {
+  width: 1.33em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-arrow-right {
+  width: 1.28em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-close {
+  width: 1em;
+  height: 1em;
+  fill: #191919;
+}
+
+.icon-date {
+  width: 0.95em;
+  height: 1em;
+  fill: #979797;
+}
+
+.icon-delete {
+  width: 1em;
+  height: 1em;
+  fill: #C8C8C8;
+}
+
+.icon-edit {
+  width: 1em;
+  height: 1em;
+  fill: #C8C8C8;
+}
+
+.icon-eye {
+  width: 1.69em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-facebook {
+  width: 0.5em;
+  height: 1em;
+  fill: #FFF;
+}
+
+.icon-fb {
+  width: 0.44em;
+  height: 1em;
+  fill: #1C2635;
+}
+
+.icon-image-text {
+  width: 2.07em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-image {
+  width: 1em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-images {
+  width: 1em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-instagram {
+  width: 1em;
+  height: 1em;
+  fill: #1C2635;
+}
+
+.icon-like-bold {
+  width: 1.07em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-like-fill-bold {
+  width: 1.07em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-like-fill {
+  width: 1.17em;
+  height: 1em;
+  fill: #B5B5B5;
+}
+
+.icon-like {
+  width: 1.17em;
+  height: 1em;
+  fill: #B5B5B5;
+}
+
+.icon-live {
+  width: 2.6em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-location {
+  width: 0.76em;
+  height: 1em;
+  fill: initial;
+}
+
+.icon-lock {
+  width: 0.74em;
+  height: 1em;
+  fill: initial;
+}
+
+.icon-menu {
+  width: 2em;
+  height: 1em;
+  fill: #202124;
+}
+
+.icon-money {
+  width: 1.53em;
+  height: 1em;
+  fill: #979797;
+}
+
+.icon-photo {
+  width: 1.33em;
+  height: 1em;
+  fill: #FFF;
+}
+
+.icon-play {
+  width: 0.8em;
+  height: 1em;
+  fill: #FFF;
+}
+
+.icon-plus {
+  width: 1em;
+  height: 1em;
+  fill: #BEBEBE;
+}
+
+.icon-search {
+  width: 1em;
+  height: 1em;
+  fill: initial;
+}
+
+.icon-searching {
+  width: 0.97em;
+  height: 1em;
+  fill: initial;
+}
+
+.icon-share-facebook {
+  width: 1em;
+  height: 1em;
+  fill: #35578C;
+}
+
+.icon-share-google {
+  width: 1em;
+  height: 1em;
+  fill: #CC4F42;
+}
+
+.icon-share-instagram {
+  width: 1em;
+  height: 1em;
+  fill: #EA418C;
+}
+
+.icon-share-pinterest {
+  width: 1em;
+  height: 1em;
+  fill: #B8242B;
+}
+
+.icon-share-twitter {
+  width: 1em;
+  height: 1em;
+  fill: #38A0CD;
+}
+
+.icon-showcase {
+  width: 1em;
+  height: 1em;
+  fill: #C8C8C8;
+}
+
+.icon-text {
+  width: 0.82em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-thumb {
+  width: 0.96em;
+  height: 1em;
+  fill: initial;
+}
+
+.icon-time {
+  width: 1em;
+  height: 1em;
+  fill: #979797;
+}
+
+.icon-twitter {
+  width: 1.18em;
+  height: 1em;
+  fill: #1C2635;
+}
+
+.icon-user {
+  width: 1em;
+  height: 1em;
+  fill: #191919;
+}
+
+.icon-video-stroke {
+  width: 0.82em;
+  height: 1em;
+  fill: #333;
+}
+
+.icon-video {
+  width: 1.43em;
+  height: 1em;
+  fill: #C8C8C8;
+}
+
+.icon-wallet {
+  width: 1.15em;
+  height: 1em;
+  fill: initial;
+}
+
+.icon-youtube {
+  width: 1.2em;
+  height: 1em;
+  fill: #1C2635;
+}
+
+@font-face {
+  font-family: ProximaNova-Regular;
+  src: url("fonts/ProximaNova-Regular.woff2") format("woff2"), url("fonts/ProximaNova-Regular.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: ProximaNova-Bold;
+  src: url("fonts/ProximaNova-Bold.woff2") format("woff2"), url("fonts/ProximaNova-Bold.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: ProximaNova-SemiBold;
+  src: url("fonts/ProximaNova-SemiBold.woff2") format("woff2"), url("fonts/ProximaNova-SemiBold.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: ProximaNova-Light;
+  src: url("fonts/ProximaNova-Light.woff2") format("woff2"), url("fonts/ProximaNova-Light.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+
+body {
+  min-width: 360px;
+  font-family: 'ProximaNova-Regular', serif;
+  font-size: 15px;
+  color: #191919;
+  line-height: 1.333;
+}
+
+body.no-scroll {
+  overflow: hidden;
+}
+
+button,
+input,
+textarea,
+select {
+  font-family: 'ProximaNova-Regular', serif;
+  font-size: 15px;
+}
+
+button {
+  background: none;
+}
+
+a {
+  color: #FF9393;
+  text-decoration: none;
+}
+
+input,
+textarea {
+  text-overflow: ellipsis;
+}
+
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  color: #A7A7A7;
+}
+
+input:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+  color: #A7A7A7;
+}
+
+input::placeholder,
+textarea::placeholder {
+  color: #A7A7A7;
+}
+
+textarea {
+  border: none;
+}
+
+strong,
+b {
+  font-family: 'ProximaNova-Bold', serif;
+}
+
+*::-moz-selection {
+  background: #FF9393;
+  color: white;
+}
+
+*::selection {
+  background: #FF9393;
+  color: white;
+}
+
+.outer {
+  display: -ms-flexbox;
+  display: flex;
+  min-height: 100vh;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.container {
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+}
+
+.center {
+  width: 100%;
+  max-width: 1024px;
+  margin: 0 auto;
+  padding: 0 40px;
+}
+
+.center_md {
+  max-width: 860px;
+}
+
+.center_sm {
+  max-width: 700px;
+}
+
+.center_xs {
+  max-width: 540px;
+}
+
+.btn {
+  position: relative;
+  padding: 13px 24px 12px;
+  background-image: linear-gradient(-225deg, #D1FF7F 0%, #56FFFD 100%);
+  border-radius: 3px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  color: #191919;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  text-align: center;
+  transition: all .2s;
+  z-index: 2;
+}
+
+.btn:hover {
+  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11);
+}
+
+.btn:active {
+  box-shadow: 0 0 0 0 transparent;
+  color: rgba(38, 38, 38, 0.1);
+}
+
+.btn:active .icon {
+  fill: rgba(38, 38, 38, 0.1);
+}
+
+.btn__title,
+.btn .icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.btn__title {
+  margin-top: -1px;
+}
+
+.btn .icon {
+  position: relative;
+  top: -1px;
+  margin-right: 15px;
+  fill: #191919;
+  transition: fill .2s;
+}
+
+.btn_dark {
+  background: #191919;
+  color: white;
+}
+
+.btn_dark:hover {
+  background: #545454;
+}
+
+.btn_dark:active {
+  color: rgba(255, 255, 255, 0.1);
+}
+
+.btn_light {
+  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);
+}
+
+.btn_stroke:hover:before, .btn_stroke:active:before {
+  opacity: 0;
+}
+
+.btn_stroke:before {
+  content: '';
+  position: absolute;
+  top: 1px;
+  left: 1px;
+  right: 1px;
+  bottom: 1px;
+  background: white;
+  border-radius: 2px;
+  transition: opacity .2s;
+  z-index: -2;
+}
+
+.btn_gray {
+  background: #F8F8F8;
+}
+
+.btn_md {
+  padding: 18px 24px 17px;
+}
+
+.btn_lg {
+  padding: 28px 40px 27px;
+}
+
+.btn_lg.btn_stroke {
+  padding: 27px  39px 26px;
+}
+
+.btn_icon {
+  padding-left: 9px;
+  padding-right: 9px;
+  background: transparent;
+  border: 1px solid #E6E6E6;
+  font-size: 0;
+}
+
+.btn_icon .icon {
+  margin: 0;
+  font-size: 13px;
+  fill: #191919;
+}
+
+.btn.loading {
+  box-shadow: none;
+  color: transparent;
+}
+
+.btn.loading .icon {
+  visibility: hidden;
+}
+
+.btn.loading:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 24px;
+  height: 24px;
+  margin: -12px 0 0 -12px;
+  border: 3px solid #191919;
+  border-left: 3px solid transparent;
+  border-radius: 50%;
+  animation: loading .6s infinite linear;
+}
+
+.btn_fb {
+  background: #3957A7;
+  color: white;
+}
+
+.btn_fb:active {
+  color: rgba(255, 255, 255, 0.2);
+}
+
+.btn_fb:active .icon {
+  fill: rgba(255, 255, 255, 0.2);
+}
+
+.btn_fb .icon {
+  margin: -9px 15px -6px -25px;
+  font-size: 20px;
+  fill: white;
+}
+
+.btn_fb.loading {
+  box-shadow: none;
+  color: transparent;
+}
+
+.btn_fb.loading .icon {
+  visibility: hidden;
+}
+
+.btn_fb.loading:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 24px;
+  height: 24px;
+  margin: -12px 0 0 -12px;
+  border: 3px solid #fff;
+  border-left: 3px solid transparent;
+  border-radius: 50%;
+  animation: loading .6s infinite linear;
+}
+
+@keyframes loading {
+  0 {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+a.btn {
+  display: inline-block;
+}
+
+.logo {
+  display: block;
+  width: 219px;
+  height: 71px;
+  background: url(../img/school-lil-city.svg) no-repeat 0 0/contain;
+}
+
+.search {
+  position: relative;
+  width: 40px;
+  height: 40px;
+}
+
+.search__input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 40px;
+  height: 40px;
+  padding: 0 15px;
+  background: rgba(25, 25, 25, 0.1);
+  border-radius: 20px;
+  color: rgba(25, 25, 25, 0.8);
+  transition: width .4s;
+}
+
+.search__btn {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 40px;
+}
+
+.search__btn .icon {
+  font-size: 17px;
+  fill: rgba(25, 25, 25, 0.5);
+  -ms-transform: translate(0, 2px);
+  transform: translate(0, 2px);
+}
+
+.search.open .search__input {
+  width: 170px;
+}
+
+.header {
+  position: relative;
+  z-index: 20;
+}
+
+.header__container {
+  display: -ms-flexbox;
+  display: flex;
+  height: 100px;
+  border-bottom: 1px solid #E6E6E6;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.header__wrap {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-direction: row-reverse;
+  flex-direction: row-reverse;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+}
+
+.header__actions {
+  display: -ms-flexbox;
+  display: flex;
+  margin: auto;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.header__status {
+  margin-right: 5px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  color: #A7A7A7;
+  letter-spacing: 1px;
+}
+
+.header__btn {
+  margin-left: 10px;
+}
+
+.header__nav {
+  display: -ms-flexbox;
+  display: flex;
+  margin: auto;
+}
+
+.header__group {
+  position: relative;
+}
+
+.header__group:hover .header__section {
+  color: #191919;
+}
+
+.header__group:hover .header__list {
+  opacity: 1;
+  visibility: visible;
+}
+
+.header__section {
+  display: block;
+  height: 100px;
+  margin: 0 15px;
+  border-bottom: 1px solid transparent;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  color: #8C8C8C;
+  line-height: 100px;
+  transition: color .2s;
+}
+
+.header__section.active {
+  border-color: #191919;
+  color: #191919;
+}
+
+.header__list, .header__drop {
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  width: 190px;
+  margin-left: -95px;
+  padding: 10px 0;
+  background: white;
+  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 2px;
+  opacity: 0;
+  visibility: hidden;
+  transform: translate3d(0, 0, 0);
+  transition: opacity .2s, visibility .2s;
+  overflow: hidden;
+}
+
+.header__drop {
+  left: auto;
+  right: 20px;
+  margin: 0;
+}
+
+.header__balance {
+  margin-bottom: 10px;
+  padding: 0 20px 10px;
+  border-bottom: 1px solid #E6E6E6;
+}
+
+.header__link {
+  display: block;
+  position: relative;
+  padding: 8px 20px 7px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 10px;
+  color: #8C8C8C;
+  text-transform: uppercase;
+  transition: color .2s;
+}
+
+.header__link:hover {
+  color: #191919;
+}
+
+.header__link_green {
+  color: #5BD700;
+}
+
+.header__link_green:hover {
+  color: #45a400;
+}
+
+.header__link_border {
+  margin-bottom: 5px;
+  padding: 2px 20px 10px;
+  border-bottom: 1px solid #E6E6E6;
+  color: #191919;
+}
+
+.header__link.active .header__title:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: -10px;
+  right: -10px;
+  height: 2px;
+  margin-top: -2px;
+  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);
+}
+
+.header__title {
+  display: table;
+  position: relative;
+}
+
+.header__menu, .header__close {
+  display: none;
+}
+
+.header__menu .icon, .header__close .icon {
+  fill: #191919;
+}
+
+.header__menu .icon {
+  font-size: 10px;
+}
+
+.header__close .icon {
+  font-size: 20px;
+}
+
+.header__enter {
+  height: 100px;
+  margin-left: 40px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  color: #8C8C8C;
+  line-height: 100px;
+  transition: color .2s;
+}
+
+.header__enter:hover {
+  color: #191919;
+}
+
+.header__enter .icon {
+  display: none;
+}
+
+.header__login {
+  position: relative;
+  margin-right: -20px;
+  padding: 30px 20px;
+  -ms-flex: 0 0 80px;
+  flex: 0 0 80px;
+}
+
+.header__login:hover .header__drop {
+  opacity: 1;
+  visibility: visible;
+}
+
+.header__ava {
+  height: 40px;
+}
+
+.header_bg .header__container {
+  border-color: transparent;
+}
+
+.main {
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  min-height: 500px;
+  margin-top: -100px;
+  padding: 120px 0 50px;
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+  background-size: cover;
+  text-align: center;
+  z-index: 4;
+}
+
+.main:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);
+  opacity: .8;
+  z-index: -2;
+}
+
+.main__center {
+  margin: auto;
+}
+
+.main__title {
+  max-width: 780px;
+  margin: 0 auto 40px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 50px;
+  line-height: 1.2;
+}
+
+.main__content {
+  margin-bottom: 30px;
+}
+
+.main__time {
+  padding: 7px 0;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 20px;
+  text-transform: uppercase;
+  letter-spacing: 3px;
+}
+
+.main_green:before {
+  background-image: linear-gradient(-225deg, #E2E2E2 0%, #E2FFDF 100%);
+}
+
+.main_sm {
+  min-height: 0;
+  padding: 135px 0 55px;
+}
+
+.main_sm .main__title {
+  margin-bottom: 0;
+}
+
+.title {
+  position: relative;
+  margin-bottom: 35px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 32px;
+  line-height: 1.09375;
+  z-index: 4;
+}
+
+.title_center {
+  text-align: center;
+}
+
+.title_sm {
+  margin-bottom: 20px;
+  font-size: 25px;
+}
+
+.subtitle {
+  margin-bottom: 25px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 20px;
+  letter-spacing: 4px;
+  text-transform: uppercase;
+}
+
+.text {
+  position: relative;
+  max-width: 620px;
+  margin: 0 auto 60px;
+  font-family: 'ProximaNova-Light', serif;
+  font-size: 24px;
+  text-align: center;
+  z-index: 2;
+}
+
+.text p:not(:last-child) {
+  margin-bottom: 35px;
+}
+
+.text__curve {
+  position: absolute;
+  pointer-events: none;
+  z-index: -2;
+}
+
+.text__curve_one {
+  left: -95px;
+  bottom: 5px;
+}
+
+.text__curve_two {
+  left: -105px;
+  bottom: -50px;
+}
+
+.text__curve_three {
+  left: -65px;
+  bottom: -35px;
+}
+
+.text__curve_four {
+  left: -75px;
+  bottom: -45px;
+}
+
+.text_lg {
+  max-width: 740px;
+}
+
+.text_mb0 {
+  margin-bottom: 0;
+}
+
+.section {
+  padding: 60px 0;
+}
+
+.section_review {
+  background: url(../img/bg-elephants.jpg) 0 0/100px 102px;
+}
+
+.section_gray {
+  background: #F8F8F8;
+}
+
+.section_border {
+  position: relative;
+}
+
+.section_border:after {
+  content: '';
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  width: 100%;
+  max-width: 944px;
+  height: 1px;
+  background: #E6E6E6;
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.section_gradient {
+  background-image: linear-gradient(-225deg, #F8F8F8 0%, #FFF2F2 100%);
+}
+
+.section_tabs {
+  padding-top: 20px;
+}
+
+.section_menu {
+  padding: 20px 0;
+}
+
+.section_confirm {
+  padding: 30px 0 50px;
+}
+
+.ava {
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+
+.ava__pic {
+  display: block;
+  width: 100%;
+  border-radius: 50%;
+}
+
+.ava__input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  font-size: 140px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  z-index: 2;
+}
+
+.ava__icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  font-size: 0;
+}
+
+.ava__icon .icon {
+  font-size: 30px;
+  fill: white;
+}
+
+.likes {
+  display: -ms-flexbox;
+  display: flex;
+  color: #191919;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.likes__counter {
+  margin-right: 5px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 13px;
+}
+
+.likes__icon {
+  position: relative;
+  font-size: 0;
+}
+
+.likes.active .icon {
+  display: none;
+}
+
+.likes.active .icon-like-fill, .likes.active .icon-like-fill-bold {
+  display: block;
+}
+
+.likes .icon {
+  position: relative;
+  top: -1px;
+  font-size: 14px;
+  fill: #191919;
+}
+
+.likes .icon-like-fill, .likes .icon-like-fill-bold {
+  display: none;
+  fill: #FF9393;
+}
+
+.likes .icon-like-fill-bold {
+  position: relative;
+  top: -1px;
+}
+
+.user {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.user__ava {
+  height: 40px;
+  margin-right: 10px;
+  -ms-flex: 0 0 40px;
+  flex: 0 0 40px;
+}
+
+.user__ava {
+  height: 40px;
+  margin-right: 10px;
+  -ms-flex: 0 0 40px;
+  flex: 0 0 40px;
+}
+
+.user__info {
+  -ms-flex: 0 0 calc(100% - 50px);
+  flex: 0 0 calc(100% - 50px);
+}
+
+.user__name, .user__date {
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  line-height: 1.1;
+}
+
+.user__name {
+  margin-bottom: 5px;
+}
+
+.user__meta {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.user__date {
+  color: #A7A7A7;
+}
+
+.user__likes {
+  margin: -5px 0 -5px auto;
+  font-family: 'ProximaNova-Regular', serif;
+  font-size: 15px;
+}
+
+.user__likes .icon {
+  fill: #A7A7A7;
+}
+
+.user__likes .icon-fill {
+  fill: #FF9393;
+}
+
+.user_white .user__date {
+  color: white;
+}
+
+.video {
+  display: block;
+  position: relative;
+}
+
+.video__pic {
+  display: block;
+  width: 100%;
+}
+
+.video .icon-play {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  font-size: 48px;
+  fill: white;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.video__soon {
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 20px;
+  background: rgba(25, 25, 25, 0.5);
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  color: white;
+}
+
+.video__title {
+  margin-bottom: 20px;
+}
+
+.video__time {
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 20px;
+  text-transform: uppercase;
+  letter-spacing: 3px;
+}
+
+.about {
+  display: -ms-flexbox;
+  display: flex;
+  padding-right: 160px;
+}
+
+.about__ava {
+  height: 120px;
+  margin-right: 40px;
+  -ms-flex: 0 0 120px;
+  flex: 0 0 120px;
+}
+
+.about__content {
+  margin-bottom: 20px;
+}
+
+.about__ceo {
+  margin-bottom: 20px;
+}
+
+.about__ceo a {
+  font-family: 'ProximaNova-Bold', serif;
+}
+
+.about__video {
+  margin-bottom: 20px;
+}
+
+.about__more {
+  text-align: center;
+}
+
+.online {
+  display: block;
+  position: relative;
+  padding: 55px 0 50px;
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+  background-size: cover;
+  color: white;
+  text-align: center;
+  z-index: 4;
+}
+
+.online:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(-1deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);
+  z-index: -2;
+}
+
+.online__type {
+  margin-bottom: 85px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 20px;
+  letter-spacing: 4px;
+}
+
+.online__title {
+  margin-bottom: 2px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 50px;
+  line-height: 1.2;
+}
+
+.online__text {
+  max-width: 600px;
+}
+
+.online__action {
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 10px;
+  letter-spacing: 1px;
+}
+
+.online__action .icon {
+  position: relative;
+  top: 4px;
+  margin-right: 15px;
+  font-size: 16px;
+}
+
+.benefits {
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  max-width: 890px;
+  margin: 0 auto 80px;
+  text-align: center;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-pack: center;
+  justify-content: center;
+  z-index: 4;
+}
+
+.benefits__item {
+  padding: 0 15px;
+  -ms-flex: 0 0 25%;
+  flex: 0 0 25%;
+}
+
+.benefits__preview {
+  display: -ms-flexbox;
+  display: flex;
+  height: 45px;
+  margin-bottom: 20px;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.benefits__preview .icon-thumb {
+  font-size: 43px;
+}
+
+.benefits__preview .icon-wallet {
+  font-size: 38px;
+}
+
+.benefits__preview .icon-location {
+  font-size: 40px;
+}
+
+.benefits__preview .icon-searching {
+  font-size: 37px;
+}
+
+.benefits__title {
+  display: -ms-flexbox;
+  display: flex;
+  min-height: 38px;
+  margin-bottom: 10px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 14px;
+  letter-spacing: 2.5px;
+  line-height: 1.42;
+  text-transform: uppercase;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.reviews {
+  padding-right: 80px;
+}
+
+.reviews__item {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.reviews__item:not(:last-child) {
+  margin-bottom: 20px;
+}
+
+.reviews__ava {
+  height: 60px;
+  margin-right: 20px;
+  -ms-flex: 0 0 60px;
+  flex: 0 0 60px;
+}
+
+.reviews__wrap {
+  padding: 20px 30px 30px;
+  background: white;
+  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 0 10px 10px 10px;
+}
+
+.reviews__name {
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 15px;
+  line-height: 1.33;
+}
+
+.gallery {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px -20px;
+}
+
+.gallery__grid {
+  -ms-flex: 0 0 50%;
+  flex: 0 0 50%;
+  overflow: hidden;
+}
+
+.gallery__item {
+  float: left;
+  width: calc(33.33% - 20px);
+  margin: 0 10px 20px;
+}
+
+.gallery__item_lg {
+  width: calc(66.66% - 20px);
+}
+
+.gallery__item:nth-child(4) {
+  clear: both;
+}
+
+.gallery__pic {
+  display: block;
+  width: 100%;
+}
+
+.app {
+  position: relative;
+  margin-top: 72px;
+  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);
+}
+
+.app__center {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: end;
+  align-items: flex-end;
+}
+
+.app__col:first-child {
+  position: relative;
+  padding: 50px 0 60px;
+  -ms-flex: 0 0 49%;
+  flex: 0 0 49%;
+  text-align: center;
+  z-index: 2;
+}
+
+.app__col:last-child {
+  -ms-flex: 0 0 51%;
+  flex: 0 0 51%;
+}
+
+.app__theme {
+  margin-bottom: 20px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 10px;
+  color: #4A90E2;
+}
+
+.app__title {
+  margin-bottom: 25px;
+  font-size: 32px;
+  line-height: 1.25;
+}
+
+.app__content {
+  margin-bottom: 30px;
+}
+
+.app__links {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.app__link {
+  margin: 0 10px;
+  -ms-flex: 0 0 135px;
+  flex: 0 0 135px;
+}
+
+.app__preview {
+  display: -ms-flexbox;
+  display: flex;
+  height: 100px;
+  -ms-flex-align: end;
+  align-items: flex-end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+}
+
+.app__pic {
+  display: block;
+  max-width: 100%;
+  max-height: 277px;
+}
+
+.game {
+  position: relative;
+  padding: 70px 0 80px;
+  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);
+  overflow: hidden;
+}
+
+.game__wrap {
+  max-width: 375px;
+}
+
+.game__theme {
+  margin-bottom: 20px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 10px;
+  color: #4A90E2;
+}
+
+.game__title {
+  margin-bottom: 65px;
+  font-size: 32px;
+  line-height: 1.25;
+}
+
+.game__btn {
+  background: transparent;
+  padding: 11px 24px 10px;
+  border: 2px solid #191919;
+  color: #191919;
+}
+
+.game__btn:hover {
+  background: #191919;
+  border-color: #191919;
+  color: white;
+}
+
+.game__btn:active {
+  color: rgba(255, 255, 255, 0.1);
+}
+
+.game__preview {
+  position: absolute;
+  top: 0;
+  left: calc(50% - 145px);
+  bottom: 0;
+}
+
+.game__pic {
+  display: block;
+  width: auto;
+  height: 100%;
+}
+
+.teachers {
+  margin-bottom: 50px;
+}
+
+.teachers__item {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 40px;
+}
+
+.teachers__ava {
+  height: 140px;
+  margin-right: 25px;
+  -ms-flex: 0 0 140px;
+  flex: 0 0 140px;
+}
+
+.teachers__title {
+  margin-bottom: 5px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 20px;
+  text-transform: uppercase;
+  letter-spacing: 4px;
+}
+
+.teachers__name {
+  margin-bottom: 20px;
+  font-family: 'ProximaNova-Bold', serif;
+}
+
+.teachers__content {
+  font-size: 16px;
+  line-height: 1.375;
+}
+
+.toggle {
+  font-size: 14px;
+}
+
+.toggle__head {
+  color: #FF9393;
+}
+
+.toggle__head .icon {
+  position: relative;
+  top: -1px;
+  margin-left: 10px;
+  font-size: 6px;
+  transition: transform .2s;
+}
+
+.toggle__head.active .icon {
+  -ms-transform: rotate(-180deg);
+  transform: rotate(-180deg);
+}
+
+.toggle__body {
+  display: none;
+  padding-top: 10px;
+  color: #888;
+}
+
+.schedule {
+  margin-bottom: 70px;
+}
+
+.schedule__item {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 40px;
+}
+
+.schedule__day {
+  padding-top: 2px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  color: #FF9393;
+  letter-spacing: 2px;
+  text-transform: uppercase;
+  -ms-flex: 0 0 140px;
+  flex: 0 0 140px;
+}
+
+.schedule__title, .schedule__content {
+  font-size: 16px;
+}
+
+.schedule__title {
+  font-family: 'ProximaNova-Bold', serif;
+}
+
+.schedule__toggle {
+  margin-top: 10px;
+}
+
+.theme {
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  letter-spacing: 2px;
+  color: #FF9393;
+}
+
+.theme_green {
+  color: #8ECFC0;
+}
+
+.theme_violet {
+  color: #B995D9;
+}
+
+.theme_lg {
+  font-size: 20px;
+  letter-spacing: 4px;
+}
+
+.courses__list {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.courses__item {
+  display: block;
+  margin: 0 10px 60px;
+  color: #191919;
+  -ms-flex: 0 0 calc(33.33% - 20px);
+  flex: 0 0 calc(33.33% - 20px);
+}
+
+.courses__preview {
+  display: block;
+  position: relative;
+  margin-bottom: 15px;
+  color: #191919;
+}
+
+.courses__preview:hover .courses__view {
+  opacity: .9;
+}
+
+.courses__label {
+  position: absolute;
+  top: 0;
+  right: 20px;
+  width: 30px;
+  height: 45px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  z-index: 6;
+}
+
+.courses__label_fav {
+  background-image: url(../img/fav.svg);
+}
+
+.courses__label_clock {
+  background-image: url(../img/clock.svg);
+}
+
+.courses__pic {
+  display: block;
+  width: 100%;
+  border-radius: 2px;
+}
+
+.courses__view {
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);
+  border-radius: 2px;
+  opacity: 0;
+  font-size: 18px;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  transition: opacity .2s;
+  z-index: 4;
+}
+
+.courses__soon {
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 10px;
+  background: rgba(0, 0, 0, 0.4);
+  color: white;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.courses__left {
+  margin-bottom: 5px;
+  font-size: 15px;
+}
+
+.courses__time {
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 20px;
+  text-transform: uppercase;
+  letter-spacing: 3px;
+}
+
+.courses__details {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 10px;
+}
+
+.courses__price {
+  margin-left: auto;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  letter-spacing: 2px;
+  color: #191919;
+}
+
+.courses__title {
+  display: block;
+  margin-bottom: 10px;
+  font-family: 'ProximaNova-SemiBold', serif;
+  font-size: 18px;
+  color: #191919;
+}
+
+.courses__user {
+  margin-top: 20px;
+}
+
+.courses_two .courses__item {
+  -ms-flex: 0 0 calc(50% - 20px);
+  flex: 0 0 calc(50% - 20px);
+}
+
+.load {
+  margin-top: 30px;
+}
+
+.load__btn {
+  width: 100%;
+  padding: 22px 24px 21px;
+  background: none;
+  border: 1px solid #E6E6E6;
+}
+
+.more {
+  text-align: center;
+}
+
+.more__btn {
+  position: relative;
+  min-width: 300px;
+  padding: 19px 24px 18px;
+  border-radius: 28px;
+  letter-spacing: 2px;
+  z-index: 4;
+}
+
+.more__btn:hover:before {
+  opacity: 0;
+}
+
+.more__btn:before {
+  content: '';
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  right: 5px;
+  bottom: 5px;
+  background: white;
+  border-radius: 24px;
+  transition: opacity .2s;
+  z-index: -2;
+}
+
+.partners {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px -20px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.partners__item {
+  margin: 0 10px 20px;
+  -ms-flex: 0 0 calc(16.66% - 20px);
+  flex: 0 0 calc(16.66% - 20px);
+}
+
+.partners__pic {
+  display: block;
+  width: 100%;
+}
+
+.switch {
+  display: block;
+  position: relative;
+  font-size: 13px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: pointer;
+}
+
+.switch__input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+}
+
+.switch__input:checked + .switch__content:after {
+  opacity: 1;
+}
+
+.switch__content {
+  display: block;
+  padding: 3px 0 3px 30px;
+  font-size: 14px;
+}
+
+.switch__content:before, .switch__content:after {
+  content: '';
+  position: absolute;
+}
+
+.switch__content:before {
+  top: 0;
+  left: 0;
+  width: 20px;
+  height: 20px;
+  border: 1px solid #E6E6E6;
+}
+
+.switch__content:after {
+  top: 5px;
+  left: 5px;
+  width: 10px;
+  height: 10px;
+  background-image: linear-gradient(-225deg, #B4EC51 0%, #61E9E7 100%);
+  opacity: 0;
+  transition: opacity .2s;
+}
+
+.switch__cell {
+  padding-right: 10px;
+}
+
+.switch__cell:first-child {
+  padding-top: 3px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 11px;
+  text-transform: uppercase;
+  -ms-flex: 0 0 110px;
+  flex: 0 0 110px;
+}
+
+.switch__cell:nth-child(2), .switch__cell:last-child {
+  -ms-flex: 0 0 60px;
+  flex: 0 0 60px;
+}
+
+.switch__cell:nth-child(3) {
+  -ms-flex: 0 0 calc(100% - 230px);
+  flex: 0 0 calc(100% - 230px);
+}
+
+.switch__cell:last-child {
+  padding: 0;
+  text-align: right;
+}
+
+.switch_blue .switch__content:after {
+  background: #4A90E2;
+}
+
+.switch_lesson .switch__content {
+  display: -ms-flexbox;
+  display: flex;
+  padding: 19px 0 19px 50px;
+  border-bottom: 1px solid #E6E6E6;
+  font-size: 16px;
+  color: #A7A7A7;
+  transition: color .2s;
+}
+
+.switch_lesson .switch__content:before, .switch_lesson .switch__content:after {
+  -ms-transform: translateY(18px);
+  transform: translateY(18px);
+}
+
+.switch_lesson:first-child .switch__content {
+  border-top: 1px solid #E6E6E6;
+}
+
+.switch_lesson .switch__input:checked + .switch__content {
+  color: #191919;
+}
+
+.switch_circle .switch__content:before, .switch_circle .switch__content:after {
+  border-radius: 50%;
+}
+
+.switch_lg .switch__content {
+  padding: 0 0 0 30px;
+  font-size: 16px;
+}
+
+.footer {
+  padding: 50px 0 30px;
+  background: #F8F8F8;
+}
+
+.footer__row {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.footer__row_second {
+  margin-top: 50px;
+}
+
+.footer__col {
+  padding: 0 10px;
+  -ms-flex: 0 0 16.66%;
+  flex: 0 0 16.66%;
+}
+
+.footer__col_md {
+  -ms-flex: 0 0 25%;
+  flex: 0 0 25%;
+}
+
+.footer__col_lg {
+  -ms-flex: 0 0 75%;
+  flex: 0 0 75%;
+}
+
+.footer__logo {
+  width: 188px;
+  height: 58px;
+  margin: 2px 0 25px;
+  font-size: 18px;
+  line-height: 1.22222;
+}
+
+.footer__content {
+  max-width: 200px;
+  font-size: 18px;
+}
+
+.footer__title {
+  padding: 20px 0 50px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  letter-spacing: 0.92px;
+  text-transform: uppercase;
+}
+
+.footer__link, .footer__contact {
+  display: table;
+  font-size: 14px;
+  color: #191919;
+  line-height: 1.42857;
+}
+
+.footer__contact {
+  margin-bottom: 20px;
+}
+
+.footer__contact a {
+  color: #191919;
+}
+
+.footer__group, .footer__links {
+  display: -ms-flexbox;
+  display: flex;
+  color: #888;
+}
+
+.footer__copyright {
+  margin-right: 20px;
+}
+
+.footer__links .footer__link {
+  color: #888;
+}
+
+.footer__divider {
+  margin: 0 10px;
+}
+
+.subscribe__field {
+  margin-bottom: 10px;
+}
+
+.subscribe__input {
+  width: 100%;
+  height: 40px;
+  padding: 0 10px;
+  font-size: 16px;
+  text-align: center;
+}
+
+.subscribe__btn {
+  width: 100%;
+}
+
+.subscribe__content {
+  margin-top: 15px;
+  font-size: 12px;
+  line-height: 1.25;
+}
+
+.socials {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.socials__item {
+  font-size: 0;
+}
+
+.socials__item:not(:last-child) {
+  margin-right: 20px;
+}
+
+.socials__item .icon-instagram {
+  font-size: 18px;
+}
+
+.socials__item .icon-twitter {
+  font-size: 17px;
+}
+
+.socials__item .icon-fb {
+  font-size: 19px;
+}
+
+.socials__item .icon-youtube {
+  font-size: 15px;
+}
+
+.select {
+  position: relative;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  z-index: 4;
+}
+
+.select__head {
+  position: relative;
+  height: 36px;
+  border-bottom: 1px solid #E6E6E6;
+  transition: border-color .2s;
+  font-size: 18px;
+  line-height: 36px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #A7A7A7;
+  cursor: pointer;
+  transition: border-color .2s;
+  overflow: hidden;
+}
+
+.select__head:after {
+  content: '';
+  position: absolute;
+  top: 14px;
+  right: 0;
+  width: 0px;
+  height: 0px;
+  border-style: solid;
+  border-width: 8px 4px 0 4px;
+  border-color: #191919 transparent transparent transparent;
+}
+
+.select__drop {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: calc(100% + 10px);
+  padding: 10px 0;
+  background: white;
+  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 2px;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity .2s, visibility .2s;
+  overflow: hidden;
+}
+
+.select__option {
+  display: block;
+  position: relative;
+  padding: 8px 20px 7px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 10px;
+  color: #8C8C8C;
+  text-transform: uppercase;
+  transition: color .2s;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+
+.select__option:hover {
+  color: #191919;
+}
+
+.select__option.active {
+  color: #191919;
+}
+
+.select__option.active .select__title:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: -10px;
+  right: -10px;
+  height: 2px;
+  margin-top: -2px;
+  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);
+}
+
+.select__title {
+  display: table;
+  position: relative;
+}
+
+.select.active {
+  z-index: 99;
+}
+
+.select.active .select__head {
+  border-color: #191919;
+}
+
+.select.active .select__head:after {
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+.select.active .select__drop {
+  opacity: 1;
+  visibility: visible;
+}
+
+.select.selected .select__head {
+  color: #191919;
+}
+
+.field {
+  margin-bottom: 20px;
+}
+
+.field__label {
+  display: -ms-flexbox;
+  display: flex;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 10px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+}
+
+.field__label_gray {
+  color: #A7A7A7;
+}
+
+.field__link {
+  margin-left: auto;
+}
+
+.field__wrap {
+  position: relative;
+}
+
+.field__input, .field__textarea {
+  width: 100%;
+  border-bottom: 1px solid #E6E6E6;
+  background: transparent;
+  font-size: 18px;
+  transition: border-color .2s;
+}
+
+.field__input:focus, .field__textarea:focus {
+  border-color: #191919;
+}
+
+.field__input_bg, .field__textarea_bg {
+  background: #F8F8F8;
+  border: 1px solid #F8F8F8;
+}
+
+.field__input_sm, .field__textarea_sm {
+  font-size: 16px;
+}
+
+.field__input {
+  height: 36px;
+}
+
+.field__input[type='password'] {
+  font-size: 30px;
+}
+
+.field__input[type='password']::-webkit-input-placeholder {
+  font-size: 18px;
+}
+
+.field__input[type='password']:-ms-input-placeholder {
+  font-size: 18px;
+}
+
+.field__input[type='password']::placeholder {
+  font-size: 18px;
+}
+
+.field__input_bg {
+  height: 50px;
+  padding: 0 20px;
+}
+
+.field__textarea {
+  display: block;
+  height: 36px;
+  padding: 7px 0;
+  resize: vertical;
+}
+
+.field__textarea_lg {
+  height: 80px;
+  font-size: 25px;
+}
+
+.field__preview {
+  position: absolute;
+  top: 8px;
+  right: 0;
+}
+
+.field__pic {
+  display: block;
+  width: auto;
+  height: 20px;
+}
+
+.field__error {
+  margin-top: 5px;
+  font-size: 12px;
+  color: #FF9393;
+}
+
+.field__switch {
+  margin-top: 10px;
+}
+
+.field__switch:first-child {
+  margin-top: 5px;
+}
+
+.field_code .field__input {
+  height: 40px;
+  font-size: 15px;
+}
+
+.field_info .field__label {
+  color: #A7A7A7;
+}
+
+.field_info .field__input,
+.field_info .field__textarea {
+  border-color: rgba(230, 230, 230, 0.2);
+  color: white;
+}
+
+.field_info .field__input:focus,
+.field_info .field__textarea:focus {
+  border-color: white;
+}
+
+.field.error .field__input,
+.field.error .field__textarea {
+  border-color: #FF9393;
+}
+
+.field.success .field__input,
+.field.success .field__textarea {
+  border-color: #5BD700;
+}
+
+.auth {
+  padding: 0 20px 25px;
+}
+
+.auth__nav {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 30px;
+}
+
+.auth__type {
+  border-bottom: 1px solid #E6E6E6;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  letter-spacing: 2px;
+  line-height: 60px;
+  color: #A7A7A7;
+  text-transform: uppercase;
+  text-align: center;
+  -ms-flex: 1 0 50%;
+  flex: 1 0 50%;
+  transition: border-color .2s, color .2s;
+}
+
+.auth__type.active {
+  border-color: #191919;
+  color: #191919;
+}
+
+.auth__tab {
+  display: none;
+}
+
+.auth__fieldset {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.auth__fieldset {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -7px;
+}
+
+.auth__fieldset .auth__field {
+  margin: 0 7px 20px;
+  -ms-flex: 0 0 calc(50% - 14px);
+  flex: 0 0 calc(50% - 14px);
+}
+
+.auth__link {
+  display: block;
+  margin: -5px 0 0;
+  font-size: 12px;
+  color: #191919;
+  text-decoration: underline;
+  line-height: 1.5;
+}
+
+.auth__foot {
+  margin-top: 30px;
+}
+
+.auth__btn {
+  width: 100%;
+  padding: 18px 24px 17px;
+}
+
+.auth__or {
+  padding: 10px 0;
+  font-size: 14px;
+  text-align: center;
+}
+
+.auth__pass {
+  display: none;
+}
+
+.popup {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  min-width: 360px;
+  padding: 15px;
+  background: rgba(25, 25, 25, 0.7);
+  opacity: 0;
+  transition: opacity .2s;
+  overflow: auto;
+  z-index: 999;
+}
+
+.popup__wrap {
+  position: relative;
+  width: 100%;
+  max-width: 340px;
+  margin: auto;
+  background: white;
+  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
+  border-radius: 3px;
+  -ms-transform: scale(0.9);
+  transform: scale(0.9);
+  transition: transform .2s;
+}
+
+.popup__wrap_md {
+  max-width: 620px;
+}
+
+.popup__wrap_lg {
+  max-width: 1000px;
+}
+
+.popup__close {
+  position: absolute;
+  top: -15px;
+  right: -15px;
+  padding: 10px;
+  background: #191919;
+  border-radius: 50%;
+  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
+  font-size: 0;
+}
+
+.popup__close .icon {
+  font-size: 14px;
+  fill: white;
+}
+
+.popup.open {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.popup.visible {
+  opacity: 1;
+}
+
+.popup.visible .popup__wrap {
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+
+.head {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 50px;
+}
+
+.head__right {
+  -ms-flex: 0 0 220px;
+  flex: 0 0 220px;
+}
+
+.head__right.hidden {
+  visibility: hidden;
+}
+
+.head__title {
+  position: relative;
+  margin: 0;
+  padding: 0 20px 0 260px;
+  -ms-flex: 0 0 calc(100% - 220px);
+  flex: 0 0 calc(100% - 220px);
+  z-index: 4;
+}
+
+.head__curve {
+  position: absolute;
+  top: 50%;
+  left: calc(50% - 60px);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  z-index: -2;
+}
+
+.layout {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px;
+}
+
+.layout__container, .layout__sidebar {
+  padding: 0 10px;
+}
+
+.layout__container {
+  -ms-flex: 0 0 66.66%;
+  flex: 0 0 66.66%;
+}
+
+.layout__sidebar {
+  -ms-flex: 0 0 33.33%;
+  flex: 0 0 33.33%;
+}
+
+.similar__item {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 30px;
+  color: #191919;
+}
+
+.similar__preview {
+  margin-right: 15px;
+  -ms-flex: 0 0 80px;
+  flex: 0 0 80px;
+}
+
+.similar__pic {
+  display: block;
+  width: 100%;
+  border-radius: 2px;
+}
+
+.similar__wrap {
+  -ms-flex: 0 0 calc(100% - 95px);
+  flex: 0 0 calc(100% - 95px);
+}
+
+.similar__title {
+  margin-bottom: 5px;
+}
+
+.similar__ava {
+  font-size: 10px;
+  color: #A7A7A7;
+  text-transform: uppercase;
+}
+
+.go {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 50px;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.go__item {
+  display: -ms-flexbox;
+  display: flex;
+  max-width: calc(50% - 20px);
+  -ms-flex-align: center;
+  align-items: center;
+  color: #191919;
+}
+
+.go__arrow {
+  margin-right: 15px;
+  font-size: 0;
+}
+
+.go__arrow .icon {
+  font-size: 17px;
+  fill: #191919;
+}
+
+.go__title {
+  font-size: 18px;
+  line-height: 1.33;
+}
+
+.go__title + .go__arrow {
+  margin: 0 0 0 15px;
+}
+
+.go__btn {
+  width: 220px;
+}
+
+.meta, .meta__item {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.meta__item:not(:last-child) {
+  margin-right: 40px;
+}
+
+.meta__icon {
+  margin-right: 10px;
+  font-size: 0;
+}
+
+.meta__icon .icon {
+  font-size: 16px;
+  fill: #A7A7A7;
+}
+
+.meta__icon .icon-video {
+  font-size: 14px;
+}
+
+.meta__icon .icon-showcase {
+  font-size: 18px;
+}
+
+.meta__icon .icon-date {
+  font-size: 20px;
+}
+
+.meta_white .meta__icon .icon {
+  fill: white;
+}
+
+.course {
+  margin-bottom: 60px;
+}
+
+.course__head {
+  display: -ms-flexbox;
+  display: flex;
+  min-height: 40px;
+  margin-bottom: 30px;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.course__title {
+  margin-bottom: 20px;
+}
+
+.course__content {
+  margin-bottom: 40px;
+}
+
+.course__about {
+  position: relative;
+  margin-bottom: 40px;
+}
+
+.course__about:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.3);
+}
+
+.course__pic {
+  display: block;
+  width: 100%;
+}
+
+.course__btn {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  min-width: 200px;
+  background: transparent;
+  border: 2px solid white;
+  color: white;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  overflow: hidden;
+}
+
+.course__btn:active {
+  color: rgba(255, 255, 255, 0.4);
+}
+
+.course__user {
+  margin-bottom: 40px;
+}
+
+.course__info {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.course__buy {
+  width: 220px;
+  margin-left: auto;
+}
+
+.course__metas {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 45px;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.course__actions {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px 50px;
+}
+
+.course__action {
+  position: relative;
+  margin: 0 10px;
+  -ms-flex: 0 0 calc(50% - 20px);
+  flex: 0 0 calc(50% - 20px);
+}
+
+.course__action .icon {
+  position: absolute;
+  top: 50%;
+  right: 45px;
+  margin: 0;
+  font-size: 19px;
+  -ms-transform: translateY(calc(-50% - 1px));
+  transform: translateY(calc(-50% - 1px));
+}
+
+.course__video {
+  margin-bottom: 30px;
+}
+
+.course__share {
+  margin-bottom: 60px;
+}
+
+.course_promo {
+  position: relative;
+  margin: 0;
+  padding: 100px 0 110px;
+  background-size: cover;
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+  color: white;
+  z-index: 4;
+}
+
+.course_promo:before, .course_promo:after {
+  content: '';
+  position: absolute;
+}
+
+.course_promo:before {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.64) 100%);
+  z-index: -2;
+}
+
+.course_promo:after {
+  left: 50%;
+  bottom: -1px;
+  margin-left: -16px;
+  width: 0px;
+  height: 0px;
+  border-style: solid;
+  border-width: 0 16px 16px 16px;
+  border-color: transparent transparent #F8F8F8 transparent;
+}
+
+.course_promo .course__likes {
+  color: white;
+}
+
+.course_promo .course__likes .icon {
+  fill: white;
+}
+
+.lessons__list {
+  margin-bottom: 60px;
+}
+
+.lessons__item {
+  position: relative;
+  margin-bottom: 40px;
+  transition: box-shadow .2s;
+}
+
+.lessons__item:hover .lessons__actions {
+  opacity: 1;
+  visibility: visible;
+}
+
+.lessons__subtitle {
+  margin-bottom: 20px;
+}
+
+.lessons__row {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.lessons__preview {
+  margin-right: 25px;
+  -ms-flex: 0 0 140px;
+  flex: 0 0 140px;
+}
+
+.lessons__pic {
+  display: block;
+  width: 100%;
+}
+
+.lessons__content {
+  -ms-flex: 0 0 calc(100% - 165px);
+  flex: 0 0 calc(100% - 165px);
+}
+
+.lessons__actions {
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity .2s, visibility .2s;
+}
+
+.lessons__action {
+  margin-left: 10px;
+  padding: 10px;
+  font-size: 0;
+}
+
+.lessons__action:hover .icon {
+  fill: #191919;
+}
+
+.lessons__action .icon {
+  font-size: 20px;
+  fill: #C8C8C8;
+  transition: fill .2s;
+}
+
+.lessons__foot {
+  text-align: center;
+}
+
+.lessons__btn {
+  width: 220px;
+}
+
+.lessons_kit .lessons__item {
+  margin-bottom: 20px;
+  padding: 20px;
+}
+
+.lessons_kit .lessons__item:hover {
+  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.06);
+  border-radius: 10px;
+}
+
+.lessons_kit .lessons__content {
+  -ms-flex: 0 0 100%;
+  flex: 0 0 100%;
+}
+
+.lesson__subtitle {
+  margin-bottom: 10px;
+}
+
+.lesson__content {
+  margin-bottom: 30px;
+}
+
+.materials__item {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.materials__item:not(:last-child) {
+  margin-bottom: 40px;
+}
+
+.materials__preview {
+  margin-right: 25px;
+  -ms-flex: 0 0 140px;
+  flex: 0 0 140px;
+}
+
+.materials__pic {
+  display: block;
+  width: 100%;
+}
+
+.materials__wrap {
+  -ms-flex: 0 0 calc(100% - 180px);
+  flex: 0 0 calc(100% - 180px);
+}
+
+.materials__title {
+  margin-bottom: 10px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  letter-spacing: 2px;
+  text-transform: uppercase;
+}
+
+.examples {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px -20px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.examples__item {
+  margin: 0 10px 20px;
+  -ms-flex: 0 0 calc(25% - 20px);
+  flex: 0 0 calc(25% - 20px);
+}
+
+.examples__pic {
+  display: block;
+  width: 100%;
+}
+
+.questions__form, .questions__item {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.questions__form {
+  margin-bottom: 40px;
+  padding-bottom: 20px;
+  border-bottom: 1px solid #E6E6E6;
+}
+
+.questions__item:not(:last-child) {
+  margin-bottom: 25px;
+}
+
+.questions__item_reply {
+  padding-left: 80px;
+}
+
+.questions__item_reply .questions__details {
+  margin-bottom: 10px;
+  padding: 20px;
+  background: white;
+  border-radius: 0 10px 10px 10px;
+}
+
+.questions__ava {
+  height: 60px;
+  margin-right: 20px;
+  -ms-flex: 0 0 60px;
+  flex: 0 0 60px;
+}
+
+.questions__pic {
+  display: block;
+  width: 100%;
+}
+
+.questions__wrap {
+  -ms-flex: 0 0 calc(100% - 80px);
+  flex: 0 0 calc(100% - 80px);
+}
+
+.questions__field {
+  margin-bottom: 20px;
+}
+
+.questions__textarea {
+  display: block;
+  width: 100%;
+  height: 44px;
+  padding: 11px 15px;
+  border-radius: 2px;
+  font-size: 16px;
+  resize: vertical;
+}
+
+.questions__btn {
+  display: block;
+  margin: 0 auto;
+  border-radius: 20px;
+}
+
+.questions__details {
+  margin-bottom: 5px;
+}
+
+.questions__head, .questions__action {
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  letter-spacing: 2px;
+  text-transform: uppercase;
+}
+
+.questions__head {
+  margin-bottom: 15px;
+}
+
+.questions__action, .questions__date {
+  color: #A7A7A7;
+}
+
+.questions__author {
+  margin-right: 15px;
+}
+
+.questions__date {
+  display: inline-block;
+}
+
+.questions__foot {
+  text-align: right;
+}
+
+.questions__action {
+  margin-left: auto;
+}
+
+.share__title {
+  margin-bottom: 45px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 20px;
+  text-align: center;
+}
+
+.share__list {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.share__item {
+  font-size: 0;
+}
+
+.share__item:not(:last-child) {
+  margin-right: 20px;
+}
+
+.share__item .icon {
+  font-size: 40px;
+}
+
+.share_sm .share__title {
+  margin-bottom: 15px;
+}
+
+.share_sm .share__item:not(:last-child) {
+  margin-right: 10px;
+}
+
+.share_sm .share__item .icon {
+  font-size: 30px;
+}
+
+.share_right .share__list {
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+}
+
+.buy {
+  padding: 15px 30px 30px;
+}
+
+.buy__row {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.buy__col {
+  margin-bottom: 20px;
+  padding: 0 10px;
+  -ms-flex: 0 0 320px;
+  flex: 0 0 320px;
+}
+
+.buy__col:nth-child(2n-1) {
+  -ms-flex: 0 0 calc(100% - 320px);
+  flex: 0 0 calc(100% - 320px);
+}
+
+.buy__head_main {
+  padding-top: 25px;
+}
+
+.buy__label {
+  font-size: 16px;
+}
+
+.buy__title {
+  font-size: 30px;
+}
+
+.buy__content {
+  font-size: 12px;
+  color: #A7A7A7;
+}
+
+.buy__foot {
+  margin-top: 20px;
+  text-align: center;
+}
+
+.buy__btn {
+  width: 275px;
+}
+
+.order {
+  padding: 2px;
+  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);
+  border-radius: 8px;
+}
+
+.order__wrap {
+  padding: 20px 30px 30px;
+  background: white;
+  border-radius: 6px;
+}
+
+.order__title {
+  margin-bottom: 20px;
+  font-size: 20px;
+}
+
+.order__preview {
+  margin: 0 -30px 20px;
+}
+
+.order__pic {
+  display: block;
+  width: 100%;
+}
+
+.order__label {
+  margin-bottom: 10px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 11px;
+  text-transform: uppercase;
+}
+
+.order__foot {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 30px -30px -10px;
+  padding: 20px 30px 0;
+  border-top: 1px solid #E6E6E6;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 16px;
+}
+
+.order__total {
+  margin-left: auto;
+}
+
+.lock {
+  padding: 50px 60px 40px;
+  text-align: center;
+}
+
+.lock__label {
+  margin-bottom: 70px;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  color: #A7A7A7;
+  letter-spacing: 2px;
+}
+
+.lock__title {
+  margin-bottom: 20px;
+}
+
+.lock__content {
+  margin-bottom: 70px;
+}
+
+.lock__btn {
+  width: 220px;
+}
+
+.profile {
+  padding-bottom: 20px;
+}
+
+.profile__head {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 30px;
+  -ms-flex-align: start;
+  align-items: flex-start;
+}
+
+.profile__title {
+  margin: 0 20px 0 0;
+}
+
+.profile__btn {
+  margin-left: auto;
+  padding: 10px 15px;
+  background: transparent;
+  border: 1px solid #A7A7A7;
+  color: #A7A7A7;
+}
+
+.profile__row {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 25px;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.profile__ava {
+  height: 120px;
+  margin-right: 25px;
+  -ms-flex: 0 0 120px;
+  flex: 0 0 120px;
+}
+
+.profile__wrap {
+  -ms-flex: 0 0 calc(100% - 145px);
+  flex: 0 0 calc(100% - 145px);
+}
+
+.profile__name {
+  margin-bottom: 25px;
+  font-size: 20px;
+  letter-spacing: 3px;
+  text-transform: uppercase;
+}
+
+.profile__foot {
+  display: none;
+  margin-top: 30px;
+  text-align: center;
+}
+
+.tabs__nav {
+  display: -ms-flexbox;
+  display: flex;
+  height: 56px;
+  margin-bottom: 40px;
+  border-bottom: 1px solid #E6E6E6;
+}
+
+.tabs__btn {
+  height: 56px;
+  border-bottom: 1px solid #E6E6E6;
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  color: #A7A7A7;
+  letter-spacing: 1px;
+  transition: border-color .2s, color .2s;
+}
+
+.tabs__btn:not(:last-child) {
+  margin-right: 40px;
+}
+
+.tabs__btn:hover {
+  color: #191919;
+}
+
+.tabs__btn.active {
+  border-color: #191919;
+  color: #191919;
+}
+
+.tabs__item {
+  display: none;
+}
+
+.menu {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.menu__link {
+  font-size: 16px;
+  color: #A7A7A7;
+  transition: color .2s;
+}
+
+.menu__link:not(:last-child) {
+  margin-right: 30px;
+}
+
+.menu__link.active {
+  font-family: 'ProximaNova-Bold', serif;
+  color: #191919;
+}
+
+.confirm__title {
+  margin-bottom: 20px;
+  font-size: 24px;
+}
+
+.confirm__form {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 25px -10px 30px;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.confirm__field, .confirm__btn {
+  margin: 0 10px;
+  -ms-flex: 0 0 calc(50% - 20px);
+  flex: 0 0 calc(50% - 20px);
+}
+
+.form {
+  position: relative;
+}
+
+.form__ava {
+  position: absolute;
+  left: -160px;
+  width: 140px;
+  height: 140px;
+}
+
+.form__group {
+  position: relative;
+  margin-bottom: 40px;
+}
+
+.form__title {
+  margin-bottom: 30px;
+  font-size: 25px;
+}
+
+.form__content {
+  margin-bottom: 40px;
+}
+
+.form__fieldset {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px;
+}
+
+.form__fieldset .form__field {
+  padding: 0 10px;
+  -ms-flex: 0 0 50%;
+  flex: 0 0 50%;
+}
+
+.form__field {
+  margin-bottom: 25px;
+}
+
+.form__switch {
+  margin-bottom: 10px;
+}
+
+.form__btn {
+  width: 100%;
+}
+
+.transactions__row {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px 20px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.transactions__cell {
+  padding: 0 10px;
+  font-size: 13px;
+}
+
+.transactions__cell:first-child {
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  -ms-flex: 0 0 60%;
+  flex: 0 0 60%;
+}
+
+.transactions__cell:nth-child(2), .transactions__cell:last-child {
+  -ms-flex: 0 0 20%;
+  flex: 0 0 20%;
+  text-align: right;
+}
+
+.transactions__cell:last-child {
+  color: #5BD700;
+}
+
+.empty {
+  max-width: 300px;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.done {
+  padding: 60px 0;
+  text-align: center;
+}
+
+.done__foot {
+  margin-top: 60px;
+}
+
+.done__btn {
+  width: 100%;
+  max-width: 300px;
+}
+
+.author__row {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.author__ava {
+  height: 90px;
+  margin-right: 20px;
+  -ms-flex: 0 0 90px;
+  flex: 0 0 90px;
+}
+
+.author__wrap {
+  -ms-flex: 0 0 calc(100% - 110px);
+  flex: 0 0 calc(100% - 110px);
+}
+
+.author__hi, .author__name {
+  display: table;
+  font-family: 'ProximaNova-Bold', serif;
+  text-transform: uppercase;
+}
+
+.author__hi {
+  margin-bottom: 30px;
+  font-size: 12px;
+  letter-spacing: 2px;
+}
+
+.author__name {
+  font-size: 10px;
+  letter-spacing: 1.66px;
+}
+
+.author__content {
+  margin-bottom: 30px;
+}
+
+.upload {
+  position: relative;
+  font-size: 18px;
+  color: #4A90E2;
+  overflow: hidden;
+}
+
+.upload__file {
+  position: absolute;
+  top: 0;
+  right: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.info {
+  display: -ms-flexbox;
+  display: flex;
+  background: #F8F8F8;
+}
+
+.info__section {
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  background-position: 50% 50%;
+  background-size: cover;
+  -ms-flex: 0 0 calc(50% + 169px);
+  flex: 0 0 calc(50% + 169px);
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  z-index: 4;
+}
+
+.info__section:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.64) 100%);
+  z-index: -2;
+}
+
+.info__sidebar {
+  -ms-flex: 0 0 calc(50% - 169px);
+  flex: 0 0 calc(50% - 169px);
+}
+
+.info__main {
+  display: -ms-flexbox;
+  display: flex;
+  max-width: 675px;
+  height: 550px;
+  padding: 30px 40px 50px;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.info__head {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+  align-items: flex-start;
+}
+
+.info__user {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 45px;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.info__ava {
+  width: 40px;
+  height: 40px;
+  margin-right: 20px;
+  -ms-flex: 0 0 40px;
+  flex: 0 0 40px;
+}
+
+.info__label {
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 10px;
+  color: #A7A7A7;
+  letter-spacing: 1px;
+}
+
+.info__value {
+  font-size: 18px;
+  color: white;
+}
+
+.info__upload {
+  margin-left: auto;
+  font-size: 16px;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.info__foot {
+  display: -ms-flexbox;
+  display: flex;
+  margin-top: auto;
+}
+
+.info__foot .info__field {
+  margin-right: 20px;
+  -ms-flex: 0 0 140px;
+  flex: 0 0 140px;
+}
+
+.info__wrap {
+  max-width: 349px;
+  height: 550px;
+  padding: 30px 40px 30px 30px;
+}
+
+.info__wrap {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.info__wrap .info__field {
+  margin-bottom: 30px;
+}
+
+.info__wrap .info__field:last-child {
+  margin: 0;
+}
+
+.info__fieldset:first-child {
+  margin-bottom: 50px;
+}
+
+.info__fieldset:last-child {
+  margin-top: auto;
+}
+
+.add {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.add__toggle {
+  font-size: 0;
+}
+
+.add__circle, .add__title {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.add__circle {
+  position: relative;
+  margin-right: 10px;
+  padding: 19px;
+  border: 1px solid #E6E6E6;
+  border-radius: 50%;
+}
+
+.add__circle .icon {
+  font-size: 20px;
+  fill: #B5B5B5;
+}
+
+.add__title {
+  margin-left: 10px;
+  font-size: 20px;
+  color: #B5B5B5;
+}
+
+.add__list {
+  display: none;
+}
+
+.add__btn {
+  width: 60px;
+  height: 60px;
+  border: 1px solid #888;
+  border-radius: 50%;
+  font-size: 0;
+}
+
+.add__btn:not(:last-child) {
+  margin: 0 10px 10px 0;
+}
+
+.add__btn .icon {
+  font-size: 22px;
+  fill: #191919;
+}
+
+.add__btn .icon-live {
+  font-size: 10px;
+}
+
+.add__btn .icon-image-text {
+  font-size: 15px;
+}
+
+.add__btn .icon-text {
+  font-size: 17px;
+}
+
+.add__btn .icon-images {
+  font-size: 32px;
+}
+
+.add.open .add__circle .icon {
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+.add.open .add__title {
+  display: none;
+}
+
+.add.open .add__list {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.kit {
+  max-width: 620px;
+}
+
+.kit__section {
+  margin-bottom: 60px;
+}
+
+.kit__nav {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px 60px;
+}
+
+.kit__btn {
+  margin: 0 10px;
+  -ms-flex: 0 0 calc(50% - 20px);
+  flex: 0 0 calc(50% - 20px);
+}
+
+.kit__add {
+  margin-bottom: 40px;
+}
+
+.kit__service {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.kit__service .kit__field {
+  margin: 0;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+}
+
+.kit__upload {
+  margin-left: 20px;
+}
+
+.kit__row {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.kit__row .kit__photo {
+  height: 110px;
+  margin-right: 20px;
+  -ms-flex: 0 0 140px;
+  flex: 0 0 140px;
+}
+
+.kit__photo {
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  border: 1px solid #E6E6E6;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -ms-flex-align: center;
+  align-items: center;
+  overflow: hidden;
+}
+
+.kit__photo .icon {
+  font-size: 20px;
+  fill: #B5B5B5;
+}
+
+.kit__file {
+  position: absolute;
+  top: 0;
+  right: 0;
+  font-size: 100px;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.kit__fieldset {
+  -ms-flex: 0 0 calc(100% - 160px);
+  flex: 0 0 calc(100% - 160px);
+}
+
+.kit__gallery {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0 -10px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.kit__gallery .kit__photo, .kit__preview {
+  margin: 0 10px 20px;
+  -ms-flex: 0 0 calc(25% - 20px);
+  flex: 0 0 calc(25% - 20px);
+}
+
+.kit__pic {
+  display: block;
+  width: 100%;
+}
+
+.kit__theme {
+  margin-bottom: 30px;
+  padding-bottom: 5px;
+  font-size: 20px;
+  border-bottom: 1px solid #E6E6E6;
+}
+
+.kit__foot {
+  text-align: center;
+}
+
+.kit__submit {
+  width: 220px;
+}
+
+.editor {
+  position: relative;
+}
+
+.fontstyle {
+  position: absolute;
+  top: -40px;
+  left: 40px;
+  padding: 0 15px;
+  background: #191919;
+  border-radius: 35px;
+  font-size: 0;
+  white-space: nowrap;
+}
+
+.fontstyle__regular, .fontstyle__bold, .fontstyle__italic {
+  width: 28px;
+  height: 35px;
+  font-size: 16px;
+  color: white;
+}
+
+.fontstyle__bold {
+  font-family: 'ProximaNova-Bold', serif;
+}
+
+.fontstyle__italic {
+  font-style: italic;
+}
+
+.ui-datepicker {
+  display: none;
+  width: 240px;
+  margin-top: 10px;
+  padding: 5px;
+  background: white;
+  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
+  z-index: 99 !important;
+}
+
+.ui-datepicker-header {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 5px;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.ui-datepicker-prev, .ui-datepicker-next {
+  padding: 10px;
+  font-size: 0;
+  cursor: pointer;
+}
+
+.ui-datepicker-prev:before, .ui-datepicker-next:before {
+  content: '';
+  display: block;
+  width: 10px;
+  height: 10px;
+  border: solid #E6E6E6;
+  border-width: 2px 2px 0 0;
+}
+
+.ui-datepicker-prev {
+  -ms-flex-order: 1;
+  order: 1;
+}
+
+.ui-datepicker-prev:before {
+  -ms-transform: rotate(-135deg);
+  transform: rotate(-135deg);
+}
+
+.ui-datepicker-title {
+  text-align: center;
+  -ms-flex-order: 2;
+  order: 2;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+}
+
+.ui-datepicker-next {
+  -ms-flex-order: 3;
+  order: 3;
+}
+
+.ui-datepicker-next:before {
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+.ui-datepicker-calendar th,
+.ui-datepicker-calendar td {
+  font-family: 'ProximaNova-Bold', serif;
+  font-size: 10px;
+  text-transform: uppercase;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.ui-datepicker-calendar th {
+  padding: 5px;
+}
+
+.ui-datepicker-calendar a {
+  display: block;
+  padding: 7px;
+  color: #8C8C8C;
+  transition: color .2s;
+}
+
+.ui-datepicker-calendar a:hover {
+  color: #191919;
+}
+
+.ui-datepicker-calendar a.ui-state-active {
+  background: #F8F8F8;
+  color: #FF9393;
+}
+
+.form__common-error {
+  margin-top: 15px;
+  font-size: 14px;
+  background: #FF9393;
+  color: #fff;
+  padding: 10px;
+  display: none;
+}
 
-html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
-
-img, fieldset, a img { border: none; }
-
-input[type="text"], input[type="email"], input[type="tel"], textarea { -webkit-appearance: none; }
-
-input[type="submit"], button { cursor: pointer; }
-
-input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }
-
-textarea { overflow: auto; }
-
-input, button { margin: 0; padding: 0; border: 0; }
-
-div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }
-
-ul, ol { list-style-type: none; }
-
-table { border-spacing: 0; border-collapse: collapse; width: 100%; }
-
-html { box-sizing: border-box; }
-
-*, *:before, *:after { box-sizing: inherit; }
-
-.icon-add-plus { width: 1em; height: 1em; fill: #B5B5B5; }
-
-.icon-arrow-down { width: 1.71em; height: 1em; fill: #333; }
-
-.icon-arrow-left { width: 1.33em; height: 1em; fill: #333; }
-
-.icon-arrow-right { width: 1.28em; height: 1em; fill: #333; }
-
-.icon-close { width: 1em; height: 1em; fill: #191919; }
-
-.icon-date { width: 0.95em; height: 1em; fill: #979797; }
-
-.icon-delete { width: 1em; height: 1em; fill: #C8C8C8; }
-
-.icon-edit { width: 1em; height: 1em; fill: #C8C8C8; }
-
-.icon-eye { width: 1.69em; height: 1em; fill: #333; }
-
-.icon-facebook { width: 0.5em; height: 1em; fill: #FFF; }
-
-.icon-fb { width: 0.44em; height: 1em; fill: #1C2635; }
-
-.icon-image-text { width: 2.07em; height: 1em; fill: #333; }
-
-.icon-image { width: 1em; height: 1em; fill: #333; }
-
-.icon-images { width: 1em; height: 1em; fill: #333; }
-
-.icon-instagram { width: 1em; height: 1em; fill: #1C2635; }
-
-.icon-like-bold { width: 1.07em; height: 1em; fill: #333; }
-
-.icon-like-fill-bold { width: 1.07em; height: 1em; fill: #333; }
-
-.icon-like-fill { width: 1.17em; height: 1em; fill: #B5B5B5; }
-
-.icon-like { width: 1.17em; height: 1em; fill: #B5B5B5; }
-
-.icon-live { width: 2.6em; height: 1em; fill: #333; }
-
-.icon-location { width: 0.76em; height: 1em; fill: initial; }
-
-.icon-lock { width: 0.74em; height: 1em; fill: initial; }
-
-.icon-menu { width: 2em; height: 1em; fill: #202124; }
-
-.icon-money { width: 1.53em; height: 1em; fill: #979797; }
-
-.icon-photo { width: 1.33em; height: 1em; fill: #FFF; }
-
-.icon-play { width: 0.8em; height: 1em; fill: #FFF; }
-
-.icon-plus { width: 1em; height: 1em; fill: #BEBEBE; }
-
-.icon-search { width: 1em; height: 1em; fill: initial; }
-
-.icon-searching { width: 0.97em; height: 1em; fill: initial; }
-
-.icon-share-facebook { width: 1em; height: 1em; fill: #35578C; }
-
-.icon-share-google { width: 1em; height: 1em; fill: #CC4F42; }
-
-.icon-share-instagram { width: 1em; height: 1em; fill: #EA418C; }
-
-.icon-share-pinterest { width: 1em; height: 1em; fill: #B8242B; }
-
-.icon-share-twitter { width: 1em; height: 1em; fill: #38A0CD; }
-
-.icon-showcase { width: 1em; height: 1em; fill: #C8C8C8; }
-
-.icon-text { width: 0.82em; height: 1em; fill: #333; }
-
-.icon-thumb { width: 0.96em; height: 1em; fill: initial; }
-
-.icon-time { width: 1em; height: 1em; fill: #979797; }
-
-.icon-twitter { width: 1.18em; height: 1em; fill: #1C2635; }
-
-.icon-user { width: 1em; height: 1em; fill: #191919; }
-
-.icon-video-stroke { width: 0.82em; height: 1em; fill: #333; }
-
-.icon-video { width: 1.43em; height: 1em; fill: #C8C8C8; }
-
-.icon-wallet { width: 1.15em; height: 1em; fill: initial; }
-
-.icon-youtube { width: 1.2em; height: 1em; fill: #1C2635; }
-
-@font-face { font-family: ProximaNova-Regular; src: url("fonts/ProximaNova-Regular.woff2") format("woff2"), url("fonts/ProximaNova-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }
-
-@font-face { font-family: ProximaNova-Bold; src: url("fonts/ProximaNova-Bold.woff2") format("woff2"), url("fonts/ProximaNova-Bold.woff") format("woff"); font-weight: normal; font-style: normal; }
-
-@font-face { font-family: ProximaNova-SemiBold; src: url("fonts/ProximaNova-SemiBold.woff2") format("woff2"), url("fonts/ProximaNova-SemiBold.woff") format("woff"); font-weight: normal; font-style: normal; }
-
-@font-face { font-family: ProximaNova-Light; src: url("fonts/ProximaNova-Light.woff2") format("woff2"), url("fonts/ProximaNova-Light.woff") format("woff"); font-weight: normal; font-style: normal; }
-
-body { min-width: 360px; font-family: 'ProximaNova-Regular', serif; font-size: 15px; color: #191919; line-height: 1.333; }
-
-body.no-scroll { overflow: hidden; }
-
-button, input, textarea, select { font-family: 'ProximaNova-Regular', serif; font-size: 15px; }
-
-button { background: none; }
-
-a { color: #FF9393; text-decoration: none; }
-
-input, textarea { text-overflow: ellipsis; }
-
-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #A7A7A7; }
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #A7A7A7; }
-
-input::placeholder, textarea::placeholder { color: #A7A7A7; }
-
-textarea { border: none; }
-
-strong, b { font-family: 'ProximaNova-Bold', serif; }
-
-*::-moz-selection { background: #FF9393; color: white; }
-
-*::selection { background: #FF9393; color: white; }
-
-.outer { display: -ms-flexbox; display: flex; min-height: 100vh; -ms-flex-direction: column; flex-direction: column; }
-
-.container { -ms-flex: 1 0 auto; flex: 1 0 auto; }
-
-.center { width: 100%; max-width: 1024px; margin: 0 auto; padding: 0 40px; }
-
-.center_md { max-width: 860px; }
-
-.center_sm { max-width: 700px; }
-
-.center_xs { max-width: 540px; }
-
-.btn { position: relative; padding: 13px 24px 12px; background-image: linear-gradient(-225deg, #D1FF7F 0%, #56FFFD 100%); border-radius: 3px; font-family: 'ProximaNova-Bold', serif; font-size: 12px; color: #191919; text-transform: uppercase; letter-spacing: 2px; text-align: center; transition: all .2s; z-index: 2; }
-
-.btn:hover { box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11); }
-
-.btn:active { box-shadow: 0 0 0 0 transparent; color: rgba(38, 38, 38, 0.1); }
-
-.btn:active .icon { fill: rgba(38, 38, 38, 0.1); }
-
-.btn__title, .btn .icon { display: inline-block; vertical-align: middle; }
-
-.btn__title { margin-top: -1px; }
-
-.btn .icon { position: relative; top: -1px; margin-right: 15px; fill: #191919; transition: fill .2s; }
-
-.btn_dark { background: #191919; color: white; }
-
-.btn_dark:hover { background: #545454; }
-
-.btn_dark:active { color: rgba(255, 255, 255, 0.1); }
-
-.btn_light { background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); }
-
-.btn_stroke:hover:before, .btn_stroke:active:before { opacity: 0; }
-
-.btn_stroke:before { content: ''; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background: white; border-radius: 2px; transition: opacity .2s; z-index: -2; }
-
-.btn_fb { background: #3957A7; color: white; }
-
-.btn_fb:active { color: rgba(255, 255, 255, 0.2); }
-
-.btn_fb:active .icon { fill: rgba(255, 255, 255, 0.2); }
-
-.btn_fb .icon { margin: -9px 15px -6px -25px; font-size: 20px; fill: white; }
-
-.btn_gray { background: #F8F8F8; }
-
-.btn_md { padding: 18px 24px 17px; }
-
-.btn_lg { padding: 28px 40px 27px; }
-
-.btn_lg.btn_stroke { padding: 27px  39px 26px; }
-
-.btn_icon { padding-left: 9px; padding-right: 9px; background: transparent; border: 1px solid #E6E6E6; font-size: 0; }
-
-.btn_icon .icon { margin: 0; font-size: 13px; fill: #191919; }
-
-.btn.loading { box-shadow: none; color: transparent; }
-
-.btn.loading:after { content: ''; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; border: 3px solid #191919; border-left: 3px solid transparent; border-radius: 50%; animation: loading .6s infinite linear; }
-
-@keyframes loading { 0 { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); } }
-
-a.btn { display: inline-block; }
-
-.logo { display: block; width: 219px; height: 71px; background: url(../img/school-lil-city.svg) no-repeat 0 0/contain; }
-
-.search { position: relative; width: 40px; height: 40px; }
-
-.search__input { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0 15px; background: rgba(25, 25, 25, 0.1); border-radius: 20px; color: rgba(25, 25, 25, 0.8); transition: width .4s; }
-
-.search__btn { position: absolute; top: 0; right: 0; bottom: 0; width: 40px; }
-
-.search__btn .icon { font-size: 17px; fill: rgba(25, 25, 25, 0.5); -ms-transform: translate(0, 2px); transform: translate(0, 2px); }
-
-.search.open .search__input { width: 170px; }
-
-.header { position: relative; z-index: 20; }
-
-.header__container { display: -ms-flexbox; display: flex; height: 100px; border-bottom: 1px solid #E6E6E6; -ms-flex-align: center; align-items: center; }
-
-.header__wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex: 1 0 auto; flex: 1 0 auto; }
-
-.header__actions { display: -ms-flexbox; display: flex; margin: auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
-
-.header__status { margin-right: 5px; font-family: 'ProximaNova-Bold', serif; font-size: 12px; color: #A7A7A7; letter-spacing: 1px; }
-
-.header__btn { margin-left: 10px; }
-
-.header__nav { display: -ms-flexbox; display: flex; margin: auto; }
-
-.header__group { position: relative; }
-
-.header__group:hover .header__section { color: #191919; }
-
-.header__group:hover .header__list { opacity: 1; visibility: visible; }
-
-.header__section { display: block; height: 100px; margin: 0 15px; border-bottom: 1px solid transparent; font-family: 'ProximaNova-Bold', serif; font-size: 12px; color: #8C8C8C; line-height: 100px; transition: color .2s; }
-
-.header__section.active { border-color: #191919; color: #191919; }
-
-.header__list, .header__drop { position: absolute; top: 100%; left: 50%; width: 190px; margin-left: -95px; padding: 10px 0; background: white; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; opacity: 0; visibility: hidden; transform: translate3d(0, 0, 0); transition: opacity .2s, visibility .2s; overflow: hidden; }
-
-.header__drop { left: auto; right: 20px; margin: 0; }
-
-.header__balance { margin-bottom: 10px; padding: 0 20px 10px; border-bottom: 1px solid #E6E6E6; }
-
-.header__link { display: block; position: relative; padding: 8px 20px 7px; font-family: 'ProximaNova-Bold', serif; font-size: 10px; color: #8C8C8C; text-transform: uppercase; transition: color .2s; }
-
-.header__link:hover { color: #191919; }
-
-.header__link_green { color: #5BD700; }
-
-.header__link_green:hover { color: #45a400; }
-
-.header__link_border { margin-bottom: 5px; padding: 2px 20px 10px; border-bottom: 1px solid #E6E6E6; color: #191919; }
-
-.header__link.active .header__title:after { content: ''; position: absolute; top: 50%; left: -10px; right: -10px; height: 2px; margin-top: -2px; background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); }
-
-.header__title { display: table; position: relative; }
-
-.header__menu, .header__close { display: none; }
-
-.header__menu .icon, .header__close .icon { fill: #191919; }
-
-.header__menu .icon { font-size: 10px; }
-
-.header__close .icon { font-size: 20px; }
-
-.header__enter { height: 100px; margin-left: 40px; font-family: 'ProximaNova-Bold', serif; font-size: 12px; color: #8C8C8C; line-height: 100px; transition: color .2s; }
-
-.header__enter:hover { color: #191919; }
-
-.header__enter .icon { display: none; }
-
-.header__login { position: relative; margin-right: -20px; padding: 30px 20px; -ms-flex: 0 0 80px; flex: 0 0 80px; }
-
-.header__login:hover .header__drop { opacity: 1; visibility: visible; }
-
-.header__ava { height: 40px; }
-
-.header_bg .header__container { border-color: transparent; }
-
-.main { display: -ms-flexbox; display: flex; position: relative; min-height: 500px; margin-top: -100px; padding: 120px 0 50px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; text-align: center; z-index: 4; }
-
-.main:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); opacity: .8; z-index: -2; }
-
-.main__center { margin: auto; }
-
-.main__title { max-width: 780px; margin: 0 auto 40px; font-family: 'ProximaNova-Bold', serif; font-size: 50px; line-height: 1.2; }
-
-.main__content { margin-bottom: 30px; }
-
-.main__time { padding: 7px 0; font-family: 'ProximaNova-Bold', serif; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; }
-
-.main_green:before { background-image: linear-gradient(-225deg, #E2E2E2 0%, #E2FFDF 100%); }
-
-.main_sm { min-height: 0; padding: 135px 0 55px; }
-
-.main_sm .main__title { margin-bottom: 0; }
-
-.title { position: relative; margin-bottom: 35px; font-family: 'ProximaNova-Bold', serif; font-size: 32px; line-height: 1.09375; z-index: 4; }
-
-.title_center { text-align: center; }
-
-.title_sm { margin-bottom: 20px; font-size: 25px; }
-
-.subtitle { margin-bottom: 25px; font-family: 'ProximaNova-Bold', serif; font-size: 20px; letter-spacing: 4px; text-transform: uppercase; }
-
-.text { position: relative; max-width: 620px; margin: 0 auto 60px; font-family: 'ProximaNova-Light', serif; font-size: 24px; text-align: center; z-index: 2; }
-
-.text p:not(:last-child) { margin-bottom: 35px; }
-
-.text__curve { position: absolute; pointer-events: none; z-index: -2; }
-
-.text__curve_one { left: -95px; bottom: 5px; }
-
-.text__curve_two { left: -105px; bottom: -50px; }
-
-.text__curve_three { left: -65px; bottom: -35px; }
-
-.text__curve_four { left: -75px; bottom: -45px; }
-
-.text_lg { max-width: 740px; }
-
-.text_mb0 { margin-bottom: 0; }
-
-.section { padding: 60px 0; }
-
-.section_review { background: url(../img/bg-elephants.jpg) 0 0/100px 102px; }
-
-.section_gray { background: #F8F8F8; }
-
-.section_border { position: relative; }
-
-.section_border:after { content: ''; position: absolute; top: 100%; left: 50%; width: 100%; max-width: 944px; height: 1px; background: #E6E6E6; -ms-transform: translateX(-50%); transform: translateX(-50%); }
-
-.section_gradient { background-image: linear-gradient(-225deg, #F8F8F8 0%, #FFF2F2 100%); }
-
-.section_tabs { padding-top: 20px; }
-
-.section_menu { padding: 20px 0; }
-
-.section_confirm { padding: 30px 0 50px; }
-
-.ava { display: block; position: relative; overflow: hidden; }
-
-.ava__pic { display: block; width: 100%; border-radius: 50%; }
-
-.ava__input { position: absolute; top: 0; right: 0; font-size: 140px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; z-index: 2; }
-
-.ava__icon { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 0; }
-
-.ava__icon .icon { font-size: 30px; fill: white; }
-
-.likes { display: -ms-flexbox; display: flex; color: #191919; -ms-flex-align: center; align-items: center; }
-
-.likes__counter { margin-right: 5px; font-family: 'ProximaNova-Bold', serif; font-size: 13px; }
-
-.likes__icon { position: relative; font-size: 0; }
-
-.likes.active .icon { display: none; }
-
-.likes.active .icon-like-fill, .likes.active .icon-like-fill-bold { display: block; }
-
-.likes .icon { position: relative; top: -1px; font-size: 14px; fill: #191919; }
-
-.likes .icon-like-fill, .likes .icon-like-fill-bold { display: none; fill: #FF9393; }
-
-.likes .icon-like-fill-bold { position: relative; top: -1px; }
-
-.user { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
-
-.user__ava { height: 40px; margin-right: 10px; -ms-flex: 0 0 40px; flex: 0 0 40px; }
-
-.user__ava { height: 40px; margin-right: 10px; -ms-flex: 0 0 40px; flex: 0 0 40px; }
-
-.user__info { -ms-flex: 0 0 calc(100% - 50px); flex: 0 0 calc(100% - 50px); }
-
-.user__name, .user__date { font-family: 'ProximaNova-Bold', serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.1; }
-
-.user__name { margin-bottom: 5px; }
-
-.user__meta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
-
-.user__date { color: #A7A7A7; }
-
-.user__likes { margin: -5px 0 -5px auto; font-family: 'ProximaNova-Regular', serif; font-size: 15px; }
-
-.user__likes .icon { fill: #A7A7A7; }
-
-.user__likes .icon-fill { fill: #FF9393; }
-
-.user_white .user__date { color: white; }
-
-.video { display: block; position: relative; }
-
-.video__pic { display: block; width: 100%; }
-
-.video .icon-play { position: absolute; top: 50%; left: 50%; font-size: 48px; fill: white; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
-
-.video__soon { display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; background: rgba(25, 25, 25, 0.5); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; color: white; }
-
-.video__title { margin-bottom: 20px; }
-
-.video__time { font-family: 'ProximaNova-Bold', serif; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; }
-
-.about { display: -ms-flexbox; display: flex; padding-right: 160px; }
-
-.about__ava { height: 120px; margin-right: 40px; -ms-flex: 0 0 120px; flex: 0 0 120px; }
-
-.about__content { margin-bottom: 20px; }
-
-.about__ceo { margin-bottom: 20px; }
-
-.about__ceo a { font-family: 'ProximaNova-Bold', serif; }
-
-.about__video { margin-bottom: 20px; }
-
-.about__more { text-align: center; }
-
-.online { display: block; position: relative; padding: 55px 0 50px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; color: white; text-align: center; z-index: 4; }
-
-.online:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(-1deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%); z-index: -2; }
-
-.online__type { margin-bottom: 85px; font-family: 'ProximaNova-Bold', serif; font-size: 20px; letter-spacing: 4px; }
-
-.online__title { margin-bottom: 2px; font-family: 'ProximaNova-Bold', serif; font-size: 50px; line-height: 1.2; }
-
-.online__text { max-width: 600px; }
-
-.online__action { font-family: 'ProximaNova-Bold', serif; font-size: 10px; letter-spacing: 1px; }
-
-.online__action .icon { position: relative; top: 4px; margin-right: 15px; font-size: 16px; }
-
-.benefits { display: -ms-flexbox; display: flex; position: relative; max-width: 890px; margin: 0 auto 80px; text-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; z-index: 4; }
-
-.benefits__item { padding: 0 15px; -ms-flex: 0 0 25%; flex: 0 0 25%; }
-
-.benefits__preview { display: -ms-flexbox; display: flex; height: 45px; margin-bottom: 20px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
-
-.benefits__preview .icon-thumb { font-size: 43px; }
-
-.benefits__preview .icon-wallet { font-size: 38px; }
-
-.benefits__preview .icon-location { font-size: 40px; }
-
-.benefits__preview .icon-searching { font-size: 37px; }
-
-.benefits__title { display: -ms-flexbox; display: flex; min-height: 38px; margin-bottom: 10px; font-family: 'ProximaNova-Bold', serif; font-size: 14px; letter-spacing: 2.5px; line-height: 1.42; text-transform: uppercase; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
-
-.reviews { padding-right: 80px; }
-
-.reviews__item { display: -ms-flexbox; display: flex; }
-
-.reviews__item:not(:last-child) { margin-bottom: 20px; }
-
-.reviews__ava { height: 60px; margin-right: 20px; -ms-flex: 0 0 60px; flex: 0 0 60px; }
-
-.reviews__wrap { padding: 20px 30px 30px; background: white; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); border-radius: 0 10px 10px 10px; }
-
-.reviews__name { font-family: 'ProximaNova-Bold', serif; font-size: 15px; line-height: 1.33; }
-
-.gallery { display: -ms-flexbox; display: flex; margin: 0 -10px -20px; }
-
-.gallery__grid { -ms-flex: 0 0 50%; flex: 0 0 50%; overflow: hidden; }
-
-.gallery__item { float: left; width: calc(33.33% - 20px); margin: 0 10px 20px; }
-
-.gallery__item_lg { width: calc(66.66% - 20px); }
-
-.gallery__item:nth-child(4) { clear: both; }
-
-.gallery__pic { display: block; width: 100%; }
-
-.app { position: relative; margin-top: 72px; background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); }
-
-.app__center { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; }
-
-.app__col:first-child { position: relative; padding: 50px 0 60px; -ms-flex: 0 0 49%; flex: 0 0 49%; text-align: center; z-index: 2; }
-
-.app__col:last-child { -ms-flex: 0 0 51%; flex: 0 0 51%; }
-
-.app__theme { margin-bottom: 20px; font-family: 'ProximaNova-Bold', serif; font-size: 10px; color: #4A90E2; }
-
-.app__title { margin-bottom: 25px; font-size: 32px; line-height: 1.25; }
-
-.app__content { margin-bottom: 30px; }
-
-.app__links { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
-
-.app__link { margin: 0 10px; -ms-flex: 0 0 135px; flex: 0 0 135px; }
-
-.app__preview { display: -ms-flexbox; display: flex; height: 100px; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
-
-.app__pic { display: block; max-width: 100%; max-height: 277px; }
-
-.game { position: relative; padding: 70px 0 80px; background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); overflow: hidden; }
-
-.game__wrap { max-width: 375px; }
-
-.game__theme { margin-bottom: 20px; font-family: 'ProximaNova-Bold', serif; font-size: 10px; color: #4A90E2; }
-
-.game__title { margin-bottom: 65px; font-size: 32px; line-height: 1.25; }
-
-.game__btn { background: transparent; padding: 11px 24px 10px; border: 2px solid #191919; color: #191919; }
-
-.game__btn:hover { background: #191919; border-color: #191919; color: white; }
-
-.game__btn:active { color: rgba(255, 255, 255, 0.1); }
-
-.game__preview { position: absolute; top: 0; left: calc(50% - 145px); bottom: 0; }
-
-.game__pic { display: block; width: auto; height: 100%; }
-
-.teachers { margin-bottom: 50px; }
-
-.teachers__item { display: -ms-flexbox; display: flex; margin-bottom: 40px; }
-
-.teachers__ava { height: 140px; margin-right: 25px; -ms-flex: 0 0 140px; flex: 0 0 140px; }
-
-.teachers__title { margin-bottom: 5px; font-family: 'ProximaNova-Bold', serif; font-size: 20px; text-transform: uppercase; letter-spacing: 4px; }
-
-.teachers__name { margin-bottom: 20px; font-family: 'ProximaNova-Bold', serif; }
-
-.teachers__content { font-size: 16px; line-height: 1.375; }
-
-.toggle { font-size: 14px; }
-
-.toggle__head { color: #FF9393; }
-
-.toggle__head .icon { position: relative; top: -1px; margin-left: 10px; font-size: 6px; transition: transform .2s; }
-
-.toggle__head.active .icon { -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
-
-.toggle__body { display: none; padding-top: 10px; color: #888; }
-
-.schedule { margin-bottom: 70px; }
-
-.schedule__item { display: -ms-flexbox; display: flex; margin-bottom: 40px; }
-
-.schedule__day { padding-top: 2px; font-family: 'ProximaNova-Bold', serif; font-size: 12px; color: #FF9393; letter-spacing: 2px; text-transform: uppercase; -ms-flex: 0 0 140px; flex: 0 0 140px; }
-
-.schedule__title, .schedule__content { font-size: 16px; }
-
-.schedule__title { font-family: 'ProximaNova-Bold', serif; }
-
-.schedule__toggle { margin-top: 10px; }
-
-.theme { font-family: 'ProximaNova-Bold', serif; font-size: 12px; letter-spacing: 2px; color: #FF9393; }
-
-.theme_green { color: #8ECFC0; }
-
-.theme_violet { color: #B995D9; }
-
-.theme_lg { font-size: 20px; letter-spacing: 4px; }
-
-.courses__list { display: -ms-flexbox; display: flex; margin: 0 -10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
-
-.courses__item { display: block; margin: 0 10px 60px; color: #191919; -ms-flex: 0 0 calc(33.33% - 20px); flex: 0 0 calc(33.33% - 20px); }
-
-.courses__preview { display: block; position: relative; margin-bottom: 15px; color: #191919; }
-
-.courses__preview:hover .courses__view { opacity: .9; }
-
-.courses__label { position: absolute; top: 0; right: 20px; width: 30px; height: 45px; background-repeat: no-repeat; background-size: contain; z-index: 6; }
-
-.courses__label_fav { background-image: url(../img/fav.svg); }
-
-.courses__label_clock { background-image: url(../img/clock.svg); }
-
-.courses__pic { display: block; width: 100%; border-radius: 2px; }
-
-.courses__view { display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); border-radius: 2px; opacity: 0; font-size: 18px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: opacity .2s; z-index: 4; }
-
-.courses__soon { display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px; background: rgba(0, 0, 0, 0.4); color: white; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: center; }
-
-.courses__left { margin-bottom: 5px; font-size: 15px; }
-
-.courses__time { font-family: 'ProximaNova-Bold', serif; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; }
-
-.courses__details { display: -ms-flexbox; display: flex; margin-bottom: 10px; }
-
-.courses__price { margin-left: auto; font-family: 'ProximaNova-Bold', serif; font-size: 12px; letter-spacing: 2px; color: #191919; }
-
-.courses__title { display: block; margin-bottom: 10px; font-family: 'ProximaNova-SemiBold', serif; font-size: 18px; color: #191919; }
-
-.courses__user { margin-top: 20px; }
-
-.courses_two .courses__item { -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); }
-
-.load { margin-top: 30px; }
-
-.load__btn { width: 100%; padding: 22px 24px 21px; background: none; border: 1px solid #E6E6E6; }
-
-.more { text-align: center; }
-
-.more__btn { position: relative; min-width: 300px; padding: 19px 24px 18px; border-radius: 28px; letter-spacing: 2px; z-index: 4; }
-
-.more__btn:hover:before { opacity: 0; }
-
-.more__btn:before { content: ''; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background: white; border-radius: 24px; transition: opacity .2s; z-index: -2; }
-
-.partners { display: -ms-flexbox; display: flex; margin: 0 -10px -20px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
-
-.partners__item { margin: 0 10px 20px; -ms-flex: 0 0 calc(16.66% - 20px); flex: 0 0 calc(16.66% - 20px); }
-
-.partners__pic { display: block; width: 100%; }
-
-.switch { display: block; position: relative; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
-
-.switch__input { position: absolute; top: 0; left: 0; opacity: 0; }
-
-.switch__input:checked + .switch__content:after { opacity: 1; }
-
-.switch__content { display: block; padding: 3px 0 3px 30px; font-size: 14px; }
-
-.switch__content:before, .switch__content:after { content: ''; position: absolute; }
-
-.switch__content:before { top: 0; left: 0; width: 20px; height: 20px; border: 1px solid #E6E6E6; }
-
-.switch__content:after { top: 5px; left: 5px; width: 10px; height: 10px; background-image: linear-gradient(-225deg, #B4EC51 0%, #61E9E7 100%); opacity: 0; transition: opacity .2s; }
-
-.switch__cell { padding-right: 10px; }
-
-.switch__cell:first-child { padding-top: 3px; font-family: 'ProximaNova-Bold', serif; font-size: 11px; text-transform: uppercase; -ms-flex: 0 0 110px; flex: 0 0 110px; }
-
-.switch__cell:nth-child(2), .switch__cell:last-child { -ms-flex: 0 0 60px; flex: 0 0 60px; }
-
-.switch__cell:nth-child(3) { -ms-flex: 0 0 calc(100% - 230px); flex: 0 0 calc(100% - 230px); }
-
-.switch__cell:last-child { padding: 0; text-align: right; }
-
-.switch_blue .switch__content:after { background: #4A90E2; }
-
-.switch_lesson .switch__content { display: -ms-flexbox; display: flex; padding: 19px 0 19px 50px; border-bottom: 1px solid #E6E6E6; font-size: 16px; color: #A7A7A7; transition: color .2s; }
-
-.switch_lesson .switch__content:before, .switch_lesson .switch__content:after { -ms-transform: translateY(18px); transform: translateY(18px); }
-
-.switch_lesson:first-child .switch__content { border-top: 1px solid #E6E6E6; }
-
-.switch_lesson .switch__input:checked + .switch__content { color: #191919; }
-
-.switch_circle .switch__content:before, .switch_circle .switch__content:after { border-radius: 50%; }
-
-.switch_lg .switch__content { padding: 0 0 0 30px; font-size: 16px; }
-
-.footer { padding: 50px 0 30px; background: #F8F8F8; }
-
-.footer__row { display: -ms-flexbox; display: flex; margin: 0 -10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
-
-.footer__row_second { margin-top: 50px; }
-
-.footer__col { padding: 0 10px; -ms-flex: 0 0 16.66%; flex: 0 0 16.66%; }
-
-.footer__col_md { -ms-flex: 0 0 25%; flex: 0 0 25%; }
-
-.footer__col_lg { -ms-flex: 0 0 75%; flex: 0 0 75%; }
-
-.footer__logo { width: 188px; height: 58px; margin: 2px 0 25px; font-size: 18px; line-height: 1.22222; }
-
-.footer__content { max-width: 200px; font-size: 18px; }
-
-.footer__title { padding: 20px 0 50px; font-family: 'ProximaNova-Bold', serif; font-size: 12px; letter-spacing: 0.92px; text-transform: uppercase; }
-
-.footer__link, .footer__contact { display: table; font-size: 14px; color: #191919; line-height: 1.42857; }
-
-.footer__contact { margin-bottom: 20px; }
-
-.footer__contact a { color: #191919; }
-
-.footer__group, .footer__links { display: -ms-flexbox; display: flex; color: #888; }
-
-.footer__copyright { margin-right: 20px; }
-
-.footer__links .footer__link { color: #888; }
-
-.footer__divider { margin: 0 10px; }
-
-.subscribe__field { margin-bottom: 10px; }
-
-.subscribe__input { width: 100%; height: 40px; padding: 0 10px; font-size: 16px; text-align: center; }
-
-.subscribe__btn { width: 100%; }
-
-.subscribe__content { margin-top: 15px; font-size: 12px; line-height: 1.25; }
-
-.socials { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
-
-.socials__item { font-size: 0; }
-
-.socials__item:not(:last-child) { margin-right: 20px; }
-
-.socials__item .icon-instagram { font-size: 18px; }
-
-.socials__item .icon-twitter { font-size: 17px; }
-
-.socials__item .icon-fb { font-size: 19px; }
-
-.socials__item .icon-youtube { font-size: 15px; }
-
-.select { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 4; }
-
-.select__head { position: relative; height: 36px; border-bottom: 1px solid #E6E6E6; transition: border-color .2s; font-size: 18px; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; color: #A7A7A7; cursor: pointer; transition: border-color .2s; overflow: hidden; }
-
-.select__head:after { content: ''; position: absolute; top: 14px; right: 0; width: 0px; height: 0px; border-style: solid; border-width: 8px 4px 0 4px; border-color: #191919 transparent transparent transparent; }
-
-.select__drop { position: absolute; left: 0; right: 0; top: calc(100% + 10px); padding: 10px 0; background: white; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; overflow: hidden; }
-
-.select__option { display: block; position: relative; padding: 8px 20px 7px; font-family: 'ProximaNova-Bold', serif; font-size: 10px; color: #8C8C8C; text-transform: uppercase; transition: color .2s; text-transform: uppercase; cursor: pointer; }
-
-.select__option:hover { color: #191919; }
-
-.select__option.active { color: #191919; }
-
-.select__option.active .select__title:after { content: ''; position: absolute; top: 50%; left: -10px; right: -10px; height: 2px; margin-top: -2px; background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); }
-
-.select__title { display: table; position: relative; }
-
-.select.active { z-index: 99; }
-
-.select.active .select__head { border-color: #191919; }
-
-.select.active .select__head:after { -ms-transform: rotate(180deg); transform: rotate(180deg); }
-
-.select.active .select__drop { opacity: 1; visibility: visible; }
-
-.select.selected .select__head { color: #191919; }
-
-.field { margin-bottom: 20px; }
-
-.field__label { display: -ms-flexbox; display: flex; font-family: 'ProximaNova-Bold', serif; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; }
-
-.field__label_gray { color: #A7A7A7; }
-
-.field__link { margin-left: auto; }
-
-.field__wrap { position: relative; }
-
-.field__input, .field__textarea { width: 100%; border-bottom: 1px solid #E6E6E6; background: transparent; font-size: 18px; transition: border-color .2s; }
-
-.field__input:focus, .field__textarea:focus { border-color: #191919; }
-
-.field__input_bg, .field__textarea_bg { background: #F8F8F8; border: 1px solid #F8F8F8; }
-
-.field__input_sm, .field__textarea_sm { font-size: 16px; }
-
-.field__input { height: 36px; }
-
-.field__input[type='password'] { font-size: 30px; }
-
-.field__input[type='password']::-webkit-input-placeholder { font-size: 18px; }
-
-.field__input[type='password']:-ms-input-placeholder { font-size: 18px; }
-
-.field__input[type='password']::placeholder { font-size: 18px; }
-
-.field__input_bg { height: 50px; padding: 0 20px; }
-
-.field__textarea { display: block; height: 36px; padding: 7px 0; resize: vertical; }
-
-.field__textarea_lg { height: 80px; font-size: 25px; }
-
-.field__preview { position: absolute; top: 8px; right: 0; }
-
-.field__pic { display: block; width: auto; height: 20px; }
-
-.field__error { margin-top: 5px; font-size: 12px; color: #FF9393; }
-
-.field__switch { margin-top: 10px; }
-
-.field__switch:first-child { margin-top: 5px; }
-
-.field_code .field__input { height: 40px; font-size: 15px; }
-
-.field_info .field__label { color: #A7A7A7; }
-
-.field_info .field__input, .field_info .field__textarea { border-color: rgba(230, 230, 230, 0.2); color: white; }
-
-.field_info .field__input:focus, .field_info .field__textarea:focus { border-color: white; }
-
-.field.error .field__input, .field.error .field__textarea { border-color: #FF9393; }
-
-.field.success .field__input, .field.success .field__textarea { border-color: #5BD700; }
-
-.auth { padding: 0 20px 25px; }
-
-.auth__nav { display: -ms-flexbox; display: flex; margin-bottom: 30px; }
-
-.auth__type { border-bottom: 1px solid #E6E6E6; font-family: 'ProximaNova-Bold', serif; font-size: 12px; letter-spacing: 2px; line-height: 60px; color: #A7A7A7; text-transform: uppercase; text-align: center; -ms-flex: 1 0 50%; flex: 1 0 50%; transition: border-color .2s, color .2s; }
-
-.auth__type.active { border-color: #191919; color: #191919; }
-
-.auth__tab { display: none; }
-
-.auth__fieldset { display: -ms-flexbox; display: flex; }
-
-.auth__fieldset { display: -ms-flexbox; display: flex; margin: 0 -7px; }
-
-.auth__fieldset .auth__field { margin: 0 7px 20px; -ms-flex: 0 0 calc(50% - 14px); flex: 0 0 calc(50% - 14px); }
-
-.auth__link { display: block; margin: -5px 0 0; font-size: 12px; color: #191919; text-decoration: underline; line-height: 1.5; }
-
-.auth__foot { margin-top: 30px; }
-
-.auth__btn { width: 100%; padding: 18px 24px 17px; }
-
-.auth__or { padding: 10px 0; font-size: 14px; text-align: center; }
-
-.auth__pass { display: none; }
-
-.popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; min-width: 360px; padding: 15px; background: rgba(25, 25, 25, 0.7); opacity: 0; transition: opacity .2s; overflow: auto; z-index: 999; }
-
-.popup__wrap { position: relative; width: 100%; max-width: 340px; margin: auto; background: white; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); border-radius: 3px; -ms-transform: scale(0.9); transform: scale(0.9); transition: transform .2s; }
-
-.popup__wrap_md { max-width: 620px; }
-
-.popup__wrap_lg { max-width: 1000px; }
-
-.popup__close { position: absolute; top: -15px; right: -15px; padding: 10px; background: #191919; border-radius: 50%; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); font-size: 0; }
-
-.popup__close .icon { font-size: 14px; fill: white; }
-
-.popup.open { display: -ms-flexbox; display: flex; }
-
-.popup.visible { opacity: 1; }
-
-.popup.visible .popup__wrap { -ms-transform: scale(1); transform: scale(1); }
-
-.head { display: -ms-flexbox; display: flex; margin-bottom: 50px; }
-
-.head__right { -ms-flex: 0 0 220px; flex: 0 0 220px; }
-
-.head__right.hidden { visibility: hidden; }
-
-.head__title { position: relative; margin: 0; padding: 0 20px 0 260px; -ms-flex: 0 0 calc(100% - 220px); flex: 0 0 calc(100% - 220px); z-index: 4; }
-
-.head__curve { position: absolute; top: 50%; left: calc(50% - 60px); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -2; }
-
-.layout { display: -ms-flexbox; display: flex; margin: 0 -10px; }
-
-.layout__container, .layout__sidebar { padding: 0 10px; }
-
-.layout__container { -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; }
-
-.layout__sidebar { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
-
-.similar__item { display: -ms-flexbox; display: flex; margin-bottom: 30px; color: #191919; }
-
-.similar__preview { margin-right: 15px; -ms-flex: 0 0 80px; flex: 0 0 80px; }
-
-.similar__pic { display: block; width: 100%; border-radius: 2px; }
-
-.similar__wrap { -ms-flex: 0 0 calc(100% - 95px); flex: 0 0 calc(100% - 95px); }
-
-.similar__title { margin-bottom: 5px; }
-
-.similar__ava { font-size: 10px; color: #A7A7A7; text-transform: uppercase; }
-
-.go { display: -ms-flexbox; display: flex; margin-bottom: 50px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
-
-.go__item { display: -ms-flexbox; display: flex; max-width: calc(50% - 20px); -ms-flex-align: center; align-items: center; color: #191919; }
-
-.go__arrow { margin-right: 15px; font-size: 0; }
-
-.go__arrow .icon { font-size: 17px; fill: #191919; }
-
-.go__title { font-size: 18px; line-height: 1.33; }
-
-.go__title + .go__arrow { margin: 0 0 0 15px; }
-
-.go__btn { width: 220px; }
-
-.meta, .meta__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
-
-.meta__item:not(:last-child) { margin-right: 40px; }
-
-.meta__icon { margin-right: 10px; font-size: 0; }
-
-.meta__icon .icon { font-size: 16px; fill: #A7A7A7; }
-
-.meta__icon .icon-video { font-size: 14px; }
-
-.meta__icon .icon-showcase { font-size: 18px; }
-
-.meta__icon .icon-date { font-size: 20px; }
-
-.meta_white .meta__icon .icon { fill: white; }
-
-.course { margin-bottom: 60px; }
-
-.course__head { display: -ms-flexbox; display: flex; min-height: 40px; margin-bottom: 30px; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
-
-.course__title { margin-bottom: 20px; }
-
-.course__content { margin-bottom: 40px; }
-
-.course__about { position: relative; margin-bottom: 40px; }
-
-.course__about:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }
-
-.course__pic { display: block; width: 100%; }
-
-.course__btn { position: absolute; top: 50%; left: 50%; min-width: 200px; background: transparent; border: 2px solid white; color: white; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; }
-
-.course__btn:active { color: rgba(255, 255, 255, 0.4); }
-
-.course__user { margin-bottom: 40px; }
-
-.course__info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
-
-.course__buy { width: 220px; margin-left: auto; }
-
-.course__metas { display: -ms-flexbox; display: flex; margin-bottom: 45px; -ms-flex-pack: justify; justify-content: space-between; }
-
-.course__actions { display: -ms-flexbox; display: flex; margin: 0 -10px 50px; }
-
-.course__action { position: relative; margin: 0 10px; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); }
-
-.course__action .icon { position: absolute; top: 50%; right: 45px; margin: 0; font-size: 19px; -ms-transform: translateY(calc(-50% - 1px)); transform: translateY(calc(-50% - 1px)); }
-
-.course__video { margin-bottom: 30px; }
-
-.course__share { margin-bottom: 60px; }
-
-.course_promo { position: relative; margin: 0; padding: 100px 0 110px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; color: white; z-index: 4; }
-
-.course_promo:before, .course_promo:after { content: ''; position: absolute; }
-
-.course_promo:before { top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.64) 100%); z-index: -2; }
-
-.course_promo:after { left: 50%; bottom: -1px; margin-left: -16px; width: 0px; height: 0px; border-style: solid; border-width: 0 16px 16px 16px; border-color: transparent transparent #F8F8F8 transparent; }
-
-.course_promo .course__likes { color: white; }
-
-.course_promo .course__likes .icon { fill: white; }
-
-.lessons__list { margin-bottom: 60px; }
-
-.lessons__item { position: relative; margin-bottom: 40px; transition: box-shadow .2s; }
-
-.lessons__item:hover .lessons__actions { opacity: 1; visibility: visible; }
-
-.lessons__subtitle { margin-bottom: 20px; }
-
-.lessons__row { display: -ms-flexbox; display: flex; }
-
-.lessons__preview { margin-right: 25px; -ms-flex: 0 0 140px; flex: 0 0 140px; }
-
-.lessons__pic { display: block; width: 100%; }
-
-.lessons__content { -ms-flex: 0 0 calc(100% - 165px); flex: 0 0 calc(100% - 165px); }
-
-.lessons__actions { display: -ms-flexbox; display: flex; position: absolute; top: 10px; right: 10px; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; }
-
-.lessons__action { margin-left: 10px; padding: 10px; font-size: 0; }
-
-.lessons__action:hover .icon { fill: #191919; }
-
-.lessons__action .icon { font-size: 20px; fill: #C8C8C8; transition: fill .2s; }
-
-.lessons__foot { text-align: center; }
-
-.lessons__btn { width: 220px; }
-
-.lessons_kit .lessons__item { margin-bottom: 20px; padding: 20px; }
-
-.lessons_kit .lessons__item:hover { box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.06); border-radius: 10px; }
-
-.lessons_kit .lessons__content { -ms-flex: 0 0 100%; flex: 0 0 100%; }
-
-.lesson__subtitle { margin-bottom: 10px; }
-
-.lesson__content { margin-bottom: 30px; }
-
-.materials__item { display: -ms-flexbox; display: flex; }
-
-.materials__item:not(:last-child) { margin-bottom: 40px; }
-
-.materials__preview { margin-right: 25px; -ms-flex: 0 0 140px; flex: 0 0 140px; }
-
-.materials__pic { display: block; width: 100%; }
-
-.materials__wrap { -ms-flex: 0 0 calc(100% - 180px); flex: 0 0 calc(100% - 180px); }
-
-.materials__title { margin-bottom: 10px; font-family: 'ProximaNova-Bold', serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }
-
-.examples { display: -ms-flexbox; display: flex; margin: 0 -10px -20px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
-
-.examples__item { margin: 0 10px 20px; -ms-flex: 0 0 calc(25% - 20px); flex: 0 0 calc(25% - 20px); }
-
-.examples__pic { display: block; width: 100%; }
-
-.questions__form, .questions__item { display: -ms-flexbox; display: flex; }
-
-.questions__form { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #E6E6E6; }
-
-.questions__item:not(:last-child) { margin-bottom: 25px; }
-
-.questions__item_reply { padding-left: 80px; }
-
-.questions__item_reply .questions__details { margin-bottom: 10px; padding: 20px; background: white; border-radius: 0 10px 10px 10px; }
-
-.questions__ava { height: 60px; margin-right: 20px; -ms-flex: 0 0 60px; flex: 0 0 60px; }
-
-.questions__pic { display: block; width: 100%; }
-
-.questions__wrap { -ms-flex: 0 0 calc(100% - 80px); flex: 0 0 calc(100% - 80px); }
-
-.questions__field { margin-bottom: 20px; }
-
-.questions__textarea { display: block; width: 100%; height: 44px; padding: 11px 15px; border-radius: 2px; font-size: 16px; resize: vertical; }
-
-.questions__btn { display: block; margin: 0 auto; border-radius: 20px; }
-
-.questions__details { margin-bottom: 5px; }
-
-.questions__head, .questions__action { font-family: 'ProximaNova-Bold', serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }
-
-.questions__head { margin-bottom: 15px; }
-
-.questions__action, .questions__date { color: #A7A7A7; }
-
-.questions__author { margin-right: 15px; }
-
-.questions__date { display: inline-block; }
-
-.questions__foot { text-align: right; }
-
-.questions__action { margin-left: auto; }
-
-.share__title { margin-bottom: 45px; font-family: 'ProximaNova-Bold', serif; font-size: 20px; text-align: center; }
-
-.share__list { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
-
-.share__item { font-size: 0; }
-
-.share__item:not(:last-child) { margin-right: 20px; }
-
-.share__item .icon { font-size: 40px; }
-
-.share_sm .share__title { margin-bottom: 15px; }
-
-.share_sm .share__item:not(:last-child) { margin-right: 10px; }
-
-.share_sm .share__item .icon { font-size: 30px; }
-
-.share_right .share__list { -ms-flex-pack: start; justify-content: flex-start; }
-
-.buy { padding: 15px 30px 30px; }
-
-.buy__row { display: -ms-flexbox; display: flex; margin: 0 -10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
-
-.buy__col { margin-bottom: 20px; padding: 0 10px; -ms-flex: 0 0 320px; flex: 0 0 320px; }
-
-.buy__col:nth-child(2n-1) { -ms-flex: 0 0 calc(100% - 320px); flex: 0 0 calc(100% - 320px); }
-
-.buy__head_main { padding-top: 25px; }
-
-.buy__label { font-size: 16px; }
-
-.buy__title { font-size: 30px; }
-
-.buy__content { font-size: 12px; color: #A7A7A7; }
-
-.buy__foot { margin-top: 20px; text-align: center; }
-
-.buy__btn { width: 275px; }
-
-.order { padding: 2px; background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); border-radius: 8px; }
-
-.order__wrap { padding: 20px 30px 30px; background: white; border-radius: 6px; }
-
-.order__title { margin-bottom: 20px; font-size: 20px; }
-
-.order__preview { margin: 0 -30px 20px; }
-
-.order__pic { display: block; width: 100%; }
-
-.order__label { margin-bottom: 10px; font-family: 'ProximaNova-Bold', serif; font-size: 11px; text-transform: uppercase; }
-
-.order__foot { display: -ms-flexbox; display: flex; margin: 30px -30px -10px; padding: 20px 30px 0; border-top: 1px solid #E6E6E6; font-family: 'ProximaNova-Bold', serif; font-size: 16px; }
-
-.order__total { margin-left: auto; }
-
-.lock { padding: 50px 60px 40px; text-align: center; }
-
-.lock__label { margin-bottom: 70px; font-family: 'ProximaNova-Bold', serif; font-size: 12px; color: #A7A7A7; letter-spacing: 2px; }
-
-.lock__title { margin-bottom: 20px; }
-
-.lock__content { margin-bottom: 70px; }
-
-.lock__btn { width: 220px; }
-
-.profile { padding-bottom: 20px; }
-
-.profile__head { display: -ms-flexbox; display: flex; margin-bottom: 30px; -ms-flex-align: start; align-items: flex-start; }
-
-.profile__title { margin: 0 20px 0 0; }
-
-.profile__btn { margin-left: auto; padding: 10px 15px; background: transparent; border: 1px solid #A7A7A7; color: #A7A7A7; }
-
-.profile__row { display: -ms-flexbox; display: flex; margin-bottom: 25px; -ms-flex-align: center; align-items: center; }
-
-.profile__ava { height: 120px; margin-right: 25px; -ms-flex: 0 0 120px; flex: 0 0 120px; }
-
-.profile__wrap { -ms-flex: 0 0 calc(100% - 145px); flex: 0 0 calc(100% - 145px); }
-
-.profile__name { margin-bottom: 25px; font-size: 20px; letter-spacing: 3px; text-transform: uppercase; }
-
-.profile__foot { display: none; margin-top: 30px; text-align: center; }
-
-.tabs__nav { display: -ms-flexbox; display: flex; height: 56px; margin-bottom: 40px; border-bottom: 1px solid #E6E6E6; }
-
-.tabs__btn { height: 56px; border-bottom: 1px solid #E6E6E6; font-family: 'ProximaNova-Bold', serif; font-size: 12px; color: #A7A7A7; letter-spacing: 1px; transition: border-color .2s, color .2s; }
-
-.tabs__btn:not(:last-child) { margin-right: 40px; }
-
-.tabs__btn:hover { color: #191919; }
-
-.tabs__btn.active { border-color: #191919; color: #191919; }
-
-.tabs__item { display: none; }
-
-.menu { display: -ms-flexbox; display: flex; }
-
-.menu__link { font-size: 16px; color: #A7A7A7; transition: color .2s; }
-
-.menu__link:not(:last-child) { margin-right: 30px; }
-
-.menu__link.active { font-family: 'ProximaNova-Bold', serif; color: #191919; }
-
-.confirm__title { margin-bottom: 20px; font-size: 24px; }
-
-.confirm__form { display: -ms-flexbox; display: flex; margin: 25px -10px 30px; -ms-flex-align: center; align-items: center; }
-
-.confirm__field, .confirm__btn { margin: 0 10px; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); }
-
-.form { position: relative; }
-
-.form__ava { position: absolute; left: -160px; width: 140px; height: 140px; }
-
-.form__group { position: relative; margin-bottom: 40px; }
-
-.form__title { margin-bottom: 30px; font-size: 25px; }
-
-.form__content { margin-bottom: 40px; }
-
-.form__fieldset { display: -ms-flexbox; display: flex; margin: 0 -10px; }
-
-.form__fieldset .form__field { padding: 0 10px; -ms-flex: 0 0 50%; flex: 0 0 50%; }
-
-.form__field { margin-bottom: 25px; }
-
-.form__switch { margin-bottom: 10px; }
-
-.form__btn { width: 100%; }
-
-.transactions__row { display: -ms-flexbox; display: flex; margin: 0 -10px 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
-
-.transactions__cell { padding: 0 10px; font-size: 13px; }
-
-.transactions__cell:first-child { font-family: 'ProximaNova-Bold', serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; -ms-flex: 0 0 60%; flex: 0 0 60%; }
-
-.transactions__cell:nth-child(2), .transactions__cell:last-child { -ms-flex: 0 0 20%; flex: 0 0 20%; text-align: right; }
-
-.transactions__cell:last-child { color: #5BD700; }
-
-.empty { max-width: 300px; margin: 0 auto; text-align: center; }
-
-.done { padding: 60px 0; text-align: center; }
-
-.done__foot { margin-top: 60px; }
-
-.done__btn { width: 100%; max-width: 300px; }
-
-.author__row { display: -ms-flexbox; display: flex; }
-
-.author__ava { height: 90px; margin-right: 20px; -ms-flex: 0 0 90px; flex: 0 0 90px; }
-
-.author__wrap { -ms-flex: 0 0 calc(100% - 110px); flex: 0 0 calc(100% - 110px); }
-
-.author__hi, .author__name { display: table; font-family: 'ProximaNova-Bold', serif; text-transform: uppercase; }
-
-.author__hi { margin-bottom: 30px; font-size: 12px; letter-spacing: 2px; }
-
-.author__name { font-size: 10px; letter-spacing: 1.66px; }
-
-.author__content { margin-bottom: 30px; }
-
-.upload { position: relative; font-size: 18px; color: #4A90E2; overflow: hidden; }
-
-.upload__file { position: absolute; top: 0; right: 0; opacity: 0; cursor: pointer; }
-
-.info { display: -ms-flexbox; display: flex; background: #F8F8F8; }
-
-.info__section { display: -ms-flexbox; display: flex; position: relative; background-position: 50% 50%; background-size: cover; -ms-flex: 0 0 calc(50% + 169px); flex: 0 0 calc(50% + 169px); -ms-flex-pack: end; justify-content: flex-end; z-index: 4; }
-
-.info__section:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.64) 100%); z-index: -2; }
-
-.info__sidebar { -ms-flex: 0 0 calc(50% - 169px); flex: 0 0 calc(50% - 169px); }
-
-.info__main { display: -ms-flexbox; display: flex; max-width: 675px; height: 550px; padding: 30px 40px 50px; -ms-flex-direction: column; flex-direction: column; }
-
-.info__head { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
-
-.info__user { display: -ms-flexbox; display: flex; margin-bottom: 45px; -ms-flex-align: center; align-items: center; }
-
-.info__ava { width: 40px; height: 40px; margin-right: 20px; -ms-flex: 0 0 40px; flex: 0 0 40px; }
-
-.info__label { font-family: 'ProximaNova-Bold', serif; font-size: 10px; color: #A7A7A7; letter-spacing: 1px; }
-
-.info__value { font-size: 18px; color: white; }
-
-.info__upload { margin-left: auto; font-size: 16px; color: rgba(255, 255, 255, 0.7); }
-
-.info__foot { display: -ms-flexbox; display: flex; margin-top: auto; }
-
-.info__foot .info__field { margin-right: 20px; -ms-flex: 0 0 140px; flex: 0 0 140px; }
-
-.info__wrap { max-width: 349px; height: 550px; padding: 30px 40px 30px 30px; }
-
-.info__wrap { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
-
-.info__wrap .info__field { margin-bottom: 30px; }
-
-.info__wrap .info__field:last-child { margin: 0; }
-
-.info__fieldset:first-child { margin-bottom: 50px; }
-
-.info__fieldset:last-child { margin-top: auto; }
-
-.add { display: -ms-flexbox; display: flex; }
-
-.add__toggle { font-size: 0; }
-
-.add__circle, .add__title { display: inline-block; vertical-align: middle; }
-
-.add__circle { position: relative; margin-right: 10px; padding: 19px; border: 1px solid #E6E6E6; border-radius: 50%; }
-
-.add__circle .icon { font-size: 20px; fill: #B5B5B5; }
-
-.add__title { margin-left: 10px; font-size: 20px; color: #B5B5B5; }
-
-.add__list { display: none; }
-
-.add__btn { width: 60px; height: 60px; border: 1px solid #888; border-radius: 50%; font-size: 0; }
-
-.add__btn:not(:last-child) { margin: 0 10px 10px 0; }
-
-.add__btn .icon { font-size: 22px; fill: #191919; }
-
-.add__btn .icon-live { font-size: 10px; }
-
-.add__btn .icon-image-text { font-size: 15px; }
-
-.add__btn .icon-text { font-size: 17px; }
-
-.add__btn .icon-images { font-size: 32px; }
-
-.add.open .add__circle .icon { -ms-transform: rotate(45deg); transform: rotate(45deg); }
-
-.add.open .add__title { display: none; }
-
-.add.open .add__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
-
-.kit { max-width: 620px; }
-
-.kit__section { margin-bottom: 60px; }
-
-.kit__nav { display: -ms-flexbox; display: flex; margin: 0 -10px 60px; }
-
-.kit__btn { margin: 0 10px; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); }
-
-.kit__add { margin-bottom: 40px; }
-
-.kit__service { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
-
-.kit__service .kit__field { margin: 0; -ms-flex: 1 0 auto; flex: 1 0 auto; }
-
-.kit__upload { margin-left: 20px; }
-
-.kit__row { display: -ms-flexbox; display: flex; }
-
-.kit__row .kit__photo { height: 110px; margin-right: 20px; -ms-flex: 0 0 140px; flex: 0 0 140px; }
-
-.kit__photo { display: -ms-flexbox; display: flex; position: relative; border: 1px solid #E6E6E6; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; overflow: hidden; }
-
-.kit__photo .icon { font-size: 20px; fill: #B5B5B5; }
-
-.kit__file { position: absolute; top: 0; right: 0; font-size: 100px; opacity: 0; cursor: pointer; }
-
-.kit__fieldset { -ms-flex: 0 0 calc(100% - 160px); flex: 0 0 calc(100% - 160px); }
-
-.kit__gallery { display: -ms-flexbox; display: flex; margin: 0 -10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
-
-.kit__gallery .kit__photo, .kit__preview { margin: 0 10px 20px; -ms-flex: 0 0 calc(25% - 20px); flex: 0 0 calc(25% - 20px); }
-
-.kit__pic { display: block; width: 100%; }
-
-.kit__theme { margin-bottom: 30px; padding-bottom: 5px; font-size: 20px; border-bottom: 1px solid #E6E6E6; }
-
-.kit__foot { text-align: center; }
-
-.kit__submit { width: 220px; }
-
-.editor { position: relative; }
-
-.fontstyle { position: absolute; top: -40px; left: 40px; padding: 0 15px; background: #191919; border-radius: 35px; font-size: 0; white-space: nowrap; }
-
-.fontstyle__regular, .fontstyle__bold, .fontstyle__italic { width: 28px; height: 35px; font-size: 16px; color: white; }
-
-.fontstyle__bold { font-family: 'ProximaNova-Bold', serif; }
-
-.fontstyle__italic { font-style: italic; }
-
-.ui-datepicker { display: none; width: 240px; margin-top: 10px; padding: 5px; background: white; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); z-index: 99 !important; }
-
-.ui-datepicker-header { display: -ms-flexbox; display: flex; margin-bottom: 5px; -ms-flex-align: center; align-items: center; }
-
-.ui-datepicker-prev, .ui-datepicker-next { padding: 10px; font-size: 0; cursor: pointer; }
-
-.ui-datepicker-prev:before, .ui-datepicker-next:before { content: ''; display: block; width: 10px; height: 10px; border: solid #E6E6E6; border-width: 2px 2px 0 0; }
-
-.ui-datepicker-prev { -ms-flex-order: 1; order: 1; }
-
-.ui-datepicker-prev:before { -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
-
-.ui-datepicker-title { text-align: center; -ms-flex-order: 2; order: 2; -ms-flex: 1 0 auto; flex: 1 0 auto; }
-
-.ui-datepicker-next { -ms-flex-order: 3; order: 3; }
-
-.ui-datepicker-next:before { -ms-transform: rotate(45deg); transform: rotate(45deg); }
-
-.ui-datepicker-calendar th, .ui-datepicker-calendar td { font-family: 'ProximaNova-Bold', serif; font-size: 10px; text-transform: uppercase; text-align: center; vertical-align: middle; }
-
-.ui-datepicker-calendar th { padding: 5px; }
-
-.ui-datepicker-calendar a { display: block; padding: 7px; color: #8C8C8C; transition: color .2s; }
-
-.ui-datepicker-calendar a:hover { color: #191919; }
-
-.ui-datepicker-calendar a.ui-state-active { background: #F8F8F8; color: #FF9393; }
-
-.form__common-error { margin-top: 15px; font-size: 14px; background: #FF9393; color: #fff; padding: 10px; display: none; }
-
-@media only screen and (max-width: 1023px) {
-
- body { font-size: 14px; line-height: 1.57; }
-
- .center { padding: 0 15px; }
-
- .btn { line-height: 1.33; }
-
- .logo { width: 124px; height: 40px; }
-
- .header__container { height: 65px; }
-
- .header__section { height: 65px; font-size: 10px; line-height: 65px; }
-
- .header__enter { height: 65px; margin-left: 25px; font-size: 10px; line-height: 65px; }
-
- .header__login { margin-right: -15px; }
-
- .main { min-height: 350px; padding: 137px 0 40px; }
-
- .main__title { max-width: 400px; font-size: 24px; line-height: 1.33; }
-
- .main_sm { min-height: 0; }
-
- .title { margin-bottom: 20px; font-size: 24px; line-height: 1.33; }
-
- .subtitle_center { text-align: center; }
-
- .text { max-width: 400px; margin-bottom: 40px; font-size: 14px; line-height: 1.5; }
-
- .text p { display: inline; }
-
- .text p:not(:last-child) { margin: 0; }
-
- .text__curve_one { left: -85px; bottom: -60px; }
-
- .text__curve_two { left: -85px; }
-
- .text__curve_three { left: -85px; }
-
- .text__curve_four { left: -60px; width: 90px; }
-
- .text_mb0 { margin-bottom: 0; }
-
- .section { padding: 40px 0; }
-
- .section_border:after { max-width: calc(100% - 30px); }
-
- .likes__counter { font-size: 12px; }
-
- .about { padding: 0; }
-
- .about__ava { margin-right: 25px; height: 90px; -ms-flex: 0 0 90px; flex: 0 0 90px; }
-
- .about__video { max-width: calc(100% - 55px); }
-
- .about__more { text-align: left; }
-
- .online { padding: 30px 0; }
-
- .online__type { margin-bottom: 30px; font-size: 12px; letter-spacing: 2px; }
-
- .online__title { margin-bottom: 6px; font-size: 24px; }
-
- .online__text { margin-bottom: 65px; }
-
- .benefits { margin: 0; }
-
- .benefits__item { margin-bottom: 40px; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
-
- .benefits__content { font-size: 12px; }
-
- .reviews { padding: 0; }
-
- .reviews__item:not(:last-child) { margin-bottom: 40px; }
-
- .reviews__ava { height: 45px; -ms-flex: 0 0 45px; flex: 0 0 45px; }
-
- .gallery__grid:first-child { -ms-flex: 0 0 60%; flex: 0 0 60%; }
-
- .gallery__grid:last-child { -ms-flex: 0 0 40%; flex: 0 0 40%; }
-
- .gallery__grid:last-child .gallery__item { width: calc(50% - 20px); }
-
- .gallery__grid:last-child .gallery__item_lg { width: calc(100% - 20px); }
-
- .gallery__grid:last-child .gallery__item:nth-child(3), .gallery__grid:last-child .gallery__item:nth-child(5), .gallery__grid:last-child .gallery__item:nth-child(6) { display: none; }
-
- .app { margin-top: 42px; }
-
- .app__col:first-child { padding: 30px 0 35px; -ms-flex: 0 0 47%; flex: 0 0 47%; }
-
- .app__col:last-child { -ms-flex: 0 0 53%; flex: 0 0 53%; }
-
- .app__theme { margin-bottom: 5px; }
-
- .app__title { margin-bottom: 30px; font-family: 'ProximaNova-Bold', serif; font-size: 24px; line-height: 1.33; }
-
- .app__content { display: none; }
-
- .app__link { margin: 0 5px; -ms-flex: 0 0 80px; flex: 0 0 80px; }
-
- .game { padding: 30px 0 35px; }
-
- .game__wrap { max-width: 220px; }
-
- .game__title { margin-bottom: 30px; font-family: 'ProximaNova-SemiBold', serif; font-size: 18px; line-height: 1.33; }
-
- .game__preview { left: calc(50% - 110px); }
-
- .teachers { margin-bottom: 0; }
-
- .teachers__ava { height: 100px; margin-right: 20px; -ms-flex: 0 0 100px; flex: 0 0 100px; }
-
- .teachers__title { font-size: 12px; letter-spacing: 2px; }
-
- .schedule { margin-bottom: 0; }
-
- .courses__item { margin-bottom: 40px; }
-
- .courses__preview { margin-bottom: 10px; }
-
- .courses__label { width: 20px; height: 30px; right: 10px; }
-
- .courses__left { font-size: 12px; }
-
- .courses__time { font-size: 12px; letter-spacing: 1px; }
-
- .courses__title { line-height: 1.33; }
-
- .courses_two .courses__item { -ms-flex: 0 0 calc(33.33% - 20px); flex: 0 0 calc(33.33% - 20px); }
-
- .more { margin-top: 30px; }
-
- .switch__cell:nth-child(2) { padding: 0; text-align: right; -ms-flex: 0 0 calc(100% - 110px); flex: 0 0 calc(100% - 110px); }
-
- .switch__cell:nth-child(3) { padding: 0; -ms-flex: 0 0 calc(100% - 60px); flex: 0 0 calc(100% - 60px); }
-
- .switch_lesson .switch__content { padding: 10px 0 10px 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.33; }
-
- .switch_lesson .switch__content:before, .switch_lesson .switch__content:after { -ms-transform: translateY(9px); transform: translateY(9px); }
-
- .footer { padding: 30px 0 35px; }
-
- .footer__row_first .footer__col:nth-child(2) { -ms-flex-order: 1; order: 1; }
-
- .footer__row_first .footer__col:nth-child(3) { -ms-flex-order: 2; order: 2; }
-
- .footer__row_first .footer__col:nth-child(4) { -ms-flex-order: 3; order: 3; }
-
- .footer__row_first .footer__col:nth-child(1) { -ms-flex: 0 0 59%; flex: 0 0 59%; -ms-flex-order: 4; order: 4; }
-
- .footer__row_first .footer__col:nth-child(5) { -ms-flex: 0 0 41%; flex: 0 0 41%; -ms-flex-order: 5; order: 5; }
-
- .footer__row_first .footer__col:nth-child(1), .footer__row_first .footer__col:nth-child(5) { margin-top: 40px; }
-
- .footer__row_second { display: block; width: 60%; margin-top: -50px; }
-
- .footer__col { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
-
- .footer__logo { width: 188px; height: 58px; margin-top: 0; }
-
- .footer__content { max-width: 250px; font-size: 14px; line-height: 1.33; }
-
- .footer__title { padding: 0 0 20px; letter-spacing: 2px; }
-
- .footer__link, .footer__contact { padding: 5px 0; }
-
- .footer__copyright { margin: 20px 0 0; }
-
- .footer__links { display: none; }
-
- .head { margin-bottom: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
-
- .head__right { margin-left: auto; }
-
- .head__title { margin: 0 0 15px; padding: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
-
- .layout { display: block; }
-
- .layout__container { margin-bottom: 40px; }
-
- .similar { display: -ms-flexbox; display: flex; margin: 0 -10px -30px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
-
- .similar__item { margin: 0 10px 30px; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); }
-
- .go { margin-bottom: 30px; }
-
- .go__arrow { margin-right: 10px; }
-
- .go__arrow .icon { font-size: 12px; }
-
- .go__title { font-size: 14px; }
-
- .go__title + .go__arrow { margin-left: 10px; }
-
- .meta__item:not(:last-child) { margin-right: 30px; }
-
- .course__head { margin-bottom: 10px; }
-
- .course__title { margin-bottom: 10px; }
-
- .course__content { margin-bottom: 25px; }
-
- .course__about { margin-bottom: 25px; }
-
- .course__user { margin-bottom: 30px; }
-
- .course_promo { padding: 60px 0; }
-
- .buy { padding: 10px 15px 25px; }
-
- .buy__col { -ms-flex: 0 0 260px; flex: 0 0 260px; }
-
- .buy__col:nth-child(2n-1) { -ms-flex: 0 0 calc(100% - 260px); flex: 0 0 calc(100% - 260px); }
-
- .buy__head_main { padding-top: 21px; }
-
- .buy__label { font-size: 14px; }
-
- .buy__title { font-size: 24px; }
-
- .order__wrap { padding: 15px 20px 20px; }
-
- .order__preview { margin: 0 -20px 20px; }
-
- .order__foot { margin: 30px -20px 0; padding: 20px 20px 0; }
-
- .form__ava { position: relative; left: 0; margin-bottom: 40px; }
-
- .info__main { width: 100%; max-width: 100%; padding: 30px 15px 50px; }
+@media only screen and (max-width: 1023px) {
 
- .info__wrap { max-width: 100%; height: auto; padding: 30px 15px 30px; } }
+  body {
+    font-size: 14px;
+    line-height: 1.57;
+  }
+
+  .center {
+    padding: 0 15px;
+  }
+
+  .btn {
+    line-height: 1.33;
+  }
+
+  .logo {
+    width: 124px;
+    height: 40px;
+  }
+
+  .header__container {
+    height: 65px;
+  }
+
+  .header__section {
+    height: 65px;
+    font-size: 10px;
+    line-height: 65px;
+  }
+
+  .header__enter {
+    height: 65px;
+    margin-left: 25px;
+    font-size: 10px;
+    line-height: 65px;
+  }
+
+  .header__login {
+    margin-right: -15px;
+  }
+
+  .main {
+    min-height: 350px;
+    padding: 137px 0 40px;
+  }
+
+  .main__title {
+    max-width: 400px;
+    font-size: 24px;
+    line-height: 1.33;
+  }
+
+  .main_sm {
+    min-height: 0;
+  }
+
+  .title {
+    margin-bottom: 20px;
+    font-size: 24px;
+    line-height: 1.33;
+  }
+
+  .subtitle_center {
+    text-align: center;
+  }
+
+  .text {
+    max-width: 400px;
+    margin-bottom: 40px;
+    font-size: 14px;
+    line-height: 1.5;
+  }
+
+  .text p {
+    display: inline;
+  }
+
+  .text p:not(:last-child) {
+    margin: 0;
+  }
+
+  .text__curve_one {
+    left: -85px;
+    bottom: -60px;
+  }
+
+  .text__curve_two {
+    left: -85px;
+  }
+
+  .text__curve_three {
+    left: -85px;
+  }
+
+  .text__curve_four {
+    left: -60px;
+    width: 90px;
+  }
+
+  .text_mb0 {
+    margin-bottom: 0;
+  }
+
+  .section {
+    padding: 40px 0;
+  }
+
+  .section_border:after {
+    max-width: calc(100% - 30px);
+  }
+
+  .likes__counter {
+    font-size: 12px;
+  }
+
+  .about {
+    padding: 0;
+  }
+
+  .about__ava {
+    margin-right: 25px;
+    height: 90px;
+    -ms-flex: 0 0 90px;
+    flex: 0 0 90px;
+  }
+
+  .about__video {
+    max-width: calc(100% - 55px);
+  }
+
+  .about__more {
+    text-align: left;
+  }
+
+  .online {
+    padding: 30px 0;
+  }
+
+  .online__type {
+    margin-bottom: 30px;
+    font-size: 12px;
+    letter-spacing: 2px;
+  }
+
+  .online__title {
+    margin-bottom: 6px;
+    font-size: 24px;
+  }
+
+  .online__text {
+    margin-bottom: 65px;
+  }
+
+  .benefits {
+    margin: 0;
+  }
+
+  .benefits__item {
+    margin-bottom: 40px;
+    -ms-flex: 0 0 33.33%;
+    flex: 0 0 33.33%;
+  }
+
+  .benefits__content {
+    font-size: 12px;
+  }
+
+  .reviews {
+    padding: 0;
+  }
+
+  .reviews__item:not(:last-child) {
+    margin-bottom: 40px;
+  }
+
+  .reviews__ava {
+    height: 45px;
+    -ms-flex: 0 0 45px;
+    flex: 0 0 45px;
+  }
+
+  .gallery__grid:first-child {
+    -ms-flex: 0 0 60%;
+    flex: 0 0 60%;
+  }
+
+  .gallery__grid:last-child {
+    -ms-flex: 0 0 40%;
+    flex: 0 0 40%;
+  }
+
+  .gallery__grid:last-child .gallery__item {
+    width: calc(50% - 20px);
+  }
+
+  .gallery__grid:last-child .gallery__item_lg {
+    width: calc(100% - 20px);
+  }
+
+  .gallery__grid:last-child .gallery__item:nth-child(3),
+  .gallery__grid:last-child .gallery__item:nth-child(5),
+  .gallery__grid:last-child .gallery__item:nth-child(6) {
+    display: none;
+  }
+
+  .app {
+    margin-top: 42px;
+  }
+
+  .app__col:first-child {
+    padding: 30px 0 35px;
+    -ms-flex: 0 0 47%;
+    flex: 0 0 47%;
+  }
+
+  .app__col:last-child {
+    -ms-flex: 0 0 53%;
+    flex: 0 0 53%;
+  }
+
+  .app__theme {
+    margin-bottom: 5px;
+  }
+
+  .app__title {
+    margin-bottom: 30px;
+    font-family: 'ProximaNova-Bold', serif;
+    font-size: 24px;
+    line-height: 1.33;
+  }
+
+  .app__content {
+    display: none;
+  }
+
+  .app__link {
+    margin: 0 5px;
+    -ms-flex: 0 0 80px;
+    flex: 0 0 80px;
+  }
+
+  .game {
+    padding: 30px 0 35px;
+  }
+
+  .game__wrap {
+    max-width: 220px;
+  }
+
+  .game__title {
+    margin-bottom: 30px;
+    font-family: 'ProximaNova-SemiBold', serif;
+    font-size: 18px;
+    line-height: 1.33;
+  }
+
+  .game__preview {
+    left: calc(50% - 110px);
+  }
+
+  .teachers {
+    margin-bottom: 0;
+  }
+
+  .teachers__ava {
+    height: 100px;
+    margin-right: 20px;
+    -ms-flex: 0 0 100px;
+    flex: 0 0 100px;
+  }
+
+  .teachers__title {
+    font-size: 12px;
+    letter-spacing: 2px;
+  }
+
+  .schedule {
+    margin-bottom: 0;
+  }
+
+  .courses__item {
+    margin-bottom: 40px;
+  }
+
+  .courses__preview {
+    margin-bottom: 10px;
+  }
+
+  .courses__label {
+    width: 20px;
+    height: 30px;
+    right: 10px;
+  }
+
+  .courses__left {
+    font-size: 12px;
+  }
+
+  .courses__time {
+    font-size: 12px;
+    letter-spacing: 1px;
+  }
+
+  .courses__title {
+    line-height: 1.33;
+  }
+
+  .courses_two .courses__item {
+    -ms-flex: 0 0 calc(33.33% - 20px);
+    flex: 0 0 calc(33.33% - 20px);
+  }
+
+  .more {
+    margin-top: 30px;
+  }
+
+  .switch__cell:nth-child(2) {
+    padding: 0;
+    text-align: right;
+    -ms-flex: 0 0 calc(100% - 110px);
+    flex: 0 0 calc(100% - 110px);
+  }
+
+  .switch__cell:nth-child(3) {
+    padding: 0;
+    -ms-flex: 0 0 calc(100% - 60px);
+    flex: 0 0 calc(100% - 60px);
+  }
+
+  .switch_lesson .switch__content {
+    padding: 10px 0 10px 40px;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    line-height: 1.33;
+  }
+
+  .switch_lesson .switch__content:before, .switch_lesson .switch__content:after {
+    -ms-transform: translateY(9px);
+    transform: translateY(9px);
+  }
+
+  .footer {
+    padding: 30px 0 35px;
+  }
+
+  .footer__row_first .footer__col:nth-child(2) {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+
+  .footer__row_first .footer__col:nth-child(3) {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+
+  .footer__row_first .footer__col:nth-child(4) {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+
+  .footer__row_first .footer__col:nth-child(1) {
+    -ms-flex: 0 0 59%;
+    flex: 0 0 59%;
+    -ms-flex-order: 4;
+    order: 4;
+  }
+
+  .footer__row_first .footer__col:nth-child(5) {
+    -ms-flex: 0 0 41%;
+    flex: 0 0 41%;
+    -ms-flex-order: 5;
+    order: 5;
+  }
+
+  .footer__row_first .footer__col:nth-child(1), .footer__row_first .footer__col:nth-child(5) {
+    margin-top: 40px;
+  }
+
+  .footer__row_second {
+    display: block;
+    width: 60%;
+    margin-top: -50px;
+  }
+
+  .footer__col {
+    -ms-flex: 0 0 33.33%;
+    flex: 0 0 33.33%;
+  }
+
+  .footer__logo {
+    width: 188px;
+    height: 58px;
+    margin-top: 0;
+  }
+
+  .footer__content {
+    max-width: 250px;
+    font-size: 14px;
+    line-height: 1.33;
+  }
+
+  .footer__title {
+    padding: 0 0 20px;
+    letter-spacing: 2px;
+  }
+
+  .footer__link, .footer__contact {
+    padding: 5px 0;
+  }
+
+  .footer__copyright {
+    margin: 20px 0 0;
+  }
+
+  .footer__links {
+    display: none;
+  }
+
+  .head {
+    margin-bottom: 40px;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+  }
+
+  .head__right {
+    margin-left: auto;
+  }
+
+  .head__title {
+    margin: 0 0 15px;
+    padding: 0;
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+  }
+
+  .layout {
+    display: block;
+  }
+
+  .layout__container {
+    margin-bottom: 40px;
+  }
+
+  .similar {
+    display: -ms-flexbox;
+    display: flex;
+    margin: 0 -10px -30px;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+  }
+
+  .similar__item {
+    margin: 0 10px 30px;
+    -ms-flex: 0 0 calc(50% - 20px);
+    flex: 0 0 calc(50% - 20px);
+  }
+
+  .go {
+    margin-bottom: 30px;
+  }
+
+  .go__arrow {
+    margin-right: 10px;
+  }
+
+  .go__arrow .icon {
+    font-size: 12px;
+  }
+
+  .go__title {
+    font-size: 14px;
+  }
+
+  .go__title + .go__arrow {
+    margin-left: 10px;
+  }
+
+  .meta__item:not(:last-child) {
+    margin-right: 30px;
+  }
+
+  .course__head {
+    margin-bottom: 10px;
+  }
+
+  .course__title {
+    margin-bottom: 10px;
+  }
+
+  .course__content {
+    margin-bottom: 25px;
+  }
+
+  .course__about {
+    margin-bottom: 25px;
+  }
+
+  .course__user {
+    margin-bottom: 30px;
+  }
+
+  .course_promo {
+    padding: 60px 0;
+  }
+
+  .buy {
+    padding: 10px 15px 25px;
+  }
+
+  .buy__col {
+    -ms-flex: 0 0 260px;
+    flex: 0 0 260px;
+  }
+
+  .buy__col:nth-child(2n-1) {
+    -ms-flex: 0 0 calc(100% - 260px);
+    flex: 0 0 calc(100% - 260px);
+  }
+
+  .buy__head_main {
+    padding-top: 21px;
+  }
+
+  .buy__label {
+    font-size: 14px;
+  }
+
+  .buy__title {
+    font-size: 24px;
+  }
+
+  .order__wrap {
+    padding: 15px 20px 20px;
+  }
+
+  .order__preview {
+    margin: 0 -20px 20px;
+  }
+
+  .order__foot {
+    margin: 30px -20px 0;
+    padding: 20px 20px 0;
+  }
+
+  .form__ava {
+    position: relative;
+    left: 0;
+    margin-bottom: 40px;
+  }
+
+  .info__main {
+    width: 100%;
+    max-width: 100%;
+    padding: 30px 15px 50px;
+  }
+
+  .info__wrap {
+    max-width: 100%;
+    height: auto;
+    padding: 30px 15px 30px;
+  }
+}
 
 @media only screen and (max-width: 599px) {
 
- .btn_md { padding: 13px 24px 12px; }
-
- .btn_lg { padding: 13px 20px; }
-
- .btn_lg.btn_stroke { padding: 12px 19px; }
-
- .search { width: 100%; }
-
- .search__input { width: 100%; }
-
- .search.open .search__input { width: 100%; }
-
- .header__container { height: 70px; margin: 0 -15px; -ms-flex-pack: justify; justify-content: space-between; }
-
- .header__wrap { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: white; -ms-flex-direction: column; flex-direction: column; z-index: 20; }
-
- .header__wrap.visible { display: block; }
-
- .header__actions { position: absolute; top: 100%; left: 0; right: 0; padding: 10px 15px; background: white; }
-
- .header__top { display: -ms-flexbox; display: flex; height: 70px; border-bottom: 1px solid #E6E6E6; -ms-flex-align: center; align-items: center; }
-
- .header__search { margin-left: 10px; -ms-flex: 0 0 calc(100% - 90px); flex: 0 0 calc(100% - 90px); }
-
- .header__nav { display: block; height: calc(100vh - 71px); margin: 0; padding: 15px 0; overflow: auto; }
-
- .header__group:hover .header__section { color: #FF9393; }
-
- .header__section { position: relative; height: auto; margin: 0; padding: 15px 40px 15px 20px; border: none; font-size: 14px; color: #FF9393; letter-spacing: 2.5px; line-height: 1.33; }
-
- .header__section_sub:before, .header__section_sub:after { content: ''; position: absolute; top: 50%; background: #A7A7A7; -ms-transform: translateY(-50%); transform: translateY(-50%); }
-
- .header__section_sub:before { right: 20px; width: 12px; height: 2px; }
-
- .header__section_sub:after { right: 25px; width: 2px; height: 12px; }
-
- .header__section.active { color: #FF9393; }
-
- .header__section.open:after { opacity: 0; }
-
- .header__list { display: none; position: static; width: 100%; margin: 0; box-shadow: none; opacity: 1; visibility: visible; }
-
- .header__drop { padding: 0; }
-
- .header__drop .header__link { padding: 8px 20px 7px; }
-
- .header__drop .header__link_border { padding: 12px 20px 10px; }
-
- .header__link { padding: 11px 20px; font-size: 12px; color: #191919; }
-
- .header__link_green { color: #5BD700; }
-
- .header__menu, .header__enter, .header__close { display: block; width: 60px; height: 60px; font-size: 0; }
-
- .header__enter { margin: 0; font-size: 0; line-height: 1; }
-
- .header__enter .icon { display: inline-block; font-size: 20px; fill: #191919; }
-
- .header__login { margin: 0; padding: 15px 20px; }
-
- .main { min-height: 400px; }
-
- .main__title { margin-bottom: 50px; }
-
- .main_sm { min-height: 0; }
-
- .subtitle { margin-bottom: 15px; font-size: 12px; letter-spacing: 2px; }
-
- .text { margin-bottom: 30px; }
-
- .text__curve_one { width: 200px; left: 0; top: -10px; bottom: auto; }
-
- .text__curve_two { left: 0; bottom: -15px; width: 150px; }
-
- .text__curve_three { left: 0; bottom: -10px; }
-
- .text__curve_four { left: 30px; bottom: -20px; }
-
- .text_mb0 { margin-bottom: 0; }
-
- .section { padding: 30px 0; }
-
- .section_tabs { padding-top: 10px; }
-
- .video .icon-play { font-size: 22px; }
-
- .about__ava { margin-right: 15px; height: 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; }
-
- .about__video { max-width: 100%; }
-
- .online { padding: 20px 0; }
-
- .online__type { margin-bottom: 40px; }
-
- .online__text { max-width: 80%; margin-bottom: 40px; }
-
- .benefits { display: block; }
-
- .benefits__item { padding: 0; }
-
- .benefits__preview { height: auto; margin-bottom: 15px; }
-
- .benefits__title { min-height: 0; }
-
- .benefits__content { font-size: 14px; }
-
- .reviews__ava { margin-right: 10px; }
-
- .reviews__wrap { padding: 15px 20px 20px; }
-
- .gallery { display: block; margin: 0 -5px -10px; }
-
- .gallery__grid:last-child { display: none; }
-
- .gallery__item { width: calc(33.33% - 10px); margin: 0 5px 10px; }
-
- .gallery__item_lg { width: calc(66.66% - 10px); }
-
- .app { margin-top: 35px; }
-
- .app__col:first-child { padding: 20px 0; text-align: left; }
-
- .app__theme { margin-bottom: 15px; }
-
- .app__title { margin-bottom: 15px; font-size: 16px; }
-
- .app__link { margin: 0 5px 0 0; }
-
- .app__preview { margin: 0 -15px; }
-
- .app__pic { max-height: 185px; }
-
- .game { padding: 20px 0; }
-
- .game__wrap { max-width: 180px; }
-
- .game__theme { margin-bottom: 15px; }
-
- .game__title { margin-bottom: 15px; font-size: 14px; }
-
- .game__preview { left: 50%; }
-
- .teachers__ava { height: 95px; margin-right: 25px; -ms-flex: 0 0 95px; flex: 0 0 95px; }
-
- .schedule__item { display: block; margin-bottom: 30px; }
-
- .schedule__day { margin-bottom: 10px; padding: 0; }
-
- .courses__list { display: block; margin: 0; }
-
- .courses__item { margin: 0 0 30px; }
-
- .courses_scroll { margin: 0 -15px; overflow: auto; }
-
- .courses_scroll .courses__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
-
- .courses_scroll .courses__item { margin-left: 15px; -ms-flex: 0 0 220px; flex: 0 0 220px; }
-
- .courses_scroll .courses__item:last-child { padding-right: 15px; -ms-flex: 0 0 235px; flex: 0 0 235px; }
-
- .load { margin-top: 40px; }
-
- .load__btn { padding: 17px 20px 16px; }
-
- .partners { margin: 0 -5px -10px; }
-
- .partners__item { margin: 0 5px 10px; -ms-flex: 0 0 calc(33.33% - 10px); flex: 0 0 calc(33.33% - 10px); }
-
- .footer__row_first .footer__col:nth-child(4) { margin-top: 30px; -ms-flex: 0 0 100%; flex: 0 0 100%; }
-
- .footer__row_first .footer__col:nth-child(1) { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-order: 5; order: 5; }
-
- .footer__row_first .footer__col:nth-child(5) { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-order: 4; order: 4; }
-
- .footer__row_second { width: 100%; margin-top: 30px; }
-
- .footer__col { -ms-flex: 0 0 50%; flex: 0 0 50%; }
-
- .footer__contact { margin: 0; }
-
- .select__option { padding: 11px 20px; font-size: 12px; color: #191919; }
-
- .head__right { margin: 0; }
-
- .similar__item { -ms-flex: 0 0 calc(100% - 20px); flex: 0 0 calc(100% - 20px); }
-
- .go__btn { width: auto; }
-
- .course__info { display: block; }
-
- .course__buy { width: auto; margin: 20px 0 0; }
-
- .course__metas { display: block; margin-bottom: 25px; }
-
- .course__metas .course__meta { margin-bottom: 20px; }
-
- .course__action .icon { right: 20px; }
-
- .course_promo { padding: 40px 0 45px; }
-
- .lessons__list { margin-bottom: 40px; }
-
- .lessons__item { margin-bottom: 30px; }
-
- .lessons__row { display: block; }
-
- .lessons__preview { display: none; }
-
- .materials__preview { margin-right: 20px; -ms-flex: 0 0 100px; flex: 0 0 100px; }
-
- .materials__wrap { -ms-flex: 0 0 calc(100% - 120px); flex: 0 0 calc(100% - 120px); }
-
- .examples { margin: 0 -5px -10px; }
-
- .examples__item { margin: 0 5px 10px; -ms-flex: 0 0 calc(33.33% - 10px); flex: 0 0 calc(33.33% - 10px); }
-
- .questions__item_reply { padding: 0; }
-
- .questions__item_reply .questions__details { padding: 10px; }
-
- .questions__ava { height: 40px; margin-right: 10px; -ms-flex: 0 0 40px; flex: 0 0 40px; }
-
- .questions__wrap { -ms-flex: 0 0 calc(100% - 50px); flex: 0 0 calc(100% - 50px); }
-
- .questions__textarea { height: 64px; }
-
- .questions__head { margin-bottom: 5px; }
-
- .share__title { margin-bottom: 30px; }
-
- .share_right .share__list { -ms-flex-pack: center; justify-content: center; }
-
- .buy__row { -ms-flex-direction: column; flex-direction: column; }
-
- .buy__col { -ms-flex: 0 0 100%; flex: 0 0 100%; }
-
- .buy__col:nth-child(2n-1) { -ms-flex: 0 0 100%; flex: 0 0 100%; }
-
- .buy__btn { width: 100%; }
-
- .lock { padding: 30px 020px; }
-
- .lock__label { margin-bottom: 40px; font-size: 10px; }
-
- .lock__content { margin-bottom: 40px; }
-
- .profile { padding: 0; text-align: center; }
-
- .profile__head { display: none; }
-
- .profile__row { display: block; margin-bottom: 30px; }
-
- .profile__ava { width: 140px; height: 140px; margin: 0 auto 20px; }
-
- .profile__name { margin-bottom: 10px; font-family: 'ProximaNova-Bold', serif; font-size: 24px; letter-spacing: 0; text-transform: none; }
-
- .profile__foot { display: block; }
-
- .tabs__nav { margin: 0 -15px 30px; }
-
- .tabs__btn { -ms-flex: 0 0 50%; flex: 0 0 50%; }
-
- .tabs__btn:not(:last-child) { margin: 0; }
-
- .confirm__form { display: block; }
-
- .confirm__field { margin-bottom: 20px; }
-
- .form__title { font-family: 'ProximaNova-Bold', serif; font-size: 24px; line-height: 1.33; }
-
- .form__content { margin-bottom: 30px; }
-
- .form__fieldset { display: block; }
-
- .form__field { margin-bottom: 20px; }
-
- .transactions__cell:first-child { -ms-flex: 0 0 75%; flex: 0 0 75%; }
-
- .transactions__cell:nth-child(2) { -ms-flex: 0 0 25%; flex: 0 0 25%; }
-
- .transactions__cell:last-child { -ms-flex: 0 0 100%; flex: 0 0 100%; }
-
- .done { padding: 0; }
-
- .done__foot { margin-top: 40px; }
-
- .author__ava { height: 60px; margin-right: 15px; -ms-flex: 0 0 60px; flex: 0 0 60px; }
-
- .author__wrap { -ms-flex: 0 0 calc(100% - 75px); flex: 0 0 calc(100% - 75px); }
-
- .author__hi { margin-bottom: 10px; }
-
- .author__content { margin-bottom: 10px; }
-
- .info { display: block; margin-top: 60px; }
-
- .info__foot { display: block; }
-
- .kit__row .kit__photo { -ms-flex: 0 0 110px; flex: 0 0 110px; }
-
- .kit__fieldset { -ms-flex: 0 0 calc(100% - 130px); flex: 0 0 calc(100% - 130px); }
-
- .mobile-hide { display: none; } }
+  .btn_md {
+    padding: 13px 24px 12px;
+  }
+
+  .btn_lg {
+    padding: 13px 20px;
+  }
+
+  .btn_lg.btn_stroke {
+    padding: 12px 19px;
+  }
+
+  .search {
+    width: 100%;
+  }
+
+  .search__input {
+    width: 100%;
+  }
+
+  .search.open .search__input {
+    width: 100%;
+  }
+
+  .header__container {
+    height: 70px;
+    margin: 0 -15px;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+
+  .header__wrap {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: white;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    z-index: 20;
+  }
+
+  .header__wrap.visible {
+    display: block;
+  }
+
+  .header__actions {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    padding: 10px 15px;
+    background: white;
+  }
+
+  .header__top {
+    display: -ms-flexbox;
+    display: flex;
+    height: 70px;
+    border-bottom: 1px solid #E6E6E6;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+
+  .header__search {
+    margin-left: 10px;
+    -ms-flex: 0 0 calc(100% - 90px);
+    flex: 0 0 calc(100% - 90px);
+  }
+
+  .header__nav {
+    display: block;
+    height: calc(100vh - 71px);
+    margin: 0;
+    padding: 15px 0;
+    overflow: auto;
+  }
+
+  .header__group:hover .header__section {
+    color: #FF9393;
+  }
+
+  .header__section {
+    position: relative;
+    height: auto;
+    margin: 0;
+    padding: 15px 40px 15px 20px;
+    border: none;
+    font-size: 14px;
+    color: #FF9393;
+    letter-spacing: 2.5px;
+    line-height: 1.33;
+  }
+
+  .header__section_sub:before, .header__section_sub:after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    background: #A7A7A7;
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+  }
+
+  .header__section_sub:before {
+    right: 20px;
+    width: 12px;
+    height: 2px;
+  }
+
+  .header__section_sub:after {
+    right: 25px;
+    width: 2px;
+    height: 12px;
+  }
+
+  .header__section.active {
+    color: #FF9393;
+  }
+
+  .header__section.open:after {
+    opacity: 0;
+  }
+
+  .header__list {
+    display: none;
+    position: static;
+    width: 100%;
+    margin: 0;
+    box-shadow: none;
+    opacity: 1;
+    visibility: visible;
+  }
+
+  .header__drop {
+    padding: 0;
+  }
+
+  .header__drop .header__link {
+    padding: 8px 20px 7px;
+  }
+
+  .header__drop .header__link_border {
+    padding: 12px 20px 10px;
+  }
+
+  .header__link {
+    padding: 11px 20px;
+    font-size: 12px;
+    color: #191919;
+  }
+
+  .header__link_green {
+    color: #5BD700;
+  }
+
+  .header__menu, .header__enter, .header__close {
+    display: block;
+    width: 60px;
+    height: 60px;
+    font-size: 0;
+  }
+
+  .header__enter {
+    margin: 0;
+    font-size: 0;
+    line-height: 1;
+  }
+
+  .header__enter .icon {
+    display: inline-block;
+    font-size: 20px;
+    fill: #191919;
+  }
+
+  .header__login {
+    margin: 0;
+    padding: 15px 20px;
+  }
+
+  .main {
+    min-height: 400px;
+  }
+
+  .main__title {
+    margin-bottom: 50px;
+  }
+
+  .main_sm {
+    min-height: 0;
+  }
+
+  .subtitle {
+    margin-bottom: 15px;
+    font-size: 12px;
+    letter-spacing: 2px;
+  }
+
+  .text {
+    margin-bottom: 30px;
+  }
+
+  .text__curve_one {
+    width: 200px;
+    left: 0;
+    top: -10px;
+    bottom: auto;
+  }
+
+  .text__curve_two {
+    left: 0;
+    bottom: -15px;
+    width: 150px;
+  }
+
+  .text__curve_three {
+    left: 0;
+    bottom: -10px;
+  }
+
+  .text__curve_four {
+    left: 30px;
+    bottom: -20px;
+  }
+
+  .text_mb0 {
+    margin-bottom: 0;
+  }
+
+  .section {
+    padding: 30px 0;
+  }
+
+  .section_tabs {
+    padding-top: 10px;
+  }
+
+  .video .icon-play {
+    font-size: 22px;
+  }
+
+  .about__ava {
+    margin-right: 15px;
+    height: 60px;
+    -ms-flex: 0 0 60px;
+    flex: 0 0 60px;
+  }
+
+  .about__video {
+    max-width: 100%;
+  }
+
+  .online {
+    padding: 20px 0;
+  }
+
+  .online__type {
+    margin-bottom: 40px;
+  }
+
+  .online__text {
+    max-width: 80%;
+    margin-bottom: 40px;
+  }
+
+  .benefits {
+    display: block;
+  }
+
+  .benefits__item {
+    padding: 0;
+  }
+
+  .benefits__preview {
+    height: auto;
+    margin-bottom: 15px;
+  }
+
+  .benefits__title {
+    min-height: 0;
+  }
+
+  .benefits__content {
+    font-size: 14px;
+  }
+
+  .reviews__ava {
+    margin-right: 10px;
+  }
+
+  .reviews__wrap {
+    padding: 15px 20px 20px;
+  }
+
+  .gallery {
+    display: block;
+    margin: 0 -5px -10px;
+  }
+
+  .gallery__grid:last-child {
+    display: none;
+  }
+
+  .gallery__item {
+    width: calc(33.33% - 10px);
+    margin: 0 5px 10px;
+  }
+
+  .gallery__item_lg {
+    width: calc(66.66% - 10px);
+  }
+
+  .app {
+    margin-top: 35px;
+  }
+
+  .app__col:first-child {
+    padding: 20px 0;
+    text-align: left;
+  }
+
+  .app__theme {
+    margin-bottom: 15px;
+  }
+
+  .app__title {
+    margin-bottom: 15px;
+    font-size: 16px;
+  }
+
+  .app__link {
+    margin: 0 5px 0 0;
+  }
+
+  .app__preview {
+    margin: 0 -15px;
+  }
+
+  .app__pic {
+    max-height: 185px;
+  }
+
+  .game {
+    padding: 20px 0;
+  }
+
+  .game__wrap {
+    max-width: 180px;
+  }
+
+  .game__theme {
+    margin-bottom: 15px;
+  }
+
+  .game__title {
+    margin-bottom: 15px;
+    font-size: 14px;
+  }
+
+  .game__preview {
+    left: 50%;
+  }
+
+  .teachers__ava {
+    height: 95px;
+    margin-right: 25px;
+    -ms-flex: 0 0 95px;
+    flex: 0 0 95px;
+  }
+
+  .schedule__item {
+    display: block;
+    margin-bottom: 30px;
+  }
+
+  .schedule__day {
+    margin-bottom: 10px;
+    padding: 0;
+  }
+
+  .courses__list {
+    display: block;
+    margin: 0;
+  }
+
+  .courses__item {
+    margin: 0 0 30px;
+  }
+
+  .courses_scroll {
+    margin: 0 -15px;
+    overflow: auto;
+  }
+
+  .courses_scroll .courses__list {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+
+  .courses_scroll .courses__item {
+    margin-left: 15px;
+    -ms-flex: 0 0 220px;
+    flex: 0 0 220px;
+  }
+
+  .courses_scroll .courses__item:last-child {
+    padding-right: 15px;
+    -ms-flex: 0 0 235px;
+    flex: 0 0 235px;
+  }
+
+  .load {
+    margin-top: 40px;
+  }
+
+  .load__btn {
+    padding: 17px 20px 16px;
+  }
+
+  .partners {
+    margin: 0 -5px -10px;
+  }
+
+  .partners__item {
+    margin: 0 5px 10px;
+    -ms-flex: 0 0 calc(33.33% - 10px);
+    flex: 0 0 calc(33.33% - 10px);
+  }
+
+  .footer__row_first .footer__col:nth-child(4) {
+    margin-top: 30px;
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+  }
+
+  .footer__row_first .footer__col:nth-child(1) {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    -ms-flex-order: 5;
+    order: 5;
+  }
+
+  .footer__row_first .footer__col:nth-child(5) {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    -ms-flex-order: 4;
+    order: 4;
+  }
+
+  .footer__row_second {
+    width: 100%;
+    margin-top: 30px;
+  }
+
+  .footer__col {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+  }
+
+  .footer__contact {
+    margin: 0;
+  }
+
+  .select__option {
+    padding: 11px 20px;
+    font-size: 12px;
+    color: #191919;
+  }
+
+  .head__right {
+    margin: 0;
+  }
+
+  .similar__item {
+    -ms-flex: 0 0 calc(100% - 20px);
+    flex: 0 0 calc(100% - 20px);
+  }
+
+  .go__btn {
+    width: auto;
+  }
+
+  .course__info {
+    display: block;
+  }
+
+  .course__buy {
+    width: auto;
+    margin: 20px 0 0;
+  }
+
+  .course__metas {
+    display: block;
+    margin-bottom: 25px;
+  }
+
+  .course__metas .course__meta {
+    margin-bottom: 20px;
+  }
+
+  .course__action .icon {
+    right: 20px;
+  }
+
+  .course_promo {
+    padding: 40px 0 45px;
+  }
+
+  .lessons__list {
+    margin-bottom: 40px;
+  }
+
+  .lessons__item {
+    margin-bottom: 30px;
+  }
+
+  .lessons__row {
+    display: block;
+  }
+
+  .lessons__preview {
+    display: none;
+  }
+
+  .materials__preview {
+    margin-right: 20px;
+    -ms-flex: 0 0 100px;
+    flex: 0 0 100px;
+  }
+
+  .materials__wrap {
+    -ms-flex: 0 0 calc(100% - 120px);
+    flex: 0 0 calc(100% - 120px);
+  }
+
+  .examples {
+    margin: 0 -5px -10px;
+  }
+
+  .examples__item {
+    margin: 0 5px 10px;
+    -ms-flex: 0 0 calc(33.33% - 10px);
+    flex: 0 0 calc(33.33% - 10px);
+  }
+
+  .questions__item_reply {
+    padding: 0;
+  }
+
+  .questions__item_reply .questions__details {
+    padding: 10px;
+  }
+
+  .questions__ava {
+    height: 40px;
+    margin-right: 10px;
+    -ms-flex: 0 0 40px;
+    flex: 0 0 40px;
+  }
+
+  .questions__wrap {
+    -ms-flex: 0 0 calc(100% - 50px);
+    flex: 0 0 calc(100% - 50px);
+  }
+
+  .questions__textarea {
+    height: 64px;
+  }
+
+  .questions__head {
+    margin-bottom: 5px;
+  }
+
+  .share__title {
+    margin-bottom: 30px;
+  }
+
+  .share_right .share__list {
+    -ms-flex-pack: center;
+    justify-content: center;
+  }
+
+  .buy__row {
+    -ms-flex-direction: column;
+    flex-direction: column;
+  }
+
+  .buy__col {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+  }
+
+  .buy__col:nth-child(2n-1) {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+  }
+
+  .buy__btn {
+    width: 100%;
+  }
+
+  .lock {
+    padding: 30px 020px;
+  }
+
+  .lock__label {
+    margin-bottom: 40px;
+    font-size: 10px;
+  }
+
+  .lock__content {
+    margin-bottom: 40px;
+  }
+
+  .profile {
+    padding: 0;
+    text-align: center;
+  }
+
+  .profile__head {
+    display: none;
+  }
+
+  .profile__row {
+    display: block;
+    margin-bottom: 30px;
+  }
+
+  .profile__ava {
+    width: 140px;
+    height: 140px;
+    margin: 0 auto 20px;
+  }
+
+  .profile__name {
+    margin-bottom: 10px;
+    font-family: 'ProximaNova-Bold', serif;
+    font-size: 24px;
+    letter-spacing: 0;
+    text-transform: none;
+  }
+
+  .profile__foot {
+    display: block;
+  }
+
+  .tabs__nav {
+    margin: 0 -15px 30px;
+  }
+
+  .tabs__btn {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+  }
+
+  .tabs__btn:not(:last-child) {
+    margin: 0;
+  }
+
+  .confirm__form {
+    display: block;
+  }
+
+  .confirm__field {
+    margin-bottom: 20px;
+  }
+
+  .form__title {
+    font-family: 'ProximaNova-Bold', serif;
+    font-size: 24px;
+    line-height: 1.33;
+  }
+
+  .form__content {
+    margin-bottom: 30px;
+  }
+
+  .form__fieldset {
+    display: block;
+  }
+
+  .form__field {
+    margin-bottom: 20px;
+  }
+
+  .transactions__cell:first-child {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+  }
+
+  .transactions__cell:nth-child(2) {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+  }
+
+  .transactions__cell:last-child {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+  }
+
+  .done {
+    padding: 0;
+  }
+
+  .done__foot {
+    margin-top: 40px;
+  }
+
+  .author__ava {
+    height: 60px;
+    margin-right: 15px;
+    -ms-flex: 0 0 60px;
+    flex: 0 0 60px;
+  }
+
+  .author__wrap {
+    -ms-flex: 0 0 calc(100% - 75px);
+    flex: 0 0 calc(100% - 75px);
+  }
+
+  .author__hi {
+    margin-bottom: 10px;
+  }
+
+  .author__content {
+    margin-bottom: 10px;
+  }
+
+  .info {
+    display: block;
+    margin-top: 60px;
+  }
+
+  .info__foot {
+    display: block;
+  }
+
+  .kit__row .kit__photo {
+    -ms-flex: 0 0 110px;
+    flex: 0 0 110px;
+  }
+
+  .kit__fieldset {
+    -ms-flex: 0 0 calc(100% - 130px);
+    flex: 0 0 calc(100% - 130px);
+  }
+
+  .mobile-hide {
+    display: none;
+  }
+}
 
 /*# sourceMappingURL=app.css.map */
diff --git a/web/build/css/app.css.map b/web/build/css/app.css.map
index 9d5f2b37..1a90b101 100644
--- a/web/build/css/app.css.map
+++ b/web/build/css/app.css.map
@@ -1 +1 @@
-{"version":3,"sources":["helpers/_reset.sass","generated/_sprite-svg.scss","helpers/_mixins.sass","_common.sass"],"names":[],"mappings":"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","file":"app.css","sourcesContent":["html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5,\nh6, p, blockquote, pre,a, abbr, acronym, address, big,\ncite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,\nstrike, strong, sub, sup, tt, var,b, u, i, center,dl, dt,\ndd, ol, ul, li,fieldset, form, label, legend,table, caption,\ntbody, tfoot, thead, tr, th, td,article, aside, canvas, details,\nembed, figure, figcaption, footer, header, hgroup, menu, nav,\noutput, ruby, section, summary,time, mark, audio, video {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    vertical-align: baseline; }\nhtml {\n    -ms-text-size-adjust: 100%;\n    -webkit-text-size-adjust: 100%; }\nimg,fieldset, a img {\n    border: none; }\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ntextarea {\n    -webkit-appearance: none; }\ninput[type=\"submit\"],\nbutton {\n    cursor: pointer;\n    &::-moz-focus-inner {\n        padding: 0;\n        border: 0; } }\ntextarea {\n    overflow: auto; }\ninput, button {\n    margin: 0;\n    padding: 0;\n    border: 0; }\ndiv, input, textarea, select,button,\nh1,h2,h3,h4,h5,h6,a,span,a:focus {\n    outline: none; }\nul,ol {\n    list-style-type: none; }\ntable {\n    border-spacing: 0;\n    border-collapse: collapse;\n    width: 100%; }\nhtml {\n    box-sizing: border-box; }\n*, *:before, *:after {\n    box-sizing: inherit; }\n",".icon-add-plus {\n  width: 1em;\n  height: 1em;\n  fill: #B5B5B5;\n}\n.icon-arrow-down {\n  width: 1.71em;\n  height: 1em;\n  fill: #333;\n}\n.icon-arrow-left {\n  width: 1.33em;\n  height: 1em;\n  fill: #333;\n}\n.icon-arrow-right {\n  width: 1.28em;\n  height: 1em;\n  fill: #333;\n}\n.icon-close {\n  width: 1em;\n  height: 1em;\n  fill: #191919;\n}\n.icon-date {\n  width: 0.95em;\n  height: 1em;\n  fill: #979797;\n}\n.icon-delete {\n  width: 1em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n.icon-edit {\n  width: 1em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n.icon-eye {\n  width: 1.69em;\n  height: 1em;\n  fill: #333;\n}\n.icon-facebook {\n  width: 0.5em;\n  height: 1em;\n  fill: #FFF;\n}\n.icon-fb {\n  width: 0.44em;\n  height: 1em;\n  fill: #1C2635;\n}\n.icon-image-text {\n  width: 2.07em;\n  height: 1em;\n  fill: #333;\n}\n.icon-image {\n  width: 1em;\n  height: 1em;\n  fill: #333;\n}\n.icon-images {\n  width: 1em;\n  height: 1em;\n  fill: #333;\n}\n.icon-instagram {\n  width: 1em;\n  height: 1em;\n  fill: #1C2635;\n}\n.icon-like-bold {\n  width: 1.07em;\n  height: 1em;\n  fill: #333;\n}\n.icon-like-fill-bold {\n  width: 1.07em;\n  height: 1em;\n  fill: #333;\n}\n.icon-like-fill {\n  width: 1.17em;\n  height: 1em;\n  fill: #B5B5B5;\n}\n.icon-like {\n  width: 1.17em;\n  height: 1em;\n  fill: #B5B5B5;\n}\n.icon-live {\n  width: 2.6em;\n  height: 1em;\n  fill: #333;\n}\n.icon-location {\n  width: 0.76em;\n  height: 1em;\n  fill: initial;\n}\n.icon-lock {\n  width: 0.74em;\n  height: 1em;\n  fill: initial;\n}\n.icon-menu {\n  width: 2em;\n  height: 1em;\n  fill: #202124;\n}\n.icon-money {\n  width: 1.53em;\n  height: 1em;\n  fill: #979797;\n}\n.icon-photo {\n  width: 1.33em;\n  height: 1em;\n  fill: #FFF;\n}\n.icon-play {\n  width: 0.8em;\n  height: 1em;\n  fill: #FFF;\n}\n.icon-plus {\n  width: 1em;\n  height: 1em;\n  fill: #BEBEBE;\n}\n.icon-search {\n  width: 1em;\n  height: 1em;\n  fill: initial;\n}\n.icon-searching {\n  width: 0.97em;\n  height: 1em;\n  fill: initial;\n}\n.icon-share-facebook {\n  width: 1em;\n  height: 1em;\n  fill: #35578C;\n}\n.icon-share-google {\n  width: 1em;\n  height: 1em;\n  fill: #CC4F42;\n}\n.icon-share-instagram {\n  width: 1em;\n  height: 1em;\n  fill: #EA418C;\n}\n.icon-share-pinterest {\n  width: 1em;\n  height: 1em;\n  fill: #B8242B;\n}\n.icon-share-twitter {\n  width: 1em;\n  height: 1em;\n  fill: #38A0CD;\n}\n.icon-showcase {\n  width: 1em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n.icon-text {\n  width: 0.82em;\n  height: 1em;\n  fill: #333;\n}\n.icon-thumb {\n  width: 0.96em;\n  height: 1em;\n  fill: initial;\n}\n.icon-time {\n  width: 1em;\n  height: 1em;\n  fill: #979797;\n}\n.icon-twitter {\n  width: 1.18em;\n  height: 1em;\n  fill: #1C2635;\n}\n.icon-user {\n  width: 1em;\n  height: 1em;\n  fill: #191919;\n}\n.icon-video-stroke {\n  width: 0.82em;\n  height: 1em;\n  fill: #333;\n}\n.icon-video {\n  width: 1.43em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n.icon-wallet {\n  width: 1.15em;\n  height: 1em;\n  fill: initial;\n}\n.icon-youtube {\n  width: 1.2em;\n  height: 1em;\n  fill: #1C2635;\n}\n","// selectors\n@mixin nl {\n  &:not(:last-child) {\n    @content; } }\n@mixin nf {\n  &:not(:first-child) {\n    @content; } }\n\n// width\n@mixin r($width) {\n  @media only screen and (max-width: $width+ \"px\") {\n    @content; } }\n\n@mixin rmin($width) {\n  @media only screen and (min-width: $width+ \"px\") {\n    @content; } }\n\n// height\n@mixin rh($height) {\n  @media only screen and (max-height: $height + \"px\") {\n    @content; } }\n\n@mixin rhmin($height) {\n  @media only screen and (min-height: $height + \"px\") {\n    @content; } }\n\n@mixin fs($sizeValue: 16) {\n  font-size: $sizeValue + px;\n  font-size: $sizeValue / 10 + rem; }\n\n@mixin text-overflow {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\n@mixin hover {\n  .no-touch &:hover {\n    @content; } }\n\n%pseudo {\n  position: relative;\n  &:before,&:after {\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0; } }\n@mixin pseudo {\n  @extend %pseudo; }\n\n@mixin coverdiv {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%; }\n\n@mixin cover {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 50%; }\n\n@mixin bg-size($width: 100%, $height: 100%) {\n  background-size: $width $height; }\n\n// retina, also available as +hdpi\n@mixin retina {\n  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {\n    @content; } }\n\n@mixin box {\n  @include box-sizing(border-box); }\n// vertical-align at center\n@mixin vcenter {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%,-50%); }\n\n//simple gradient\n@mixin g($color1, $color2) {\n  background-image: linear-gradient($color1, $color2); }\n\n@mixin gh($color1, $color2) {\n  background-image: linear-gradient(left, $color1, $color2); }\n\n// font-family\n@mixin font($alias, $name) {\n  @font-face {\n    font-family: $alias;\n    src: url(\"fonts/\" + $name + \".woff2\") format(\"woff2\"), url(\"fonts/\" + $name + \".woff\") format(\"woff\");\n    font-weight: normal;\n    font-style: normal; } }\n// to use:\n//+font(black, cytiapro-black-webfont)\n\n// ROTATE\n@mixin rotate($deg: 0, $m11: 0, $m12: 0, $m21: 0, $m22: 0) {\n  transform: rotate($deg + deg);\n  filter: progid:DXImageTransform.Microsoft.Matrix(M11=$m11, M12=$m12,M21=$m21, M22=$m22, sizingMethod='auto expand');\n  zoom: 1; }\n\n// TRANSITION\n\n@mixin tr($what) {\n  transition: $what; }\n\n@mixin hide-text {\n  font: 0/0 a;\n  text-shadow: none;\n  color: transparent; }\n\n@mixin hidetext {\n  @include hide-text; }\n\n@mixin justify {\n  text-align: justify;\n  line-height: 0;\n  font-size: 0;\n  text-justify: newspaper;\n  zoom: 1;\n  text-align-last: justify;\n  &:after {\n    content: \"\";\n    display: inline-block;\n    width: 100%;\n    height: 0px;\n    visibility: hidden;\n    overflow: hidden; } }\n@mixin vertical {\n  text-align: center;\n  font-size: 0;\n  &:before {\n    content: \"\";\n    display: inline-block;\n    vertical-align: middle;\n    width: 0;\n    height: 100%; } }\n\n@mixin clr {\n  &:after {\n    content: \" \";\n    display: table;\n    clear: both; }\n  *zoom: 1; }\n\n@mixin placeholder-color($color) {\n  &::placeholder {\n    color: $color; } }\n\n@mixin placeholder {\n  &::placeholder {\n    @content; } }\n\n@mixin gray {\n  filter: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale\");\n  // Firefox 10+\n  filter: gray;\n  // IE6-9\n  -webkit-filter: grayscale(100%);\n  // Chrome 19+ & Safari 6+\n  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);\n  -ms-filter: \"progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)\"; }\n\n@mixin gray-half {\n  filter: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0.5'/></filter></svg>#grayscale\");\n  // Firefox 10+\n  filter: gray alpha(opacity = 50);\n  // IE6-9\n  -webkit-filter: grayscale(50%);\n }  // Chrome 19+ & Safari 6+\n\n@mixin gray-zero {\n  filter: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale\");\n  -webkit-filter: grayscale(0%); }\n\n@mixin unselectable {\n  user-select: none; }\n\n@mixin nosel {\n  @include unselectable; }\n\n@mixin prevent-text {\n  word-break: break-all;\n  word-break: break-word;\n  hyphens: auto; }\n\n@mixin font-smoothing($val: antialiased) {\n  font-smoothing: $val; }\n\n@mixin selection {\n  & ::selection {\n    @content; } }\n@mixin sel {\n  @include selection; }\n\n@mixin gpu {\n  transform: translate3d(0, 0, 0); }\n\n@mixin scrollbar {\n  &::-webkit-scrollbar {\n    @content; } }\n\n@mixin scrollbar-track {\n  &::-webkit-scrollbar-track {\n    @content; } }\n\n@mixin scrollbar-thumb {\n  &::-webkit-scrollbar-thumb {\n    @content; } }\n\n@mixin scrollbar-track-piece {\n  &::-webkit-scrollbar-track-piece {\n    @content; } }\n\n//triangle\n@mixin arr($width, $height, $bg, $direction) {\n  width: 0px;\n  height: 0px;\n  border-style: solid;\n  @if $direction == t {\n    border-width: 0 $width / 2 + px $height + px $width / 2 + px;\n    border-color: transparent transparent $bg transparent; }\n  @if $direction == r {\n    border-width: $height / 2 + px 0 $height / 2 + px $width + px;\n    border-color: transparent transparent transparent $bg; }\n  @if $direction == b {\n    border-width: $height + px $width / 2 + px 0 $width / 2 + px;\n    border-color: $bg transparent transparent transparent; }\n  @if $direction == l {\n    border-width: $height / 2 + px $width + px $height / 2 + px 0;\n    border-color: transparent $bg transparent transparent; }\n  @if $direction == tl {\n    border-width: $height + px $width + px 0 0;\n    border-color: $bg transparent transparent transparent; }\n  @if $direction == tr {\n    border-width: 0 $width + px $height + px 0;\n    border-color: transparent $bg transparent transparent; }\n  @if $direction == br {\n    border-width: 0 0 $height + px $width + px;\n    border-color: transparent transparent $bg transparent; }\n  @if $direction == bl {\n    border-width: $width + px 0 0 $height + px;\n    border-color: transparent transparent transparent $bg; } }\n// example\n// +arr(500,50, #000, l)\n// +arr(500,50, #000, bl)\n\n@mixin rotate($var) {\n  transform: rotate($var+deg); }\n\n@mixin blur($var) {\n  filter: blur($var); }\n@mixin scale($var) {\n  transform: scale($var); }\n\n@mixin counter($var, $sep) {\n  counter-reset: list + $var;\n  > li {\n    &:before {\n      content: counter(list + $var) $sep;\n      counter-increment: list + $var; } } }\n\n@mixin f($name, $font-size: null, $letter-spacing: null) {\n  $font-family: null;\n  @if $name == \"l\" {\n    $font-family: \"light\"; }\n  font-family: $font-family;\n  font-weight: normal;\n  @if $font-size != null {\n    font-size: $font-size + px; }\n  @if $letter-spacing != null {\n    letter-spacing: ($letter-spacing / 1000) + em; } }\n\n","@mixin d {\n  @media only screen and (max-width: \"1120px\") {\n    @content; } }\n@mixin t {\n  @media only screen and (max-width: \"1023px\") {\n    @content; } }\n@mixin m {\n  @media only screen and (max-width: \"599px\") {\n    @content; } }\n@mixin s {\n  @media only screen and (max-width: \"474px\") {\n    @content; } }\n\n@include font(ProximaNova-Regular, ProximaNova-Regular);\n@mixin f {\n  font-family: 'ProximaNova-Regular', serif; }\n@include font(ProximaNova-Bold, ProximaNova-Bold);\n@mixin fb {\n  font-family: 'ProximaNova-Bold', serif; }\n@include font(ProximaNova-SemiBold, ProximaNova-SemiBold);\n@mixin fs {\n  font-family: 'ProximaNova-SemiBold', serif; }\n@include font(ProximaNova-Light, ProximaNova-Light);\n@mixin fl {\n  font-family: 'ProximaNova-Light', serif; }\n\n$pink: #FF9393;\n$purple: #B995D9;\n$green: #8ECFC0;\n$green-light: #5BD700;\n$gray: #A7A7A7;\n$blue: #4A90E2;\n$viol: #B995D9;\n$bg: #F8F8F8;\n$border: #E6E6E6;\n$cl: #191919;\n\nbody {\n  min-width: 360px;\n  @include f;\n  font-size: 15px;\n  color: $cl;\n  line-height: 1.333;\n  @include t {\n    font-size: 14px;\n    line-height: 1.57; }\n  &.no-scroll {\n    overflow: hidden; } }\nbutton,\ninput,\ntextarea,\nselect {\n  @include f;\n  font-size: 15px; }\nbutton {\n  background: none; }\na {\n  color: $pink;\n  text-decoration: none; }\ninput,\ntextarea {\n  text-overflow: ellipsis;\n  &::placeholder {\n    color: $gray; } }\ntextarea {\n  border: none; }\nstrong,\nb {\n  @include fb; }\n\n* {\n  &::selection {\n    background: $pink;\n    color: white; }\n }  // box-shadow: 0 0 0 1px red\n\n.outer {\n  display: flex;\n  min-height: 100vh;\n  flex-direction: column; }\n\n.container {\n  flex: 1 0 auto; }\n\n.center {\n  width: 100%;\n  max-width: 1024px;\n  margin: 0 auto;\n  padding: 0 40px;\n  @include t {\n    padding: 0 15px; }\n  &_md {\n    max-width: 860px; }\n  &_sm {\n    max-width: 700px; }\n  &_xs {\n    max-width: 540px; } }\n\n.btn {\n  position: relative;\n  padding: 13px 24px 12px;\n  background-image: linear-gradient(-225deg, #D1FF7F 0%, #56FFFD 100%);\n  border-radius: 3px;\n  @include fb;\n  font-size: 12px;\n  color: $cl;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  text-align: center;\n  transition: all .2s;\n  z-index: 2;\n  @include t {\n    line-height: 1.33; }\n  &:hover {\n    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.11); }\n  &:active {\n    box-shadow: 0 0 0 0 rgba(0,0,0,0);\n    color: rgba(#262626,.1);\n    .icon {\n      fill: rgba(#262626,.1); } }\n  &__title,\n  .icon {\n    display: inline-block;\n    vertical-align: middle; }\n  &__title {\n    margin-top: -1px; }\n  .icon {\n    position: relative;\n    top: -1px;\n    margin-right: 15px;\n    fill: $cl;\n    transition: fill .2s; }\n  &_dark {\n    background: $cl;\n    color: white;\n    &:hover {\n      background: #545454; }\n    &:active {\n      color: rgba(white,.1); } }\n  &_light {\n    background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); }\n  &_stroke {\n    &:hover,\n    &:active {\n      &:before {\n        opacity: 0; } }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 1px;\n      left: 1px;\n      right: 1px;\n      bottom: 1px;\n      background: white;\n      border-radius: 2px;\n      transition: opacity .2s;\n      z-index: -2; } }\n  &_fb {\n    background: #3957A7;\n    color: white;\n    &:active {\n      color: rgba(white,.2);\n      .icon {\n        fill: rgba(white,.2); } }\n    .icon {\n      margin: -9px 15px -6px -25px;\n      font-size: 20px;\n      fill: white; } }\n  &_gray {\n    background: $bg; }\n  &_md {\n    padding: 18px 24px 17px;\n    @include m {\n      padding: 13px 24px 12px; } }\n  &_lg {\n    padding: 28px 40px 27px;\n    @include m {\n      padding: 13px 20px; } }\n  &_lg#{&}_stroke {\n    padding: 27px  39px 26px;\n    @include m {\n      padding: 12px 19px; } }\n  &_icon {\n    padding-left: 9px;\n    padding-right: 9px;\n    background: transparent;\n    border: 1px solid $border;\n    font-size: 0;\n    .icon {\n      margin: 0;\n      font-size: 13px;\n      fill: $cl; } }\n  &.loading {\n    box-shadow: none;\n    color: transparent;\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 24px;\n      height: 24px;\n      margin: -12px 0 0 -12px;\n      border: 3px solid $cl;\n      border-left: 3px solid transparent;\n      border-radius: 50%;\n      animation: loading .6s infinite linear; } } }\n\n@keyframes loading {\n  0 {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(360deg); } }\n\na.btn {\n  display: inline-block; }\n\n.logo {\n  display: block;\n  width: 219px;\n  height: 71px;\n  background: url(../img/school-lil-city.svg) no-repeat 0 0 / contain;\n  @include t {\n    width: 124px;\n    height: 40px; } }\n\n.search {\n  position: relative;\n  width: 40px;\n  height: 40px;\n  @include m {\n    width: 100%; }\n  &__input {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 40px;\n    height: 40px;\n    padding: 0 15px;\n    background: rgba($cl,.1);\n    border-radius: 20px;\n    color: rgba($cl,.8);\n    transition: width .4s;\n    @include m {\n      width: 100%; } }\n  &__btn {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 40px;\n    .icon {\n      font-size: 17px;\n      fill: rgba($cl,.5);\n      transform: translate(0,2px); } }\n  &.open &__input {\n    width: 170px;\n    @include m {\n      width: 100%; } } }\n\n.header {\n  position: relative;\n  z-index: 20;\n  &__container {\n    display: flex;\n    height: 100px;\n    border-bottom: 1px solid $border;\n    align-items: center;\n    @include t {\n      height: 65px; }\n    @include m {\n      height: 70px;\n      margin: 0 -15px;\n      justify-content: space-between; } }\n  &__wrap {\n    display: flex;\n    align-items: center;\n    flex-direction: row-reverse;\n    flex: 1 0 auto;\n    @include m {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: white;\n      flex-direction: column;\n      z-index: 20;\n      &.visible {\n        display: block; } } }\n  &__actions {\n    display: flex;\n    margin: auto;\n    align-items: center;\n    justify-content: center;\n    @include m {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      padding: 10px 15px;\n      background: white; } }\n  &__status {\n    margin-right: 5px;\n    @include fb;\n    font-size: 12px;\n    color: $gray;\n    letter-spacing: 1px; }\n  &__btn {\n    margin-left: 10px; }\n  &__top {\n    @include m {\n      display: flex;\n      height: 70px;\n      border-bottom: 1px solid $border;\n      align-items: center; } }\n  &__search {\n    @include m {\n      margin-left: 10px;\n      flex: 0 0 calc(100% - 90px); } }\n  &__nav {\n    display: flex;\n    margin: auto;\n    @include m {\n      display: block;\n      height: calc(100vh - 71px);\n      margin: 0;\n      padding: 15px 0;\n      overflow: auto; } }\n  &__group {\n    position: relative; }\n  &__group:hover &__section {\n    color: $cl;\n    @include m {\n      color: $pink; } }\n  &__group:hover &__list {\n    opacity: 1;\n    visibility: visible; }\n  &__section {\n    display: block;\n    height: 100px;\n    margin: 0 15px;\n    border-bottom: 1px solid transparent;\n    @include fb;\n    font-size: 12px;\n    color: #8C8C8C;\n    line-height: 100px;\n    transition: color .2s;\n    @include t {\n      height: 65px;\n      font-size: 10px;\n      line-height: 65px; }\n    @include m {\n      position: relative;\n      height: auto;\n      margin: 0;\n      padding: 15px 40px 15px 20px;\n      border: none;\n      font-size: 14px;\n      color: $pink;\n      letter-spacing: 2.5px;\n      line-height: 1.33; }\n    &_sub {\n      @include m {\n        &:before,\n        &:after {\n          content: '';\n          position: absolute;\n          top: 50%;\n          background: $gray;\n          transform: translateY(-50%); }\n        &:before {\n          right: 20px;\n          width: 12px;\n          height: 2px; }\n        &:after {\n          right: 25px;\n          width: 2px;\n          height: 12px; } } }\n    &.active {\n      border-color: $cl;\n      color: $cl;\n      @include m {\n        color: $pink; } }\n    &.open {\n      @include m {\n        &:after {\n          opacity: 0; } } } }\n  &__list,\n  &__drop {\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    width: 190px;\n    margin-left: -95px;\n    padding: 10px 0;\n    background: white;\n    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.10);\n    border-radius: 2px;\n    opacity: 0;\n    visibility: hidden;\n    transform: translate3d(0,0,0);\n    transition: opacity .2s, visibility .2s;\n    overflow: hidden; }\n  &__list {\n    @include m {\n      display: none;\n      position: static;\n      width: 100%;\n      margin: 0;\n      box-shadow: none;\n      opacity: 1;\n      visibility: visible; } }\n  &__drop {\n    left: auto;\n    right: 20px;\n    margin: 0;\n    @include m {\n      padding: 0; } }\n  &__drop &__link {\n    @include m {\n      padding: 8px 20px 7px; }\n    &_border {\n      @include m {\n        padding: 12px 20px 10px; } } }\n  &__balance {\n    margin-bottom: 10px;\n    padding: 0 20px 10px;\n    border-bottom: 1px solid $border; }\n  &__link {\n    display: block;\n    position: relative;\n    padding: 8px 20px 7px;\n    @include fb;\n    font-size: 10px;\n    color: #8C8C8C;\n    text-transform: uppercase;\n    transition: color .2s;\n    @include m {\n      padding: 11px 20px;\n      font-size: 12px;\n      color: $cl; }\n    &:hover {\n      color: $cl; }\n    &_green {\n      color: $green-light;\n      @include m {\n        color: $green-light; }\n      &:hover {\n        color: darken($green-light,10); } }\n    &_border {\n      margin-bottom: 5px;\n      padding: 2px 20px 10px;\n      border-bottom: 1px solid $border;\n      color: $cl; } }\n  &__link.active &__title {\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: -10px;\n      right: -10px;\n      height: 2px;\n      margin-top: -2px;\n      background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); } }\n  &__title {\n    display: table;\n    position: relative; }\n  &__menu,\n  &__enter,\n  &__close {\n    @include m {\n      display: block;\n      width: 60px;\n      height: 60px;\n      font-size: 0; } }\n  &__menu,\n  &__close {\n    display: none;\n    .icon {\n      fill: $cl; } }\n  &__menu {\n    .icon {\n      font-size: 10px; } }\n  &__close {\n    .icon {\n      font-size: 20px; } }\n  &__enter {\n    height: 100px;\n    margin-left: 40px;\n    @include fb;\n    font-size: 12px;\n    color: #8C8C8C;\n    line-height: 100px;\n    transition: color .2s;\n    @include t {\n      height: 65px;\n      margin-left: 25px;\n      font-size: 10px;\n      line-height: 65px; }\n    @include m {\n      margin: 0;\n      font-size: 0;\n      line-height: 1; }\n    &:hover {\n      color: $cl; }\n    .icon {\n      display: none;\n      @include m {\n        display: inline-block;\n        font-size: 20px;\n        fill: $cl; } } }\n  &__login {\n    position: relative;\n    margin-right: -20px;\n    padding: 30px 20px;\n    flex: 0 0 80px;\n    @include t {\n      margin-right: -15px; }\n    @include m {\n      margin: 0;\n      padding: 15px 20px; } }\n  &__login:hover &__drop {\n    opacity: 1;\n    visibility: visible; }\n  &__ava {\n    height: 40px; }\n  &_bg &__container {\n    border-color: transparent; } }\n\n.main {\n  display: flex;\n  position: relative;\n  min-height: 500px;\n  margin-top: -100px;\n  padding: 120px 0 50px;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  text-align: center;\n  z-index: 4;\n  @include t {\n    min-height: 350px;\n    padding: 137px 0 40px; }\n  @include m {\n    min-height: 400px; }\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n    opacity: .8;\n    z-index: -2; }\n  &__center {\n    margin: auto; }\n  &__title {\n    max-width: 780px;\n    margin: 0 auto 40px;\n    @include fb;\n    font-size: 50px;\n    line-height: (6/5);\n    @include t {\n      max-width: 400px;\n      font-size: 24px;\n      line-height: 1.33; }\n    @include m {\n      margin-bottom: 50px; } }\n  &__content {\n    margin-bottom: 30px; }\n  &__time {\n    padding: 7px 0;\n    @include fb;\n    font-size: 20px;\n    text-transform: uppercase;\n    letter-spacing: 3px; }\n  &_green {\n    &:before {\n      background-image: linear-gradient(-225deg, #E2E2E2 0%, #E2FFDF 100%); } }\n  &_sm {\n    min-height: 0;\n    padding: 135px 0 55px;\n    @include t {\n      min-height: 0; }\n    @include m {\n      min-height: 0; } }\n  &_sm &__title {\n    margin-bottom: 0; } }\n\n.title {\n  position: relative;\n  margin-bottom: 35px;\n  @include fb;\n  font-size: 32px;\n  line-height: (35/32);\n  z-index: 4;\n  @include t {\n    margin-bottom: 20px;\n    font-size: 24px;\n    line-height: 1.33; }\n  &_center {\n    text-align: center; }\n  &_sm {\n    margin-bottom: 20px;\n    font-size: 25px; } }\n\n.subtitle {\n  margin-bottom: 25px;\n  @include fb;\n  font-size: 20px;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  @include m {\n    margin-bottom: 15px;\n    font-size: 12px;\n    letter-spacing: 2px; }\n  &_center {\n    @include t {\n      text-align: center; } } }\n\n.text {\n  position: relative;\n  max-width: 620px;\n  margin: 0 auto 60px;\n  @include fl;\n  font-size: 24px;\n  text-align: center;\n  z-index: 2;\n  @include t {\n    max-width: 400px;\n    margin-bottom: 40px;\n    font-size: 14px;\n    line-height: 1.5; }\n  @include m {\n    margin-bottom: 30px; }\n  p {\n    @include t {\n      display: inline; }\n    &:not(:last-child) {\n      margin-bottom: 35px;\n      @include t {\n        margin: 0; } } }\n  &__curve {\n    position: absolute;\n    pointer-events: none;\n    z-index: -2;\n    &_one {\n      left: -95px;\n      bottom: 5px;\n      @include t {\n        left: -85px;\n        bottom: -60px; }\n      @include m {\n        width: 200px;\n        left: 0;\n        top: -10px;\n        bottom: auto; } }\n    &_two {\n      left: -105px;\n      bottom: -50px;\n      @include t {\n        left: -85px; }\n      @include m {\n        left: 0;\n        bottom: -15px;\n        width: 150px; } }\n    &_three {\n      left: -65px;\n      bottom: -35px;\n      @include t {\n        left: -85px; }\n      @include m {\n        left: 0;\n        bottom: -10px; } }\n    &_four {\n      left: -75px;\n      bottom: -45px;\n      @include t {\n        left: -60px;\n        width: 90px; }\n      @include m {\n        left: 30px;\n        bottom: -20px; } } }\n  &_lg {\n    max-width: 740px; }\n  &_mb0 {\n    margin-bottom: 0;\n    @include t {\n      margin-bottom: 0; }\n    @include m {\n      margin-bottom: 0; } } }\n\n.section {\n  padding: 60px 0;\n  @include t {\n    padding: 40px 0; }\n  @include m {\n    padding: 30px 0; }\n  &_review {\n    background: url(../img/bg-elephants.jpg) 0 0 / 100px 102px; }\n  &_gray {\n    background: $bg; }\n  &_border {\n    position: relative;\n    &:after {\n      content: '';\n      position: absolute;\n      top: 100%;\n      left: 50%;\n      width: 100%;\n      max-width: 944px;\n      height: 1px;\n      background: $border;\n      transform: translateX(-50%);\n      @include t {\n        max-width: calc(100% - 30px); } } }\n  &_gradient {\n    background-image: linear-gradient(-225deg, #F8F8F8 0%, #FFF2F2 100%); }\n  &_tabs {\n    padding-top: 20px;\n    @include m {\n      padding-top: 10px; } }\n  &_menu {\n    padding: 20px 0; }\n  &_confirm {\n    padding: 30px 0 50px; } }\n\n.ava {\n  display: block;\n  position: relative;\n  overflow: hidden;\n  &__pic {\n    display: block;\n    width: 100%;\n    border-radius: 50%; }\n  &__input {\n    position: absolute;\n    top: 0;\n    right: 0;\n    font-size: 140px;\n    appearance: none;\n    cursor: pointer;\n    z-index: 2; }\n  &__icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%,-50%);\n    font-size: 0;\n    .icon {\n      font-size: 30px;\n      fill: white; } } }\n\n.likes {\n  display: flex;\n  color: $cl;\n  align-items: center;\n  &__counter {\n    margin-right: 5px;\n    @include fb;\n    font-size: 13px;\n    @include t {\n      font-size: 12px; } }\n  &__icon {\n    position: relative;\n    font-size: 0; }\n  &.active {\n    .icon {\n      display: none;\n      &-like-fill,\n      &-like-fill-bold {\n        display: block; } } }\n  .icon {\n    position: relative;\n    top: -1px;\n    font-size: 14px;\n    fill: $cl;\n    &-like-fill,\n    &-like-fill-bold {\n      display: none;\n      fill: $pink; }\n    &-like-fill-bold {\n      position: relative;\n      top: -1px; } } }\n\n.user {\n  display: flex;\n  align-items: center;\n  &__ava {\n    height: 40px;\n    margin-right: 10px;\n    flex: 0 0 40px; }\n  &__ava {\n    height: 40px;\n    margin-right: 10px;\n    flex: 0 0 40px; }\n  &__info {\n    flex: 0 0 calc(100% - 50px); }\n  &__name,\n  &__date {\n    @include fb;\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    line-height: 1.1; }\n  &__name {\n    margin-bottom: 5px; }\n  &__meta {\n    display: flex;\n    align-items: center; }\n  &__date {\n    color: $gray; }\n  &__likes {\n    margin: -5px 0 -5px auto;\n    @include f;\n    font-size: 15px;\n    .icon {\n      fill: $gray;\n      &-fill {\n        fill: $pink; } } }\n  &_white &__date {\n    color: white; } }\n\n.video {\n  display: block;\n  position: relative;\n  &__pic {\n    display: block;\n    width: 100%; }\n  .icon-play {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    font-size: 48px;\n    fill: white;\n    transform: translate(-50%,-50%);\n    @include m {\n      font-size: 22px; } }\n  &__soon {\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 20px;\n    background: rgba($cl,.5);\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    color: white; }\n  &__title {\n    margin-bottom: 20px; }\n  &__time {\n    @include fb;\n    font-size: 20px;\n    text-transform: uppercase;\n    letter-spacing: 3px; } }\n\n.about {\n  display: flex;\n  padding-right: 160px;\n  @include t {\n    padding: 0; }\n  &__ava {\n    height: 120px;\n    margin-right: 40px;\n    flex: 0 0 120px;\n    @include t {\n      margin-right: 25px;\n      height: 90px;\n      flex: 0 0 90px; }\n    @include m {\n      margin-right: 15px;\n      height: 60px;\n      flex: 0 0 60px; } }\n  &__content {\n    margin-bottom: 20px; }\n  &__ceo {\n    margin-bottom: 20px;\n    a {\n      @include fb; } }\n  &__video {\n    margin-bottom: 20px;\n    @include t {\n      max-width: calc(100% - 55px); }\n    @include m {\n      max-width: 100%; } }\n  &__more {\n    text-align: center;\n    @include t {\n      text-align: left; } } }\n\n.online {\n  display: block;\n  position: relative;\n  padding: 55px 0 50px;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  color: white;\n  text-align: center;\n  z-index: 4;\n  @include t {\n    padding: 30px 0; }\n  @include m {\n    padding: 20px 0; }\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: linear-gradient(-1deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.60) 100%);\n    z-index: -2; }\n  &__type {\n    margin-bottom: 85px;\n    @include fb;\n    font-size: 20px;\n    letter-spacing: 4px;\n    @include t {\n      margin-bottom: 30px;\n      font-size: 12px;\n      letter-spacing: 2px; }\n    @include m {\n      margin-bottom: 40px; } }\n  &__title {\n    margin-bottom: 2px;\n    @include fb;\n    font-size: 50px;\n    line-height: (6/5);\n    @include t {\n      margin-bottom: 6px;\n      font-size: 24px; } }\n  &__text {\n    max-width: 600px;\n    @include t {\n      margin-bottom: 65px; }\n    @include m {\n      max-width: 80%;\n      margin-bottom: 40px; } }\n  &__action {\n    @include fb;\n    font-size: 10px;\n    letter-spacing: 1px;\n    .icon {\n      position: relative;\n      top: 4px;\n      margin-right: 15px;\n      font-size: 16px; } } }\n\n.benefits {\n  display: flex;\n  position: relative;\n  max-width: 890px;\n  margin: 0 auto 80px;\n  text-align: center;\n  flex-wrap: wrap;\n  justify-content: center;\n  z-index: 4;\n  @include t {\n    margin: 0; }\n  @include m {\n    display: block; }\n  &__item {\n    padding: 0 15px;\n    flex: 0 0 25%;\n    @include t {\n      margin-bottom: 40px;\n      flex: 0 0 33.33%; }\n    @include m {\n      padding: 0; } }\n  &__preview {\n    display: flex;\n    height: 45px;\n    margin-bottom: 20px;\n    align-items: center;\n    justify-content: center;\n    @include m {\n      height: auto;\n      margin-bottom: 15px; }\n    .icon {\n      &-thumb {\n        font-size: 43px; }\n      &-wallet {\n        font-size: 38px; }\n      &-location {\n        font-size: 40px; }\n      &-searching {\n        font-size: 37px; } } }\n  &__title {\n    display: flex;\n    min-height: 38px;\n    margin-bottom: 10px;\n    @include fb;\n    font-size: 14px;\n    letter-spacing: 2.5px;\n    line-height: 1.42;\n    text-transform: uppercase;\n    align-items: center;\n    justify-content: center;\n    @include m {\n      min-height: 0; } }\n  &__content {\n    @include t {\n      font-size: 12px; }\n    @include m {\n      font-size: 14px; } } }\n\n.reviews {\n  padding-right: 80px;\n  @include t {\n    padding: 0; }\n  &__item {\n    display: flex;\n    &:not(:last-child) {\n      margin-bottom: 20px;\n      @include t {\n        margin-bottom: 40px; } } }\n  &__ava {\n    height: 60px;\n    margin-right: 20px;\n    flex: 0 0 60px;\n    @include t {\n      height: 45px;\n      flex: 0 0 45px; }\n    @include m {\n      margin-right: 10px; } }\n  &__wrap {\n    padding: 20px 30px 30px;\n    background: white;\n    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.10);\n    border-radius: 0 10px 10px 10px;\n    @include m {\n      padding: 15px 20px 20px; } }\n  &__name {\n    @include fb;\n    font-size: 15px;\n    line-height: 1.33; } }\n\n.gallery {\n  display: flex;\n  margin: 0 -10px -20px;\n  @include m {\n    display: block;\n    margin: 0 -5px -10px; }\n  &__grid {\n    flex: 0 0 50%;\n    overflow: hidden;\n    &:first-child {\n      @include t {\n        flex: 0 0 60%; } }\n    &:last-child {\n      @include t {\n        flex: 0 0 40%; }\n      @include m {\n        display: none; } } }\n  &__grid:last-child &__item {\n    @include t {\n      width: calc(50% - 20px); } }\n  &__grid:last-child &__item_lg {\n    @include t {\n      width: calc(100% - 20px); } }\n  &__grid:last-child &__item:nth-child(3),\n  &__grid:last-child &__item:nth-child(5),\n  &__grid:last-child &__item:nth-child(6) {\n    @include t {\n      display: none; } }\n  &__item {\n    float: left;\n    width: calc(33.33% - 20px);\n    margin: 0 10px 20px;\n    @include m {\n      width: calc(33.33% - 10px);\n      margin: 0 5px 10px; }\n    &_lg {\n      width: calc(66.66% - 20px);\n      @include m {\n        width: calc(66.66% - 10px); } }\n    &:nth-child(4) {\n      clear: both; } }\n  &__pic {\n    display: block;\n    width: 100%; } }\n\n.app {\n  position: relative;\n  margin-top: 72px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n  @include t {\n    margin-top: 42px; }\n  @include m {\n    margin-top: 35px; }\n  &__center {\n    display: flex;\n    align-items: flex-end; }\n  &__col {\n    &:first-child {\n      position: relative;\n      padding: 50px 0 60px;\n      flex: 0 0 49%;\n      text-align: center;\n      z-index: 2;\n      @include t {\n        padding: 30px 0 35px;\n        flex: 0 0 47%; }\n      @include m {\n        padding: 20px 0;\n        text-align: left; } }\n    &:last-child {\n      flex: 0 0 51%;\n      @include t {\n        flex: 0 0 53%; } } }\n  &__theme {\n    margin-bottom: 20px;\n    @include fb;\n    font-size: 10px;\n    color: $blue;\n    @include t {\n      margin-bottom: 5px; }\n    @include m {\n      margin-bottom: 15px; } }\n  &__title {\n    margin-bottom: 25px;\n    font-size: 32px;\n    line-height: (40/32);\n    @include t {\n      margin-bottom: 30px;\n      @include fb;\n      font-size: 24px;\n      line-height: 1.33; }\n    @include m {\n      margin-bottom: 15px;\n      font-size: 16px; } }\n  &__content {\n    margin-bottom: 30px;\n    @include t {\n      display: none; } }\n  &__links {\n    display: flex;\n    justify-content: center; }\n  &__link {\n    margin: 0 10px;\n    flex: 0 0 135px;\n    @include t {\n      margin: 0 5px;\n      flex: 0 0 80px; }\n    @include m {\n      margin: 0 5px 0 0; } }\n  &__preview {\n    display: flex;\n    height: 100px;\n    align-items: flex-end;\n    justify-content: flex-end;\n    @include m {\n      margin: 0 -15px; } }\n  &__pic {\n    display: block;\n    max-width: 100%;\n    max-height: 277px;\n    @include m {\n      max-height: 185px; } } }\n\n.game {\n  position: relative;\n  padding: 70px 0 80px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n  overflow: hidden;\n  @include t {\n    padding: 30px 0 35px; }\n  @include m {\n    padding: 20px 0; }\n  &__wrap {\n    max-width: 375px;\n    @include t {\n      max-width: 220px; }\n    @include m {\n      max-width: 180px; } }\n  &__theme {\n    margin-bottom: 20px;\n    @include fb;\n    font-size: 10px;\n    color: $blue;\n    @include m {\n      margin-bottom: 15px; } }\n  &__title {\n    margin-bottom: 65px;\n    font-size: 32px;\n    line-height: (40/32);\n    @include t {\n      margin-bottom: 30px;\n      @include fs;\n      font-size: 18px;\n      line-height: 1.33; }\n    @include m {\n      margin-bottom: 15px;\n      font-size: 14px; } }\n  &__btn {\n    background: transparent;\n    padding: 11px 24px 10px;\n    border: 2px solid $cl;\n    color: $cl;\n    &:hover {\n      background: $cl;\n      border-color: $cl;\n      color: white; }\n    &:active {\n      color: rgba(white,.1); } }\n  &__preview {\n    position: absolute;\n    top: 0;\n    left: calc(50% - 145px);\n    bottom: 0;\n    @include t {\n      left: calc(50% - 110px); }\n    @include m {\n      left: 50%; } }\n  &__pic {\n    display: block;\n    width: auto;\n    height: 100%; } }\n\n.teachers {\n  margin-bottom: 50px;\n  @include t {\n    margin-bottom: 0; }\n  &__item {\n    display: flex;\n    margin-bottom: 40px; }\n  &__ava {\n    height: 140px;\n    margin-right: 25px;\n    flex: 0 0 140px;\n    @include t {\n      height: 100px;\n      margin-right: 20px;\n      flex: 0 0 100px; }\n    @include m {\n      height: 95px;\n      margin-right: 25px;\n      flex: 0 0 95px; } }\n  &__title {\n    margin-bottom: 5px;\n    @include fb;\n    font-size: 20px;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    @include t {\n      font-size: 12px;\n      letter-spacing: 2px; } }\n  &__name {\n    margin-bottom: 20px;\n    @include fb; }\n  &__content {\n    font-size: 16px;\n    line-height: (22/16); } }\n\n.toggle {\n  font-size: 14px;\n  &__head {\n    color: $pink;\n    .icon {\n      position: relative;\n      top: -1px;\n      margin-left: 10px;\n      font-size: 6px;\n      transition: transform .2s; }\n    &.active {\n      .icon {\n        transform: rotate(-180deg); } } }\n  &__body {\n    display: none;\n    padding-top: 10px;\n    color: #888; } }\n\n.schedule {\n  margin-bottom: 70px;\n  @include t {\n    margin-bottom: 0; }\n  &__item {\n    display: flex;\n    margin-bottom: 40px;\n    @include m {\n      display: block;\n      margin-bottom: 30px; } }\n  &__day {\n    padding-top: 2px;\n    @include fb;\n    font-size: 12px;\n    color: $pink;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    flex: 0 0 140px;\n    @include m {\n      margin-bottom: 10px;\n      padding: 0; } }\n  &__title,\n  &__content {\n    font-size: 16px; }\n  &__title {\n    @include fb; }\n  &__toggle {\n    margin-top: 10px; } }\n\n.theme {\n  @include fb;\n  font-size: 12px;\n  letter-spacing: 2px;\n  color: $pink;\n  &_green {\n    color: $green; }\n  &_violet {\n    color: $viol; }\n  &_lg {\n    font-size: 20px;\n    letter-spacing: 4px; } }\n\n.courses {\n  &__list {\n    display: flex;\n    margin: 0 -10px;\n    flex-wrap: wrap;\n    @include m {\n      display: block;\n      margin: 0; } }\n  &__item {\n    display: block;\n    margin: 0 10px 60px;\n    color: $cl;\n    flex: 0 0 calc(33.33% - 20px);\n    @include t {\n      margin-bottom: 40px; }\n    @include m {\n      margin: 0 0 30px; } }\n  &__preview {\n    display: block;\n    position: relative;\n    margin-bottom: 15px;\n    color: $cl;\n    @include t {\n      margin-bottom: 10px; } }\n  &__preview:hover &__view {\n    opacity: .9; }\n  &__label {\n    position: absolute;\n    top: 0;\n    right: 20px;\n    width: 30px;\n    height: 45px;\n    background-repeat: no-repeat;\n    background-size: contain;\n    z-index: 6;\n    @include t {\n      width: 20px;\n      height: 30px;\n      right: 10px; }\n    &_fav {\n      background-image: url(../img/fav.svg); }\n    &_clock {\n      background-image: url(../img/clock.svg); } }\n  &__pic {\n    display: block;\n    width: 100%;\n    border-radius: 2px; }\n  &__view {\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n    border-radius: 2px;\n    opacity: 0;\n    font-size: 18px;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s;\n    z-index: 4; }\n  &__soon {\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    padding: 10px;\n    background: rgba(black,.4);\n    color: white;\n    flex-direction: column;\n    justify-content: center;\n    text-align: center; }\n  &__left {\n    margin-bottom: 5px;\n    font-size: 15px;\n    @include t {\n      font-size: 12px; } }\n  &__time {\n    @include fb;\n    font-size: 20px;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    @include t {\n      font-size: 12px;\n      letter-spacing: 1px; } }\n  &__details {\n    display: flex;\n    margin-bottom: 10px; }\n  &__price {\n    margin-left: auto;\n    @include fb;\n    font-size: 12px;\n    letter-spacing: 2px;\n    color: $cl; }\n  &__title {\n    display: block;\n    margin-bottom: 10px;\n    @include fs;\n    font-size: 18px;\n    color: $cl;\n    @include t {\n      line-height: 1.33; } }\n  &__user {\n    margin-top: 20px; }\n  &_two &__item {\n    flex: 0 0 calc(50% - 20px);\n    @include t {\n      flex: 0 0 calc(33.33% - 20px); } }\n  &_scroll {\n    @include m {\n      margin: 0 -15px;\n      overflow: auto; } }\n  &_scroll &__list {\n    @include m {\n      display: flex;\n      flex-wrap: nowrap; } }\n  &_scroll &__item {\n    @include m {\n      margin-left: 15px;\n      flex: 0 0 220px;\n      &:last-child {\n        padding-right: 15px;\n        flex: 0 0 235px; } } } }\n\n.load {\n  margin-top: 30px;\n  @include m {\n    margin-top: 40px; }\n  &__btn {\n    width: 100%;\n    padding: 22px 24px 21px;\n    background: none;\n    border: 1px solid $border;\n    @include m {\n      padding: 17px 20px 16px; } } }\n\n.more {\n  text-align: center;\n  @include t {\n    margin-top: 30px; }\n  &__btn {\n    position: relative;\n    min-width: 300px;\n    padding: 19px 24px 18px;\n    border-radius: 28px;\n    letter-spacing: 2px;\n    z-index: 4;\n    &:hover {\n      &:before {\n        opacity: 0; } }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 5px;\n      left: 5px;\n      right: 5px;\n      bottom: 5px;\n      background: white;\n      border-radius: 24px;\n      transition: opacity .2s;\n      z-index: -2; } } }\n\n.partners {\n  display: flex;\n  margin: 0 -10px -20px;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  @include m {\n    margin: 0 -5px -10px; }\n  &__item {\n    margin: 0 10px 20px;\n    flex: 0 0 calc(16.66% - 20px);\n    @include m {\n      margin: 0 5px 10px;\n      flex: 0 0 calc(33.33% - 10px); } }\n  &__pic {\n    display: block;\n    width: 100%; } }\n\n.switch {\n  display: block;\n  position: relative;\n  font-size: 13px;\n  user-select: none;\n  cursor: pointer;\n  &__input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0; }\n  &__input:checked + &__content {\n    &:after {\n      opacity: 1; } }\n  &__content {\n    display: block;\n    padding: 3px 0 3px 30px;\n    font-size: 14px;\n    &:before,\n    &:after {\n      content: '';\n      position: absolute; }\n    &:before {\n      top: 0;\n      left: 0;\n      width: 20px;\n      height: 20px;\n      border: 1px solid $border; }\n    &:after {\n      top: 5px;\n      left: 5px;\n      width: 10px;\n      height: 10px;\n      background-image: linear-gradient(-225deg, #B4EC51 0%, #61E9E7 100%);\n      opacity: 0;\n      transition: opacity .2s; } }\n  &__cell {\n    padding-right: 10px;\n    &:first-child {\n      padding-top: 3px;\n      @include fb;\n      font-size: 11px;\n      text-transform: uppercase;\n      flex: 0 0 110px; }\n    &:nth-child(2) {\n      @include t {\n        padding: 0;\n        text-align: right;\n        flex: 0 0 calc(100% - 110px); } }\n    &:nth-child(2),\n    &:last-child {\n      flex: 0 0 60px; }\n    &:nth-child(3) {\n      flex: 0 0 calc(100% - 230px);\n      @include t {\n        padding: 0;\n        flex: 0 0 calc(100% - 60px); } }\n    &:last-child {\n      padding: 0;\n      text-align: right; } }\n  &_blue &__content {\n    &:after {\n      background: #4A90E2; } }\n  &_lesson &__content {\n    display: flex;\n    padding: 19px 0 19px 50px;\n    border-bottom: 1px solid $border;\n    font-size: 16px;\n    color: $gray;\n    transition: color .2s;\n    @include t {\n      padding: 10px 0 10px 40px;\n      flex-wrap: wrap;\n      line-height: 1.33; }\n    &:before,\n    &:after {\n      transform: translateY(18px);\n      @include t {\n        transform: translateY(9px); } } }\n  &_lesson:first-child &__content {\n    border-top: 1px solid $border; }\n  &_lesson &__input:checked + &__content {\n    color: $cl; }\n  &_circle &__content {\n    &:before,\n    &:after {\n      border-radius: 50%; } }\n  &_lg &__content {\n    padding: 0 0 0 30px;\n    font-size: 16px;\n    &:before,\n    &:after {} } }\n\n\n.footer {\n  padding: 50px 0 30px;\n  background: $bg;\n  @include t {\n    padding: 30px 0 35px; }\n  &__row {\n    display: flex;\n    margin: 0 -10px;\n    flex-wrap: wrap; }\n  &__row_first &__col {\n    &:nth-child(2) {\n      @include t {\n        order: 1; } }\n    &:nth-child(3) {\n      @include t {\n        order: 2; } }\n    &:nth-child(4) {\n      @include t {\n        order: 3; }\n      @include m {\n        margin-top: 30px;\n        flex: 0 0 100%; } }\n    &:nth-child(1) {\n      @include t {\n        flex: 0 0 59%;\n        order: 4; }\n      @include m {\n        flex: 0 0 100%;\n        order: 5; } }\n    &:nth-child(5) {\n      @include t {\n        flex: 0 0 41%;\n        order: 5; }\n      @include m {\n        flex: 0 0 100%;\n        order: 4; } }\n    &:nth-child(1),\n    &:nth-child(5) {\n      @include t {\n        margin-top: 40px; } } }\n  &__row_second {\n    margin-top: 50px;\n    @include t {\n      display: block;\n      width: 60%;\n      margin-top: -50px; }\n    @include m {\n      width: 100%;\n      margin-top: 30px; } }\n  &__col {\n    padding: 0 10px;\n    flex: 0 0 16.66%;\n    @include t {\n      flex: 0 0 33.33%; }\n    @include m {\n      flex: 0 0 50%; }\n    &_md {\n      flex: 0 0 25%; }\n    &_lg {\n      flex: 0 0 75%; } }\n  &__logo {\n    width: 188px;\n    height: 58px;\n    margin: 2px 0 25px;\n    font-size: 18px;\n    line-height: (22/18);\n    @include t {\n      width: 188px;\n      height: 58px;\n      margin-top: 0; } }\n  &__content {\n    max-width: 200px;\n    font-size: 18px;\n    @include t {\n      max-width: 250px;\n      font-size: 14px;\n      line-height: 1.33; } }\n  &__title {\n    padding: 20px 0 50px;\n    @include fb;\n    font-size: 12px;\n    letter-spacing: 0.92px;\n    text-transform: uppercase;\n    @include t {\n      padding: 0 0 20px;\n      letter-spacing: 2px; } }\n  &__link,\n  &__contact {\n    display: table;\n    font-size: 14px;\n    color: $cl;\n    line-height: (20/14);\n    @include t {\n      padding: 5px 0; } }\n  &__contact {\n    margin-bottom: 20px;\n    @include m {\n      margin: 0; }\n    a {\n      color: $cl; } }\n  &__group,\n  &__links {\n    display: flex;\n    color: #888; }\n  &__copyright {\n    margin-right: 20px;\n    @include t {\n      margin: 20px 0 0; } }\n  &__links {\n    @include t {\n      display: none; } }\n  &__links &__link {\n    color: #888; }\n  &__divider {\n    margin: 0 10px; } }\n\n.subscribe {\n  &__field {\n    margin-bottom: 10px; }\n  &__input {\n    width: 100%;\n    height: 40px;\n    padding: 0 10px;\n    font-size: 16px;\n    text-align: center; }\n  &__btn {\n    width: 100%; }\n  &__content {\n    margin-top: 15px;\n    font-size: 12px;\n    line-height: 1.25; } }\n\n.socials {\n  display: flex;\n  align-items: center;\n  &__item {\n    font-size: 0;\n    &:not(:last-child) {\n      margin-right: 20px; }\n    .icon {\n      &-instagram {\n        font-size: 18px; }\n      &-twitter {\n        font-size: 17px; }\n      &-fb {\n        font-size: 19px; }\n      &-youtube {\n        font-size: 15px; } } } }\n\n.select {\n  position: relative;\n  user-select: none;\n  z-index: 4;\n  &__head {\n    position: relative;\n    height: 36px;\n    border-bottom: 1px solid $border;\n    transition: border-color .2s;\n    font-size: 18px;\n    line-height: 36px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    color: $gray;\n    cursor: pointer;\n    transition: border-color .2s;\n    overflow: hidden;\n    &:after {\n      content: '';\n      position: absolute;\n      top: 14px;\n      right: 0;\n      @include arr(8,8,$cl,b); } }\n  &__drop {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: calc(100% + 10px);\n    padding: 10px 0;\n    background: white;\n    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.10);\n    border-radius: 2px;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity .2s, visibility .2s;\n    overflow: hidden; }\n  &__option {\n    display: block;\n    position: relative;\n    padding: 8px 20px 7px;\n    @include fb;\n    font-size: 10px;\n    color: #8C8C8C;\n    text-transform: uppercase;\n    transition: color .2s;\n    text-transform: uppercase;\n    cursor: pointer;\n    @include m {\n      padding: 11px 20px;\n      font-size: 12px;\n      color: $cl; }\n    &:hover {\n      color: $cl; } }\n  &__option.active {\n    color: $cl; }\n  &__option.active &__title {\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: -10px;\n      right: -10px;\n      height: 2px;\n      margin-top: -2px;\n      background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); } }\n  &__title {\n    display: table;\n    position: relative; }\n  &.active {\n    z-index: 99; }\n  &.active &__head {\n    border-color: $cl;\n    &:after {\n      transform: rotate(180deg); } }\n  &.active &__drop {\n    opacity: 1;\n    visibility: visible; }\n  &.selected &__head {\n    color: $cl; } }\n\n.field {\n  margin-bottom: 20px;\n  &__label {\n    display: flex;\n    @include fb;\n    font-size: 10px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    &_gray {\n      color: $gray; } }\n  &__link {\n    margin-left: auto; }\n  &__wrap {\n    position: relative; }\n  &__input,\n  &__textarea {\n    width: 100%;\n    border-bottom: 1px solid $border;\n    background: transparent;\n    font-size: 18px;\n    transition: border-color .2s;\n    &:focus {\n      border-color: $cl; }\n    &_bg {\n      background: $bg;\n      border: 1px solid $bg; }\n    &_sm {\n      font-size: 16px; } }\n  &__input {\n    height: 36px;\n    &[type='password'] {\n      font-size: 30px;\n      &::placeholder {\n        font-size: 18px; } }\n    &_bg {\n      height: 50px;\n      padding: 0 20px; } }\n  &__textarea {\n    display: block;\n    height: 36px;\n    padding: 7px 0;\n    resize: vertical;\n    &_lg {\n      height: 80px;\n      font-size: 25px; } }\n  &__preview {\n    position: absolute;\n    top: 8px;\n    right: 0; }\n  &__pic {\n    display: block;\n    width: auto;\n    height: 20px; }\n  &__error {\n    margin-top: 5px;\n    font-size: 12px;\n    color: $pink; }\n  &__switch {\n    margin-top: 10px;\n    &:first-child {\n      margin-top: 5px; } }\n  &_code &__input {\n    height: 40px;\n    font-size: 15px; }\n  &_info &__label {\n    color: $gray; }\n  &_info &__input,\n  &_info &__textarea {\n    border-color: rgba($border,.2);\n    color: white;\n    &:focus {\n      border-color: white; } }\n  &.error &__input,\n  &.error &__textarea {\n    border-color: $pink; }\n  &.success &__input,\n  &.success &__textarea {\n    border-color: $green-light; } }\n\n.auth {\n  padding: 0 20px 25px;\n  &__nav {\n    display: flex;\n    margin-bottom: 30px; }\n  &__type {\n    border-bottom: 1px solid $border;\n    @include fb;\n    font-size: 12px;\n    letter-spacing: 2px;\n    line-height: 60px;\n    color: $gray;\n    text-transform: uppercase;\n    text-align: center;\n    flex: 1 0 50%;\n    transition: border-color .2s, color .2s;\n    &.active {\n      border-color: $cl;\n      color: $cl; } }\n  &__tab {\n    display: none; }\n  &__fieldset {\n    display: flex; }\n  &__fieldset {\n    display: flex;\n    margin: 0 -7px; }\n  &__fieldset &__field {\n    margin: 0 7px 20px;\n    flex: 0 0 calc(50% - 14px); }\n  &__link {\n    display: block;\n    margin: -5px 0 0;\n    font-size: 12px;\n    color: $cl;\n    text-decoration: underline;\n    line-height: 1.5; }\n  &__foot {\n    margin-top: 30px; }\n  &__btn {\n    width: 100%;\n    padding: 18px 24px 17px; }\n  &__or {\n    padding: 10px 0;\n    font-size: 14px;\n    text-align: center; }\n  &__pass {\n    display: none; } }\n\n.popup {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  min-width: 360px;\n  padding: 15px;\n  background: rgba($cl,.7);\n  opacity: 0;\n  transition: opacity .2s;\n  overflow: auto;\n  z-index: 999;\n  &__wrap {\n    position: relative;\n    width: 100%;\n    max-width: 340px;\n    margin: auto;\n    background: white;\n    box-shadow: 0 2px 20px rgba(0,0,0,0.10);\n    border-radius: 3px;\n    transform: scale(.9);\n    transition: transform .2s;\n    &_md {\n      max-width: 620px; }\n    &_lg {\n      max-width: 1000px; } }\n  &__close {\n    position: absolute;\n    top: -15px;\n    right: -15px;\n    padding: 10px;\n    background: $cl;\n    border-radius: 50%;\n    box-shadow: 0 2px 20px rgba(0,0,0,0.10);\n    font-size: 0;\n    .icon {\n      font-size: 14px;\n      fill: white; } }\n  &.open {\n    display: flex; }\n  &.visible {\n    opacity: 1; }\n  &.visible &__wrap {\n    transform: scale(1); } }\n\n.head {\n  display: flex;\n  margin-bottom: 50px;\n  @include t {\n    margin-bottom: 40px;\n    flex-wrap: wrap; }\n  &__right {\n    flex: 0 0 220px;\n    @include t {\n      margin-left: auto; }\n    @include m {\n      margin: 0; }\n    &.hidden {\n      visibility: hidden; } }\n  &__title {\n    position: relative;\n    margin: 0;\n    padding: 0 20px 0 260px;\n    flex: 0 0 calc(100% - 220px);\n    z-index: 4;\n    @include t {\n      margin: 0 0 15px;\n      padding: 0;\n      flex: 0 0 100%; } }\n  &__curve {\n    position: absolute;\n    top: 50%;\n    left: calc(50% - 60px);\n    transform: translateY(-50%);\n    z-index: -2; } }\n\n.layout {\n  display: flex;\n  margin: 0 -10px;\n  @include t {\n    display: block; }\n  &__container,\n  &__sidebar {\n    padding: 0 10px; }\n  &__container {\n    flex: 0 0 66.66%;\n    @include t {\n      margin-bottom: 40px; } }\n  &__sidebar {\n    flex: 0 0 33.33%; } }\n\n.similar {\n  @include t {\n    display: flex;\n    margin: 0 -10px -30px;\n    flex-wrap: wrap; }\n  &__item {\n    display: flex;\n    margin-bottom: 30px;\n    color: $cl;\n    @include t {\n      margin: 0 10px 30px;\n      flex: 0 0 calc(50% - 20px); }\n    @include m {\n      flex: 0 0 calc(100% - 20px); } }\n  &__preview {\n    margin-right: 15px;\n    flex: 0 0 80px; }\n  &__pic {\n    display: block;\n    width: 100%;\n    border-radius: 2px; }\n  &__wrap {\n    flex: 0 0 calc(100% - 95px); }\n  &__title {\n    margin-bottom: 5px; }\n  &__ava {\n    font-size: 10px;\n    color: $gray;\n    text-transform: uppercase; } }\n\n.go {\n  display: flex;\n  margin-bottom: 50px;\n  justify-content: space-between;\n  align-items: center;\n  @include t {\n    margin-bottom: 30px; }\n  &__item {\n    display: flex;\n    max-width: calc(50% - 20px);\n    align-items: center;\n    color: $cl; }\n  &__arrow {\n    margin-right: 15px;\n    font-size: 0;\n    @include t {\n      margin-right: 10px; }\n    .icon {\n      font-size: 17px;\n      fill: $cl;\n      @include t {\n        font-size: 12px; } } }\n  &__title {\n    font-size: 18px;\n    line-height: 1.33;\n    @include t {\n      font-size: 14px; } }\n  &__title + &__arrow {\n    margin: 0 0 0 15px;\n    @include t {\n      margin-left: 10px; } }\n  &__btn {\n    width: 220px;\n    @include m {\n      width: auto; } } }\n\n.meta {\n  &,\n  &__item {\n    display: flex;\n    align-items: center; }\n  &__item {\n    &:not(:last-child) {\n      margin-right: 40px;\n      @include t {\n        margin-right: 30px; } } }\n  &__icon {\n    margin-right: 10px;\n    font-size: 0;\n    .icon {\n      font-size: 16px;\n      fill: $gray;\n      &-video {\n        font-size: 14px; }\n      &-showcase {\n        font-size: 18px; }\n      &-date {\n        font-size: 20px; } } }\n  &_white &__icon {\n    .icon {\n      fill: white; } } }\n\n.course {\n  margin-bottom: 60px;\n  &__head {\n    display: flex;\n    min-height: 40px;\n    margin-bottom: 30px;\n    align-items: center;\n    justify-content: space-between;\n    @include t {\n      margin-bottom: 10px; } }\n  &__title {\n    margin-bottom: 20px;\n    @include t {\n      margin-bottom: 10px; } }\n  &__content {\n    margin-bottom: 40px;\n    @include t {\n      margin-bottom: 25px; } }\n  &__about {\n    position: relative;\n    margin-bottom: 40px;\n    @include t {\n      margin-bottom: 25px; }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(black,.3); } }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__btn {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    min-width: 200px;\n    background: transparent;\n    border: 2px solid white;\n    color: white;\n    transform: translate(-50%,-50%);\n    overflow: hidden;\n    &:active {\n      color: rgba(white,.4); } }\n  &__user {\n    margin-bottom: 40px;\n    @include t {\n      margin-bottom: 30px; } }\n  &__info {\n    display: flex;\n    align-items: center;\n    @include m {\n      display: block; } }\n  &__buy {\n    width: 220px;\n    margin-left: auto;\n    @include m {\n      width: auto;\n      margin: 20px 0 0; } }\n  &__metas {\n    display: flex;\n    margin-bottom: 45px;\n    justify-content: space-between;\n    @include m {\n      display: block;\n      margin-bottom: 25px; } }\n  &__metas &__meta {\n    @include m {\n      margin-bottom: 20px; } }\n  &__actions {\n    display: flex;\n    margin: 0 -10px 50px; }\n  &__action {\n    position: relative;\n    margin: 0 10px;\n    flex: 0 0 calc(50% - 20px);\n    .icon {\n      position: absolute;\n      top: 50%;\n      right: 45px;\n      margin: 0;\n      font-size: 19px;\n      transform: translateY(calc(-50% - 1px));\n      @include m {\n        right: 20px; } } }\n  &__video {\n    margin-bottom: 30px; }\n  &__share {\n    margin-bottom: 60px; }\n  &_promo {\n    position: relative;\n    margin: 0;\n    padding: 100px 0 110px;\n    background-size: cover;\n    background-position: 50% 50%;\n    background-repeat: no-repeat;\n    color: white;\n    z-index: 4;\n    @include t {\n      padding: 60px 0; }\n    @include m {\n      padding: 40px 0 45px; }\n    &:before,\n    &:after {\n      content: '';\n      position: absolute; }\n    &:before {\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: linear-gradient(0deg, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.64) 100%);\n      z-index: -2; }\n    &:after {\n      left: 50%;\n      bottom: -1px;\n      margin-left: -16px;\n      @include arr(32,16,$bg,t); } }\n  &_promo &__likes {\n    color: white;\n    .icon {\n      fill: white; } } }\n\n.lessons {\n  &__list {\n    margin-bottom: 60px;\n    @include m {\n      margin-bottom: 40px; } }\n  &__item {\n    position: relative;\n    margin-bottom: 40px;\n    transition: box-shadow .2s;\n    @include m {\n      margin-bottom: 30px; } }\n  &__item:hover &__actions {\n    opacity: 1;\n    visibility: visible; }\n  &__subtitle {\n    margin-bottom: 20px; }\n  &__row {\n    display: flex;\n    @include m {\n      display: block; } }\n  &__preview {\n    margin-right: 25px;\n    flex: 0 0 140px;\n    @include m {\n      display: none; } }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__content {\n    flex: 0 0 calc(100% - 165px); }\n  &__actions {\n    display: flex;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity .2s, visibility .2s; }\n  &__action {\n    margin-left: 10px;\n    padding: 10px;\n    font-size: 0;\n    &:hover {\n      .icon {\n        fill: $cl; } }\n    .icon {\n      font-size: 20px;\n      fill: #C8C8C8;\n      transition: fill .2s; } }\n  &__foot {\n    text-align: center; }\n  &__btn {\n    width: 220px; }\n  &_kit &__item {\n    margin-bottom: 20px;\n    padding: 20px;\n    &:hover {\n      box-shadow: 0 10px 50px 0 rgba(0,0,0,0.06);\n      border-radius: 10px; } }\n  &_kit &__content {\n    flex: 0 0 100%; } }\n\n.lesson {\n  &__subtitle {\n    margin-bottom: 10px; }\n  &__content {\n    margin-bottom: 30px; } }\n\n.materials {\n  &__item {\n    display: flex;\n    &:not(:last-child) {\n      margin-bottom: 40px; } }\n  &__preview {\n    margin-right: 25px;\n    flex: 0 0 140px;\n    @include m {\n      margin-right: 20px;\n      flex: 0 0 100px; } }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__wrap {\n    flex: 0 0 calc(100% - 180px);\n    @include m {\n      flex: 0 0 calc(100% - 120px); } }\n  &__title {\n    margin-bottom: 10px;\n    @include fb;\n    font-size: 12px;\n    letter-spacing: 2px;\n    text-transform: uppercase; } }\n\n.examples {\n  display: flex;\n  margin: 0 -10px -20px;\n  flex-wrap: wrap;\n  @include m {\n    margin: 0 -5px -10px; }\n  &__item {\n    margin: 0 10px 20px;\n    flex: 0 0 calc(25% - 20px);\n    @include m {\n      margin: 0 5px 10px;\n      flex: 0 0 calc(33.33% - 10px); } }\n  &__pic {\n    display: block;\n    width: 100%; } }\n\n.questions {\n  &__form,\n  &__item {\n    display: flex; }\n  &__form {\n    margin-bottom: 40px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid $border; }\n  &__item {\n    &:not(:last-child) {\n      margin-bottom: 25px; }\n    &_reply {\n      padding-left: 80px;\n      @include m {\n        padding: 0; } } }\n  &__item_reply &__details {\n    margin-bottom: 10px;\n    padding: 20px;\n    background: white;\n    border-radius: 0 10px 10px 10px;\n    @include m {\n      padding: 10px; } }\n  &__ava {\n    height: 60px;\n    margin-right: 20px;\n    flex: 0 0 60px;\n    @include m {\n      height: 40px;\n      margin-right: 10px;\n      flex: 0 0 40px; } }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__wrap {\n    flex: 0 0 calc(100% - 80px);\n    @include m {\n      flex: 0 0 calc(100% - 50px); } }\n  &__field {\n    margin-bottom: 20px; }\n  &__textarea {\n    display: block;\n    width: 100%;\n    height: 44px;\n    padding: 11px 15px;\n    border-radius: 2px;\n    font-size: 16px;\n    resize: vertical;\n    @include m {\n      height: 64px; } }\n  &__btn {\n    display: block;\n    margin: 0 auto;\n    border-radius: 20px; }\n  &__details {\n    margin-bottom: 5px; }\n  &__head,\n  &__action {\n    @include fb;\n    font-size: 12px;\n    letter-spacing: 2px;\n    text-transform: uppercase; }\n  &__head {\n    margin-bottom: 15px;\n    @include m {\n      margin-bottom: 5px; } }\n  &__action,\n  &__date {\n    color: $gray; }\n  &__author {\n    margin-right: 15px; }\n  &__date {\n    display: inline-block; }\n  &__foot {\n    text-align: right; }\n  &__action {\n    margin-left: auto; } }\n\n.share {\n  &__title {\n    margin-bottom: 45px;\n    @include fb;\n    font-size: 20px;\n    text-align: center;\n    @include m {\n      margin-bottom: 30px; } }\n  &__list {\n    display: flex;\n    justify-content: center; }\n  &__item {\n    font-size: 0;\n    &:not(:last-child) {\n      margin-right: 20px; }\n    .icon {\n      font-size: 40px; } }\n  &_sm &__title {\n    margin-bottom: 15px; }\n  &_sm &__item {\n    &:not(:last-child) {\n      margin-right: 10px; }\n    .icon {\n      font-size: 30px; } }\n  &_right &__list {\n    justify-content: flex-start;\n    @include m {\n      justify-content: center; } } }\n\n.buy {\n  padding: 15px 30px 30px;\n  @include t {\n    padding: 10px 15px 25px; }\n  &__row {\n    display: flex;\n    margin: 0 -10px;\n    flex-wrap: wrap;\n    @include m {\n      flex-direction: column; } }\n  &__col {\n    margin-bottom: 20px;\n    padding: 0 10px;\n    flex: 0 0 320px;\n    @include t {\n      flex: 0 0 260px; }\n    @include m {\n      flex: 0 0 100%; }\n    &:nth-child(2n-1) {\n      flex: 0 0 calc(100% - 320px);\n      @include t {\n        flex: 0 0 calc(100% - 260px); }\n      @include m {\n        flex: 0 0 100%; } } }\n  &__head_main {\n    padding-top: 25px;\n    @include t {\n      padding-top: 21px; } }\n  &__label {\n    font-size: 16px;\n    @include t {\n      font-size: 14px; } }\n  &__title {\n    font-size: 30px;\n    @include t {\n      font-size: 24px; } }\n  &__content {\n    font-size: 12px;\n    color: $gray; }\n  &__foot {\n    margin-top: 20px;\n    text-align: center; }\n  &__btn {\n    width: 275px;\n    @include m {\n      width: 100%; } } }\n\n.order {\n  padding: 2px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n  border-radius: 8px;\n  &__wrap {\n    padding: 20px 30px 30px;\n    background: white;\n    border-radius: 6px;\n    @include t {\n      padding: 15px 20px 20px; } }\n  &__title {\n    margin-bottom: 20px;\n    font-size: 20px; }\n  &__preview {\n    margin: 0 -30px 20px;\n    @include t {\n      margin: 0 -20px 20px; } }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__label {\n    margin-bottom: 10px;\n    @include fb;\n    font-size: 11px;\n    text-transform: uppercase; }\n  &__foot {\n    display: flex;\n    margin: 30px -30px -10px;\n    padding: 20px 30px 0;\n    border-top: 1px solid $border;\n    @include fb;\n    font-size: 16px;\n    @include t {\n      margin: 30px -20px 0;\n      padding: 20px 20px 0; } }\n  &__total {\n    margin-left: auto; } }\n\n.lock {\n  padding: 50px 60px 40px;\n  text-align: center;\n  @include m {\n    padding: 30px 020px; }\n  &__label {\n    margin-bottom: 70px;\n    @include fb;\n    font-size: 12px;\n    color: $gray;\n    letter-spacing: 2px;\n    @include m {\n      margin-bottom: 40px;\n      font-size: 10px; } }\n  &__title {\n    margin-bottom: 20px; }\n  &__content {\n    margin-bottom: 70px;\n    @include m {\n      margin-bottom: 40px; } }\n  &__btn {\n    width: 220px; } }\n\n.profile {\n  padding-bottom: 20px;\n  @include m {\n    padding: 0;\n    text-align: center; }\n  &__head {\n    display: flex;\n    margin-bottom: 30px;\n    align-items: flex-start;\n    @include m {\n      display: none; } }\n  &__title {\n    margin: 0 20px 0 0; }\n  &__btn {\n    margin-left: auto;\n    padding: 10px 15px;\n    background: transparent;\n    border: 1px solid $gray;\n    color: $gray; }\n  &__row {\n    display: flex;\n    margin-bottom: 25px;\n    align-items: center;\n    @include m {\n      display: block;\n      margin-bottom: 30px; } }\n  &__ava {\n    height: 120px;\n    margin-right: 25px;\n    flex: 0 0 120px;\n    @include m {\n      width: 140px;\n      height: 140px;\n      margin: 0 auto 20px; } }\n  &__wrap {\n    flex: 0 0 calc(100% - 145px); }\n  &__name {\n    margin-bottom: 25px;\n    font-size: 20px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    @include m {\n      margin-bottom: 10px;\n      @include fb;\n      font-size: 24px;\n      letter-spacing: 0;\n      text-transform: none; } }\n  &__foot {\n    display: none;\n    margin-top: 30px;\n    text-align: center;\n    @include m {\n      display: block; } } }\n\n.tabs {\n  &__nav {\n    display: flex;\n    height: 56px;\n    margin-bottom: 40px;\n    border-bottom: 1px solid $border;\n    @include m {\n      margin: 0 -15px 30px; } }\n  &__btn {\n    height: 56px;\n    border-bottom: 1px solid $border;\n    @include fb;\n    font-size: 12px;\n    color: $gray;\n    letter-spacing: 1px;\n    transition: border-color .2s, color .2s;\n    @include m {\n      flex: 0 0 50%; }\n    &:not(:last-child) {\n      margin-right: 40px;\n      @include m {\n        margin: 0; } }\n    &:hover {\n      color: $cl; }\n    &.active {\n      border-color: $cl;\n      color: $cl; } }\n  &__item {\n    display: none; } }\n\n.menu {\n  display: flex;\n  &__link {\n    font-size: 16px;\n    color: $gray;\n    transition: color .2s;\n    &:not(:last-child) {\n      margin-right: 30px; }\n    &.active {\n      @include fb;\n      color: $cl; } } }\n\n.confirm {\n  &__title {\n    margin-bottom: 20px;\n    font-size: 24px; }\n  &__form {\n    display: flex;\n    margin: 25px -10px 30px;\n    align-items: center;\n    @include m {\n      display: block; } }\n  &__field,\n  &__btn {\n    margin: 0 10px;\n    flex: 0 0 calc(50% - 20px); }\n  &__field {\n    @include m {\n      margin-bottom: 20px; } } }\n\n.form {\n  position: relative;\n  &__ava {\n    position: absolute;\n    left: -160px;\n    width: 140px;\n    height: 140px;\n    @include t {\n      position: relative;\n      left: 0;\n      margin-bottom: 40px; } }\n  &__group {\n    position: relative;\n    margin-bottom: 40px; }\n  &__title {\n    margin-bottom: 30px;\n    font-size: 25px;\n    @include m {\n      @include fb;\n      font-size: 24px;\n      line-height: 1.33; } }\n  &__content {\n    margin-bottom: 40px;\n    @include m {\n      margin-bottom: 30px; } }\n  &__fieldset {\n    display: flex;\n    margin: 0 -10px;\n    @include m {\n      display: block; } }\n  &__fieldset &__field {\n    padding: 0 10px;\n    flex: 0 0 50%; }\n  &__field {\n    margin-bottom: 25px;\n    @include m {\n      margin-bottom: 20px; } }\n  &__switch {\n    margin-bottom: 10px; }\n  &__btn {\n    width: 100%; } }\n\n.transactions {\n  &__row {\n    display: flex;\n    margin: 0 -10px 20px;\n    flex-wrap: wrap; }\n  &__cell {\n    padding: 0 10px;\n    font-size: 13px;\n    &:first-child {\n      @include fb;\n      font-size: 12px;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      flex: 0 0 60%;\n      @include m {\n        flex: 0 0 75%; } }\n    &:nth-child(2),\n    &:last-child {\n      flex: 0 0 20%;\n      text-align: right; }\n    &:nth-child(2) {\n      @include m {\n        flex: 0 0 25%; } }\n    &:last-child {\n      color: $green-light;\n      @include m {\n        flex: 0 0 100%; } } } }\n\n.empty {\n  max-width: 300px;\n  margin: 0 auto;\n  text-align: center; }\n\n.done {\n  padding: 60px 0;\n  text-align: center;\n  @include m {\n    padding: 0; }\n  &__foot {\n    margin-top: 60px;\n    @include m {\n      margin-top: 40px; } }\n  &__btn {\n    width: 100%;\n    max-width: 300px; } }\n\n.author {\n  &__row {\n    display: flex; }\n  &__ava {\n    height: 90px;\n    margin-right: 20px;\n    flex: 0 0 90px;\n    @include m {\n      height: 60px;\n      margin-right: 15px;\n      flex: 0 0 60px; } }\n  &__wrap {\n    flex: 0 0 calc(100% - 110px);\n    @include m {\n      flex: 0 0 calc(100% - 75px); } }\n  &__hi,\n  &__name {\n    display: table;\n    @include fb;\n    text-transform: uppercase; }\n  &__hi {\n    margin-bottom: 30px;\n    font-size: 12px;\n    letter-spacing: 2px;\n    @include m {\n      margin-bottom: 10px; } }\n  &__name {\n    font-size: 10px;\n    letter-spacing: 1.66px; }\n  &__content {\n    margin-bottom: 30px;\n    @include m {\n      margin-bottom: 10px; } } }\n\n.upload {\n  position: relative;\n  font-size: 18px;\n  color: $blue;\n  overflow: hidden;\n  &__file {\n    position: absolute;\n    top: 0;\n    right: 0;\n    opacity: 0;\n    cursor: pointer; } }\n\n.info {\n  display: flex;\n  background: $bg;\n  @include m {\n    display: block;\n    margin-top: 60px; }\n  &__section {\n    display: flex;\n    position: relative;\n    background-position: 50% 50%;\n    background-size: cover;\n    flex: 0 0 calc(50% + 169px);\n    justify-content: flex-end;\n    z-index: 4;\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: linear-gradient(0deg, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.64) 100%);\n      z-index: -2; } }\n  &__sidebar {\n    flex: 0 0 calc(50% - 169px); }\n  &__main {\n    display: flex;\n    max-width: 675px;\n    height: 550px;\n    padding: 30px 40px 50px;\n    flex-direction: column;\n    @include t {\n      width: 100%;\n      max-width: 100%;\n      padding: 30px 15px 50px; } }\n  &__head {\n    display: flex;\n    align-items: flex-start; }\n  &__user {\n    display: flex;\n    margin-bottom: 45px;\n    align-items: center; }\n  &__ava {\n    width: 40px;\n    height: 40px;\n    margin-right: 20px;\n    flex: 0 0 40px; }\n  &__label {\n    @include fb;\n    font-size: 10px;\n    color: $gray;\n    letter-spacing: 1px; }\n  &__value {\n    font-size: 18px;\n    color: white; }\n  &__upload {\n    margin-left: auto;\n    font-size: 16px;\n    color: rgba(white,.7); }\n  &__foot {\n    display: flex;\n    margin-top: auto;\n    @include m {\n      display: block; } }\n  &__foot &__field {\n    margin-right: 20px;\n    flex: 0 0 140px; }\n  &__wrap {\n    max-width: 349px;\n    height: 550px;\n    padding: 30px 40px 30px 30px;\n    @include t {\n      max-width: 100%;\n      height: auto;\n      padding: 30px 15px 30px; } }\n  &__wrap {\n    display: flex;\n    flex-direction: column; }\n  &__wrap &__field {\n    margin-bottom: 30px;\n    &:last-child {\n      margin: 0; } }\n  &__fieldset {\n    &:first-child {\n      margin-bottom: 50px; }\n    &:last-child {\n      margin-top: auto; } } }\n\n.add {\n  display: flex;\n  &__toggle {\n    font-size: 0; }\n  &__circle,\n  &__title {\n    display: inline-block;\n    vertical-align: middle; }\n  &__circle {\n    position: relative;\n    margin-right: 10px;\n    padding: 19px;\n    border: 1px solid $border;\n    border-radius: 50%;\n    .icon {\n      font-size: 20px;\n      fill: #B5B5B5; } }\n  &__title {\n    margin-left: 10px;\n    font-size: 20px;\n    color: #B5B5B5; }\n  &__list {\n    display: none; }\n  &__btn {\n    width: 60px;\n    height: 60px;\n    border: 1px solid #888;\n    border-radius: 50%;\n    font-size: 0;\n    &:not(:last-child) {\n      margin: 0 10px 10px 0; }\n    .icon {\n      font-size: 22px;\n      fill: $cl;\n      &-live {\n        font-size: 10px; }\n      &-image-text {\n        font-size: 15px; }\n      &-text {\n        font-size: 17px; }\n      &-images {\n        font-size: 32px; } } }\n  &.open &__circle {\n    .icon {\n      transform: rotate(45deg); } }\n  &.open &__title {\n    display: none; }\n  &.open &__list {\n    display: flex;\n    flex-wrap: wrap; } }\n\n.kit {\n  max-width: 620px;\n  &__section {\n    margin-bottom: 60px; }\n  &__nav {\n    display: flex;\n    margin: 0 -10px 60px; }\n  &__btn {\n    margin: 0 10px;\n    flex: 0 0 calc(50% - 20px); }\n  &__add {\n    margin-bottom: 40px; }\n  &__service {\n    display: flex;\n    align-items: center; }\n  &__service &__field {\n    margin: 0;\n    flex: 1 0 auto; }\n  &__upload {\n    margin-left: 20px; }\n  &__row {\n    display: flex; }\n  &__row &__photo {\n    height: 110px;\n    margin-right: 20px;\n    flex: 0 0 140px;\n    @include m {\n      flex: 0 0 110px; } }\n  &__photo {\n    display: flex;\n    position: relative;\n    border: 1px solid $border;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    .icon {\n      font-size: 20px;\n      fill: #B5B5B5; } }\n  &__file {\n    position: absolute;\n    top: 0;\n    right: 0;\n    font-size: 100px;\n    opacity: 0;\n    cursor: pointer; }\n  &__fieldset {\n    flex: 0 0 calc(100% - 160px);\n    @include m {\n      flex: 0 0 calc(100% - 130px); } }\n  &__gallery {\n    display: flex;\n    margin: 0 -10px;\n    flex-wrap: wrap; }\n  &__gallery &__photo,\n  &__preview {\n    margin: 0 10px 20px;\n    flex: 0 0 calc(25% - 20px); }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__theme {\n    margin-bottom: 30px;\n    padding-bottom: 5px;\n    font-size: 20px;\n    border-bottom: 1px solid $border; }\n  &__foot {\n    text-align: center; }\n  &__submit {\n    width: 220px; } }\n\n.editor {\n  position: relative; }\n\n.fontstyle {\n  position: absolute;\n  top: -40px;\n  left: 40px;\n  padding: 0 15px;\n  background: $cl;\n  border-radius: 35px;\n  font-size: 0;\n  white-space: nowrap;\n  &__regular,\n  &__bold,\n  &__italic {\n    width: 28px;\n    height: 35px;\n    font-size: 16px;\n    color: white; }\n  &__bold {\n    @include fb; }\n  &__italic {\n    font-style: italic; } }\n\n.ui-datepicker {\n  display: none;\n  width: 240px;\n  margin-top: 10px;\n  padding: 5px;\n  background: white;\n  box-shadow: 0 2px 20px 0 rgba(0,0,0,0.10);\n  z-index: 99!important;\n  &-header {\n    display: flex;\n    margin-bottom: 5px;\n    align-items: center; }\n  &-prev,\n  &-next {\n    padding: 10px;\n    font-size: 0;\n    cursor: pointer;\n    &:before {\n      content: '';\n      display: block;\n      width: 10px;\n      height: 10px;\n      border: solid $border;\n      border-width: 2px 2px 0 0; } }\n  &-prev {\n    order: 1;\n    &:before {\n      transform: rotate(-135deg); } }\n  &-title {\n    text-align: center;\n    order: 2;\n    flex: 1 0 auto; }\n  &-next {\n    order: 3;\n    &:before {\n      transform: rotate(45deg); } }\n  &-calendar {\n    th,\n    td {\n      @include fb;\n      font-size: 10px;\n      text-transform: uppercase;\n      text-align: center;\n      vertical-align: middle; }\n    th {\n      padding: 5px; }\n    a {\n      display: block;\n      padding: 7px;\n      color: #8C8C8C;\n      transition: color .2s;\n      &:hover {\n        color: $cl; }\n      &.ui-state-active {\n        background: $bg;\n        color: $pink; } } } }\n\n.form__common-error {\n  margin-top: 15px;\n  font-size: 14px;\n  background: $pink;\n  color: #fff;\n  padding: 10px;\n  display: none; }\n\n.mobile-hide {\n  @include m {\n    display: none; } }\n\n\n\n\n\n\n\n\n\n\n"]}
\ No newline at end of file
+{"version":3,"sources":["helpers/_reset.sass","generated/_sprite-svg.scss","helpers/_mixins.sass","_common.sass","app.css"],"names":[],"mappings":"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","file":"app.css","sourcesContent":["html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5,\nh6, p, blockquote, pre,a, abbr, acronym, address, big,\ncite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,\nstrike, strong, sub, sup, tt, var,b, u, i, center,dl, dt,\ndd, ol, ul, li,fieldset, form, label, legend,table, caption,\ntbody, tfoot, thead, tr, th, td,article, aside, canvas, details,\nembed, figure, figcaption, footer, header, hgroup, menu, nav,\noutput, ruby, section, summary,time, mark, audio, video {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    vertical-align: baseline; }\nhtml {\n    -ms-text-size-adjust: 100%;\n    -webkit-text-size-adjust: 100%; }\nimg,fieldset, a img {\n    border: none; }\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ntextarea {\n    -webkit-appearance: none; }\ninput[type=\"submit\"],\nbutton {\n    cursor: pointer;\n    &::-moz-focus-inner {\n        padding: 0;\n        border: 0; } }\ntextarea {\n    overflow: auto; }\ninput, button {\n    margin: 0;\n    padding: 0;\n    border: 0; }\ndiv, input, textarea, select,button,\nh1,h2,h3,h4,h5,h6,a,span,a:focus {\n    outline: none; }\nul,ol {\n    list-style-type: none; }\ntable {\n    border-spacing: 0;\n    border-collapse: collapse;\n    width: 100%; }\nhtml {\n    box-sizing: border-box; }\n*, *:before, *:after {\n    box-sizing: inherit; }\n",".icon-add-plus {\n  width: 1em;\n  height: 1em;\n  fill: #B5B5B5;\n}\n.icon-arrow-down {\n  width: 1.71em;\n  height: 1em;\n  fill: #333;\n}\n.icon-arrow-left {\n  width: 1.33em;\n  height: 1em;\n  fill: #333;\n}\n.icon-arrow-right {\n  width: 1.28em;\n  height: 1em;\n  fill: #333;\n}\n.icon-close {\n  width: 1em;\n  height: 1em;\n  fill: #191919;\n}\n.icon-date {\n  width: 0.95em;\n  height: 1em;\n  fill: #979797;\n}\n.icon-delete {\n  width: 1em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n.icon-edit {\n  width: 1em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n.icon-eye {\n  width: 1.69em;\n  height: 1em;\n  fill: #333;\n}\n.icon-facebook {\n  width: 0.5em;\n  height: 1em;\n  fill: #FFF;\n}\n.icon-fb {\n  width: 0.44em;\n  height: 1em;\n  fill: #1C2635;\n}\n.icon-image-text {\n  width: 2.07em;\n  height: 1em;\n  fill: #333;\n}\n.icon-image {\n  width: 1em;\n  height: 1em;\n  fill: #333;\n}\n.icon-images {\n  width: 1em;\n  height: 1em;\n  fill: #333;\n}\n.icon-instagram {\n  width: 1em;\n  height: 1em;\n  fill: #1C2635;\n}\n.icon-like-bold {\n  width: 1.07em;\n  height: 1em;\n  fill: #333;\n}\n.icon-like-fill-bold {\n  width: 1.07em;\n  height: 1em;\n  fill: #333;\n}\n.icon-like-fill {\n  width: 1.17em;\n  height: 1em;\n  fill: #B5B5B5;\n}\n.icon-like {\n  width: 1.17em;\n  height: 1em;\n  fill: #B5B5B5;\n}\n.icon-live {\n  width: 2.6em;\n  height: 1em;\n  fill: #333;\n}\n.icon-location {\n  width: 0.76em;\n  height: 1em;\n  fill: initial;\n}\n.icon-lock {\n  width: 0.74em;\n  height: 1em;\n  fill: initial;\n}\n.icon-menu {\n  width: 2em;\n  height: 1em;\n  fill: #202124;\n}\n.icon-money {\n  width: 1.53em;\n  height: 1em;\n  fill: #979797;\n}\n.icon-photo {\n  width: 1.33em;\n  height: 1em;\n  fill: #FFF;\n}\n.icon-play {\n  width: 0.8em;\n  height: 1em;\n  fill: #FFF;\n}\n.icon-plus {\n  width: 1em;\n  height: 1em;\n  fill: #BEBEBE;\n}\n.icon-search {\n  width: 1em;\n  height: 1em;\n  fill: initial;\n}\n.icon-searching {\n  width: 0.97em;\n  height: 1em;\n  fill: initial;\n}\n.icon-share-facebook {\n  width: 1em;\n  height: 1em;\n  fill: #35578C;\n}\n.icon-share-google {\n  width: 1em;\n  height: 1em;\n  fill: #CC4F42;\n}\n.icon-share-instagram {\n  width: 1em;\n  height: 1em;\n  fill: #EA418C;\n}\n.icon-share-pinterest {\n  width: 1em;\n  height: 1em;\n  fill: #B8242B;\n}\n.icon-share-twitter {\n  width: 1em;\n  height: 1em;\n  fill: #38A0CD;\n}\n.icon-showcase {\n  width: 1em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n.icon-text {\n  width: 0.82em;\n  height: 1em;\n  fill: #333;\n}\n.icon-thumb {\n  width: 0.96em;\n  height: 1em;\n  fill: initial;\n}\n.icon-time {\n  width: 1em;\n  height: 1em;\n  fill: #979797;\n}\n.icon-twitter {\n  width: 1.18em;\n  height: 1em;\n  fill: #1C2635;\n}\n.icon-user {\n  width: 1em;\n  height: 1em;\n  fill: #191919;\n}\n.icon-video-stroke {\n  width: 0.82em;\n  height: 1em;\n  fill: #333;\n}\n.icon-video {\n  width: 1.43em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n.icon-wallet {\n  width: 1.15em;\n  height: 1em;\n  fill: initial;\n}\n.icon-youtube {\n  width: 1.2em;\n  height: 1em;\n  fill: #1C2635;\n}\n","// selectors\n@mixin nl {\n  &:not(:last-child) {\n    @content; } }\n@mixin nf {\n  &:not(:first-child) {\n    @content; } }\n\n// width\n@mixin r($width) {\n  @media only screen and (max-width: $width+ \"px\") {\n    @content; } }\n\n@mixin rmin($width) {\n  @media only screen and (min-width: $width+ \"px\") {\n    @content; } }\n\n// height\n@mixin rh($height) {\n  @media only screen and (max-height: $height + \"px\") {\n    @content; } }\n\n@mixin rhmin($height) {\n  @media only screen and (min-height: $height + \"px\") {\n    @content; } }\n\n@mixin fs($sizeValue: 16) {\n  font-size: $sizeValue + px;\n  font-size: $sizeValue / 10 + rem; }\n\n@mixin text-overflow {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\n@mixin hover {\n  .no-touch &:hover {\n    @content; } }\n\n%pseudo {\n  position: relative;\n  &:before,&:after {\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0; } }\n@mixin pseudo {\n  @extend %pseudo; }\n\n@mixin coverdiv {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%; }\n\n@mixin cover {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: 50% 50%; }\n\n@mixin bg-size($width: 100%, $height: 100%) {\n  background-size: $width $height; }\n\n// retina, also available as +hdpi\n@mixin retina {\n  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {\n    @content; } }\n\n@mixin box {\n  @include box-sizing(border-box); }\n// vertical-align at center\n@mixin vcenter {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%,-50%); }\n\n//simple gradient\n@mixin g($color1, $color2) {\n  background-image: linear-gradient($color1, $color2); }\n\n@mixin gh($color1, $color2) {\n  background-image: linear-gradient(left, $color1, $color2); }\n\n// font-family\n@mixin font($alias, $name) {\n  @font-face {\n    font-family: $alias;\n    src: url(\"fonts/\" + $name + \".woff2\") format(\"woff2\"), url(\"fonts/\" + $name + \".woff\") format(\"woff\");\n    font-weight: normal;\n    font-style: normal; } }\n// to use:\n//+font(black, cytiapro-black-webfont)\n\n// ROTATE\n@mixin rotate($deg: 0, $m11: 0, $m12: 0, $m21: 0, $m22: 0) {\n  transform: rotate($deg + deg);\n  filter: progid:DXImageTransform.Microsoft.Matrix(M11=$m11, M12=$m12,M21=$m21, M22=$m22, sizingMethod='auto expand');\n  zoom: 1; }\n\n// TRANSITION\n\n@mixin tr($what) {\n  transition: $what; }\n\n@mixin hide-text {\n  font: 0/0 a;\n  text-shadow: none;\n  color: transparent; }\n\n@mixin hidetext {\n  @include hide-text; }\n\n@mixin justify {\n  text-align: justify;\n  line-height: 0;\n  font-size: 0;\n  text-justify: newspaper;\n  zoom: 1;\n  text-align-last: justify;\n  &:after {\n    content: \"\";\n    display: inline-block;\n    width: 100%;\n    height: 0px;\n    visibility: hidden;\n    overflow: hidden; } }\n@mixin vertical {\n  text-align: center;\n  font-size: 0;\n  &:before {\n    content: \"\";\n    display: inline-block;\n    vertical-align: middle;\n    width: 0;\n    height: 100%; } }\n\n@mixin clr {\n  &:after {\n    content: \" \";\n    display: table;\n    clear: both; }\n  *zoom: 1; }\n\n@mixin placeholder-color($color) {\n  &::placeholder {\n    color: $color; } }\n\n@mixin placeholder {\n  &::placeholder {\n    @content; } }\n\n@mixin gray {\n  filter: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale\");\n  // Firefox 10+\n  filter: gray;\n  // IE6-9\n  -webkit-filter: grayscale(100%);\n  // Chrome 19+ & Safari 6+\n  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);\n  -ms-filter: \"progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)\"; }\n\n@mixin gray-half {\n  filter: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0.5'/></filter></svg>#grayscale\");\n  // Firefox 10+\n  filter: gray alpha(opacity = 50);\n  // IE6-9\n  -webkit-filter: grayscale(50%);\n }  // Chrome 19+ & Safari 6+\n\n@mixin gray-zero {\n  filter: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale\");\n  -webkit-filter: grayscale(0%); }\n\n@mixin unselectable {\n  user-select: none; }\n\n@mixin nosel {\n  @include unselectable; }\n\n@mixin prevent-text {\n  word-break: break-all;\n  word-break: break-word;\n  hyphens: auto; }\n\n@mixin font-smoothing($val: antialiased) {\n  font-smoothing: $val; }\n\n@mixin selection {\n  & ::selection {\n    @content; } }\n@mixin sel {\n  @include selection; }\n\n@mixin gpu {\n  transform: translate3d(0, 0, 0); }\n\n@mixin scrollbar {\n  &::-webkit-scrollbar {\n    @content; } }\n\n@mixin scrollbar-track {\n  &::-webkit-scrollbar-track {\n    @content; } }\n\n@mixin scrollbar-thumb {\n  &::-webkit-scrollbar-thumb {\n    @content; } }\n\n@mixin scrollbar-track-piece {\n  &::-webkit-scrollbar-track-piece {\n    @content; } }\n\n//triangle\n@mixin arr($width, $height, $bg, $direction) {\n  width: 0px;\n  height: 0px;\n  border-style: solid;\n  @if $direction == t {\n    border-width: 0 $width / 2 + px $height + px $width / 2 + px;\n    border-color: transparent transparent $bg transparent; }\n  @if $direction == r {\n    border-width: $height / 2 + px 0 $height / 2 + px $width + px;\n    border-color: transparent transparent transparent $bg; }\n  @if $direction == b {\n    border-width: $height + px $width / 2 + px 0 $width / 2 + px;\n    border-color: $bg transparent transparent transparent; }\n  @if $direction == l {\n    border-width: $height / 2 + px $width + px $height / 2 + px 0;\n    border-color: transparent $bg transparent transparent; }\n  @if $direction == tl {\n    border-width: $height + px $width + px 0 0;\n    border-color: $bg transparent transparent transparent; }\n  @if $direction == tr {\n    border-width: 0 $width + px $height + px 0;\n    border-color: transparent $bg transparent transparent; }\n  @if $direction == br {\n    border-width: 0 0 $height + px $width + px;\n    border-color: transparent transparent $bg transparent; }\n  @if $direction == bl {\n    border-width: $width + px 0 0 $height + px;\n    border-color: transparent transparent transparent $bg; } }\n// example\n// +arr(500,50, #000, l)\n// +arr(500,50, #000, bl)\n\n@mixin rotate($var) {\n  transform: rotate($var+deg); }\n\n@mixin blur($var) {\n  filter: blur($var); }\n@mixin scale($var) {\n  transform: scale($var); }\n\n@mixin counter($var, $sep) {\n  counter-reset: list + $var;\n  > li {\n    &:before {\n      content: counter(list + $var) $sep;\n      counter-increment: list + $var; } } }\n\n@mixin f($name, $font-size: null, $letter-spacing: null) {\n  $font-family: null;\n  @if $name == \"l\" {\n    $font-family: \"light\"; }\n  font-family: $font-family;\n  font-weight: normal;\n  @if $font-size != null {\n    font-size: $font-size + px; }\n  @if $letter-spacing != null {\n    letter-spacing: ($letter-spacing / 1000) + em; } }\n\n","@mixin d {\n  @media only screen and (max-width: \"1120px\") {\n    @content; } }\n@mixin t {\n  @media only screen and (max-width: \"1023px\") {\n    @content; } }\n@mixin m {\n  @media only screen and (max-width: \"599px\") {\n    @content; } }\n@mixin s {\n  @media only screen and (max-width: \"474px\") {\n    @content; } }\n\n@include font(ProximaNova-Regular, ProximaNova-Regular);\n@mixin f {\n  font-family: 'ProximaNova-Regular', serif; }\n@include font(ProximaNova-Bold, ProximaNova-Bold);\n@mixin fb {\n  font-family: 'ProximaNova-Bold', serif; }\n@include font(ProximaNova-SemiBold, ProximaNova-SemiBold);\n@mixin fs {\n  font-family: 'ProximaNova-SemiBold', serif; }\n@include font(ProximaNova-Light, ProximaNova-Light);\n@mixin fl {\n  font-family: 'ProximaNova-Light', serif; }\n\n$pink: #FF9393;\n$purple: #B995D9;\n$green: #8ECFC0;\n$green-light: #5BD700;\n$gray: #A7A7A7;\n$blue: #4A90E2;\n$viol: #B995D9;\n$bg: #F8F8F8;\n$border: #E6E6E6;\n$cl: #191919;\n\nbody {\n  min-width: 360px;\n  @include f;\n  font-size: 15px;\n  color: $cl;\n  line-height: 1.333;\n  @include t {\n    font-size: 14px;\n    line-height: 1.57; }\n  &.no-scroll {\n    overflow: hidden; } }\nbutton,\ninput,\ntextarea,\nselect {\n  @include f;\n  font-size: 15px; }\nbutton {\n  background: none; }\na {\n  color: $pink;\n  text-decoration: none; }\ninput,\ntextarea {\n  text-overflow: ellipsis;\n  &::placeholder {\n    color: $gray; } }\ntextarea {\n  border: none; }\nstrong,\nb {\n  @include fb; }\n\n* {\n  &::selection {\n    background: $pink;\n    color: white; }\n }  // box-shadow: 0 0 0 1px red\n\n.outer {\n  display: flex;\n  min-height: 100vh;\n  flex-direction: column; }\n\n.container {\n  flex: 1 0 auto; }\n\n.center {\n  width: 100%;\n  max-width: 1024px;\n  margin: 0 auto;\n  padding: 0 40px;\n  @include t {\n    padding: 0 15px; }\n  &_md {\n    max-width: 860px; }\n  &_sm {\n    max-width: 700px; }\n  &_xs {\n    max-width: 540px; } }\n\n.btn {\n  position: relative;\n  padding: 13px 24px 12px;\n  background-image: linear-gradient(-225deg, #D1FF7F 0%, #56FFFD 100%);\n  border-radius: 3px;\n  @include fb;\n  font-size: 12px;\n  color: $cl;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  text-align: center;\n  transition: all .2s;\n  z-index: 2;\n  @include t {\n    line-height: 1.33; }\n  &:hover {\n    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.11); }\n  &:active {\n    box-shadow: 0 0 0 0 rgba(0,0,0,0);\n    color: rgba(#262626,.1);\n    .icon {\n      fill: rgba(#262626,.1); } }\n  &__title,\n  .icon {\n    display: inline-block;\n    vertical-align: middle; }\n  &__title {\n    margin-top: -1px; }\n  .icon {\n    position: relative;\n    top: -1px;\n    margin-right: 15px;\n    fill: $cl;\n    transition: fill .2s; }\n  &_dark {\n    background: $cl;\n    color: white;\n    &:hover {\n      background: #545454; }\n    &:active {\n      color: rgba(white,.1); } }\n  &_light {\n    background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); }\n  &_stroke {\n    &:hover,\n    &:active {\n      &:before {\n        opacity: 0; } }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 1px;\n      left: 1px;\n      right: 1px;\n      bottom: 1px;\n      background: white;\n      border-radius: 2px;\n      transition: opacity .2s;\n      z-index: -2; } }\n  &_gray {\n    background: $bg; }\n  &_md {\n    padding: 18px 24px 17px;\n    @include m {\n      padding: 13px 24px 12px; } }\n  &_lg {\n    padding: 28px 40px 27px;\n    @include m {\n      padding: 13px 20px; } }\n  &_lg#{&}_stroke {\n    padding: 27px  39px 26px;\n    @include m {\n      padding: 12px 19px; } }\n  &_icon {\n    padding-left: 9px;\n    padding-right: 9px;\n    background: transparent;\n    border: 1px solid $border;\n    font-size: 0;\n    .icon {\n      margin: 0;\n      font-size: 13px;\n      fill: $cl; } }\n  &.loading {\n    box-shadow: none;\n    color: transparent;\n    .icon {\n      visibility: hidden; }\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 24px;\n      height: 24px;\n      margin: -12px 0 0 -12px;\n      border: 3px solid $cl;\n      border-left: 3px solid transparent;\n      border-radius: 50%;\n      animation: loading .6s infinite linear; } }\n  &_fb {\n    background: #3957A7;\n    color: white;\n    &:active {\n      color: rgba(white, .2);\n      .icon {\n        fill: rgba(white, .2); } }\n    .icon {\n      margin: -9px 15px -6px -25px;\n      font-size: 20px;\n      fill: white; }\n    &.loading {\n      box-shadow: none;\n      color: transparent;\n      .icon {\n        visibility: hidden; }\n      &:after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 24px;\n        height: 24px;\n        margin: -12px 0 0 -12px;\n        border: 3px solid #fff;\n        border-left: 3px solid transparent;\n        border-radius: 50%;\n        animation: loading .6s infinite linear; } } } }\n\n@keyframes loading {\n  0 {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(360deg); } }\n\na.btn {\n  display: inline-block; }\n\n.logo {\n  display: block;\n  width: 219px;\n  height: 71px;\n  background: url(../img/school-lil-city.svg) no-repeat 0 0 / contain;\n  @include t {\n    width: 124px;\n    height: 40px; } }\n\n.search {\n  position: relative;\n  width: 40px;\n  height: 40px;\n  @include m {\n    width: 100%; }\n  &__input {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 40px;\n    height: 40px;\n    padding: 0 15px;\n    background: rgba($cl,.1);\n    border-radius: 20px;\n    color: rgba($cl,.8);\n    transition: width .4s;\n    @include m {\n      width: 100%; } }\n  &__btn {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 40px;\n    .icon {\n      font-size: 17px;\n      fill: rgba($cl,.5);\n      transform: translate(0,2px); } }\n  &.open &__input {\n    width: 170px;\n    @include m {\n      width: 100%; } } }\n\n.header {\n  position: relative;\n  z-index: 20;\n  &__container {\n    display: flex;\n    height: 100px;\n    border-bottom: 1px solid $border;\n    align-items: center;\n    @include t {\n      height: 65px; }\n    @include m {\n      height: 70px;\n      margin: 0 -15px;\n      justify-content: space-between; } }\n  &__wrap {\n    display: flex;\n    align-items: center;\n    flex-direction: row-reverse;\n    flex: 1 0 auto;\n    @include m {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: white;\n      flex-direction: column;\n      z-index: 20;\n      &.visible {\n        display: block; } } }\n  &__actions {\n    display: flex;\n    margin: auto;\n    align-items: center;\n    justify-content: center;\n    @include m {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      padding: 10px 15px;\n      background: white; } }\n  &__status {\n    margin-right: 5px;\n    @include fb;\n    font-size: 12px;\n    color: $gray;\n    letter-spacing: 1px; }\n  &__btn {\n    margin-left: 10px; }\n  &__top {\n    @include m {\n      display: flex;\n      height: 70px;\n      border-bottom: 1px solid $border;\n      align-items: center; } }\n  &__search {\n    @include m {\n      margin-left: 10px;\n      flex: 0 0 calc(100% - 90px); } }\n  &__nav {\n    display: flex;\n    margin: auto;\n    @include m {\n      display: block;\n      height: calc(100vh - 71px);\n      margin: 0;\n      padding: 15px 0;\n      overflow: auto; } }\n  &__group {\n    position: relative; }\n  &__group:hover &__section {\n    color: $cl;\n    @include m {\n      color: $pink; } }\n  &__group:hover &__list {\n    opacity: 1;\n    visibility: visible; }\n  &__section {\n    display: block;\n    height: 100px;\n    margin: 0 15px;\n    border-bottom: 1px solid transparent;\n    @include fb;\n    font-size: 12px;\n    color: #8C8C8C;\n    line-height: 100px;\n    transition: color .2s;\n    @include t {\n      height: 65px;\n      font-size: 10px;\n      line-height: 65px; }\n    @include m {\n      position: relative;\n      height: auto;\n      margin: 0;\n      padding: 15px 40px 15px 20px;\n      border: none;\n      font-size: 14px;\n      color: $pink;\n      letter-spacing: 2.5px;\n      line-height: 1.33; }\n    &_sub {\n      @include m {\n        &:before,\n        &:after {\n          content: '';\n          position: absolute;\n          top: 50%;\n          background: $gray;\n          transform: translateY(-50%); }\n        &:before {\n          right: 20px;\n          width: 12px;\n          height: 2px; }\n        &:after {\n          right: 25px;\n          width: 2px;\n          height: 12px; } } }\n    &.active {\n      border-color: $cl;\n      color: $cl;\n      @include m {\n        color: $pink; } }\n    &.open {\n      @include m {\n        &:after {\n          opacity: 0; } } } }\n  &__list,\n  &__drop {\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    width: 190px;\n    margin-left: -95px;\n    padding: 10px 0;\n    background: white;\n    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.10);\n    border-radius: 2px;\n    opacity: 0;\n    visibility: hidden;\n    transform: translate3d(0,0,0);\n    transition: opacity .2s, visibility .2s;\n    overflow: hidden; }\n  &__list {\n    @include m {\n      display: none;\n      position: static;\n      width: 100%;\n      margin: 0;\n      box-shadow: none;\n      opacity: 1;\n      visibility: visible; } }\n  &__drop {\n    left: auto;\n    right: 20px;\n    margin: 0;\n    @include m {\n      padding: 0; } }\n  &__drop &__link {\n    @include m {\n      padding: 8px 20px 7px; }\n    &_border {\n      @include m {\n        padding: 12px 20px 10px; } } }\n  &__balance {\n    margin-bottom: 10px;\n    padding: 0 20px 10px;\n    border-bottom: 1px solid $border; }\n  &__link {\n    display: block;\n    position: relative;\n    padding: 8px 20px 7px;\n    @include fb;\n    font-size: 10px;\n    color: #8C8C8C;\n    text-transform: uppercase;\n    transition: color .2s;\n    @include m {\n      padding: 11px 20px;\n      font-size: 12px;\n      color: $cl; }\n    &:hover {\n      color: $cl; }\n    &_green {\n      color: $green-light;\n      @include m {\n        color: $green-light; }\n      &:hover {\n        color: darken($green-light,10); } }\n    &_border {\n      margin-bottom: 5px;\n      padding: 2px 20px 10px;\n      border-bottom: 1px solid $border;\n      color: $cl; } }\n  &__link.active &__title {\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: -10px;\n      right: -10px;\n      height: 2px;\n      margin-top: -2px;\n      background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); } }\n  &__title {\n    display: table;\n    position: relative; }\n  &__menu,\n  &__enter,\n  &__close {\n    @include m {\n      display: block;\n      width: 60px;\n      height: 60px;\n      font-size: 0; } }\n  &__menu,\n  &__close {\n    display: none;\n    .icon {\n      fill: $cl; } }\n  &__menu {\n    .icon {\n      font-size: 10px; } }\n  &__close {\n    .icon {\n      font-size: 20px; } }\n  &__enter {\n    height: 100px;\n    margin-left: 40px;\n    @include fb;\n    font-size: 12px;\n    color: #8C8C8C;\n    line-height: 100px;\n    transition: color .2s;\n    @include t {\n      height: 65px;\n      margin-left: 25px;\n      font-size: 10px;\n      line-height: 65px; }\n    @include m {\n      margin: 0;\n      font-size: 0;\n      line-height: 1; }\n    &:hover {\n      color: $cl; }\n    .icon {\n      display: none;\n      @include m {\n        display: inline-block;\n        font-size: 20px;\n        fill: $cl; } } }\n  &__login {\n    position: relative;\n    margin-right: -20px;\n    padding: 30px 20px;\n    flex: 0 0 80px;\n    @include t {\n      margin-right: -15px; }\n    @include m {\n      margin: 0;\n      padding: 15px 20px; } }\n  &__login:hover &__drop {\n    opacity: 1;\n    visibility: visible; }\n  &__ava {\n    height: 40px; }\n  &_bg &__container {\n    border-color: transparent; } }\n\n.main {\n  display: flex;\n  position: relative;\n  min-height: 500px;\n  margin-top: -100px;\n  padding: 120px 0 50px;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  text-align: center;\n  z-index: 4;\n  @include t {\n    min-height: 350px;\n    padding: 137px 0 40px; }\n  @include m {\n    min-height: 400px; }\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n    opacity: .8;\n    z-index: -2; }\n  &__center {\n    margin: auto; }\n  &__title {\n    max-width: 780px;\n    margin: 0 auto 40px;\n    @include fb;\n    font-size: 50px;\n    line-height: (6/5);\n    @include t {\n      max-width: 400px;\n      font-size: 24px;\n      line-height: 1.33; }\n    @include m {\n      margin-bottom: 50px; } }\n  &__content {\n    margin-bottom: 30px; }\n  &__time {\n    padding: 7px 0;\n    @include fb;\n    font-size: 20px;\n    text-transform: uppercase;\n    letter-spacing: 3px; }\n  &_green {\n    &:before {\n      background-image: linear-gradient(-225deg, #E2E2E2 0%, #E2FFDF 100%); } }\n  &_sm {\n    min-height: 0;\n    padding: 135px 0 55px;\n    @include t {\n      min-height: 0; }\n    @include m {\n      min-height: 0; } }\n  &_sm &__title {\n    margin-bottom: 0; } }\n\n.title {\n  position: relative;\n  margin-bottom: 35px;\n  @include fb;\n  font-size: 32px;\n  line-height: (35/32);\n  z-index: 4;\n  @include t {\n    margin-bottom: 20px;\n    font-size: 24px;\n    line-height: 1.33; }\n  &_center {\n    text-align: center; }\n  &_sm {\n    margin-bottom: 20px;\n    font-size: 25px; } }\n\n.subtitle {\n  margin-bottom: 25px;\n  @include fb;\n  font-size: 20px;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  @include m {\n    margin-bottom: 15px;\n    font-size: 12px;\n    letter-spacing: 2px; }\n  &_center {\n    @include t {\n      text-align: center; } } }\n\n.text {\n  position: relative;\n  max-width: 620px;\n  margin: 0 auto 60px;\n  @include fl;\n  font-size: 24px;\n  text-align: center;\n  z-index: 2;\n  @include t {\n    max-width: 400px;\n    margin-bottom: 40px;\n    font-size: 14px;\n    line-height: 1.5; }\n  @include m {\n    margin-bottom: 30px; }\n  p {\n    @include t {\n      display: inline; }\n    &:not(:last-child) {\n      margin-bottom: 35px;\n      @include t {\n        margin: 0; } } }\n  &__curve {\n    position: absolute;\n    pointer-events: none;\n    z-index: -2;\n    &_one {\n      left: -95px;\n      bottom: 5px;\n      @include t {\n        left: -85px;\n        bottom: -60px; }\n      @include m {\n        width: 200px;\n        left: 0;\n        top: -10px;\n        bottom: auto; } }\n    &_two {\n      left: -105px;\n      bottom: -50px;\n      @include t {\n        left: -85px; }\n      @include m {\n        left: 0;\n        bottom: -15px;\n        width: 150px; } }\n    &_three {\n      left: -65px;\n      bottom: -35px;\n      @include t {\n        left: -85px; }\n      @include m {\n        left: 0;\n        bottom: -10px; } }\n    &_four {\n      left: -75px;\n      bottom: -45px;\n      @include t {\n        left: -60px;\n        width: 90px; }\n      @include m {\n        left: 30px;\n        bottom: -20px; } } }\n  &_lg {\n    max-width: 740px; }\n  &_mb0 {\n    margin-bottom: 0;\n    @include t {\n      margin-bottom: 0; }\n    @include m {\n      margin-bottom: 0; } } }\n\n.section {\n  padding: 60px 0;\n  @include t {\n    padding: 40px 0; }\n  @include m {\n    padding: 30px 0; }\n  &_review {\n    background: url(../img/bg-elephants.jpg) 0 0 / 100px 102px; }\n  &_gray {\n    background: $bg; }\n  &_border {\n    position: relative;\n    &:after {\n      content: '';\n      position: absolute;\n      top: 100%;\n      left: 50%;\n      width: 100%;\n      max-width: 944px;\n      height: 1px;\n      background: $border;\n      transform: translateX(-50%);\n      @include t {\n        max-width: calc(100% - 30px); } } }\n  &_gradient {\n    background-image: linear-gradient(-225deg, #F8F8F8 0%, #FFF2F2 100%); }\n  &_tabs {\n    padding-top: 20px;\n    @include m {\n      padding-top: 10px; } }\n  &_menu {\n    padding: 20px 0; }\n  &_confirm {\n    padding: 30px 0 50px; } }\n\n.ava {\n  display: block;\n  position: relative;\n  overflow: hidden;\n  &__pic {\n    display: block;\n    width: 100%;\n    border-radius: 50%; }\n  &__input {\n    position: absolute;\n    top: 0;\n    right: 0;\n    font-size: 140px;\n    appearance: none;\n    cursor: pointer;\n    z-index: 2; }\n  &__icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%,-50%);\n    font-size: 0;\n    .icon {\n      font-size: 30px;\n      fill: white; } } }\n\n.likes {\n  display: flex;\n  color: $cl;\n  align-items: center;\n  &__counter {\n    margin-right: 5px;\n    @include fb;\n    font-size: 13px;\n    @include t {\n      font-size: 12px; } }\n  &__icon {\n    position: relative;\n    font-size: 0; }\n  &.active {\n    .icon {\n      display: none;\n      &-like-fill,\n      &-like-fill-bold {\n        display: block; } } }\n  .icon {\n    position: relative;\n    top: -1px;\n    font-size: 14px;\n    fill: $cl;\n    &-like-fill,\n    &-like-fill-bold {\n      display: none;\n      fill: $pink; }\n    &-like-fill-bold {\n      position: relative;\n      top: -1px; } } }\n\n.user {\n  display: flex;\n  align-items: center;\n  &__ava {\n    height: 40px;\n    margin-right: 10px;\n    flex: 0 0 40px; }\n  &__ava {\n    height: 40px;\n    margin-right: 10px;\n    flex: 0 0 40px; }\n  &__info {\n    flex: 0 0 calc(100% - 50px); }\n  &__name,\n  &__date {\n    @include fb;\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    line-height: 1.1; }\n  &__name {\n    margin-bottom: 5px; }\n  &__meta {\n    display: flex;\n    align-items: center; }\n  &__date {\n    color: $gray; }\n  &__likes {\n    margin: -5px 0 -5px auto;\n    @include f;\n    font-size: 15px;\n    .icon {\n      fill: $gray;\n      &-fill {\n        fill: $pink; } } }\n  &_white &__date {\n    color: white; } }\n\n.video {\n  display: block;\n  position: relative;\n  &__pic {\n    display: block;\n    width: 100%; }\n  .icon-play {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    font-size: 48px;\n    fill: white;\n    transform: translate(-50%,-50%);\n    @include m {\n      font-size: 22px; } }\n  &__soon {\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 20px;\n    background: rgba($cl,.5);\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    color: white; }\n  &__title {\n    margin-bottom: 20px; }\n  &__time {\n    @include fb;\n    font-size: 20px;\n    text-transform: uppercase;\n    letter-spacing: 3px; } }\n\n.about {\n  display: flex;\n  padding-right: 160px;\n  @include t {\n    padding: 0; }\n  &__ava {\n    height: 120px;\n    margin-right: 40px;\n    flex: 0 0 120px;\n    @include t {\n      margin-right: 25px;\n      height: 90px;\n      flex: 0 0 90px; }\n    @include m {\n      margin-right: 15px;\n      height: 60px;\n      flex: 0 0 60px; } }\n  &__content {\n    margin-bottom: 20px; }\n  &__ceo {\n    margin-bottom: 20px;\n    a {\n      @include fb; } }\n  &__video {\n    margin-bottom: 20px;\n    @include t {\n      max-width: calc(100% - 55px); }\n    @include m {\n      max-width: 100%; } }\n  &__more {\n    text-align: center;\n    @include t {\n      text-align: left; } } }\n\n.online {\n  display: block;\n  position: relative;\n  padding: 55px 0 50px;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  color: white;\n  text-align: center;\n  z-index: 4;\n  @include t {\n    padding: 30px 0; }\n  @include m {\n    padding: 20px 0; }\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: linear-gradient(-1deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.60) 100%);\n    z-index: -2; }\n  &__type {\n    margin-bottom: 85px;\n    @include fb;\n    font-size: 20px;\n    letter-spacing: 4px;\n    @include t {\n      margin-bottom: 30px;\n      font-size: 12px;\n      letter-spacing: 2px; }\n    @include m {\n      margin-bottom: 40px; } }\n  &__title {\n    margin-bottom: 2px;\n    @include fb;\n    font-size: 50px;\n    line-height: (6/5);\n    @include t {\n      margin-bottom: 6px;\n      font-size: 24px; } }\n  &__text {\n    max-width: 600px;\n    @include t {\n      margin-bottom: 65px; }\n    @include m {\n      max-width: 80%;\n      margin-bottom: 40px; } }\n  &__action {\n    @include fb;\n    font-size: 10px;\n    letter-spacing: 1px;\n    .icon {\n      position: relative;\n      top: 4px;\n      margin-right: 15px;\n      font-size: 16px; } } }\n\n.benefits {\n  display: flex;\n  position: relative;\n  max-width: 890px;\n  margin: 0 auto 80px;\n  text-align: center;\n  flex-wrap: wrap;\n  justify-content: center;\n  z-index: 4;\n  @include t {\n    margin: 0; }\n  @include m {\n    display: block; }\n  &__item {\n    padding: 0 15px;\n    flex: 0 0 25%;\n    @include t {\n      margin-bottom: 40px;\n      flex: 0 0 33.33%; }\n    @include m {\n      padding: 0; } }\n  &__preview {\n    display: flex;\n    height: 45px;\n    margin-bottom: 20px;\n    align-items: center;\n    justify-content: center;\n    @include m {\n      height: auto;\n      margin-bottom: 15px; }\n    .icon {\n      &-thumb {\n        font-size: 43px; }\n      &-wallet {\n        font-size: 38px; }\n      &-location {\n        font-size: 40px; }\n      &-searching {\n        font-size: 37px; } } }\n  &__title {\n    display: flex;\n    min-height: 38px;\n    margin-bottom: 10px;\n    @include fb;\n    font-size: 14px;\n    letter-spacing: 2.5px;\n    line-height: 1.42;\n    text-transform: uppercase;\n    align-items: center;\n    justify-content: center;\n    @include m {\n      min-height: 0; } }\n  &__content {\n    @include t {\n      font-size: 12px; }\n    @include m {\n      font-size: 14px; } } }\n\n.reviews {\n  padding-right: 80px;\n  @include t {\n    padding: 0; }\n  &__item {\n    display: flex;\n    &:not(:last-child) {\n      margin-bottom: 20px;\n      @include t {\n        margin-bottom: 40px; } } }\n  &__ava {\n    height: 60px;\n    margin-right: 20px;\n    flex: 0 0 60px;\n    @include t {\n      height: 45px;\n      flex: 0 0 45px; }\n    @include m {\n      margin-right: 10px; } }\n  &__wrap {\n    padding: 20px 30px 30px;\n    background: white;\n    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.10);\n    border-radius: 0 10px 10px 10px;\n    @include m {\n      padding: 15px 20px 20px; } }\n  &__name {\n    @include fb;\n    font-size: 15px;\n    line-height: 1.33; } }\n\n.gallery {\n  display: flex;\n  margin: 0 -10px -20px;\n  @include m {\n    display: block;\n    margin: 0 -5px -10px; }\n  &__grid {\n    flex: 0 0 50%;\n    overflow: hidden;\n    &:first-child {\n      @include t {\n        flex: 0 0 60%; } }\n    &:last-child {\n      @include t {\n        flex: 0 0 40%; }\n      @include m {\n        display: none; } } }\n  &__grid:last-child &__item {\n    @include t {\n      width: calc(50% - 20px); } }\n  &__grid:last-child &__item_lg {\n    @include t {\n      width: calc(100% - 20px); } }\n  &__grid:last-child &__item:nth-child(3),\n  &__grid:last-child &__item:nth-child(5),\n  &__grid:last-child &__item:nth-child(6) {\n    @include t {\n      display: none; } }\n  &__item {\n    float: left;\n    width: calc(33.33% - 20px);\n    margin: 0 10px 20px;\n    @include m {\n      width: calc(33.33% - 10px);\n      margin: 0 5px 10px; }\n    &_lg {\n      width: calc(66.66% - 20px);\n      @include m {\n        width: calc(66.66% - 10px); } }\n    &:nth-child(4) {\n      clear: both; } }\n  &__pic {\n    display: block;\n    width: 100%; } }\n\n.app {\n  position: relative;\n  margin-top: 72px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n  @include t {\n    margin-top: 42px; }\n  @include m {\n    margin-top: 35px; }\n  &__center {\n    display: flex;\n    align-items: flex-end; }\n  &__col {\n    &:first-child {\n      position: relative;\n      padding: 50px 0 60px;\n      flex: 0 0 49%;\n      text-align: center;\n      z-index: 2;\n      @include t {\n        padding: 30px 0 35px;\n        flex: 0 0 47%; }\n      @include m {\n        padding: 20px 0;\n        text-align: left; } }\n    &:last-child {\n      flex: 0 0 51%;\n      @include t {\n        flex: 0 0 53%; } } }\n  &__theme {\n    margin-bottom: 20px;\n    @include fb;\n    font-size: 10px;\n    color: $blue;\n    @include t {\n      margin-bottom: 5px; }\n    @include m {\n      margin-bottom: 15px; } }\n  &__title {\n    margin-bottom: 25px;\n    font-size: 32px;\n    line-height: (40/32);\n    @include t {\n      margin-bottom: 30px;\n      @include fb;\n      font-size: 24px;\n      line-height: 1.33; }\n    @include m {\n      margin-bottom: 15px;\n      font-size: 16px; } }\n  &__content {\n    margin-bottom: 30px;\n    @include t {\n      display: none; } }\n  &__links {\n    display: flex;\n    justify-content: center; }\n  &__link {\n    margin: 0 10px;\n    flex: 0 0 135px;\n    @include t {\n      margin: 0 5px;\n      flex: 0 0 80px; }\n    @include m {\n      margin: 0 5px 0 0; } }\n  &__preview {\n    display: flex;\n    height: 100px;\n    align-items: flex-end;\n    justify-content: flex-end;\n    @include m {\n      margin: 0 -15px; } }\n  &__pic {\n    display: block;\n    max-width: 100%;\n    max-height: 277px;\n    @include m {\n      max-height: 185px; } } }\n\n.game {\n  position: relative;\n  padding: 70px 0 80px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n  overflow: hidden;\n  @include t {\n    padding: 30px 0 35px; }\n  @include m {\n    padding: 20px 0; }\n  &__wrap {\n    max-width: 375px;\n    @include t {\n      max-width: 220px; }\n    @include m {\n      max-width: 180px; } }\n  &__theme {\n    margin-bottom: 20px;\n    @include fb;\n    font-size: 10px;\n    color: $blue;\n    @include m {\n      margin-bottom: 15px; } }\n  &__title {\n    margin-bottom: 65px;\n    font-size: 32px;\n    line-height: (40/32);\n    @include t {\n      margin-bottom: 30px;\n      @include fs;\n      font-size: 18px;\n      line-height: 1.33; }\n    @include m {\n      margin-bottom: 15px;\n      font-size: 14px; } }\n  &__btn {\n    background: transparent;\n    padding: 11px 24px 10px;\n    border: 2px solid $cl;\n    color: $cl;\n    &:hover {\n      background: $cl;\n      border-color: $cl;\n      color: white; }\n    &:active {\n      color: rgba(white,.1); } }\n  &__preview {\n    position: absolute;\n    top: 0;\n    left: calc(50% - 145px);\n    bottom: 0;\n    @include t {\n      left: calc(50% - 110px); }\n    @include m {\n      left: 50%; } }\n  &__pic {\n    display: block;\n    width: auto;\n    height: 100%; } }\n\n.teachers {\n  margin-bottom: 50px;\n  @include t {\n    margin-bottom: 0; }\n  &__item {\n    display: flex;\n    margin-bottom: 40px; }\n  &__ava {\n    height: 140px;\n    margin-right: 25px;\n    flex: 0 0 140px;\n    @include t {\n      height: 100px;\n      margin-right: 20px;\n      flex: 0 0 100px; }\n    @include m {\n      height: 95px;\n      margin-right: 25px;\n      flex: 0 0 95px; } }\n  &__title {\n    margin-bottom: 5px;\n    @include fb;\n    font-size: 20px;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    @include t {\n      font-size: 12px;\n      letter-spacing: 2px; } }\n  &__name {\n    margin-bottom: 20px;\n    @include fb; }\n  &__content {\n    font-size: 16px;\n    line-height: (22/16); } }\n\n.toggle {\n  font-size: 14px;\n  &__head {\n    color: $pink;\n    .icon {\n      position: relative;\n      top: -1px;\n      margin-left: 10px;\n      font-size: 6px;\n      transition: transform .2s; }\n    &.active {\n      .icon {\n        transform: rotate(-180deg); } } }\n  &__body {\n    display: none;\n    padding-top: 10px;\n    color: #888; } }\n\n.schedule {\n  margin-bottom: 70px;\n  @include t {\n    margin-bottom: 0; }\n  &__item {\n    display: flex;\n    margin-bottom: 40px;\n    @include m {\n      display: block;\n      margin-bottom: 30px; } }\n  &__day {\n    padding-top: 2px;\n    @include fb;\n    font-size: 12px;\n    color: $pink;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    flex: 0 0 140px;\n    @include m {\n      margin-bottom: 10px;\n      padding: 0; } }\n  &__title,\n  &__content {\n    font-size: 16px; }\n  &__title {\n    @include fb; }\n  &__toggle {\n    margin-top: 10px; } }\n\n.theme {\n  @include fb;\n  font-size: 12px;\n  letter-spacing: 2px;\n  color: $pink;\n  &_green {\n    color: $green; }\n  &_violet {\n    color: $viol; }\n  &_lg {\n    font-size: 20px;\n    letter-spacing: 4px; } }\n\n.courses {\n  &__list {\n    display: flex;\n    margin: 0 -10px;\n    flex-wrap: wrap;\n    @include m {\n      display: block;\n      margin: 0; } }\n  &__item {\n    display: block;\n    margin: 0 10px 60px;\n    color: $cl;\n    flex: 0 0 calc(33.33% - 20px);\n    @include t {\n      margin-bottom: 40px; }\n    @include m {\n      margin: 0 0 30px; } }\n  &__preview {\n    display: block;\n    position: relative;\n    margin-bottom: 15px;\n    color: $cl;\n    @include t {\n      margin-bottom: 10px; } }\n  &__preview:hover &__view {\n    opacity: .9; }\n  &__label {\n    position: absolute;\n    top: 0;\n    right: 20px;\n    width: 30px;\n    height: 45px;\n    background-repeat: no-repeat;\n    background-size: contain;\n    z-index: 6;\n    @include t {\n      width: 20px;\n      height: 30px;\n      right: 10px; }\n    &_fav {\n      background-image: url(../img/fav.svg); }\n    &_clock {\n      background-image: url(../img/clock.svg); } }\n  &__pic {\n    display: block;\n    width: 100%;\n    border-radius: 2px; }\n  &__view {\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n    border-radius: 2px;\n    opacity: 0;\n    font-size: 18px;\n    align-items: center;\n    justify-content: center;\n    transition: opacity .2s;\n    z-index: 4; }\n  &__soon {\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    padding: 10px;\n    background: rgba(black,.4);\n    color: white;\n    flex-direction: column;\n    justify-content: center;\n    text-align: center; }\n  &__left {\n    margin-bottom: 5px;\n    font-size: 15px;\n    @include t {\n      font-size: 12px; } }\n  &__time {\n    @include fb;\n    font-size: 20px;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    @include t {\n      font-size: 12px;\n      letter-spacing: 1px; } }\n  &__details {\n    display: flex;\n    margin-bottom: 10px; }\n  &__price {\n    margin-left: auto;\n    @include fb;\n    font-size: 12px;\n    letter-spacing: 2px;\n    color: $cl; }\n  &__title {\n    display: block;\n    margin-bottom: 10px;\n    @include fs;\n    font-size: 18px;\n    color: $cl;\n    @include t {\n      line-height: 1.33; } }\n  &__user {\n    margin-top: 20px; }\n  &_two &__item {\n    flex: 0 0 calc(50% - 20px);\n    @include t {\n      flex: 0 0 calc(33.33% - 20px); } }\n  &_scroll {\n    @include m {\n      margin: 0 -15px;\n      overflow: auto; } }\n  &_scroll &__list {\n    @include m {\n      display: flex;\n      flex-wrap: nowrap; } }\n  &_scroll &__item {\n    @include m {\n      margin-left: 15px;\n      flex: 0 0 220px;\n      &:last-child {\n        padding-right: 15px;\n        flex: 0 0 235px; } } } }\n\n.load {\n  margin-top: 30px;\n  @include m {\n    margin-top: 40px; }\n  &__btn {\n    width: 100%;\n    padding: 22px 24px 21px;\n    background: none;\n    border: 1px solid $border;\n    @include m {\n      padding: 17px 20px 16px; } } }\n\n.more {\n  text-align: center;\n  @include t {\n    margin-top: 30px; }\n  &__btn {\n    position: relative;\n    min-width: 300px;\n    padding: 19px 24px 18px;\n    border-radius: 28px;\n    letter-spacing: 2px;\n    z-index: 4;\n    &:hover {\n      &:before {\n        opacity: 0; } }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 5px;\n      left: 5px;\n      right: 5px;\n      bottom: 5px;\n      background: white;\n      border-radius: 24px;\n      transition: opacity .2s;\n      z-index: -2; } } }\n\n.partners {\n  display: flex;\n  margin: 0 -10px -20px;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  @include m {\n    margin: 0 -5px -10px; }\n  &__item {\n    margin: 0 10px 20px;\n    flex: 0 0 calc(16.66% - 20px);\n    @include m {\n      margin: 0 5px 10px;\n      flex: 0 0 calc(33.33% - 10px); } }\n  &__pic {\n    display: block;\n    width: 100%; } }\n\n.switch {\n  display: block;\n  position: relative;\n  font-size: 13px;\n  user-select: none;\n  cursor: pointer;\n  &__input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0; }\n  &__input:checked + &__content {\n    &:after {\n      opacity: 1; } }\n  &__content {\n    display: block;\n    padding: 3px 0 3px 30px;\n    font-size: 14px;\n    &:before,\n    &:after {\n      content: '';\n      position: absolute; }\n    &:before {\n      top: 0;\n      left: 0;\n      width: 20px;\n      height: 20px;\n      border: 1px solid $border; }\n    &:after {\n      top: 5px;\n      left: 5px;\n      width: 10px;\n      height: 10px;\n      background-image: linear-gradient(-225deg, #B4EC51 0%, #61E9E7 100%);\n      opacity: 0;\n      transition: opacity .2s; } }\n  &__cell {\n    padding-right: 10px;\n    &:first-child {\n      padding-top: 3px;\n      @include fb;\n      font-size: 11px;\n      text-transform: uppercase;\n      flex: 0 0 110px; }\n    &:nth-child(2) {\n      @include t {\n        padding: 0;\n        text-align: right;\n        flex: 0 0 calc(100% - 110px); } }\n    &:nth-child(2),\n    &:last-child {\n      flex: 0 0 60px; }\n    &:nth-child(3) {\n      flex: 0 0 calc(100% - 230px);\n      @include t {\n        padding: 0;\n        flex: 0 0 calc(100% - 60px); } }\n    &:last-child {\n      padding: 0;\n      text-align: right; } }\n  &_blue &__content {\n    &:after {\n      background: #4A90E2; } }\n  &_lesson &__content {\n    display: flex;\n    padding: 19px 0 19px 50px;\n    border-bottom: 1px solid $border;\n    font-size: 16px;\n    color: $gray;\n    transition: color .2s;\n    @include t {\n      padding: 10px 0 10px 40px;\n      flex-wrap: wrap;\n      line-height: 1.33; }\n    &:before,\n    &:after {\n      transform: translateY(18px);\n      @include t {\n        transform: translateY(9px); } } }\n  &_lesson:first-child &__content {\n    border-top: 1px solid $border; }\n  &_lesson &__input:checked + &__content {\n    color: $cl; }\n  &_circle &__content {\n    &:before,\n    &:after {\n      border-radius: 50%; } }\n  &_lg &__content {\n    padding: 0 0 0 30px;\n    font-size: 16px;\n    &:before,\n    &:after {} } }\n\n\n.footer {\n  padding: 50px 0 30px;\n  background: $bg;\n  @include t {\n    padding: 30px 0 35px; }\n  &__row {\n    display: flex;\n    margin: 0 -10px;\n    flex-wrap: wrap; }\n  &__row_first &__col {\n    &:nth-child(2) {\n      @include t {\n        order: 1; } }\n    &:nth-child(3) {\n      @include t {\n        order: 2; } }\n    &:nth-child(4) {\n      @include t {\n        order: 3; }\n      @include m {\n        margin-top: 30px;\n        flex: 0 0 100%; } }\n    &:nth-child(1) {\n      @include t {\n        flex: 0 0 59%;\n        order: 4; }\n      @include m {\n        flex: 0 0 100%;\n        order: 5; } }\n    &:nth-child(5) {\n      @include t {\n        flex: 0 0 41%;\n        order: 5; }\n      @include m {\n        flex: 0 0 100%;\n        order: 4; } }\n    &:nth-child(1),\n    &:nth-child(5) {\n      @include t {\n        margin-top: 40px; } } }\n  &__row_second {\n    margin-top: 50px;\n    @include t {\n      display: block;\n      width: 60%;\n      margin-top: -50px; }\n    @include m {\n      width: 100%;\n      margin-top: 30px; } }\n  &__col {\n    padding: 0 10px;\n    flex: 0 0 16.66%;\n    @include t {\n      flex: 0 0 33.33%; }\n    @include m {\n      flex: 0 0 50%; }\n    &_md {\n      flex: 0 0 25%; }\n    &_lg {\n      flex: 0 0 75%; } }\n  &__logo {\n    width: 188px;\n    height: 58px;\n    margin: 2px 0 25px;\n    font-size: 18px;\n    line-height: (22/18);\n    @include t {\n      width: 188px;\n      height: 58px;\n      margin-top: 0; } }\n  &__content {\n    max-width: 200px;\n    font-size: 18px;\n    @include t {\n      max-width: 250px;\n      font-size: 14px;\n      line-height: 1.33; } }\n  &__title {\n    padding: 20px 0 50px;\n    @include fb;\n    font-size: 12px;\n    letter-spacing: 0.92px;\n    text-transform: uppercase;\n    @include t {\n      padding: 0 0 20px;\n      letter-spacing: 2px; } }\n  &__link,\n  &__contact {\n    display: table;\n    font-size: 14px;\n    color: $cl;\n    line-height: (20/14);\n    @include t {\n      padding: 5px 0; } }\n  &__contact {\n    margin-bottom: 20px;\n    @include m {\n      margin: 0; }\n    a {\n      color: $cl; } }\n  &__group,\n  &__links {\n    display: flex;\n    color: #888; }\n  &__copyright {\n    margin-right: 20px;\n    @include t {\n      margin: 20px 0 0; } }\n  &__links {\n    @include t {\n      display: none; } }\n  &__links &__link {\n    color: #888; }\n  &__divider {\n    margin: 0 10px; } }\n\n.subscribe {\n  &__field {\n    margin-bottom: 10px; }\n  &__input {\n    width: 100%;\n    height: 40px;\n    padding: 0 10px;\n    font-size: 16px;\n    text-align: center; }\n  &__btn {\n    width: 100%; }\n  &__content {\n    margin-top: 15px;\n    font-size: 12px;\n    line-height: 1.25; } }\n\n.socials {\n  display: flex;\n  align-items: center;\n  &__item {\n    font-size: 0;\n    &:not(:last-child) {\n      margin-right: 20px; }\n    .icon {\n      &-instagram {\n        font-size: 18px; }\n      &-twitter {\n        font-size: 17px; }\n      &-fb {\n        font-size: 19px; }\n      &-youtube {\n        font-size: 15px; } } } }\n\n.select {\n  position: relative;\n  user-select: none;\n  z-index: 4;\n  &__head {\n    position: relative;\n    height: 36px;\n    border-bottom: 1px solid $border;\n    transition: border-color .2s;\n    font-size: 18px;\n    line-height: 36px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    color: $gray;\n    cursor: pointer;\n    transition: border-color .2s;\n    overflow: hidden;\n    &:after {\n      content: '';\n      position: absolute;\n      top: 14px;\n      right: 0;\n      @include arr(8,8,$cl,b); } }\n  &__drop {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: calc(100% + 10px);\n    padding: 10px 0;\n    background: white;\n    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.10);\n    border-radius: 2px;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity .2s, visibility .2s;\n    overflow: hidden; }\n  &__option {\n    display: block;\n    position: relative;\n    padding: 8px 20px 7px;\n    @include fb;\n    font-size: 10px;\n    color: #8C8C8C;\n    text-transform: uppercase;\n    transition: color .2s;\n    text-transform: uppercase;\n    cursor: pointer;\n    @include m {\n      padding: 11px 20px;\n      font-size: 12px;\n      color: $cl; }\n    &:hover {\n      color: $cl; } }\n  &__option.active {\n    color: $cl; }\n  &__option.active &__title {\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: -10px;\n      right: -10px;\n      height: 2px;\n      margin-top: -2px;\n      background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%); } }\n  &__title {\n    display: table;\n    position: relative; }\n  &.active {\n    z-index: 99; }\n  &.active &__head {\n    border-color: $cl;\n    &:after {\n      transform: rotate(180deg); } }\n  &.active &__drop {\n    opacity: 1;\n    visibility: visible; }\n  &.selected &__head {\n    color: $cl; } }\n\n.field {\n  margin-bottom: 20px;\n  &__label {\n    display: flex;\n    @include fb;\n    font-size: 10px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    &_gray {\n      color: $gray; } }\n  &__link {\n    margin-left: auto; }\n  &__wrap {\n    position: relative; }\n  &__input,\n  &__textarea {\n    width: 100%;\n    border-bottom: 1px solid $border;\n    background: transparent;\n    font-size: 18px;\n    transition: border-color .2s;\n    &:focus {\n      border-color: $cl; }\n    &_bg {\n      background: $bg;\n      border: 1px solid $bg; }\n    &_sm {\n      font-size: 16px; } }\n  &__input {\n    height: 36px;\n    &[type='password'] {\n      font-size: 30px;\n      &::placeholder {\n        font-size: 18px; } }\n    &_bg {\n      height: 50px;\n      padding: 0 20px; } }\n  &__textarea {\n    display: block;\n    height: 36px;\n    padding: 7px 0;\n    resize: vertical;\n    &_lg {\n      height: 80px;\n      font-size: 25px; } }\n  &__preview {\n    position: absolute;\n    top: 8px;\n    right: 0; }\n  &__pic {\n    display: block;\n    width: auto;\n    height: 20px; }\n  &__error {\n    margin-top: 5px;\n    font-size: 12px;\n    color: $pink; }\n  &__switch {\n    margin-top: 10px;\n    &:first-child {\n      margin-top: 5px; } }\n  &_code &__input {\n    height: 40px;\n    font-size: 15px; }\n  &_info &__label {\n    color: $gray; }\n  &_info &__input,\n  &_info &__textarea {\n    border-color: rgba($border,.2);\n    color: white;\n    &:focus {\n      border-color: white; } }\n  &.error &__input,\n  &.error &__textarea {\n    border-color: $pink; }\n  &.success &__input,\n  &.success &__textarea {\n    border-color: $green-light; } }\n\n.auth {\n  padding: 0 20px 25px;\n  &__nav {\n    display: flex;\n    margin-bottom: 30px; }\n  &__type {\n    border-bottom: 1px solid $border;\n    @include fb;\n    font-size: 12px;\n    letter-spacing: 2px;\n    line-height: 60px;\n    color: $gray;\n    text-transform: uppercase;\n    text-align: center;\n    flex: 1 0 50%;\n    transition: border-color .2s, color .2s;\n    &.active {\n      border-color: $cl;\n      color: $cl; } }\n  &__tab {\n    display: none; }\n  &__fieldset {\n    display: flex; }\n  &__fieldset {\n    display: flex;\n    margin: 0 -7px; }\n  &__fieldset &__field {\n    margin: 0 7px 20px;\n    flex: 0 0 calc(50% - 14px); }\n  &__link {\n    display: block;\n    margin: -5px 0 0;\n    font-size: 12px;\n    color: $cl;\n    text-decoration: underline;\n    line-height: 1.5; }\n  &__foot {\n    margin-top: 30px; }\n  &__btn {\n    width: 100%;\n    padding: 18px 24px 17px; }\n  &__or {\n    padding: 10px 0;\n    font-size: 14px;\n    text-align: center; }\n  &__pass {\n    display: none; } }\n\n.popup {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  min-width: 360px;\n  padding: 15px;\n  background: rgba($cl,.7);\n  opacity: 0;\n  transition: opacity .2s;\n  overflow: auto;\n  z-index: 999;\n  &__wrap {\n    position: relative;\n    width: 100%;\n    max-width: 340px;\n    margin: auto;\n    background: white;\n    box-shadow: 0 2px 20px rgba(0,0,0,0.10);\n    border-radius: 3px;\n    transform: scale(.9);\n    transition: transform .2s;\n    &_md {\n      max-width: 620px; }\n    &_lg {\n      max-width: 1000px; } }\n  &__close {\n    position: absolute;\n    top: -15px;\n    right: -15px;\n    padding: 10px;\n    background: $cl;\n    border-radius: 50%;\n    box-shadow: 0 2px 20px rgba(0,0,0,0.10);\n    font-size: 0;\n    .icon {\n      font-size: 14px;\n      fill: white; } }\n  &.open {\n    display: flex; }\n  &.visible {\n    opacity: 1; }\n  &.visible &__wrap {\n    transform: scale(1); } }\n\n.head {\n  display: flex;\n  margin-bottom: 50px;\n  @include t {\n    margin-bottom: 40px;\n    flex-wrap: wrap; }\n  &__right {\n    flex: 0 0 220px;\n    @include t {\n      margin-left: auto; }\n    @include m {\n      margin: 0; }\n    &.hidden {\n      visibility: hidden; } }\n  &__title {\n    position: relative;\n    margin: 0;\n    padding: 0 20px 0 260px;\n    flex: 0 0 calc(100% - 220px);\n    z-index: 4;\n    @include t {\n      margin: 0 0 15px;\n      padding: 0;\n      flex: 0 0 100%; } }\n  &__curve {\n    position: absolute;\n    top: 50%;\n    left: calc(50% - 60px);\n    transform: translateY(-50%);\n    z-index: -2; } }\n\n.layout {\n  display: flex;\n  margin: 0 -10px;\n  @include t {\n    display: block; }\n  &__container,\n  &__sidebar {\n    padding: 0 10px; }\n  &__container {\n    flex: 0 0 66.66%;\n    @include t {\n      margin-bottom: 40px; } }\n  &__sidebar {\n    flex: 0 0 33.33%; } }\n\n.similar {\n  @include t {\n    display: flex;\n    margin: 0 -10px -30px;\n    flex-wrap: wrap; }\n  &__item {\n    display: flex;\n    margin-bottom: 30px;\n    color: $cl;\n    @include t {\n      margin: 0 10px 30px;\n      flex: 0 0 calc(50% - 20px); }\n    @include m {\n      flex: 0 0 calc(100% - 20px); } }\n  &__preview {\n    margin-right: 15px;\n    flex: 0 0 80px; }\n  &__pic {\n    display: block;\n    width: 100%;\n    border-radius: 2px; }\n  &__wrap {\n    flex: 0 0 calc(100% - 95px); }\n  &__title {\n    margin-bottom: 5px; }\n  &__ava {\n    font-size: 10px;\n    color: $gray;\n    text-transform: uppercase; } }\n\n.go {\n  display: flex;\n  margin-bottom: 50px;\n  justify-content: space-between;\n  align-items: center;\n  @include t {\n    margin-bottom: 30px; }\n  &__item {\n    display: flex;\n    max-width: calc(50% - 20px);\n    align-items: center;\n    color: $cl; }\n  &__arrow {\n    margin-right: 15px;\n    font-size: 0;\n    @include t {\n      margin-right: 10px; }\n    .icon {\n      font-size: 17px;\n      fill: $cl;\n      @include t {\n        font-size: 12px; } } }\n  &__title {\n    font-size: 18px;\n    line-height: 1.33;\n    @include t {\n      font-size: 14px; } }\n  &__title + &__arrow {\n    margin: 0 0 0 15px;\n    @include t {\n      margin-left: 10px; } }\n  &__btn {\n    width: 220px;\n    @include m {\n      width: auto; } } }\n\n.meta {\n  &,\n  &__item {\n    display: flex;\n    align-items: center; }\n  &__item {\n    &:not(:last-child) {\n      margin-right: 40px;\n      @include t {\n        margin-right: 30px; } } }\n  &__icon {\n    margin-right: 10px;\n    font-size: 0;\n    .icon {\n      font-size: 16px;\n      fill: $gray;\n      &-video {\n        font-size: 14px; }\n      &-showcase {\n        font-size: 18px; }\n      &-date {\n        font-size: 20px; } } }\n  &_white &__icon {\n    .icon {\n      fill: white; } } }\n\n.course {\n  margin-bottom: 60px;\n  &__head {\n    display: flex;\n    min-height: 40px;\n    margin-bottom: 30px;\n    align-items: center;\n    justify-content: space-between;\n    @include t {\n      margin-bottom: 10px; } }\n  &__title {\n    margin-bottom: 20px;\n    @include t {\n      margin-bottom: 10px; } }\n  &__content {\n    margin-bottom: 40px;\n    @include t {\n      margin-bottom: 25px; } }\n  &__about {\n    position: relative;\n    margin-bottom: 40px;\n    @include t {\n      margin-bottom: 25px; }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(black,.3); } }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__btn {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    min-width: 200px;\n    background: transparent;\n    border: 2px solid white;\n    color: white;\n    transform: translate(-50%,-50%);\n    overflow: hidden;\n    &:active {\n      color: rgba(white,.4); } }\n  &__user {\n    margin-bottom: 40px;\n    @include t {\n      margin-bottom: 30px; } }\n  &__info {\n    display: flex;\n    align-items: center;\n    @include m {\n      display: block; } }\n  &__buy {\n    width: 220px;\n    margin-left: auto;\n    @include m {\n      width: auto;\n      margin: 20px 0 0; } }\n  &__metas {\n    display: flex;\n    margin-bottom: 45px;\n    justify-content: space-between;\n    @include m {\n      display: block;\n      margin-bottom: 25px; } }\n  &__metas &__meta {\n    @include m {\n      margin-bottom: 20px; } }\n  &__actions {\n    display: flex;\n    margin: 0 -10px 50px; }\n  &__action {\n    position: relative;\n    margin: 0 10px;\n    flex: 0 0 calc(50% - 20px);\n    .icon {\n      position: absolute;\n      top: 50%;\n      right: 45px;\n      margin: 0;\n      font-size: 19px;\n      transform: translateY(calc(-50% - 1px));\n      @include m {\n        right: 20px; } } }\n  &__video {\n    margin-bottom: 30px; }\n  &__share {\n    margin-bottom: 60px; }\n  &_promo {\n    position: relative;\n    margin: 0;\n    padding: 100px 0 110px;\n    background-size: cover;\n    background-position: 50% 50%;\n    background-repeat: no-repeat;\n    color: white;\n    z-index: 4;\n    @include t {\n      padding: 60px 0; }\n    @include m {\n      padding: 40px 0 45px; }\n    &:before,\n    &:after {\n      content: '';\n      position: absolute; }\n    &:before {\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: linear-gradient(0deg, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.64) 100%);\n      z-index: -2; }\n    &:after {\n      left: 50%;\n      bottom: -1px;\n      margin-left: -16px;\n      @include arr(32,16,$bg,t); } }\n  &_promo &__likes {\n    color: white;\n    .icon {\n      fill: white; } } }\n\n.lessons {\n  &__list {\n    margin-bottom: 60px;\n    @include m {\n      margin-bottom: 40px; } }\n  &__item {\n    position: relative;\n    margin-bottom: 40px;\n    transition: box-shadow .2s;\n    @include m {\n      margin-bottom: 30px; } }\n  &__item:hover &__actions {\n    opacity: 1;\n    visibility: visible; }\n  &__subtitle {\n    margin-bottom: 20px; }\n  &__row {\n    display: flex;\n    @include m {\n      display: block; } }\n  &__preview {\n    margin-right: 25px;\n    flex: 0 0 140px;\n    @include m {\n      display: none; } }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__content {\n    flex: 0 0 calc(100% - 165px); }\n  &__actions {\n    display: flex;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity .2s, visibility .2s; }\n  &__action {\n    margin-left: 10px;\n    padding: 10px;\n    font-size: 0;\n    &:hover {\n      .icon {\n        fill: $cl; } }\n    .icon {\n      font-size: 20px;\n      fill: #C8C8C8;\n      transition: fill .2s; } }\n  &__foot {\n    text-align: center; }\n  &__btn {\n    width: 220px; }\n  &_kit &__item {\n    margin-bottom: 20px;\n    padding: 20px;\n    &:hover {\n      box-shadow: 0 10px 50px 0 rgba(0,0,0,0.06);\n      border-radius: 10px; } }\n  &_kit &__content {\n    flex: 0 0 100%; } }\n\n.lesson {\n  &__subtitle {\n    margin-bottom: 10px; }\n  &__content {\n    margin-bottom: 30px; } }\n\n.materials {\n  &__item {\n    display: flex;\n    &:not(:last-child) {\n      margin-bottom: 40px; } }\n  &__preview {\n    margin-right: 25px;\n    flex: 0 0 140px;\n    @include m {\n      margin-right: 20px;\n      flex: 0 0 100px; } }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__wrap {\n    flex: 0 0 calc(100% - 180px);\n    @include m {\n      flex: 0 0 calc(100% - 120px); } }\n  &__title {\n    margin-bottom: 10px;\n    @include fb;\n    font-size: 12px;\n    letter-spacing: 2px;\n    text-transform: uppercase; } }\n\n.examples {\n  display: flex;\n  margin: 0 -10px -20px;\n  flex-wrap: wrap;\n  @include m {\n    margin: 0 -5px -10px; }\n  &__item {\n    margin: 0 10px 20px;\n    flex: 0 0 calc(25% - 20px);\n    @include m {\n      margin: 0 5px 10px;\n      flex: 0 0 calc(33.33% - 10px); } }\n  &__pic {\n    display: block;\n    width: 100%; } }\n\n.questions {\n  &__form,\n  &__item {\n    display: flex; }\n  &__form {\n    margin-bottom: 40px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid $border; }\n  &__item {\n    &:not(:last-child) {\n      margin-bottom: 25px; }\n    &_reply {\n      padding-left: 80px;\n      @include m {\n        padding: 0; } } }\n  &__item_reply &__details {\n    margin-bottom: 10px;\n    padding: 20px;\n    background: white;\n    border-radius: 0 10px 10px 10px;\n    @include m {\n      padding: 10px; } }\n  &__ava {\n    height: 60px;\n    margin-right: 20px;\n    flex: 0 0 60px;\n    @include m {\n      height: 40px;\n      margin-right: 10px;\n      flex: 0 0 40px; } }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__wrap {\n    flex: 0 0 calc(100% - 80px);\n    @include m {\n      flex: 0 0 calc(100% - 50px); } }\n  &__field {\n    margin-bottom: 20px; }\n  &__textarea {\n    display: block;\n    width: 100%;\n    height: 44px;\n    padding: 11px 15px;\n    border-radius: 2px;\n    font-size: 16px;\n    resize: vertical;\n    @include m {\n      height: 64px; } }\n  &__btn {\n    display: block;\n    margin: 0 auto;\n    border-radius: 20px; }\n  &__details {\n    margin-bottom: 5px; }\n  &__head,\n  &__action {\n    @include fb;\n    font-size: 12px;\n    letter-spacing: 2px;\n    text-transform: uppercase; }\n  &__head {\n    margin-bottom: 15px;\n    @include m {\n      margin-bottom: 5px; } }\n  &__action,\n  &__date {\n    color: $gray; }\n  &__author {\n    margin-right: 15px; }\n  &__date {\n    display: inline-block; }\n  &__foot {\n    text-align: right; }\n  &__action {\n    margin-left: auto; } }\n\n.share {\n  &__title {\n    margin-bottom: 45px;\n    @include fb;\n    font-size: 20px;\n    text-align: center;\n    @include m {\n      margin-bottom: 30px; } }\n  &__list {\n    display: flex;\n    justify-content: center; }\n  &__item {\n    font-size: 0;\n    &:not(:last-child) {\n      margin-right: 20px; }\n    .icon {\n      font-size: 40px; } }\n  &_sm &__title {\n    margin-bottom: 15px; }\n  &_sm &__item {\n    &:not(:last-child) {\n      margin-right: 10px; }\n    .icon {\n      font-size: 30px; } }\n  &_right &__list {\n    justify-content: flex-start;\n    @include m {\n      justify-content: center; } } }\n\n.buy {\n  padding: 15px 30px 30px;\n  @include t {\n    padding: 10px 15px 25px; }\n  &__row {\n    display: flex;\n    margin: 0 -10px;\n    flex-wrap: wrap;\n    @include m {\n      flex-direction: column; } }\n  &__col {\n    margin-bottom: 20px;\n    padding: 0 10px;\n    flex: 0 0 320px;\n    @include t {\n      flex: 0 0 260px; }\n    @include m {\n      flex: 0 0 100%; }\n    &:nth-child(2n-1) {\n      flex: 0 0 calc(100% - 320px);\n      @include t {\n        flex: 0 0 calc(100% - 260px); }\n      @include m {\n        flex: 0 0 100%; } } }\n  &__head_main {\n    padding-top: 25px;\n    @include t {\n      padding-top: 21px; } }\n  &__label {\n    font-size: 16px;\n    @include t {\n      font-size: 14px; } }\n  &__title {\n    font-size: 30px;\n    @include t {\n      font-size: 24px; } }\n  &__content {\n    font-size: 12px;\n    color: $gray; }\n  &__foot {\n    margin-top: 20px;\n    text-align: center; }\n  &__btn {\n    width: 275px;\n    @include m {\n      width: 100%; } } }\n\n.order {\n  padding: 2px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n  border-radius: 8px;\n  &__wrap {\n    padding: 20px 30px 30px;\n    background: white;\n    border-radius: 6px;\n    @include t {\n      padding: 15px 20px 20px; } }\n  &__title {\n    margin-bottom: 20px;\n    font-size: 20px; }\n  &__preview {\n    margin: 0 -30px 20px;\n    @include t {\n      margin: 0 -20px 20px; } }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__label {\n    margin-bottom: 10px;\n    @include fb;\n    font-size: 11px;\n    text-transform: uppercase; }\n  &__foot {\n    display: flex;\n    margin: 30px -30px -10px;\n    padding: 20px 30px 0;\n    border-top: 1px solid $border;\n    @include fb;\n    font-size: 16px;\n    @include t {\n      margin: 30px -20px 0;\n      padding: 20px 20px 0; } }\n  &__total {\n    margin-left: auto; } }\n\n.lock {\n  padding: 50px 60px 40px;\n  text-align: center;\n  @include m {\n    padding: 30px 020px; }\n  &__label {\n    margin-bottom: 70px;\n    @include fb;\n    font-size: 12px;\n    color: $gray;\n    letter-spacing: 2px;\n    @include m {\n      margin-bottom: 40px;\n      font-size: 10px; } }\n  &__title {\n    margin-bottom: 20px; }\n  &__content {\n    margin-bottom: 70px;\n    @include m {\n      margin-bottom: 40px; } }\n  &__btn {\n    width: 220px; } }\n\n.profile {\n  padding-bottom: 20px;\n  @include m {\n    padding: 0;\n    text-align: center; }\n  &__head {\n    display: flex;\n    margin-bottom: 30px;\n    align-items: flex-start;\n    @include m {\n      display: none; } }\n  &__title {\n    margin: 0 20px 0 0; }\n  &__btn {\n    margin-left: auto;\n    padding: 10px 15px;\n    background: transparent;\n    border: 1px solid $gray;\n    color: $gray; }\n  &__row {\n    display: flex;\n    margin-bottom: 25px;\n    align-items: center;\n    @include m {\n      display: block;\n      margin-bottom: 30px; } }\n  &__ava {\n    height: 120px;\n    margin-right: 25px;\n    flex: 0 0 120px;\n    @include m {\n      width: 140px;\n      height: 140px;\n      margin: 0 auto 20px; } }\n  &__wrap {\n    flex: 0 0 calc(100% - 145px); }\n  &__name {\n    margin-bottom: 25px;\n    font-size: 20px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    @include m {\n      margin-bottom: 10px;\n      @include fb;\n      font-size: 24px;\n      letter-spacing: 0;\n      text-transform: none; } }\n  &__foot {\n    display: none;\n    margin-top: 30px;\n    text-align: center;\n    @include m {\n      display: block; } } }\n\n.tabs {\n  &__nav {\n    display: flex;\n    height: 56px;\n    margin-bottom: 40px;\n    border-bottom: 1px solid $border;\n    @include m {\n      margin: 0 -15px 30px; } }\n  &__btn {\n    height: 56px;\n    border-bottom: 1px solid $border;\n    @include fb;\n    font-size: 12px;\n    color: $gray;\n    letter-spacing: 1px;\n    transition: border-color .2s, color .2s;\n    @include m {\n      flex: 0 0 50%; }\n    &:not(:last-child) {\n      margin-right: 40px;\n      @include m {\n        margin: 0; } }\n    &:hover {\n      color: $cl; }\n    &.active {\n      border-color: $cl;\n      color: $cl; } }\n  &__item {\n    display: none; } }\n\n.menu {\n  display: flex;\n  &__link {\n    font-size: 16px;\n    color: $gray;\n    transition: color .2s;\n    &:not(:last-child) {\n      margin-right: 30px; }\n    &.active {\n      @include fb;\n      color: $cl; } } }\n\n.confirm {\n  &__title {\n    margin-bottom: 20px;\n    font-size: 24px; }\n  &__form {\n    display: flex;\n    margin: 25px -10px 30px;\n    align-items: center;\n    @include m {\n      display: block; } }\n  &__field,\n  &__btn {\n    margin: 0 10px;\n    flex: 0 0 calc(50% - 20px); }\n  &__field {\n    @include m {\n      margin-bottom: 20px; } } }\n\n.form {\n  position: relative;\n  &__ava {\n    position: absolute;\n    left: -160px;\n    width: 140px;\n    height: 140px;\n    @include t {\n      position: relative;\n      left: 0;\n      margin-bottom: 40px; } }\n  &__group {\n    position: relative;\n    margin-bottom: 40px; }\n  &__title {\n    margin-bottom: 30px;\n    font-size: 25px;\n    @include m {\n      @include fb;\n      font-size: 24px;\n      line-height: 1.33; } }\n  &__content {\n    margin-bottom: 40px;\n    @include m {\n      margin-bottom: 30px; } }\n  &__fieldset {\n    display: flex;\n    margin: 0 -10px;\n    @include m {\n      display: block; } }\n  &__fieldset &__field {\n    padding: 0 10px;\n    flex: 0 0 50%; }\n  &__field {\n    margin-bottom: 25px;\n    @include m {\n      margin-bottom: 20px; } }\n  &__switch {\n    margin-bottom: 10px; }\n  &__btn {\n    width: 100%; } }\n\n.transactions {\n  &__row {\n    display: flex;\n    margin: 0 -10px 20px;\n    flex-wrap: wrap; }\n  &__cell {\n    padding: 0 10px;\n    font-size: 13px;\n    &:first-child {\n      @include fb;\n      font-size: 12px;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      flex: 0 0 60%;\n      @include m {\n        flex: 0 0 75%; } }\n    &:nth-child(2),\n    &:last-child {\n      flex: 0 0 20%;\n      text-align: right; }\n    &:nth-child(2) {\n      @include m {\n        flex: 0 0 25%; } }\n    &:last-child {\n      color: $green-light;\n      @include m {\n        flex: 0 0 100%; } } } }\n\n.empty {\n  max-width: 300px;\n  margin: 0 auto;\n  text-align: center; }\n\n.done {\n  padding: 60px 0;\n  text-align: center;\n  @include m {\n    padding: 0; }\n  &__foot {\n    margin-top: 60px;\n    @include m {\n      margin-top: 40px; } }\n  &__btn {\n    width: 100%;\n    max-width: 300px; } }\n\n.author {\n  &__row {\n    display: flex; }\n  &__ava {\n    height: 90px;\n    margin-right: 20px;\n    flex: 0 0 90px;\n    @include m {\n      height: 60px;\n      margin-right: 15px;\n      flex: 0 0 60px; } }\n  &__wrap {\n    flex: 0 0 calc(100% - 110px);\n    @include m {\n      flex: 0 0 calc(100% - 75px); } }\n  &__hi,\n  &__name {\n    display: table;\n    @include fb;\n    text-transform: uppercase; }\n  &__hi {\n    margin-bottom: 30px;\n    font-size: 12px;\n    letter-spacing: 2px;\n    @include m {\n      margin-bottom: 10px; } }\n  &__name {\n    font-size: 10px;\n    letter-spacing: 1.66px; }\n  &__content {\n    margin-bottom: 30px;\n    @include m {\n      margin-bottom: 10px; } } }\n\n.upload {\n  position: relative;\n  font-size: 18px;\n  color: $blue;\n  overflow: hidden;\n  &__file {\n    position: absolute;\n    top: 0;\n    right: 0;\n    opacity: 0;\n    cursor: pointer; } }\n\n.info {\n  display: flex;\n  background: $bg;\n  @include m {\n    display: block;\n    margin-top: 60px; }\n  &__section {\n    display: flex;\n    position: relative;\n    background-position: 50% 50%;\n    background-size: cover;\n    flex: 0 0 calc(50% + 169px);\n    justify-content: flex-end;\n    z-index: 4;\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: linear-gradient(0deg, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.64) 100%);\n      z-index: -2; } }\n  &__sidebar {\n    flex: 0 0 calc(50% - 169px); }\n  &__main {\n    display: flex;\n    max-width: 675px;\n    height: 550px;\n    padding: 30px 40px 50px;\n    flex-direction: column;\n    @include t {\n      width: 100%;\n      max-width: 100%;\n      padding: 30px 15px 50px; } }\n  &__head {\n    display: flex;\n    align-items: flex-start; }\n  &__user {\n    display: flex;\n    margin-bottom: 45px;\n    align-items: center; }\n  &__ava {\n    width: 40px;\n    height: 40px;\n    margin-right: 20px;\n    flex: 0 0 40px; }\n  &__label {\n    @include fb;\n    font-size: 10px;\n    color: $gray;\n    letter-spacing: 1px; }\n  &__value {\n    font-size: 18px;\n    color: white; }\n  &__upload {\n    margin-left: auto;\n    font-size: 16px;\n    color: rgba(white,.7); }\n  &__foot {\n    display: flex;\n    margin-top: auto;\n    @include m {\n      display: block; } }\n  &__foot &__field {\n    margin-right: 20px;\n    flex: 0 0 140px; }\n  &__wrap {\n    max-width: 349px;\n    height: 550px;\n    padding: 30px 40px 30px 30px;\n    @include t {\n      max-width: 100%;\n      height: auto;\n      padding: 30px 15px 30px; } }\n  &__wrap {\n    display: flex;\n    flex-direction: column; }\n  &__wrap &__field {\n    margin-bottom: 30px;\n    &:last-child {\n      margin: 0; } }\n  &__fieldset {\n    &:first-child {\n      margin-bottom: 50px; }\n    &:last-child {\n      margin-top: auto; } } }\n\n.add {\n  display: flex;\n  &__toggle {\n    font-size: 0; }\n  &__circle,\n  &__title {\n    display: inline-block;\n    vertical-align: middle; }\n  &__circle {\n    position: relative;\n    margin-right: 10px;\n    padding: 19px;\n    border: 1px solid $border;\n    border-radius: 50%;\n    .icon {\n      font-size: 20px;\n      fill: #B5B5B5; } }\n  &__title {\n    margin-left: 10px;\n    font-size: 20px;\n    color: #B5B5B5; }\n  &__list {\n    display: none; }\n  &__btn {\n    width: 60px;\n    height: 60px;\n    border: 1px solid #888;\n    border-radius: 50%;\n    font-size: 0;\n    &:not(:last-child) {\n      margin: 0 10px 10px 0; }\n    .icon {\n      font-size: 22px;\n      fill: $cl;\n      &-live {\n        font-size: 10px; }\n      &-image-text {\n        font-size: 15px; }\n      &-text {\n        font-size: 17px; }\n      &-images {\n        font-size: 32px; } } }\n  &.open &__circle {\n    .icon {\n      transform: rotate(45deg); } }\n  &.open &__title {\n    display: none; }\n  &.open &__list {\n    display: flex;\n    flex-wrap: wrap; } }\n\n.kit {\n  max-width: 620px;\n  &__section {\n    margin-bottom: 60px; }\n  &__nav {\n    display: flex;\n    margin: 0 -10px 60px; }\n  &__btn {\n    margin: 0 10px;\n    flex: 0 0 calc(50% - 20px); }\n  &__add {\n    margin-bottom: 40px; }\n  &__service {\n    display: flex;\n    align-items: center; }\n  &__service &__field {\n    margin: 0;\n    flex: 1 0 auto; }\n  &__upload {\n    margin-left: 20px; }\n  &__row {\n    display: flex; }\n  &__row &__photo {\n    height: 110px;\n    margin-right: 20px;\n    flex: 0 0 140px;\n    @include m {\n      flex: 0 0 110px; } }\n  &__photo {\n    display: flex;\n    position: relative;\n    border: 1px solid $border;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    .icon {\n      font-size: 20px;\n      fill: #B5B5B5; } }\n  &__file {\n    position: absolute;\n    top: 0;\n    right: 0;\n    font-size: 100px;\n    opacity: 0;\n    cursor: pointer; }\n  &__fieldset {\n    flex: 0 0 calc(100% - 160px);\n    @include m {\n      flex: 0 0 calc(100% - 130px); } }\n  &__gallery {\n    display: flex;\n    margin: 0 -10px;\n    flex-wrap: wrap; }\n  &__gallery &__photo,\n  &__preview {\n    margin: 0 10px 20px;\n    flex: 0 0 calc(25% - 20px); }\n  &__pic {\n    display: block;\n    width: 100%; }\n  &__theme {\n    margin-bottom: 30px;\n    padding-bottom: 5px;\n    font-size: 20px;\n    border-bottom: 1px solid $border; }\n  &__foot {\n    text-align: center; }\n  &__submit {\n    width: 220px; } }\n\n.editor {\n  position: relative; }\n\n.fontstyle {\n  position: absolute;\n  top: -40px;\n  left: 40px;\n  padding: 0 15px;\n  background: $cl;\n  border-radius: 35px;\n  font-size: 0;\n  white-space: nowrap;\n  &__regular,\n  &__bold,\n  &__italic {\n    width: 28px;\n    height: 35px;\n    font-size: 16px;\n    color: white; }\n  &__bold {\n    @include fb; }\n  &__italic {\n    font-style: italic; } }\n\n.ui-datepicker {\n  display: none;\n  width: 240px;\n  margin-top: 10px;\n  padding: 5px;\n  background: white;\n  box-shadow: 0 2px 20px 0 rgba(0,0,0,0.10);\n  z-index: 99!important;\n  &-header {\n    display: flex;\n    margin-bottom: 5px;\n    align-items: center; }\n  &-prev,\n  &-next {\n    padding: 10px;\n    font-size: 0;\n    cursor: pointer;\n    &:before {\n      content: '';\n      display: block;\n      width: 10px;\n      height: 10px;\n      border: solid $border;\n      border-width: 2px 2px 0 0; } }\n  &-prev {\n    order: 1;\n    &:before {\n      transform: rotate(-135deg); } }\n  &-title {\n    text-align: center;\n    order: 2;\n    flex: 1 0 auto; }\n  &-next {\n    order: 3;\n    &:before {\n      transform: rotate(45deg); } }\n  &-calendar {\n    th,\n    td {\n      @include fb;\n      font-size: 10px;\n      text-transform: uppercase;\n      text-align: center;\n      vertical-align: middle; }\n    th {\n      padding: 5px; }\n    a {\n      display: block;\n      padding: 7px;\n      color: #8C8C8C;\n      transition: color .2s;\n      &:hover {\n        color: $cl; }\n      &.ui-state-active {\n        background: $bg;\n        color: $pink; } } } }\n\n.form__common-error {\n  margin-top: 15px;\n  font-size: 14px;\n  background: $pink;\n  color: #fff;\n  padding: 10px;\n  display: none; }\n\n.mobile-hide {\n  @include m {\n    display: none; } }\n\n\n\n\n\n\n\n\n\n\n","html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,\nh6, p, blockquote, pre, a, abbr, acronym, address, big,\ncite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,\nstrike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,\ndd, ol, ul, li, fieldset, form, label, legend, table, caption,\ntbody, tfoot, thead, tr, th, td, article, aside, canvas, details,\nembed, figure, figcaption, footer, header, hgroup, menu, nav,\noutput, ruby, section, summary, time, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  vertical-align: baseline;\n}\n\nhtml {\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n}\n\nimg, fieldset, a img {\n  border: none;\n}\n\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ntextarea {\n  -webkit-appearance: none;\n}\n\ninput[type=\"submit\"],\nbutton {\n  cursor: pointer;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n\ntextarea {\n  overflow: auto;\n}\n\ninput, button {\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\ndiv, input, textarea, select, button,\nh1, h2, h3, h4, h5, h6, a, span, a:focus {\n  outline: none;\n}\n\nul, ol {\n  list-style-type: none;\n}\n\ntable {\n  border-spacing: 0;\n  border-collapse: collapse;\n  width: 100%;\n}\n\nhtml {\n  box-sizing: border-box;\n}\n\n*, *:before, *:after {\n  box-sizing: inherit;\n}\n\n.icon-add-plus {\n  width: 1em;\n  height: 1em;\n  fill: #B5B5B5;\n}\n\n.icon-arrow-down {\n  width: 1.71em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-arrow-left {\n  width: 1.33em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-arrow-right {\n  width: 1.28em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-close {\n  width: 1em;\n  height: 1em;\n  fill: #191919;\n}\n\n.icon-date {\n  width: 0.95em;\n  height: 1em;\n  fill: #979797;\n}\n\n.icon-delete {\n  width: 1em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n\n.icon-edit {\n  width: 1em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n\n.icon-eye {\n  width: 1.69em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-facebook {\n  width: 0.5em;\n  height: 1em;\n  fill: #FFF;\n}\n\n.icon-fb {\n  width: 0.44em;\n  height: 1em;\n  fill: #1C2635;\n}\n\n.icon-image-text {\n  width: 2.07em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-image {\n  width: 1em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-images {\n  width: 1em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-instagram {\n  width: 1em;\n  height: 1em;\n  fill: #1C2635;\n}\n\n.icon-like-bold {\n  width: 1.07em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-like-fill-bold {\n  width: 1.07em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-like-fill {\n  width: 1.17em;\n  height: 1em;\n  fill: #B5B5B5;\n}\n\n.icon-like {\n  width: 1.17em;\n  height: 1em;\n  fill: #B5B5B5;\n}\n\n.icon-live {\n  width: 2.6em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-location {\n  width: 0.76em;\n  height: 1em;\n  fill: initial;\n}\n\n.icon-lock {\n  width: 0.74em;\n  height: 1em;\n  fill: initial;\n}\n\n.icon-menu {\n  width: 2em;\n  height: 1em;\n  fill: #202124;\n}\n\n.icon-money {\n  width: 1.53em;\n  height: 1em;\n  fill: #979797;\n}\n\n.icon-photo {\n  width: 1.33em;\n  height: 1em;\n  fill: #FFF;\n}\n\n.icon-play {\n  width: 0.8em;\n  height: 1em;\n  fill: #FFF;\n}\n\n.icon-plus {\n  width: 1em;\n  height: 1em;\n  fill: #BEBEBE;\n}\n\n.icon-search {\n  width: 1em;\n  height: 1em;\n  fill: initial;\n}\n\n.icon-searching {\n  width: 0.97em;\n  height: 1em;\n  fill: initial;\n}\n\n.icon-share-facebook {\n  width: 1em;\n  height: 1em;\n  fill: #35578C;\n}\n\n.icon-share-google {\n  width: 1em;\n  height: 1em;\n  fill: #CC4F42;\n}\n\n.icon-share-instagram {\n  width: 1em;\n  height: 1em;\n  fill: #EA418C;\n}\n\n.icon-share-pinterest {\n  width: 1em;\n  height: 1em;\n  fill: #B8242B;\n}\n\n.icon-share-twitter {\n  width: 1em;\n  height: 1em;\n  fill: #38A0CD;\n}\n\n.icon-showcase {\n  width: 1em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n\n.icon-text {\n  width: 0.82em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-thumb {\n  width: 0.96em;\n  height: 1em;\n  fill: initial;\n}\n\n.icon-time {\n  width: 1em;\n  height: 1em;\n  fill: #979797;\n}\n\n.icon-twitter {\n  width: 1.18em;\n  height: 1em;\n  fill: #1C2635;\n}\n\n.icon-user {\n  width: 1em;\n  height: 1em;\n  fill: #191919;\n}\n\n.icon-video-stroke {\n  width: 0.82em;\n  height: 1em;\n  fill: #333;\n}\n\n.icon-video {\n  width: 1.43em;\n  height: 1em;\n  fill: #C8C8C8;\n}\n\n.icon-wallet {\n  width: 1.15em;\n  height: 1em;\n  fill: initial;\n}\n\n.icon-youtube {\n  width: 1.2em;\n  height: 1em;\n  fill: #1C2635;\n}\n\n@font-face {\n  font-family: ProximaNova-Regular;\n  src: url(\"fonts/ProximaNova-Regular.woff2\") format(\"woff2\"), url(\"fonts/ProximaNova-Regular.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: ProximaNova-Bold;\n  src: url(\"fonts/ProximaNova-Bold.woff2\") format(\"woff2\"), url(\"fonts/ProximaNova-Bold.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: ProximaNova-SemiBold;\n  src: url(\"fonts/ProximaNova-SemiBold.woff2\") format(\"woff2\"), url(\"fonts/ProximaNova-SemiBold.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: ProximaNova-Light;\n  src: url(\"fonts/ProximaNova-Light.woff2\") format(\"woff2\"), url(\"fonts/ProximaNova-Light.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal;\n}\n\nbody {\n  min-width: 360px;\n  font-family: 'ProximaNova-Regular', serif;\n  font-size: 15px;\n  color: #191919;\n  line-height: 1.333;\n}\n\n@media only screen and (max-width: 1023px) {\n  body {\n    font-size: 14px;\n    line-height: 1.57;\n  }\n}\n\nbody.no-scroll {\n  overflow: hidden;\n}\n\nbutton,\ninput,\ntextarea,\nselect {\n  font-family: 'ProximaNova-Regular', serif;\n  font-size: 15px;\n}\n\nbutton {\n  background: none;\n}\n\na {\n  color: #FF9393;\n  text-decoration: none;\n}\n\ninput,\ntextarea {\n  text-overflow: ellipsis;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  color: #A7A7A7;\n}\n\ntextarea {\n  border: none;\n}\n\nstrong,\nb {\n  font-family: 'ProximaNova-Bold', serif;\n}\n\n*::selection {\n  background: #FF9393;\n  color: white;\n}\n\n.outer {\n  display: flex;\n  min-height: 100vh;\n  flex-direction: column;\n}\n\n.container {\n  flex: 1 0 auto;\n}\n\n.center {\n  width: 100%;\n  max-width: 1024px;\n  margin: 0 auto;\n  padding: 0 40px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .center {\n    padding: 0 15px;\n  }\n}\n\n.center_md {\n  max-width: 860px;\n}\n\n.center_sm {\n  max-width: 700px;\n}\n\n.center_xs {\n  max-width: 540px;\n}\n\n.btn {\n  position: relative;\n  padding: 13px 24px 12px;\n  background-image: linear-gradient(-225deg, #D1FF7F 0%, #56FFFD 100%);\n  border-radius: 3px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  color: #191919;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  text-align: center;\n  transition: all .2s;\n  z-index: 2;\n}\n\n@media only screen and (max-width: 1023px) {\n  .btn {\n    line-height: 1.33;\n  }\n}\n\n.btn:hover {\n  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11);\n}\n\n.btn:active {\n  box-shadow: 0 0 0 0 transparent;\n  color: rgba(38, 38, 38, 0.1);\n}\n\n.btn:active .icon {\n  fill: rgba(38, 38, 38, 0.1);\n}\n\n.btn__title,\n.btn .icon {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.btn__title {\n  margin-top: -1px;\n}\n\n.btn .icon {\n  position: relative;\n  top: -1px;\n  margin-right: 15px;\n  fill: #191919;\n  transition: fill .2s;\n}\n\n.btn_dark {\n  background: #191919;\n  color: white;\n}\n\n.btn_dark:hover {\n  background: #545454;\n}\n\n.btn_dark:active {\n  color: rgba(255, 255, 255, 0.1);\n}\n\n.btn_light {\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n}\n\n.btn_stroke:hover:before, .btn_stroke:active:before {\n  opacity: 0;\n}\n\n.btn_stroke:before {\n  content: '';\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  right: 1px;\n  bottom: 1px;\n  background: white;\n  border-radius: 2px;\n  transition: opacity .2s;\n  z-index: -2;\n}\n\n.btn_gray {\n  background: #F8F8F8;\n}\n\n.btn_md {\n  padding: 18px 24px 17px;\n}\n\n@media only screen and (max-width: 599px) {\n  .btn_md {\n    padding: 13px 24px 12px;\n  }\n}\n\n.btn_lg {\n  padding: 28px 40px 27px;\n}\n\n@media only screen and (max-width: 599px) {\n  .btn_lg {\n    padding: 13px 20px;\n  }\n}\n\n.btn_lg.btn_stroke {\n  padding: 27px  39px 26px;\n}\n\n@media only screen and (max-width: 599px) {\n  .btn_lg.btn_stroke {\n    padding: 12px 19px;\n  }\n}\n\n.btn_icon {\n  padding-left: 9px;\n  padding-right: 9px;\n  background: transparent;\n  border: 1px solid #E6E6E6;\n  font-size: 0;\n}\n\n.btn_icon .icon {\n  margin: 0;\n  font-size: 13px;\n  fill: #191919;\n}\n\n.btn.loading {\n  box-shadow: none;\n  color: transparent;\n}\n\n.btn.loading .icon {\n  visibility: hidden;\n}\n\n.btn.loading:after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 24px;\n  height: 24px;\n  margin: -12px 0 0 -12px;\n  border: 3px solid #191919;\n  border-left: 3px solid transparent;\n  border-radius: 50%;\n  animation: loading .6s infinite linear;\n}\n\n.btn_fb {\n  background: #3957A7;\n  color: white;\n}\n\n.btn_fb:active {\n  color: rgba(255, 255, 255, 0.2);\n}\n\n.btn_fb:active .icon {\n  fill: rgba(255, 255, 255, 0.2);\n}\n\n.btn_fb .icon {\n  margin: -9px 15px -6px -25px;\n  font-size: 20px;\n  fill: white;\n}\n\n.btn_fb.loading {\n  box-shadow: none;\n  color: transparent;\n}\n\n.btn_fb.loading .icon {\n  visibility: hidden;\n}\n\n.btn_fb.loading:after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 24px;\n  height: 24px;\n  margin: -12px 0 0 -12px;\n  border: 3px solid #fff;\n  border-left: 3px solid transparent;\n  border-radius: 50%;\n  animation: loading .6s infinite linear;\n}\n\n@keyframes loading {\n  0 {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\na.btn {\n  display: inline-block;\n}\n\n.logo {\n  display: block;\n  width: 219px;\n  height: 71px;\n  background: url(../img/school-lil-city.svg) no-repeat 0 0/contain;\n}\n\n@media only screen and (max-width: 1023px) {\n  .logo {\n    width: 124px;\n    height: 40px;\n  }\n}\n\n.search {\n  position: relative;\n  width: 40px;\n  height: 40px;\n}\n\n@media only screen and (max-width: 599px) {\n  .search {\n    width: 100%;\n  }\n}\n\n.search__input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 40px;\n  height: 40px;\n  padding: 0 15px;\n  background: rgba(25, 25, 25, 0.1);\n  border-radius: 20px;\n  color: rgba(25, 25, 25, 0.8);\n  transition: width .4s;\n}\n\n@media only screen and (max-width: 599px) {\n  .search__input {\n    width: 100%;\n  }\n}\n\n.search__btn {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 40px;\n}\n\n.search__btn .icon {\n  font-size: 17px;\n  fill: rgba(25, 25, 25, 0.5);\n  transform: translate(0, 2px);\n}\n\n.search.open .search__input {\n  width: 170px;\n}\n\n@media only screen and (max-width: 599px) {\n  .search.open .search__input {\n    width: 100%;\n  }\n}\n\n.header {\n  position: relative;\n  z-index: 20;\n}\n\n.header__container {\n  display: flex;\n  height: 100px;\n  border-bottom: 1px solid #E6E6E6;\n  align-items: center;\n}\n\n@media only screen and (max-width: 1023px) {\n  .header__container {\n    height: 65px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .header__container {\n    height: 70px;\n    margin: 0 -15px;\n    justify-content: space-between;\n  }\n}\n\n.header__wrap {\n  display: flex;\n  align-items: center;\n  flex-direction: row-reverse;\n  flex: 1 0 auto;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__wrap {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: white;\n    flex-direction: column;\n    z-index: 20;\n  }\n  .header__wrap.visible {\n    display: block;\n  }\n}\n\n.header__actions {\n  display: flex;\n  margin: auto;\n  align-items: center;\n  justify-content: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__actions {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    padding: 10px 15px;\n    background: white;\n  }\n}\n\n.header__status {\n  margin-right: 5px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  color: #A7A7A7;\n  letter-spacing: 1px;\n}\n\n.header__btn {\n  margin-left: 10px;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__top {\n    display: flex;\n    height: 70px;\n    border-bottom: 1px solid #E6E6E6;\n    align-items: center;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .header__search {\n    margin-left: 10px;\n    flex: 0 0 calc(100% - 90px);\n  }\n}\n\n.header__nav {\n  display: flex;\n  margin: auto;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__nav {\n    display: block;\n    height: calc(100vh - 71px);\n    margin: 0;\n    padding: 15px 0;\n    overflow: auto;\n  }\n}\n\n.header__group {\n  position: relative;\n}\n\n.header__group:hover .header__section {\n  color: #191919;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__group:hover .header__section {\n    color: #FF9393;\n  }\n}\n\n.header__group:hover .header__list {\n  opacity: 1;\n  visibility: visible;\n}\n\n.header__section {\n  display: block;\n  height: 100px;\n  margin: 0 15px;\n  border-bottom: 1px solid transparent;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  color: #8C8C8C;\n  line-height: 100px;\n  transition: color .2s;\n}\n\n@media only screen and (max-width: 1023px) {\n  .header__section {\n    height: 65px;\n    font-size: 10px;\n    line-height: 65px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .header__section {\n    position: relative;\n    height: auto;\n    margin: 0;\n    padding: 15px 40px 15px 20px;\n    border: none;\n    font-size: 14px;\n    color: #FF9393;\n    letter-spacing: 2.5px;\n    line-height: 1.33;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .header__section_sub:before, .header__section_sub:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    background: #A7A7A7;\n    transform: translateY(-50%);\n  }\n  .header__section_sub:before {\n    right: 20px;\n    width: 12px;\n    height: 2px;\n  }\n  .header__section_sub:after {\n    right: 25px;\n    width: 2px;\n    height: 12px;\n  }\n}\n\n.header__section.active {\n  border-color: #191919;\n  color: #191919;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__section.active {\n    color: #FF9393;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .header__section.open:after {\n    opacity: 0;\n  }\n}\n\n.header__list, .header__drop {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  width: 190px;\n  margin-left: -95px;\n  padding: 10px 0;\n  background: white;\n  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);\n  border-radius: 2px;\n  opacity: 0;\n  visibility: hidden;\n  transform: translate3d(0, 0, 0);\n  transition: opacity .2s, visibility .2s;\n  overflow: hidden;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__list {\n    display: none;\n    position: static;\n    width: 100%;\n    margin: 0;\n    box-shadow: none;\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n.header__drop {\n  left: auto;\n  right: 20px;\n  margin: 0;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__drop {\n    padding: 0;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .header__drop .header__link {\n    padding: 8px 20px 7px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .header__drop .header__link_border {\n    padding: 12px 20px 10px;\n  }\n}\n\n.header__balance {\n  margin-bottom: 10px;\n  padding: 0 20px 10px;\n  border-bottom: 1px solid #E6E6E6;\n}\n\n.header__link {\n  display: block;\n  position: relative;\n  padding: 8px 20px 7px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 10px;\n  color: #8C8C8C;\n  text-transform: uppercase;\n  transition: color .2s;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__link {\n    padding: 11px 20px;\n    font-size: 12px;\n    color: #191919;\n  }\n}\n\n.header__link:hover {\n  color: #191919;\n}\n\n.header__link_green {\n  color: #5BD700;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__link_green {\n    color: #5BD700;\n  }\n}\n\n.header__link_green:hover {\n  color: #45a400;\n}\n\n.header__link_border {\n  margin-bottom: 5px;\n  padding: 2px 20px 10px;\n  border-bottom: 1px solid #E6E6E6;\n  color: #191919;\n}\n\n.header__link.active .header__title:after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: -10px;\n  right: -10px;\n  height: 2px;\n  margin-top: -2px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n}\n\n.header__title {\n  display: table;\n  position: relative;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__menu, .header__enter, .header__close {\n    display: block;\n    width: 60px;\n    height: 60px;\n    font-size: 0;\n  }\n}\n\n.header__menu, .header__close {\n  display: none;\n}\n\n.header__menu .icon, .header__close .icon {\n  fill: #191919;\n}\n\n.header__menu .icon {\n  font-size: 10px;\n}\n\n.header__close .icon {\n  font-size: 20px;\n}\n\n.header__enter {\n  height: 100px;\n  margin-left: 40px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  color: #8C8C8C;\n  line-height: 100px;\n  transition: color .2s;\n}\n\n@media only screen and (max-width: 1023px) {\n  .header__enter {\n    height: 65px;\n    margin-left: 25px;\n    font-size: 10px;\n    line-height: 65px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .header__enter {\n    margin: 0;\n    font-size: 0;\n    line-height: 1;\n  }\n}\n\n.header__enter:hover {\n  color: #191919;\n}\n\n.header__enter .icon {\n  display: none;\n}\n\n@media only screen and (max-width: 599px) {\n  .header__enter .icon {\n    display: inline-block;\n    font-size: 20px;\n    fill: #191919;\n  }\n}\n\n.header__login {\n  position: relative;\n  margin-right: -20px;\n  padding: 30px 20px;\n  flex: 0 0 80px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .header__login {\n    margin-right: -15px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .header__login {\n    margin: 0;\n    padding: 15px 20px;\n  }\n}\n\n.header__login:hover .header__drop {\n  opacity: 1;\n  visibility: visible;\n}\n\n.header__ava {\n  height: 40px;\n}\n\n.header_bg .header__container {\n  border-color: transparent;\n}\n\n.main {\n  display: flex;\n  position: relative;\n  min-height: 500px;\n  margin-top: -100px;\n  padding: 120px 0 50px;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  text-align: center;\n  z-index: 4;\n}\n\n@media only screen and (max-width: 1023px) {\n  .main {\n    min-height: 350px;\n    padding: 137px 0 40px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .main {\n    min-height: 400px;\n  }\n}\n\n.main:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n  opacity: .8;\n  z-index: -2;\n}\n\n.main__center {\n  margin: auto;\n}\n\n.main__title {\n  max-width: 780px;\n  margin: 0 auto 40px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 50px;\n  line-height: 1.2;\n}\n\n@media only screen and (max-width: 1023px) {\n  .main__title {\n    max-width: 400px;\n    font-size: 24px;\n    line-height: 1.33;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .main__title {\n    margin-bottom: 50px;\n  }\n}\n\n.main__content {\n  margin-bottom: 30px;\n}\n\n.main__time {\n  padding: 7px 0;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 20px;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n}\n\n.main_green:before {\n  background-image: linear-gradient(-225deg, #E2E2E2 0%, #E2FFDF 100%);\n}\n\n.main_sm {\n  min-height: 0;\n  padding: 135px 0 55px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .main_sm {\n    min-height: 0;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .main_sm {\n    min-height: 0;\n  }\n}\n\n.main_sm .main__title {\n  margin-bottom: 0;\n}\n\n.title {\n  position: relative;\n  margin-bottom: 35px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 32px;\n  line-height: 1.09375;\n  z-index: 4;\n}\n\n@media only screen and (max-width: 1023px) {\n  .title {\n    margin-bottom: 20px;\n    font-size: 24px;\n    line-height: 1.33;\n  }\n}\n\n.title_center {\n  text-align: center;\n}\n\n.title_sm {\n  margin-bottom: 20px;\n  font-size: 25px;\n}\n\n.subtitle {\n  margin-bottom: 25px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 20px;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n}\n\n@media only screen and (max-width: 599px) {\n  .subtitle {\n    margin-bottom: 15px;\n    font-size: 12px;\n    letter-spacing: 2px;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .subtitle_center {\n    text-align: center;\n  }\n}\n\n.text {\n  position: relative;\n  max-width: 620px;\n  margin: 0 auto 60px;\n  font-family: 'ProximaNova-Light', serif;\n  font-size: 24px;\n  text-align: center;\n  z-index: 2;\n}\n\n@media only screen and (max-width: 1023px) {\n  .text {\n    max-width: 400px;\n    margin-bottom: 40px;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .text {\n    margin-bottom: 30px;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .text p {\n    display: inline;\n  }\n}\n\n.text p:not(:last-child) {\n  margin-bottom: 35px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .text p:not(:last-child) {\n    margin: 0;\n  }\n}\n\n.text__curve {\n  position: absolute;\n  pointer-events: none;\n  z-index: -2;\n}\n\n.text__curve_one {\n  left: -95px;\n  bottom: 5px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .text__curve_one {\n    left: -85px;\n    bottom: -60px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .text__curve_one {\n    width: 200px;\n    left: 0;\n    top: -10px;\n    bottom: auto;\n  }\n}\n\n.text__curve_two {\n  left: -105px;\n  bottom: -50px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .text__curve_two {\n    left: -85px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .text__curve_two {\n    left: 0;\n    bottom: -15px;\n    width: 150px;\n  }\n}\n\n.text__curve_three {\n  left: -65px;\n  bottom: -35px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .text__curve_three {\n    left: -85px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .text__curve_three {\n    left: 0;\n    bottom: -10px;\n  }\n}\n\n.text__curve_four {\n  left: -75px;\n  bottom: -45px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .text__curve_four {\n    left: -60px;\n    width: 90px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .text__curve_four {\n    left: 30px;\n    bottom: -20px;\n  }\n}\n\n.text_lg {\n  max-width: 740px;\n}\n\n.text_mb0 {\n  margin-bottom: 0;\n}\n\n@media only screen and (max-width: 1023px) {\n  .text_mb0 {\n    margin-bottom: 0;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .text_mb0 {\n    margin-bottom: 0;\n  }\n}\n\n.section {\n  padding: 60px 0;\n}\n\n@media only screen and (max-width: 1023px) {\n  .section {\n    padding: 40px 0;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .section {\n    padding: 30px 0;\n  }\n}\n\n.section_review {\n  background: url(../img/bg-elephants.jpg) 0 0/100px 102px;\n}\n\n.section_gray {\n  background: #F8F8F8;\n}\n\n.section_border {\n  position: relative;\n}\n\n.section_border:after {\n  content: '';\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  width: 100%;\n  max-width: 944px;\n  height: 1px;\n  background: #E6E6E6;\n  transform: translateX(-50%);\n}\n\n@media only screen and (max-width: 1023px) {\n  .section_border:after {\n    max-width: calc(100% - 30px);\n  }\n}\n\n.section_gradient {\n  background-image: linear-gradient(-225deg, #F8F8F8 0%, #FFF2F2 100%);\n}\n\n.section_tabs {\n  padding-top: 20px;\n}\n\n@media only screen and (max-width: 599px) {\n  .section_tabs {\n    padding-top: 10px;\n  }\n}\n\n.section_menu {\n  padding: 20px 0;\n}\n\n.section_confirm {\n  padding: 30px 0 50px;\n}\n\n.ava {\n  display: block;\n  position: relative;\n  overflow: hidden;\n}\n\n.ava__pic {\n  display: block;\n  width: 100%;\n  border-radius: 50%;\n}\n\n.ava__input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  font-size: 140px;\n  appearance: none;\n  cursor: pointer;\n  z-index: 2;\n}\n\n.ava__icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 0;\n}\n\n.ava__icon .icon {\n  font-size: 30px;\n  fill: white;\n}\n\n.likes {\n  display: flex;\n  color: #191919;\n  align-items: center;\n}\n\n.likes__counter {\n  margin-right: 5px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 13px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .likes__counter {\n    font-size: 12px;\n  }\n}\n\n.likes__icon {\n  position: relative;\n  font-size: 0;\n}\n\n.likes.active .icon {\n  display: none;\n}\n\n.likes.active .icon-like-fill, .likes.active .icon-like-fill-bold {\n  display: block;\n}\n\n.likes .icon {\n  position: relative;\n  top: -1px;\n  font-size: 14px;\n  fill: #191919;\n}\n\n.likes .icon-like-fill, .likes .icon-like-fill-bold {\n  display: none;\n  fill: #FF9393;\n}\n\n.likes .icon-like-fill-bold {\n  position: relative;\n  top: -1px;\n}\n\n.user {\n  display: flex;\n  align-items: center;\n}\n\n.user__ava {\n  height: 40px;\n  margin-right: 10px;\n  flex: 0 0 40px;\n}\n\n.user__ava {\n  height: 40px;\n  margin-right: 10px;\n  flex: 0 0 40px;\n}\n\n.user__info {\n  flex: 0 0 calc(100% - 50px);\n}\n\n.user__name, .user__date {\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  line-height: 1.1;\n}\n\n.user__name {\n  margin-bottom: 5px;\n}\n\n.user__meta {\n  display: flex;\n  align-items: center;\n}\n\n.user__date {\n  color: #A7A7A7;\n}\n\n.user__likes {\n  margin: -5px 0 -5px auto;\n  font-family: 'ProximaNova-Regular', serif;\n  font-size: 15px;\n}\n\n.user__likes .icon {\n  fill: #A7A7A7;\n}\n\n.user__likes .icon-fill {\n  fill: #FF9393;\n}\n\n.user_white .user__date {\n  color: white;\n}\n\n.video {\n  display: block;\n  position: relative;\n}\n\n.video__pic {\n  display: block;\n  width: 100%;\n}\n\n.video .icon-play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  font-size: 48px;\n  fill: white;\n  transform: translate(-50%, -50%);\n}\n\n@media only screen and (max-width: 599px) {\n  .video .icon-play {\n    font-size: 22px;\n  }\n}\n\n.video__soon {\n  display: flex;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  padding: 20px;\n  background: rgba(25, 25, 25, 0.5);\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  color: white;\n}\n\n.video__title {\n  margin-bottom: 20px;\n}\n\n.video__time {\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 20px;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n}\n\n.about {\n  display: flex;\n  padding-right: 160px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .about {\n    padding: 0;\n  }\n}\n\n.about__ava {\n  height: 120px;\n  margin-right: 40px;\n  flex: 0 0 120px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .about__ava {\n    margin-right: 25px;\n    height: 90px;\n    flex: 0 0 90px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .about__ava {\n    margin-right: 15px;\n    height: 60px;\n    flex: 0 0 60px;\n  }\n}\n\n.about__content {\n  margin-bottom: 20px;\n}\n\n.about__ceo {\n  margin-bottom: 20px;\n}\n\n.about__ceo a {\n  font-family: 'ProximaNova-Bold', serif;\n}\n\n.about__video {\n  margin-bottom: 20px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .about__video {\n    max-width: calc(100% - 55px);\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .about__video {\n    max-width: 100%;\n  }\n}\n\n.about__more {\n  text-align: center;\n}\n\n@media only screen and (max-width: 1023px) {\n  .about__more {\n    text-align: left;\n  }\n}\n\n.online {\n  display: block;\n  position: relative;\n  padding: 55px 0 50px;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  color: white;\n  text-align: center;\n  z-index: 4;\n}\n\n@media only screen and (max-width: 1023px) {\n  .online {\n    padding: 30px 0;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .online {\n    padding: 20px 0;\n  }\n}\n\n.online:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: linear-gradient(-1deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);\n  z-index: -2;\n}\n\n.online__type {\n  margin-bottom: 85px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 20px;\n  letter-spacing: 4px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .online__type {\n    margin-bottom: 30px;\n    font-size: 12px;\n    letter-spacing: 2px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .online__type {\n    margin-bottom: 40px;\n  }\n}\n\n.online__title {\n  margin-bottom: 2px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 50px;\n  line-height: 1.2;\n}\n\n@media only screen and (max-width: 1023px) {\n  .online__title {\n    margin-bottom: 6px;\n    font-size: 24px;\n  }\n}\n\n.online__text {\n  max-width: 600px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .online__text {\n    margin-bottom: 65px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .online__text {\n    max-width: 80%;\n    margin-bottom: 40px;\n  }\n}\n\n.online__action {\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 10px;\n  letter-spacing: 1px;\n}\n\n.online__action .icon {\n  position: relative;\n  top: 4px;\n  margin-right: 15px;\n  font-size: 16px;\n}\n\n.benefits {\n  display: flex;\n  position: relative;\n  max-width: 890px;\n  margin: 0 auto 80px;\n  text-align: center;\n  flex-wrap: wrap;\n  justify-content: center;\n  z-index: 4;\n}\n\n@media only screen and (max-width: 1023px) {\n  .benefits {\n    margin: 0;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .benefits {\n    display: block;\n  }\n}\n\n.benefits__item {\n  padding: 0 15px;\n  flex: 0 0 25%;\n}\n\n@media only screen and (max-width: 1023px) {\n  .benefits__item {\n    margin-bottom: 40px;\n    flex: 0 0 33.33%;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .benefits__item {\n    padding: 0;\n  }\n}\n\n.benefits__preview {\n  display: flex;\n  height: 45px;\n  margin-bottom: 20px;\n  align-items: center;\n  justify-content: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .benefits__preview {\n    height: auto;\n    margin-bottom: 15px;\n  }\n}\n\n.benefits__preview .icon-thumb {\n  font-size: 43px;\n}\n\n.benefits__preview .icon-wallet {\n  font-size: 38px;\n}\n\n.benefits__preview .icon-location {\n  font-size: 40px;\n}\n\n.benefits__preview .icon-searching {\n  font-size: 37px;\n}\n\n.benefits__title {\n  display: flex;\n  min-height: 38px;\n  margin-bottom: 10px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 14px;\n  letter-spacing: 2.5px;\n  line-height: 1.42;\n  text-transform: uppercase;\n  align-items: center;\n  justify-content: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .benefits__title {\n    min-height: 0;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .benefits__content {\n    font-size: 12px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .benefits__content {\n    font-size: 14px;\n  }\n}\n\n.reviews {\n  padding-right: 80px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .reviews {\n    padding: 0;\n  }\n}\n\n.reviews__item {\n  display: flex;\n}\n\n.reviews__item:not(:last-child) {\n  margin-bottom: 20px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .reviews__item:not(:last-child) {\n    margin-bottom: 40px;\n  }\n}\n\n.reviews__ava {\n  height: 60px;\n  margin-right: 20px;\n  flex: 0 0 60px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .reviews__ava {\n    height: 45px;\n    flex: 0 0 45px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .reviews__ava {\n    margin-right: 10px;\n  }\n}\n\n.reviews__wrap {\n  padding: 20px 30px 30px;\n  background: white;\n  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);\n  border-radius: 0 10px 10px 10px;\n}\n\n@media only screen and (max-width: 599px) {\n  .reviews__wrap {\n    padding: 15px 20px 20px;\n  }\n}\n\n.reviews__name {\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 15px;\n  line-height: 1.33;\n}\n\n.gallery {\n  display: flex;\n  margin: 0 -10px -20px;\n}\n\n@media only screen and (max-width: 599px) {\n  .gallery {\n    display: block;\n    margin: 0 -5px -10px;\n  }\n}\n\n.gallery__grid {\n  flex: 0 0 50%;\n  overflow: hidden;\n}\n\n@media only screen and (max-width: 1023px) {\n  .gallery__grid:first-child {\n    flex: 0 0 60%;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .gallery__grid:last-child {\n    flex: 0 0 40%;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .gallery__grid:last-child {\n    display: none;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .gallery__grid:last-child .gallery__item {\n    width: calc(50% - 20px);\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .gallery__grid:last-child .gallery__item_lg {\n    width: calc(100% - 20px);\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .gallery__grid:last-child .gallery__item:nth-child(3),\n  .gallery__grid:last-child .gallery__item:nth-child(5),\n  .gallery__grid:last-child .gallery__item:nth-child(6) {\n    display: none;\n  }\n}\n\n.gallery__item {\n  float: left;\n  width: calc(33.33% - 20px);\n  margin: 0 10px 20px;\n}\n\n@media only screen and (max-width: 599px) {\n  .gallery__item {\n    width: calc(33.33% - 10px);\n    margin: 0 5px 10px;\n  }\n}\n\n.gallery__item_lg {\n  width: calc(66.66% - 20px);\n}\n\n@media only screen and (max-width: 599px) {\n  .gallery__item_lg {\n    width: calc(66.66% - 10px);\n  }\n}\n\n.gallery__item:nth-child(4) {\n  clear: both;\n}\n\n.gallery__pic {\n  display: block;\n  width: 100%;\n}\n\n.app {\n  position: relative;\n  margin-top: 72px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n}\n\n@media only screen and (max-width: 1023px) {\n  .app {\n    margin-top: 42px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .app {\n    margin-top: 35px;\n  }\n}\n\n.app__center {\n  display: flex;\n  align-items: flex-end;\n}\n\n.app__col:first-child {\n  position: relative;\n  padding: 50px 0 60px;\n  flex: 0 0 49%;\n  text-align: center;\n  z-index: 2;\n}\n\n@media only screen and (max-width: 1023px) {\n  .app__col:first-child {\n    padding: 30px 0 35px;\n    flex: 0 0 47%;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .app__col:first-child {\n    padding: 20px 0;\n    text-align: left;\n  }\n}\n\n.app__col:last-child {\n  flex: 0 0 51%;\n}\n\n@media only screen and (max-width: 1023px) {\n  .app__col:last-child {\n    flex: 0 0 53%;\n  }\n}\n\n.app__theme {\n  margin-bottom: 20px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 10px;\n  color: #4A90E2;\n}\n\n@media only screen and (max-width: 1023px) {\n  .app__theme {\n    margin-bottom: 5px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .app__theme {\n    margin-bottom: 15px;\n  }\n}\n\n.app__title {\n  margin-bottom: 25px;\n  font-size: 32px;\n  line-height: 1.25;\n}\n\n@media only screen and (max-width: 1023px) {\n  .app__title {\n    margin-bottom: 30px;\n    font-family: 'ProximaNova-Bold', serif;\n    font-size: 24px;\n    line-height: 1.33;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .app__title {\n    margin-bottom: 15px;\n    font-size: 16px;\n  }\n}\n\n.app__content {\n  margin-bottom: 30px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .app__content {\n    display: none;\n  }\n}\n\n.app__links {\n  display: flex;\n  justify-content: center;\n}\n\n.app__link {\n  margin: 0 10px;\n  flex: 0 0 135px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .app__link {\n    margin: 0 5px;\n    flex: 0 0 80px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .app__link {\n    margin: 0 5px 0 0;\n  }\n}\n\n.app__preview {\n  display: flex;\n  height: 100px;\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n\n@media only screen and (max-width: 599px) {\n  .app__preview {\n    margin: 0 -15px;\n  }\n}\n\n.app__pic {\n  display: block;\n  max-width: 100%;\n  max-height: 277px;\n}\n\n@media only screen and (max-width: 599px) {\n  .app__pic {\n    max-height: 185px;\n  }\n}\n\n.game {\n  position: relative;\n  padding: 70px 0 80px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n  overflow: hidden;\n}\n\n@media only screen and (max-width: 1023px) {\n  .game {\n    padding: 30px 0 35px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .game {\n    padding: 20px 0;\n  }\n}\n\n.game__wrap {\n  max-width: 375px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .game__wrap {\n    max-width: 220px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .game__wrap {\n    max-width: 180px;\n  }\n}\n\n.game__theme {\n  margin-bottom: 20px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 10px;\n  color: #4A90E2;\n}\n\n@media only screen and (max-width: 599px) {\n  .game__theme {\n    margin-bottom: 15px;\n  }\n}\n\n.game__title {\n  margin-bottom: 65px;\n  font-size: 32px;\n  line-height: 1.25;\n}\n\n@media only screen and (max-width: 1023px) {\n  .game__title {\n    margin-bottom: 30px;\n    font-family: 'ProximaNova-SemiBold', serif;\n    font-size: 18px;\n    line-height: 1.33;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .game__title {\n    margin-bottom: 15px;\n    font-size: 14px;\n  }\n}\n\n.game__btn {\n  background: transparent;\n  padding: 11px 24px 10px;\n  border: 2px solid #191919;\n  color: #191919;\n}\n\n.game__btn:hover {\n  background: #191919;\n  border-color: #191919;\n  color: white;\n}\n\n.game__btn:active {\n  color: rgba(255, 255, 255, 0.1);\n}\n\n.game__preview {\n  position: absolute;\n  top: 0;\n  left: calc(50% - 145px);\n  bottom: 0;\n}\n\n@media only screen and (max-width: 1023px) {\n  .game__preview {\n    left: calc(50% - 110px);\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .game__preview {\n    left: 50%;\n  }\n}\n\n.game__pic {\n  display: block;\n  width: auto;\n  height: 100%;\n}\n\n.teachers {\n  margin-bottom: 50px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .teachers {\n    margin-bottom: 0;\n  }\n}\n\n.teachers__item {\n  display: flex;\n  margin-bottom: 40px;\n}\n\n.teachers__ava {\n  height: 140px;\n  margin-right: 25px;\n  flex: 0 0 140px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .teachers__ava {\n    height: 100px;\n    margin-right: 20px;\n    flex: 0 0 100px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .teachers__ava {\n    height: 95px;\n    margin-right: 25px;\n    flex: 0 0 95px;\n  }\n}\n\n.teachers__title {\n  margin-bottom: 5px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 20px;\n  text-transform: uppercase;\n  letter-spacing: 4px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .teachers__title {\n    font-size: 12px;\n    letter-spacing: 2px;\n  }\n}\n\n.teachers__name {\n  margin-bottom: 20px;\n  font-family: 'ProximaNova-Bold', serif;\n}\n\n.teachers__content {\n  font-size: 16px;\n  line-height: 1.375;\n}\n\n.toggle {\n  font-size: 14px;\n}\n\n.toggle__head {\n  color: #FF9393;\n}\n\n.toggle__head .icon {\n  position: relative;\n  top: -1px;\n  margin-left: 10px;\n  font-size: 6px;\n  transition: transform .2s;\n}\n\n.toggle__head.active .icon {\n  transform: rotate(-180deg);\n}\n\n.toggle__body {\n  display: none;\n  padding-top: 10px;\n  color: #888;\n}\n\n.schedule {\n  margin-bottom: 70px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .schedule {\n    margin-bottom: 0;\n  }\n}\n\n.schedule__item {\n  display: flex;\n  margin-bottom: 40px;\n}\n\n@media only screen and (max-width: 599px) {\n  .schedule__item {\n    display: block;\n    margin-bottom: 30px;\n  }\n}\n\n.schedule__day {\n  padding-top: 2px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  color: #FF9393;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  flex: 0 0 140px;\n}\n\n@media only screen and (max-width: 599px) {\n  .schedule__day {\n    margin-bottom: 10px;\n    padding: 0;\n  }\n}\n\n.schedule__title, .schedule__content {\n  font-size: 16px;\n}\n\n.schedule__title {\n  font-family: 'ProximaNova-Bold', serif;\n}\n\n.schedule__toggle {\n  margin-top: 10px;\n}\n\n.theme {\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  letter-spacing: 2px;\n  color: #FF9393;\n}\n\n.theme_green {\n  color: #8ECFC0;\n}\n\n.theme_violet {\n  color: #B995D9;\n}\n\n.theme_lg {\n  font-size: 20px;\n  letter-spacing: 4px;\n}\n\n.courses__list {\n  display: flex;\n  margin: 0 -10px;\n  flex-wrap: wrap;\n}\n\n@media only screen and (max-width: 599px) {\n  .courses__list {\n    display: block;\n    margin: 0;\n  }\n}\n\n.courses__item {\n  display: block;\n  margin: 0 10px 60px;\n  color: #191919;\n  flex: 0 0 calc(33.33% - 20px);\n}\n\n@media only screen and (max-width: 1023px) {\n  .courses__item {\n    margin-bottom: 40px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .courses__item {\n    margin: 0 0 30px;\n  }\n}\n\n.courses__preview {\n  display: block;\n  position: relative;\n  margin-bottom: 15px;\n  color: #191919;\n}\n\n@media only screen and (max-width: 1023px) {\n  .courses__preview {\n    margin-bottom: 10px;\n  }\n}\n\n.courses__preview:hover .courses__view {\n  opacity: .9;\n}\n\n.courses__label {\n  position: absolute;\n  top: 0;\n  right: 20px;\n  width: 30px;\n  height: 45px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  z-index: 6;\n}\n\n@media only screen and (max-width: 1023px) {\n  .courses__label {\n    width: 20px;\n    height: 30px;\n    right: 10px;\n  }\n}\n\n.courses__label_fav {\n  background-image: url(../img/fav.svg);\n}\n\n.courses__label_clock {\n  background-image: url(../img/clock.svg);\n}\n\n.courses__pic {\n  display: block;\n  width: 100%;\n  border-radius: 2px;\n}\n\n.courses__view {\n  display: flex;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n  border-radius: 2px;\n  opacity: 0;\n  font-size: 18px;\n  align-items: center;\n  justify-content: center;\n  transition: opacity .2s;\n  z-index: 4;\n}\n\n.courses__soon {\n  display: flex;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 10px;\n  background: rgba(0, 0, 0, 0.4);\n  color: white;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n}\n\n.courses__left {\n  margin-bottom: 5px;\n  font-size: 15px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .courses__left {\n    font-size: 12px;\n  }\n}\n\n.courses__time {\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 20px;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .courses__time {\n    font-size: 12px;\n    letter-spacing: 1px;\n  }\n}\n\n.courses__details {\n  display: flex;\n  margin-bottom: 10px;\n}\n\n.courses__price {\n  margin-left: auto;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  letter-spacing: 2px;\n  color: #191919;\n}\n\n.courses__title {\n  display: block;\n  margin-bottom: 10px;\n  font-family: 'ProximaNova-SemiBold', serif;\n  font-size: 18px;\n  color: #191919;\n}\n\n@media only screen and (max-width: 1023px) {\n  .courses__title {\n    line-height: 1.33;\n  }\n}\n\n.courses__user {\n  margin-top: 20px;\n}\n\n.courses_two .courses__item {\n  flex: 0 0 calc(50% - 20px);\n}\n\n@media only screen and (max-width: 1023px) {\n  .courses_two .courses__item {\n    flex: 0 0 calc(33.33% - 20px);\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .courses_scroll {\n    margin: 0 -15px;\n    overflow: auto;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .courses_scroll .courses__list {\n    display: flex;\n    flex-wrap: nowrap;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .courses_scroll .courses__item {\n    margin-left: 15px;\n    flex: 0 0 220px;\n  }\n  .courses_scroll .courses__item:last-child {\n    padding-right: 15px;\n    flex: 0 0 235px;\n  }\n}\n\n.load {\n  margin-top: 30px;\n}\n\n@media only screen and (max-width: 599px) {\n  .load {\n    margin-top: 40px;\n  }\n}\n\n.load__btn {\n  width: 100%;\n  padding: 22px 24px 21px;\n  background: none;\n  border: 1px solid #E6E6E6;\n}\n\n@media only screen and (max-width: 599px) {\n  .load__btn {\n    padding: 17px 20px 16px;\n  }\n}\n\n.more {\n  text-align: center;\n}\n\n@media only screen and (max-width: 1023px) {\n  .more {\n    margin-top: 30px;\n  }\n}\n\n.more__btn {\n  position: relative;\n  min-width: 300px;\n  padding: 19px 24px 18px;\n  border-radius: 28px;\n  letter-spacing: 2px;\n  z-index: 4;\n}\n\n.more__btn:hover:before {\n  opacity: 0;\n}\n\n.more__btn:before {\n  content: '';\n  position: absolute;\n  top: 5px;\n  left: 5px;\n  right: 5px;\n  bottom: 5px;\n  background: white;\n  border-radius: 24px;\n  transition: opacity .2s;\n  z-index: -2;\n}\n\n.partners {\n  display: flex;\n  margin: 0 -10px -20px;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .partners {\n    margin: 0 -5px -10px;\n  }\n}\n\n.partners__item {\n  margin: 0 10px 20px;\n  flex: 0 0 calc(16.66% - 20px);\n}\n\n@media only screen and (max-width: 599px) {\n  .partners__item {\n    margin: 0 5px 10px;\n    flex: 0 0 calc(33.33% - 10px);\n  }\n}\n\n.partners__pic {\n  display: block;\n  width: 100%;\n}\n\n.switch {\n  display: block;\n  position: relative;\n  font-size: 13px;\n  user-select: none;\n  cursor: pointer;\n}\n\n.switch__input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n}\n\n.switch__input:checked + .switch__content:after {\n  opacity: 1;\n}\n\n.switch__content {\n  display: block;\n  padding: 3px 0 3px 30px;\n  font-size: 14px;\n}\n\n.switch__content:before, .switch__content:after {\n  content: '';\n  position: absolute;\n}\n\n.switch__content:before {\n  top: 0;\n  left: 0;\n  width: 20px;\n  height: 20px;\n  border: 1px solid #E6E6E6;\n}\n\n.switch__content:after {\n  top: 5px;\n  left: 5px;\n  width: 10px;\n  height: 10px;\n  background-image: linear-gradient(-225deg, #B4EC51 0%, #61E9E7 100%);\n  opacity: 0;\n  transition: opacity .2s;\n}\n\n.switch__cell {\n  padding-right: 10px;\n}\n\n.switch__cell:first-child {\n  padding-top: 3px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 11px;\n  text-transform: uppercase;\n  flex: 0 0 110px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .switch__cell:nth-child(2) {\n    padding: 0;\n    text-align: right;\n    flex: 0 0 calc(100% - 110px);\n  }\n}\n\n.switch__cell:nth-child(2), .switch__cell:last-child {\n  flex: 0 0 60px;\n}\n\n.switch__cell:nth-child(3) {\n  flex: 0 0 calc(100% - 230px);\n}\n\n@media only screen and (max-width: 1023px) {\n  .switch__cell:nth-child(3) {\n    padding: 0;\n    flex: 0 0 calc(100% - 60px);\n  }\n}\n\n.switch__cell:last-child {\n  padding: 0;\n  text-align: right;\n}\n\n.switch_blue .switch__content:after {\n  background: #4A90E2;\n}\n\n.switch_lesson .switch__content {\n  display: flex;\n  padding: 19px 0 19px 50px;\n  border-bottom: 1px solid #E6E6E6;\n  font-size: 16px;\n  color: #A7A7A7;\n  transition: color .2s;\n}\n\n@media only screen and (max-width: 1023px) {\n  .switch_lesson .switch__content {\n    padding: 10px 0 10px 40px;\n    flex-wrap: wrap;\n    line-height: 1.33;\n  }\n}\n\n.switch_lesson .switch__content:before, .switch_lesson .switch__content:after {\n  transform: translateY(18px);\n}\n\n@media only screen and (max-width: 1023px) {\n  .switch_lesson .switch__content:before, .switch_lesson .switch__content:after {\n    transform: translateY(9px);\n  }\n}\n\n.switch_lesson:first-child .switch__content {\n  border-top: 1px solid #E6E6E6;\n}\n\n.switch_lesson .switch__input:checked + .switch__content {\n  color: #191919;\n}\n\n.switch_circle .switch__content:before, .switch_circle .switch__content:after {\n  border-radius: 50%;\n}\n\n.switch_lg .switch__content {\n  padding: 0 0 0 30px;\n  font-size: 16px;\n}\n\n.footer {\n  padding: 50px 0 30px;\n  background: #F8F8F8;\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer {\n    padding: 30px 0 35px;\n  }\n}\n\n.footer__row {\n  display: flex;\n  margin: 0 -10px;\n  flex-wrap: wrap;\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__row_first .footer__col:nth-child(2) {\n    order: 1;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__row_first .footer__col:nth-child(3) {\n    order: 2;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__row_first .footer__col:nth-child(4) {\n    order: 3;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .footer__row_first .footer__col:nth-child(4) {\n    margin-top: 30px;\n    flex: 0 0 100%;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__row_first .footer__col:nth-child(1) {\n    flex: 0 0 59%;\n    order: 4;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .footer__row_first .footer__col:nth-child(1) {\n    flex: 0 0 100%;\n    order: 5;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__row_first .footer__col:nth-child(5) {\n    flex: 0 0 41%;\n    order: 5;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .footer__row_first .footer__col:nth-child(5) {\n    flex: 0 0 100%;\n    order: 4;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__row_first .footer__col:nth-child(1), .footer__row_first .footer__col:nth-child(5) {\n    margin-top: 40px;\n  }\n}\n\n.footer__row_second {\n  margin-top: 50px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__row_second {\n    display: block;\n    width: 60%;\n    margin-top: -50px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .footer__row_second {\n    width: 100%;\n    margin-top: 30px;\n  }\n}\n\n.footer__col {\n  padding: 0 10px;\n  flex: 0 0 16.66%;\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__col {\n    flex: 0 0 33.33%;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .footer__col {\n    flex: 0 0 50%;\n  }\n}\n\n.footer__col_md {\n  flex: 0 0 25%;\n}\n\n.footer__col_lg {\n  flex: 0 0 75%;\n}\n\n.footer__logo {\n  width: 188px;\n  height: 58px;\n  margin: 2px 0 25px;\n  font-size: 18px;\n  line-height: 1.22222;\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__logo {\n    width: 188px;\n    height: 58px;\n    margin-top: 0;\n  }\n}\n\n.footer__content {\n  max-width: 200px;\n  font-size: 18px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__content {\n    max-width: 250px;\n    font-size: 14px;\n    line-height: 1.33;\n  }\n}\n\n.footer__title {\n  padding: 20px 0 50px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  letter-spacing: 0.92px;\n  text-transform: uppercase;\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__title {\n    padding: 0 0 20px;\n    letter-spacing: 2px;\n  }\n}\n\n.footer__link, .footer__contact {\n  display: table;\n  font-size: 14px;\n  color: #191919;\n  line-height: 1.42857;\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__link, .footer__contact {\n    padding: 5px 0;\n  }\n}\n\n.footer__contact {\n  margin-bottom: 20px;\n}\n\n@media only screen and (max-width: 599px) {\n  .footer__contact {\n    margin: 0;\n  }\n}\n\n.footer__contact a {\n  color: #191919;\n}\n\n.footer__group, .footer__links {\n  display: flex;\n  color: #888;\n}\n\n.footer__copyright {\n  margin-right: 20px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__copyright {\n    margin: 20px 0 0;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .footer__links {\n    display: none;\n  }\n}\n\n.footer__links .footer__link {\n  color: #888;\n}\n\n.footer__divider {\n  margin: 0 10px;\n}\n\n.subscribe__field {\n  margin-bottom: 10px;\n}\n\n.subscribe__input {\n  width: 100%;\n  height: 40px;\n  padding: 0 10px;\n  font-size: 16px;\n  text-align: center;\n}\n\n.subscribe__btn {\n  width: 100%;\n}\n\n.subscribe__content {\n  margin-top: 15px;\n  font-size: 12px;\n  line-height: 1.25;\n}\n\n.socials {\n  display: flex;\n  align-items: center;\n}\n\n.socials__item {\n  font-size: 0;\n}\n\n.socials__item:not(:last-child) {\n  margin-right: 20px;\n}\n\n.socials__item .icon-instagram {\n  font-size: 18px;\n}\n\n.socials__item .icon-twitter {\n  font-size: 17px;\n}\n\n.socials__item .icon-fb {\n  font-size: 19px;\n}\n\n.socials__item .icon-youtube {\n  font-size: 15px;\n}\n\n.select {\n  position: relative;\n  user-select: none;\n  z-index: 4;\n}\n\n.select__head {\n  position: relative;\n  height: 36px;\n  border-bottom: 1px solid #E6E6E6;\n  transition: border-color .2s;\n  font-size: 18px;\n  line-height: 36px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: #A7A7A7;\n  cursor: pointer;\n  transition: border-color .2s;\n  overflow: hidden;\n}\n\n.select__head:after {\n  content: '';\n  position: absolute;\n  top: 14px;\n  right: 0;\n  width: 0px;\n  height: 0px;\n  border-style: solid;\n  border-width: 8px 4px 0 4px;\n  border-color: #191919 transparent transparent transparent;\n}\n\n.select__drop {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: calc(100% + 10px);\n  padding: 10px 0;\n  background: white;\n  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);\n  border-radius: 2px;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity .2s, visibility .2s;\n  overflow: hidden;\n}\n\n.select__option {\n  display: block;\n  position: relative;\n  padding: 8px 20px 7px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 10px;\n  color: #8C8C8C;\n  text-transform: uppercase;\n  transition: color .2s;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n\n@media only screen and (max-width: 599px) {\n  .select__option {\n    padding: 11px 20px;\n    font-size: 12px;\n    color: #191919;\n  }\n}\n\n.select__option:hover {\n  color: #191919;\n}\n\n.select__option.active {\n  color: #191919;\n}\n\n.select__option.active .select__title:after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: -10px;\n  right: -10px;\n  height: 2px;\n  margin-top: -2px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n}\n\n.select__title {\n  display: table;\n  position: relative;\n}\n\n.select.active {\n  z-index: 99;\n}\n\n.select.active .select__head {\n  border-color: #191919;\n}\n\n.select.active .select__head:after {\n  transform: rotate(180deg);\n}\n\n.select.active .select__drop {\n  opacity: 1;\n  visibility: visible;\n}\n\n.select.selected .select__head {\n  color: #191919;\n}\n\n.field {\n  margin-bottom: 20px;\n}\n\n.field__label {\n  display: flex;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 10px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.field__label_gray {\n  color: #A7A7A7;\n}\n\n.field__link {\n  margin-left: auto;\n}\n\n.field__wrap {\n  position: relative;\n}\n\n.field__input, .field__textarea {\n  width: 100%;\n  border-bottom: 1px solid #E6E6E6;\n  background: transparent;\n  font-size: 18px;\n  transition: border-color .2s;\n}\n\n.field__input:focus, .field__textarea:focus {\n  border-color: #191919;\n}\n\n.field__input_bg, .field__textarea_bg {\n  background: #F8F8F8;\n  border: 1px solid #F8F8F8;\n}\n\n.field__input_sm, .field__textarea_sm {\n  font-size: 16px;\n}\n\n.field__input {\n  height: 36px;\n}\n\n.field__input[type='password'] {\n  font-size: 30px;\n}\n\n.field__input[type='password']::placeholder {\n  font-size: 18px;\n}\n\n.field__input_bg {\n  height: 50px;\n  padding: 0 20px;\n}\n\n.field__textarea {\n  display: block;\n  height: 36px;\n  padding: 7px 0;\n  resize: vertical;\n}\n\n.field__textarea_lg {\n  height: 80px;\n  font-size: 25px;\n}\n\n.field__preview {\n  position: absolute;\n  top: 8px;\n  right: 0;\n}\n\n.field__pic {\n  display: block;\n  width: auto;\n  height: 20px;\n}\n\n.field__error {\n  margin-top: 5px;\n  font-size: 12px;\n  color: #FF9393;\n}\n\n.field__switch {\n  margin-top: 10px;\n}\n\n.field__switch:first-child {\n  margin-top: 5px;\n}\n\n.field_code .field__input {\n  height: 40px;\n  font-size: 15px;\n}\n\n.field_info .field__label {\n  color: #A7A7A7;\n}\n\n.field_info .field__input,\n.field_info .field__textarea {\n  border-color: rgba(230, 230, 230, 0.2);\n  color: white;\n}\n\n.field_info .field__input:focus,\n.field_info .field__textarea:focus {\n  border-color: white;\n}\n\n.field.error .field__input,\n.field.error .field__textarea {\n  border-color: #FF9393;\n}\n\n.field.success .field__input,\n.field.success .field__textarea {\n  border-color: #5BD700;\n}\n\n.auth {\n  padding: 0 20px 25px;\n}\n\n.auth__nav {\n  display: flex;\n  margin-bottom: 30px;\n}\n\n.auth__type {\n  border-bottom: 1px solid #E6E6E6;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  letter-spacing: 2px;\n  line-height: 60px;\n  color: #A7A7A7;\n  text-transform: uppercase;\n  text-align: center;\n  flex: 1 0 50%;\n  transition: border-color .2s, color .2s;\n}\n\n.auth__type.active {\n  border-color: #191919;\n  color: #191919;\n}\n\n.auth__tab {\n  display: none;\n}\n\n.auth__fieldset {\n  display: flex;\n}\n\n.auth__fieldset {\n  display: flex;\n  margin: 0 -7px;\n}\n\n.auth__fieldset .auth__field {\n  margin: 0 7px 20px;\n  flex: 0 0 calc(50% - 14px);\n}\n\n.auth__link {\n  display: block;\n  margin: -5px 0 0;\n  font-size: 12px;\n  color: #191919;\n  text-decoration: underline;\n  line-height: 1.5;\n}\n\n.auth__foot {\n  margin-top: 30px;\n}\n\n.auth__btn {\n  width: 100%;\n  padding: 18px 24px 17px;\n}\n\n.auth__or {\n  padding: 10px 0;\n  font-size: 14px;\n  text-align: center;\n}\n\n.auth__pass {\n  display: none;\n}\n\n.popup {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  min-width: 360px;\n  padding: 15px;\n  background: rgba(25, 25, 25, 0.7);\n  opacity: 0;\n  transition: opacity .2s;\n  overflow: auto;\n  z-index: 999;\n}\n\n.popup__wrap {\n  position: relative;\n  width: 100%;\n  max-width: 340px;\n  margin: auto;\n  background: white;\n  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);\n  border-radius: 3px;\n  transform: scale(0.9);\n  transition: transform .2s;\n}\n\n.popup__wrap_md {\n  max-width: 620px;\n}\n\n.popup__wrap_lg {\n  max-width: 1000px;\n}\n\n.popup__close {\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  padding: 10px;\n  background: #191919;\n  border-radius: 50%;\n  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);\n  font-size: 0;\n}\n\n.popup__close .icon {\n  font-size: 14px;\n  fill: white;\n}\n\n.popup.open {\n  display: flex;\n}\n\n.popup.visible {\n  opacity: 1;\n}\n\n.popup.visible .popup__wrap {\n  transform: scale(1);\n}\n\n.head {\n  display: flex;\n  margin-bottom: 50px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .head {\n    margin-bottom: 40px;\n    flex-wrap: wrap;\n  }\n}\n\n.head__right {\n  flex: 0 0 220px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .head__right {\n    margin-left: auto;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .head__right {\n    margin: 0;\n  }\n}\n\n.head__right.hidden {\n  visibility: hidden;\n}\n\n.head__title {\n  position: relative;\n  margin: 0;\n  padding: 0 20px 0 260px;\n  flex: 0 0 calc(100% - 220px);\n  z-index: 4;\n}\n\n@media only screen and (max-width: 1023px) {\n  .head__title {\n    margin: 0 0 15px;\n    padding: 0;\n    flex: 0 0 100%;\n  }\n}\n\n.head__curve {\n  position: absolute;\n  top: 50%;\n  left: calc(50% - 60px);\n  transform: translateY(-50%);\n  z-index: -2;\n}\n\n.layout {\n  display: flex;\n  margin: 0 -10px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .layout {\n    display: block;\n  }\n}\n\n.layout__container, .layout__sidebar {\n  padding: 0 10px;\n}\n\n.layout__container {\n  flex: 0 0 66.66%;\n}\n\n@media only screen and (max-width: 1023px) {\n  .layout__container {\n    margin-bottom: 40px;\n  }\n}\n\n.layout__sidebar {\n  flex: 0 0 33.33%;\n}\n\n@media only screen and (max-width: 1023px) {\n  .similar {\n    display: flex;\n    margin: 0 -10px -30px;\n    flex-wrap: wrap;\n  }\n}\n\n.similar__item {\n  display: flex;\n  margin-bottom: 30px;\n  color: #191919;\n}\n\n@media only screen and (max-width: 1023px) {\n  .similar__item {\n    margin: 0 10px 30px;\n    flex: 0 0 calc(50% - 20px);\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .similar__item {\n    flex: 0 0 calc(100% - 20px);\n  }\n}\n\n.similar__preview {\n  margin-right: 15px;\n  flex: 0 0 80px;\n}\n\n.similar__pic {\n  display: block;\n  width: 100%;\n  border-radius: 2px;\n}\n\n.similar__wrap {\n  flex: 0 0 calc(100% - 95px);\n}\n\n.similar__title {\n  margin-bottom: 5px;\n}\n\n.similar__ava {\n  font-size: 10px;\n  color: #A7A7A7;\n  text-transform: uppercase;\n}\n\n.go {\n  display: flex;\n  margin-bottom: 50px;\n  justify-content: space-between;\n  align-items: center;\n}\n\n@media only screen and (max-width: 1023px) {\n  .go {\n    margin-bottom: 30px;\n  }\n}\n\n.go__item {\n  display: flex;\n  max-width: calc(50% - 20px);\n  align-items: center;\n  color: #191919;\n}\n\n.go__arrow {\n  margin-right: 15px;\n  font-size: 0;\n}\n\n@media only screen and (max-width: 1023px) {\n  .go__arrow {\n    margin-right: 10px;\n  }\n}\n\n.go__arrow .icon {\n  font-size: 17px;\n  fill: #191919;\n}\n\n@media only screen and (max-width: 1023px) {\n  .go__arrow .icon {\n    font-size: 12px;\n  }\n}\n\n.go__title {\n  font-size: 18px;\n  line-height: 1.33;\n}\n\n@media only screen and (max-width: 1023px) {\n  .go__title {\n    font-size: 14px;\n  }\n}\n\n.go__title + .go__arrow {\n  margin: 0 0 0 15px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .go__title + .go__arrow {\n    margin-left: 10px;\n  }\n}\n\n.go__btn {\n  width: 220px;\n}\n\n@media only screen and (max-width: 599px) {\n  .go__btn {\n    width: auto;\n  }\n}\n\n.meta, .meta__item {\n  display: flex;\n  align-items: center;\n}\n\n.meta__item:not(:last-child) {\n  margin-right: 40px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .meta__item:not(:last-child) {\n    margin-right: 30px;\n  }\n}\n\n.meta__icon {\n  margin-right: 10px;\n  font-size: 0;\n}\n\n.meta__icon .icon {\n  font-size: 16px;\n  fill: #A7A7A7;\n}\n\n.meta__icon .icon-video {\n  font-size: 14px;\n}\n\n.meta__icon .icon-showcase {\n  font-size: 18px;\n}\n\n.meta__icon .icon-date {\n  font-size: 20px;\n}\n\n.meta_white .meta__icon .icon {\n  fill: white;\n}\n\n.course {\n  margin-bottom: 60px;\n}\n\n.course__head {\n  display: flex;\n  min-height: 40px;\n  margin-bottom: 30px;\n  align-items: center;\n  justify-content: space-between;\n}\n\n@media only screen and (max-width: 1023px) {\n  .course__head {\n    margin-bottom: 10px;\n  }\n}\n\n.course__title {\n  margin-bottom: 20px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .course__title {\n    margin-bottom: 10px;\n  }\n}\n\n.course__content {\n  margin-bottom: 40px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .course__content {\n    margin-bottom: 25px;\n  }\n}\n\n.course__about {\n  position: relative;\n  margin-bottom: 40px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .course__about {\n    margin-bottom: 25px;\n  }\n}\n\n.course__about:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.3);\n}\n\n.course__pic {\n  display: block;\n  width: 100%;\n}\n\n.course__btn {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  min-width: 200px;\n  background: transparent;\n  border: 2px solid white;\n  color: white;\n  transform: translate(-50%, -50%);\n  overflow: hidden;\n}\n\n.course__btn:active {\n  color: rgba(255, 255, 255, 0.4);\n}\n\n.course__user {\n  margin-bottom: 40px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .course__user {\n    margin-bottom: 30px;\n  }\n}\n\n.course__info {\n  display: flex;\n  align-items: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .course__info {\n    display: block;\n  }\n}\n\n.course__buy {\n  width: 220px;\n  margin-left: auto;\n}\n\n@media only screen and (max-width: 599px) {\n  .course__buy {\n    width: auto;\n    margin: 20px 0 0;\n  }\n}\n\n.course__metas {\n  display: flex;\n  margin-bottom: 45px;\n  justify-content: space-between;\n}\n\n@media only screen and (max-width: 599px) {\n  .course__metas {\n    display: block;\n    margin-bottom: 25px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .course__metas .course__meta {\n    margin-bottom: 20px;\n  }\n}\n\n.course__actions {\n  display: flex;\n  margin: 0 -10px 50px;\n}\n\n.course__action {\n  position: relative;\n  margin: 0 10px;\n  flex: 0 0 calc(50% - 20px);\n}\n\n.course__action .icon {\n  position: absolute;\n  top: 50%;\n  right: 45px;\n  margin: 0;\n  font-size: 19px;\n  transform: translateY(calc(-50% - 1px));\n}\n\n@media only screen and (max-width: 599px) {\n  .course__action .icon {\n    right: 20px;\n  }\n}\n\n.course__video {\n  margin-bottom: 30px;\n}\n\n.course__share {\n  margin-bottom: 60px;\n}\n\n.course_promo {\n  position: relative;\n  margin: 0;\n  padding: 100px 0 110px;\n  background-size: cover;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  color: white;\n  z-index: 4;\n}\n\n@media only screen and (max-width: 1023px) {\n  .course_promo {\n    padding: 60px 0;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .course_promo {\n    padding: 40px 0 45px;\n  }\n}\n\n.course_promo:before, .course_promo:after {\n  content: '';\n  position: absolute;\n}\n\n.course_promo:before {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.64) 100%);\n  z-index: -2;\n}\n\n.course_promo:after {\n  left: 50%;\n  bottom: -1px;\n  margin-left: -16px;\n  width: 0px;\n  height: 0px;\n  border-style: solid;\n  border-width: 0 16px 16px 16px;\n  border-color: transparent transparent #F8F8F8 transparent;\n}\n\n.course_promo .course__likes {\n  color: white;\n}\n\n.course_promo .course__likes .icon {\n  fill: white;\n}\n\n.lessons__list {\n  margin-bottom: 60px;\n}\n\n@media only screen and (max-width: 599px) {\n  .lessons__list {\n    margin-bottom: 40px;\n  }\n}\n\n.lessons__item {\n  position: relative;\n  margin-bottom: 40px;\n  transition: box-shadow .2s;\n}\n\n@media only screen and (max-width: 599px) {\n  .lessons__item {\n    margin-bottom: 30px;\n  }\n}\n\n.lessons__item:hover .lessons__actions {\n  opacity: 1;\n  visibility: visible;\n}\n\n.lessons__subtitle {\n  margin-bottom: 20px;\n}\n\n.lessons__row {\n  display: flex;\n}\n\n@media only screen and (max-width: 599px) {\n  .lessons__row {\n    display: block;\n  }\n}\n\n.lessons__preview {\n  margin-right: 25px;\n  flex: 0 0 140px;\n}\n\n@media only screen and (max-width: 599px) {\n  .lessons__preview {\n    display: none;\n  }\n}\n\n.lessons__pic {\n  display: block;\n  width: 100%;\n}\n\n.lessons__content {\n  flex: 0 0 calc(100% - 165px);\n}\n\n.lessons__actions {\n  display: flex;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity .2s, visibility .2s;\n}\n\n.lessons__action {\n  margin-left: 10px;\n  padding: 10px;\n  font-size: 0;\n}\n\n.lessons__action:hover .icon {\n  fill: #191919;\n}\n\n.lessons__action .icon {\n  font-size: 20px;\n  fill: #C8C8C8;\n  transition: fill .2s;\n}\n\n.lessons__foot {\n  text-align: center;\n}\n\n.lessons__btn {\n  width: 220px;\n}\n\n.lessons_kit .lessons__item {\n  margin-bottom: 20px;\n  padding: 20px;\n}\n\n.lessons_kit .lessons__item:hover {\n  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.06);\n  border-radius: 10px;\n}\n\n.lessons_kit .lessons__content {\n  flex: 0 0 100%;\n}\n\n.lesson__subtitle {\n  margin-bottom: 10px;\n}\n\n.lesson__content {\n  margin-bottom: 30px;\n}\n\n.materials__item {\n  display: flex;\n}\n\n.materials__item:not(:last-child) {\n  margin-bottom: 40px;\n}\n\n.materials__preview {\n  margin-right: 25px;\n  flex: 0 0 140px;\n}\n\n@media only screen and (max-width: 599px) {\n  .materials__preview {\n    margin-right: 20px;\n    flex: 0 0 100px;\n  }\n}\n\n.materials__pic {\n  display: block;\n  width: 100%;\n}\n\n.materials__wrap {\n  flex: 0 0 calc(100% - 180px);\n}\n\n@media only screen and (max-width: 599px) {\n  .materials__wrap {\n    flex: 0 0 calc(100% - 120px);\n  }\n}\n\n.materials__title {\n  margin-bottom: 10px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.examples {\n  display: flex;\n  margin: 0 -10px -20px;\n  flex-wrap: wrap;\n}\n\n@media only screen and (max-width: 599px) {\n  .examples {\n    margin: 0 -5px -10px;\n  }\n}\n\n.examples__item {\n  margin: 0 10px 20px;\n  flex: 0 0 calc(25% - 20px);\n}\n\n@media only screen and (max-width: 599px) {\n  .examples__item {\n    margin: 0 5px 10px;\n    flex: 0 0 calc(33.33% - 10px);\n  }\n}\n\n.examples__pic {\n  display: block;\n  width: 100%;\n}\n\n.questions__form, .questions__item {\n  display: flex;\n}\n\n.questions__form {\n  margin-bottom: 40px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid #E6E6E6;\n}\n\n.questions__item:not(:last-child) {\n  margin-bottom: 25px;\n}\n\n.questions__item_reply {\n  padding-left: 80px;\n}\n\n@media only screen and (max-width: 599px) {\n  .questions__item_reply {\n    padding: 0;\n  }\n}\n\n.questions__item_reply .questions__details {\n  margin-bottom: 10px;\n  padding: 20px;\n  background: white;\n  border-radius: 0 10px 10px 10px;\n}\n\n@media only screen and (max-width: 599px) {\n  .questions__item_reply .questions__details {\n    padding: 10px;\n  }\n}\n\n.questions__ava {\n  height: 60px;\n  margin-right: 20px;\n  flex: 0 0 60px;\n}\n\n@media only screen and (max-width: 599px) {\n  .questions__ava {\n    height: 40px;\n    margin-right: 10px;\n    flex: 0 0 40px;\n  }\n}\n\n.questions__pic {\n  display: block;\n  width: 100%;\n}\n\n.questions__wrap {\n  flex: 0 0 calc(100% - 80px);\n}\n\n@media only screen and (max-width: 599px) {\n  .questions__wrap {\n    flex: 0 0 calc(100% - 50px);\n  }\n}\n\n.questions__field {\n  margin-bottom: 20px;\n}\n\n.questions__textarea {\n  display: block;\n  width: 100%;\n  height: 44px;\n  padding: 11px 15px;\n  border-radius: 2px;\n  font-size: 16px;\n  resize: vertical;\n}\n\n@media only screen and (max-width: 599px) {\n  .questions__textarea {\n    height: 64px;\n  }\n}\n\n.questions__btn {\n  display: block;\n  margin: 0 auto;\n  border-radius: 20px;\n}\n\n.questions__details {\n  margin-bottom: 5px;\n}\n\n.questions__head, .questions__action {\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.questions__head {\n  margin-bottom: 15px;\n}\n\n@media only screen and (max-width: 599px) {\n  .questions__head {\n    margin-bottom: 5px;\n  }\n}\n\n.questions__action, .questions__date {\n  color: #A7A7A7;\n}\n\n.questions__author {\n  margin-right: 15px;\n}\n\n.questions__date {\n  display: inline-block;\n}\n\n.questions__foot {\n  text-align: right;\n}\n\n.questions__action {\n  margin-left: auto;\n}\n\n.share__title {\n  margin-bottom: 45px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 20px;\n  text-align: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .share__title {\n    margin-bottom: 30px;\n  }\n}\n\n.share__list {\n  display: flex;\n  justify-content: center;\n}\n\n.share__item {\n  font-size: 0;\n}\n\n.share__item:not(:last-child) {\n  margin-right: 20px;\n}\n\n.share__item .icon {\n  font-size: 40px;\n}\n\n.share_sm .share__title {\n  margin-bottom: 15px;\n}\n\n.share_sm .share__item:not(:last-child) {\n  margin-right: 10px;\n}\n\n.share_sm .share__item .icon {\n  font-size: 30px;\n}\n\n.share_right .share__list {\n  justify-content: flex-start;\n}\n\n@media only screen and (max-width: 599px) {\n  .share_right .share__list {\n    justify-content: center;\n  }\n}\n\n.buy {\n  padding: 15px 30px 30px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .buy {\n    padding: 10px 15px 25px;\n  }\n}\n\n.buy__row {\n  display: flex;\n  margin: 0 -10px;\n  flex-wrap: wrap;\n}\n\n@media only screen and (max-width: 599px) {\n  .buy__row {\n    flex-direction: column;\n  }\n}\n\n.buy__col {\n  margin-bottom: 20px;\n  padding: 0 10px;\n  flex: 0 0 320px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .buy__col {\n    flex: 0 0 260px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .buy__col {\n    flex: 0 0 100%;\n  }\n}\n\n.buy__col:nth-child(2n-1) {\n  flex: 0 0 calc(100% - 320px);\n}\n\n@media only screen and (max-width: 1023px) {\n  .buy__col:nth-child(2n-1) {\n    flex: 0 0 calc(100% - 260px);\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .buy__col:nth-child(2n-1) {\n    flex: 0 0 100%;\n  }\n}\n\n.buy__head_main {\n  padding-top: 25px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .buy__head_main {\n    padding-top: 21px;\n  }\n}\n\n.buy__label {\n  font-size: 16px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .buy__label {\n    font-size: 14px;\n  }\n}\n\n.buy__title {\n  font-size: 30px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .buy__title {\n    font-size: 24px;\n  }\n}\n\n.buy__content {\n  font-size: 12px;\n  color: #A7A7A7;\n}\n\n.buy__foot {\n  margin-top: 20px;\n  text-align: center;\n}\n\n.buy__btn {\n  width: 275px;\n}\n\n@media only screen and (max-width: 599px) {\n  .buy__btn {\n    width: 100%;\n  }\n}\n\n.order {\n  padding: 2px;\n  background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%);\n  border-radius: 8px;\n}\n\n.order__wrap {\n  padding: 20px 30px 30px;\n  background: white;\n  border-radius: 6px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .order__wrap {\n    padding: 15px 20px 20px;\n  }\n}\n\n.order__title {\n  margin-bottom: 20px;\n  font-size: 20px;\n}\n\n.order__preview {\n  margin: 0 -30px 20px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .order__preview {\n    margin: 0 -20px 20px;\n  }\n}\n\n.order__pic {\n  display: block;\n  width: 100%;\n}\n\n.order__label {\n  margin-bottom: 10px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 11px;\n  text-transform: uppercase;\n}\n\n.order__foot {\n  display: flex;\n  margin: 30px -30px -10px;\n  padding: 20px 30px 0;\n  border-top: 1px solid #E6E6E6;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 16px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .order__foot {\n    margin: 30px -20px 0;\n    padding: 20px 20px 0;\n  }\n}\n\n.order__total {\n  margin-left: auto;\n}\n\n.lock {\n  padding: 50px 60px 40px;\n  text-align: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .lock {\n    padding: 30px 020px;\n  }\n}\n\n.lock__label {\n  margin-bottom: 70px;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  color: #A7A7A7;\n  letter-spacing: 2px;\n}\n\n@media only screen and (max-width: 599px) {\n  .lock__label {\n    margin-bottom: 40px;\n    font-size: 10px;\n  }\n}\n\n.lock__title {\n  margin-bottom: 20px;\n}\n\n.lock__content {\n  margin-bottom: 70px;\n}\n\n@media only screen and (max-width: 599px) {\n  .lock__content {\n    margin-bottom: 40px;\n  }\n}\n\n.lock__btn {\n  width: 220px;\n}\n\n.profile {\n  padding-bottom: 20px;\n}\n\n@media only screen and (max-width: 599px) {\n  .profile {\n    padding: 0;\n    text-align: center;\n  }\n}\n\n.profile__head {\n  display: flex;\n  margin-bottom: 30px;\n  align-items: flex-start;\n}\n\n@media only screen and (max-width: 599px) {\n  .profile__head {\n    display: none;\n  }\n}\n\n.profile__title {\n  margin: 0 20px 0 0;\n}\n\n.profile__btn {\n  margin-left: auto;\n  padding: 10px 15px;\n  background: transparent;\n  border: 1px solid #A7A7A7;\n  color: #A7A7A7;\n}\n\n.profile__row {\n  display: flex;\n  margin-bottom: 25px;\n  align-items: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .profile__row {\n    display: block;\n    margin-bottom: 30px;\n  }\n}\n\n.profile__ava {\n  height: 120px;\n  margin-right: 25px;\n  flex: 0 0 120px;\n}\n\n@media only screen and (max-width: 599px) {\n  .profile__ava {\n    width: 140px;\n    height: 140px;\n    margin: 0 auto 20px;\n  }\n}\n\n.profile__wrap {\n  flex: 0 0 calc(100% - 145px);\n}\n\n.profile__name {\n  margin-bottom: 25px;\n  font-size: 20px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n}\n\n@media only screen and (max-width: 599px) {\n  .profile__name {\n    margin-bottom: 10px;\n    font-family: 'ProximaNova-Bold', serif;\n    font-size: 24px;\n    letter-spacing: 0;\n    text-transform: none;\n  }\n}\n\n.profile__foot {\n  display: none;\n  margin-top: 30px;\n  text-align: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .profile__foot {\n    display: block;\n  }\n}\n\n.tabs__nav {\n  display: flex;\n  height: 56px;\n  margin-bottom: 40px;\n  border-bottom: 1px solid #E6E6E6;\n}\n\n@media only screen and (max-width: 599px) {\n  .tabs__nav {\n    margin: 0 -15px 30px;\n  }\n}\n\n.tabs__btn {\n  height: 56px;\n  border-bottom: 1px solid #E6E6E6;\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  color: #A7A7A7;\n  letter-spacing: 1px;\n  transition: border-color .2s, color .2s;\n}\n\n@media only screen and (max-width: 599px) {\n  .tabs__btn {\n    flex: 0 0 50%;\n  }\n}\n\n.tabs__btn:not(:last-child) {\n  margin-right: 40px;\n}\n\n@media only screen and (max-width: 599px) {\n  .tabs__btn:not(:last-child) {\n    margin: 0;\n  }\n}\n\n.tabs__btn:hover {\n  color: #191919;\n}\n\n.tabs__btn.active {\n  border-color: #191919;\n  color: #191919;\n}\n\n.tabs__item {\n  display: none;\n}\n\n.menu {\n  display: flex;\n}\n\n.menu__link {\n  font-size: 16px;\n  color: #A7A7A7;\n  transition: color .2s;\n}\n\n.menu__link:not(:last-child) {\n  margin-right: 30px;\n}\n\n.menu__link.active {\n  font-family: 'ProximaNova-Bold', serif;\n  color: #191919;\n}\n\n.confirm__title {\n  margin-bottom: 20px;\n  font-size: 24px;\n}\n\n.confirm__form {\n  display: flex;\n  margin: 25px -10px 30px;\n  align-items: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .confirm__form {\n    display: block;\n  }\n}\n\n.confirm__field, .confirm__btn {\n  margin: 0 10px;\n  flex: 0 0 calc(50% - 20px);\n}\n\n@media only screen and (max-width: 599px) {\n  .confirm__field {\n    margin-bottom: 20px;\n  }\n}\n\n.form {\n  position: relative;\n}\n\n.form__ava {\n  position: absolute;\n  left: -160px;\n  width: 140px;\n  height: 140px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .form__ava {\n    position: relative;\n    left: 0;\n    margin-bottom: 40px;\n  }\n}\n\n.form__group {\n  position: relative;\n  margin-bottom: 40px;\n}\n\n.form__title {\n  margin-bottom: 30px;\n  font-size: 25px;\n}\n\n@media only screen and (max-width: 599px) {\n  .form__title {\n    font-family: 'ProximaNova-Bold', serif;\n    font-size: 24px;\n    line-height: 1.33;\n  }\n}\n\n.form__content {\n  margin-bottom: 40px;\n}\n\n@media only screen and (max-width: 599px) {\n  .form__content {\n    margin-bottom: 30px;\n  }\n}\n\n.form__fieldset {\n  display: flex;\n  margin: 0 -10px;\n}\n\n@media only screen and (max-width: 599px) {\n  .form__fieldset {\n    display: block;\n  }\n}\n\n.form__fieldset .form__field {\n  padding: 0 10px;\n  flex: 0 0 50%;\n}\n\n.form__field {\n  margin-bottom: 25px;\n}\n\n@media only screen and (max-width: 599px) {\n  .form__field {\n    margin-bottom: 20px;\n  }\n}\n\n.form__switch {\n  margin-bottom: 10px;\n}\n\n.form__btn {\n  width: 100%;\n}\n\n.transactions__row {\n  display: flex;\n  margin: 0 -10px 20px;\n  flex-wrap: wrap;\n}\n\n.transactions__cell {\n  padding: 0 10px;\n  font-size: 13px;\n}\n\n.transactions__cell:first-child {\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  flex: 0 0 60%;\n}\n\n@media only screen and (max-width: 599px) {\n  .transactions__cell:first-child {\n    flex: 0 0 75%;\n  }\n}\n\n.transactions__cell:nth-child(2), .transactions__cell:last-child {\n  flex: 0 0 20%;\n  text-align: right;\n}\n\n@media only screen and (max-width: 599px) {\n  .transactions__cell:nth-child(2) {\n    flex: 0 0 25%;\n  }\n}\n\n.transactions__cell:last-child {\n  color: #5BD700;\n}\n\n@media only screen and (max-width: 599px) {\n  .transactions__cell:last-child {\n    flex: 0 0 100%;\n  }\n}\n\n.empty {\n  max-width: 300px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.done {\n  padding: 60px 0;\n  text-align: center;\n}\n\n@media only screen and (max-width: 599px) {\n  .done {\n    padding: 0;\n  }\n}\n\n.done__foot {\n  margin-top: 60px;\n}\n\n@media only screen and (max-width: 599px) {\n  .done__foot {\n    margin-top: 40px;\n  }\n}\n\n.done__btn {\n  width: 100%;\n  max-width: 300px;\n}\n\n.author__row {\n  display: flex;\n}\n\n.author__ava {\n  height: 90px;\n  margin-right: 20px;\n  flex: 0 0 90px;\n}\n\n@media only screen and (max-width: 599px) {\n  .author__ava {\n    height: 60px;\n    margin-right: 15px;\n    flex: 0 0 60px;\n  }\n}\n\n.author__wrap {\n  flex: 0 0 calc(100% - 110px);\n}\n\n@media only screen and (max-width: 599px) {\n  .author__wrap {\n    flex: 0 0 calc(100% - 75px);\n  }\n}\n\n.author__hi, .author__name {\n  display: table;\n  font-family: 'ProximaNova-Bold', serif;\n  text-transform: uppercase;\n}\n\n.author__hi {\n  margin-bottom: 30px;\n  font-size: 12px;\n  letter-spacing: 2px;\n}\n\n@media only screen and (max-width: 599px) {\n  .author__hi {\n    margin-bottom: 10px;\n  }\n}\n\n.author__name {\n  font-size: 10px;\n  letter-spacing: 1.66px;\n}\n\n.author__content {\n  margin-bottom: 30px;\n}\n\n@media only screen and (max-width: 599px) {\n  .author__content {\n    margin-bottom: 10px;\n  }\n}\n\n.upload {\n  position: relative;\n  font-size: 18px;\n  color: #4A90E2;\n  overflow: hidden;\n}\n\n.upload__file {\n  position: absolute;\n  top: 0;\n  right: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.info {\n  display: flex;\n  background: #F8F8F8;\n}\n\n@media only screen and (max-width: 599px) {\n  .info {\n    display: block;\n    margin-top: 60px;\n  }\n}\n\n.info__section {\n  display: flex;\n  position: relative;\n  background-position: 50% 50%;\n  background-size: cover;\n  flex: 0 0 calc(50% + 169px);\n  justify-content: flex-end;\n  z-index: 4;\n}\n\n.info__section:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.64) 100%);\n  z-index: -2;\n}\n\n.info__sidebar {\n  flex: 0 0 calc(50% - 169px);\n}\n\n.info__main {\n  display: flex;\n  max-width: 675px;\n  height: 550px;\n  padding: 30px 40px 50px;\n  flex-direction: column;\n}\n\n@media only screen and (max-width: 1023px) {\n  .info__main {\n    width: 100%;\n    max-width: 100%;\n    padding: 30px 15px 50px;\n  }\n}\n\n.info__head {\n  display: flex;\n  align-items: flex-start;\n}\n\n.info__user {\n  display: flex;\n  margin-bottom: 45px;\n  align-items: center;\n}\n\n.info__ava {\n  width: 40px;\n  height: 40px;\n  margin-right: 20px;\n  flex: 0 0 40px;\n}\n\n.info__label {\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 10px;\n  color: #A7A7A7;\n  letter-spacing: 1px;\n}\n\n.info__value {\n  font-size: 18px;\n  color: white;\n}\n\n.info__upload {\n  margin-left: auto;\n  font-size: 16px;\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.info__foot {\n  display: flex;\n  margin-top: auto;\n}\n\n@media only screen and (max-width: 599px) {\n  .info__foot {\n    display: block;\n  }\n}\n\n.info__foot .info__field {\n  margin-right: 20px;\n  flex: 0 0 140px;\n}\n\n.info__wrap {\n  max-width: 349px;\n  height: 550px;\n  padding: 30px 40px 30px 30px;\n}\n\n@media only screen and (max-width: 1023px) {\n  .info__wrap {\n    max-width: 100%;\n    height: auto;\n    padding: 30px 15px 30px;\n  }\n}\n\n.info__wrap {\n  display: flex;\n  flex-direction: column;\n}\n\n.info__wrap .info__field {\n  margin-bottom: 30px;\n}\n\n.info__wrap .info__field:last-child {\n  margin: 0;\n}\n\n.info__fieldset:first-child {\n  margin-bottom: 50px;\n}\n\n.info__fieldset:last-child {\n  margin-top: auto;\n}\n\n.add {\n  display: flex;\n}\n\n.add__toggle {\n  font-size: 0;\n}\n\n.add__circle, .add__title {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.add__circle {\n  position: relative;\n  margin-right: 10px;\n  padding: 19px;\n  border: 1px solid #E6E6E6;\n  border-radius: 50%;\n}\n\n.add__circle .icon {\n  font-size: 20px;\n  fill: #B5B5B5;\n}\n\n.add__title {\n  margin-left: 10px;\n  font-size: 20px;\n  color: #B5B5B5;\n}\n\n.add__list {\n  display: none;\n}\n\n.add__btn {\n  width: 60px;\n  height: 60px;\n  border: 1px solid #888;\n  border-radius: 50%;\n  font-size: 0;\n}\n\n.add__btn:not(:last-child) {\n  margin: 0 10px 10px 0;\n}\n\n.add__btn .icon {\n  font-size: 22px;\n  fill: #191919;\n}\n\n.add__btn .icon-live {\n  font-size: 10px;\n}\n\n.add__btn .icon-image-text {\n  font-size: 15px;\n}\n\n.add__btn .icon-text {\n  font-size: 17px;\n}\n\n.add__btn .icon-images {\n  font-size: 32px;\n}\n\n.add.open .add__circle .icon {\n  transform: rotate(45deg);\n}\n\n.add.open .add__title {\n  display: none;\n}\n\n.add.open .add__list {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.kit {\n  max-width: 620px;\n}\n\n.kit__section {\n  margin-bottom: 60px;\n}\n\n.kit__nav {\n  display: flex;\n  margin: 0 -10px 60px;\n}\n\n.kit__btn {\n  margin: 0 10px;\n  flex: 0 0 calc(50% - 20px);\n}\n\n.kit__add {\n  margin-bottom: 40px;\n}\n\n.kit__service {\n  display: flex;\n  align-items: center;\n}\n\n.kit__service .kit__field {\n  margin: 0;\n  flex: 1 0 auto;\n}\n\n.kit__upload {\n  margin-left: 20px;\n}\n\n.kit__row {\n  display: flex;\n}\n\n.kit__row .kit__photo {\n  height: 110px;\n  margin-right: 20px;\n  flex: 0 0 140px;\n}\n\n@media only screen and (max-width: 599px) {\n  .kit__row .kit__photo {\n    flex: 0 0 110px;\n  }\n}\n\n.kit__photo {\n  display: flex;\n  position: relative;\n  border: 1px solid #E6E6E6;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n}\n\n.kit__photo .icon {\n  font-size: 20px;\n  fill: #B5B5B5;\n}\n\n.kit__file {\n  position: absolute;\n  top: 0;\n  right: 0;\n  font-size: 100px;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.kit__fieldset {\n  flex: 0 0 calc(100% - 160px);\n}\n\n@media only screen and (max-width: 599px) {\n  .kit__fieldset {\n    flex: 0 0 calc(100% - 130px);\n  }\n}\n\n.kit__gallery {\n  display: flex;\n  margin: 0 -10px;\n  flex-wrap: wrap;\n}\n\n.kit__gallery .kit__photo, .kit__preview {\n  margin: 0 10px 20px;\n  flex: 0 0 calc(25% - 20px);\n}\n\n.kit__pic {\n  display: block;\n  width: 100%;\n}\n\n.kit__theme {\n  margin-bottom: 30px;\n  padding-bottom: 5px;\n  font-size: 20px;\n  border-bottom: 1px solid #E6E6E6;\n}\n\n.kit__foot {\n  text-align: center;\n}\n\n.kit__submit {\n  width: 220px;\n}\n\n.editor {\n  position: relative;\n}\n\n.fontstyle {\n  position: absolute;\n  top: -40px;\n  left: 40px;\n  padding: 0 15px;\n  background: #191919;\n  border-radius: 35px;\n  font-size: 0;\n  white-space: nowrap;\n}\n\n.fontstyle__regular, .fontstyle__bold, .fontstyle__italic {\n  width: 28px;\n  height: 35px;\n  font-size: 16px;\n  color: white;\n}\n\n.fontstyle__bold {\n  font-family: 'ProximaNova-Bold', serif;\n}\n\n.fontstyle__italic {\n  font-style: italic;\n}\n\n.ui-datepicker {\n  display: none;\n  width: 240px;\n  margin-top: 10px;\n  padding: 5px;\n  background: white;\n  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);\n  z-index: 99 !important;\n}\n\n.ui-datepicker-header {\n  display: flex;\n  margin-bottom: 5px;\n  align-items: center;\n}\n\n.ui-datepicker-prev, .ui-datepicker-next {\n  padding: 10px;\n  font-size: 0;\n  cursor: pointer;\n}\n\n.ui-datepicker-prev:before, .ui-datepicker-next:before {\n  content: '';\n  display: block;\n  width: 10px;\n  height: 10px;\n  border: solid #E6E6E6;\n  border-width: 2px 2px 0 0;\n}\n\n.ui-datepicker-prev {\n  order: 1;\n}\n\n.ui-datepicker-prev:before {\n  transform: rotate(-135deg);\n}\n\n.ui-datepicker-title {\n  text-align: center;\n  order: 2;\n  flex: 1 0 auto;\n}\n\n.ui-datepicker-next {\n  order: 3;\n}\n\n.ui-datepicker-next:before {\n  transform: rotate(45deg);\n}\n\n.ui-datepicker-calendar th,\n.ui-datepicker-calendar td {\n  font-family: 'ProximaNova-Bold', serif;\n  font-size: 10px;\n  text-transform: uppercase;\n  text-align: center;\n  vertical-align: middle;\n}\n\n.ui-datepicker-calendar th {\n  padding: 5px;\n}\n\n.ui-datepicker-calendar a {\n  display: block;\n  padding: 7px;\n  color: #8C8C8C;\n  transition: color .2s;\n}\n\n.ui-datepicker-calendar a:hover {\n  color: #191919;\n}\n\n.ui-datepicker-calendar a.ui-state-active {\n  background: #F8F8F8;\n  color: #FF9393;\n}\n\n.form__common-error {\n  margin-top: 15px;\n  font-size: 14px;\n  background: #FF9393;\n  color: #fff;\n  padding: 10px;\n  display: none;\n}\n\n@media only screen and (max-width: 599px) {\n  .mobile-hide {\n    display: none;\n  }\n}\n"]}
\ No newline at end of file
diff --git a/web/build/js/app.js b/web/build/js/app.js
index a62067d4..a0e10f61 100644
--- a/web/build/js/app.js
+++ b/web/build/js/app.js
@@ -11046,7 +11046,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     _jquery2.default.ajaxSetup({ cache: true });
     _jquery2.default.getScript('https://connect.facebook.net/en_US/sdk.js');
 
-    (0, _jquery2.default)('button.btn_fb').on('click', function () {
+    var facebookButton = (0, _jquery2.default)('button.btn_fb');
+    facebookButton.on('click', function () {
+        (0, _jquery2.default)('.auth-register__common-error').hide();
+        facebookButton.addClass('loading');
         _jquery2.default.getScript('https://connect.facebook.net/en_US/sdk.js', function () {
             FB.init({
                 appId: '161924711105785',
@@ -11054,15 +11057,42 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
             });
             FB.getLoginStatus(function (response) {
                 if (response.status === 'connected') {
-                    console.log('Logged in.', response);
+                    login_with_facebook(response.authResponse.accessToken);
                 } else {
-                    FB.login();
+                    FB.login(function (response) {
+                        if (response.status === 'connected') {
+                            login_with_facebook(response.authResponse.accessToken);
+                        } else {
+                            facebookButton.removeClass('loading');
+                            (0, _jquery2.default)('.auth-register__common-error').text('Не удалось авторизоваться через Facebook');
+                        }
+                    }, { scope: 'public_profile,email' });
                 }
             });
         });
     });
 });
 
+function login_with_facebook(accessToken) {
+    _jquery2.default.ajax('/auth/facebook_login/', {
+        method: 'POST',
+        data: { 'access_token': accessToken }
+    }).done(function (data) {
+        if (data.success === true) {
+            location.reload();
+        }
+    }).fail(function (xhr) {
+        console.log('error', xhr);
+        if (xhr.message) {
+            (0, _jquery2.default)('.auth-register__common-error').text(xhr.message).show();
+        }
+
+        (0, _jquery2.default)('.auth-register__common-error').text('Произошла незвестная ошибка').show();
+    }).always(function () {
+        (0, _jquery2.default)('button.btn_fb').removeClass('loading');
+    });
+}
+
 /***/ }),
 /* 12 */
 /***/ (function(module, exports, __webpack_require__) {
diff --git a/web/src/js/modules/auth.js b/web/src/js/modules/auth.js
index c5f43908..e4b5f9f2 100644
--- a/web/src/js/modules/auth.js
+++ b/web/src/js/modules/auth.js
@@ -245,7 +245,10 @@ $(document).ready(function () {
     $.ajaxSetup({cache: true});
     $.getScript('https://connect.facebook.net/en_US/sdk.js');
 
-    $('button.btn_fb').on('click', function () {
+    const facebookButton = $('button.btn_fb');
+    facebookButton.on('click', function () {
+        $('.auth-register__common-error').hide();
+        facebookButton.addClass('loading');
         $.getScript('https://connect.facebook.net/en_US/sdk.js', function () {
             FB.init({
                 appId: '161924711105785',
@@ -253,12 +256,42 @@ $(document).ready(function () {
             });
             FB.getLoginStatus(function (response) {
                 if (response.status === 'connected') {
-                    console.log('Logged in.', response);
+                    login_with_facebook(response.authResponse.accessToken);
                 }
                 else {
-                    FB.login();
+                    FB.login(function (response) {
+                        if (response.status === 'connected') {
+                            login_with_facebook(response.authResponse.accessToken);
+                        } else {
+                            facebookButton.removeClass('loading');
+                            $('.auth-register__common-error').text('Не удалось авторизоваться через Facebook');
+                        }
+                    }, {scope: 'public_profile,email'});
                 }
             });
         });
     });
-});
\ No newline at end of file
+});
+
+function login_with_facebook(accessToken) {
+    $.ajax('/auth/facebook_login/', {
+        method: 'POST',
+        data: {'access_token': accessToken},
+    })
+        .done(function (data) {
+            if (data.success === true) {
+                location.reload();
+            }
+        })
+        .fail(function (xhr) {
+            console.log('error', xhr);
+            if (xhr.message) {
+                $('.auth-register__common-error').text(xhr.message).show();
+            }
+
+            $('.auth-register__common-error').text('Произошла незвестная ошибка').show();
+        })
+        .always(function () {
+            $('button.btn_fb').removeClass('loading');
+        });
+}
\ No newline at end of file
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index 606c77dd..64b94151 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -155,17 +155,6 @@ b
       border-radius: 2px
       transition: opacity .2s 
       z-index: -2
-  &_fb
-    background: #3957A7
-    color: white
-    &:active
-      color: rgba(white,.2)
-      .icon
-        fill: rgba(white,.2) 
-    .icon
-      margin: -9px 15px -6px -25px
-      font-size: 20px
-      fill: white
   &_gray
     background: $bg 
   &_md
@@ -193,6 +182,8 @@ b
   &.loading
     box-shadow: none
     color: transparent
+    .icon
+      visibility: hidden
     &:after
       content: ''
       position: absolute
@@ -205,6 +196,34 @@ b
       border-left: 3px solid transparent
       border-radius: 50% 
       animation: loading .6s infinite linear
+  &_fb
+    background: #3957A7
+    color: white
+    &:active
+      color: rgba(white, .2)
+      .icon
+        fill: rgba(white, .2)
+    .icon
+      margin: -9px 15px -6px -25px
+      font-size: 20px
+      fill: white
+    &.loading
+      box-shadow: none
+      color: transparent
+      .icon
+        visibility: hidden
+      &:after
+        content: ''
+        position: absolute
+        top: 50%
+        left: 50%
+        width: 24px
+        height: 24px
+        margin: -12px 0 0 -12px
+        border: 3px solid #fff
+        border-left: 3px solid transparent
+        border-radius: 50%
+        animation: loading .6s infinite linear
 
 @keyframes loading
   0