From 66fabf6849dfa2bcdf1581948a0be5ca9d24a544 Mon Sep 17 00:00:00 2001 From: Vitaly Baev Date: Tue, 30 Jan 2018 15:24:14 +0300 Subject: [PATCH 1/4] =?UTF-8?q?LIL-96=20=D0=A0=D0=B5=D0=B0=D0=BB=D0=B8?= =?UTF-8?q?=D0=B7=D0=B0=D1=86=D0=B8=D1=8F=20=D0=BA=D0=BE=D0=BC=D0=BC=D0=B5?= =?UTF-8?q?=D0=BD=D1=82=D0=B0=D1=80=D0=B8=D1=8F=20=D0=BA=20=D0=BB=D0=B0?= =?UTF-8?q?=D0=B9=D0=BA=D1=83=20=D0=B8=D0=BB=D0=B8=20=D0=BA=D1=83=D1=80?= =?UTF-8?q?=D1=81=D1=83=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 --- .../templates/course/blocks/comment.html | 4 +- apps/course/templates/course/course.html | 17 +- web/build/css/app.css | 245 +--- web/build/css/app.css.map | 2 +- web/build/js/app.js | 1000 +++++++++-------- web/src/js/app.js | 2 +- web/src/js/modules/comments.js | 60 + web/src/sass/_common.sass | 19 +- web/src/sass/app.sass | 2 +- 9 files changed, 637 insertions(+), 714 deletions(-) create mode 100644 web/src/js/modules/comments.js diff --git a/apps/course/templates/course/blocks/comment.html b/apps/course/templates/course/blocks/comment.html index cbb199f4..5e38b70f 100644 --- a/apps/course/templates/course/blocks/comment.html +++ b/apps/course/templates/course/blocks/comment.html @@ -1,6 +1,6 @@ {% load static %} -
+
{% if node.author.photo %}
@@ -19,7 +19,7 @@
{{ node.content }}
- +
\ No newline at end of file diff --git a/apps/course/templates/course/course.html b/apps/course/templates/course/course.html index 57d9bc00..938e3f03 100644 --- a/apps/course/templates/course/course.html +++ b/apps/course/templates/course/course.html @@ -195,14 +195,21 @@
Задавайте вопросы:
-
-
-
-
-
{% include "./blocks/comments.html" with object=course %}
+
+ +
+
+
В ответ на этот комментарий. Отменить
+
+
+ +
+
diff --git a/web/build/css/app.css b/web/build/css/app.css index d75d6ef5..0b9856bd 100755 --- a/web/build/css/app.css +++ b/web/build/css/app.css @@ -336,227 +336,6 @@ html { fill: #1C2635; } -/** - * Owl Carousel v2.2.1 - * Copyright 2013-2017 David Deutsch - * Licensed under () - */ -/* - * Owl Carousel - Core - */ -.owl-carousel { - display: none; - width: 100%; - -webkit-tap-highlight-color: transparent; - /* position relative and z-index fix webkit rendering fonts issue */ - position: relative; - z-index: 1; -} - -.owl-carousel .owl-stage { - position: relative; - -ms-touch-action: pan-Y; - -moz-backface-visibility: hidden; - /* fix firefox animation glitch */ -} - -.owl-carousel .owl-stage:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} - -.owl-carousel .owl-stage-outer { - position: relative; - overflow: hidden; - /* fix for flashing background */ - -webkit-transform: translate3d(0px, 0px, 0px); -} - -.owl-carousel .owl-wrapper, -.owl-carousel .owl-item { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); -} - -.owl-carousel .owl-item { - position: relative; - min-height: 1px; - float: left; - -webkit-backface-visibility: hidden; - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; -} - -.owl-carousel .owl-item img { - display: block; - width: 100%; -} - -.owl-carousel .owl-nav.disabled, -.owl-carousel .owl-dots.disabled { - display: none; -} - -.owl-carousel .owl-nav .owl-prev, -.owl-carousel .owl-nav .owl-next, -.owl-carousel .owl-dot { - cursor: pointer; - cursor: hand; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.owl-carousel.owl-loaded { - display: block; -} - -.owl-carousel.owl-loading { - opacity: 0; - display: block; -} - -.owl-carousel.owl-hidden { - opacity: 0; -} - -.owl-carousel.owl-refresh .owl-item { - visibility: hidden; -} - -.owl-carousel.owl-drag .owl-item { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.owl-carousel.owl-grab { - cursor: move; - cursor: -webkit-grab; - cursor: grab; -} - -.owl-carousel.owl-rtl { - direction: rtl; -} - -.owl-carousel.owl-rtl .owl-item { - float: right; -} - -/* No Js */ -.no-js .owl-carousel { - display: block; -} - -/* - * Owl Carousel - Animate Plugin - */ -.owl-carousel .animated { - animation-duration: 1000ms; - animation-fill-mode: both; -} - -.owl-carousel .owl-animated-in { - z-index: 0; -} - -.owl-carousel .owl-animated-out { - z-index: 1; -} - -.owl-carousel .fadeOut { - animation-name: fadeOut; -} - -@keyframes fadeOut { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} - -/* - * Owl Carousel - Auto Height Plugin - */ -.owl-height { - transition: height 500ms ease-in-out; -} - -/* - * Owl Carousel - Lazy Load Plugin - */ -.owl-carousel .owl-item .owl-lazy { - opacity: 0; - transition: opacity 400ms ease; -} - -.owl-carousel .owl-item img.owl-lazy { - transform-style: preserve-3d; -} - -/* - * Owl Carousel - Video Plugin - */ -.owl-carousel .owl-video-wrapper { - position: relative; - height: 100%; - background: #000; -} - -.owl-carousel .owl-video-play-icon { - position: absolute; - height: 80px; - width: 80px; - left: 50%; - top: 50%; - margin-left: -40px; - margin-top: -40px; - background: url("owl.video.play.png") no-repeat; - cursor: pointer; - z-index: 1; - -webkit-backface-visibility: hidden; - transition: transform 100ms ease; -} - -.owl-carousel .owl-video-play-icon:hover { - -ms-transform: scale(1.3, 1.3); - transform: scale(1.3, 1.3); -} - -.owl-carousel .owl-video-playing .owl-video-tn, -.owl-carousel .owl-video-playing .owl-video-play-icon { - display: none; -} - -.owl-carousel .owl-video-tn { - opacity: 0; - height: 100%; - background-position: center center; - background-repeat: no-repeat; - background-size: contain; - transition: opacity 400ms ease; -} - -.owl-carousel .owl-video-frame { - position: relative; - z-index: 1; - height: 100%; - width: 100%; -} - @font-face { font-family: ProximaNova-Regular; src: url("fonts/ProximaNova-Regular.woff2") format("woff2"), url("fonts/ProximaNova-Regular.woff") format("woff"); @@ -1772,6 +1551,17 @@ a.btn { max-height: 277px; } +a.grey-link { + color: #A7A7A7; + border-bottom: 1px #ccc solid; + font-size: 14px; +} + +a.grey-link:hover { + color: #000; + border-bottom: 1px #545454 solid; +} + .game { position: relative; padding: 70px 0 80px; @@ -3268,9 +3058,9 @@ a.btn { } .questions__form { - margin-bottom: 40px; - padding-bottom: 20px; - border-bottom: 1px solid #E6E6E6; + margin-top: 40px; + padding-top: 20px; + border-top: 1px solid #E6E6E6; } .questions__item:not(:last-child) { @@ -3281,6 +3071,11 @@ a.btn { padding-left: 80px; } +.questions__reply-info { + display: none; + margin-bottom: 10px; +} + .questions__item_reply .questions__details { margin-bottom: 10px; padding: 20px; @@ -3312,7 +3107,7 @@ a.btn { .questions__textarea { display: block; width: 100%; - height: 44px; + height: 70px; padding: 11px 15px; border-radius: 2px; font-size: 16px; diff --git a/web/build/css/app.css.map b/web/build/css/app.css.map index 51dd79ec..21db57e9 100755 --- 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","lib/owl.carousel.css","app.css","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","/**\n * Owl Carousel v2.2.1\n * Copyright 2013-2017 David Deutsch\n * Licensed under ()\n */\n/*\n * Owl Carousel - Core\n */\n.owl-carousel {\n display: none;\n width: 100%;\n -webkit-tap-highlight-color: transparent;\n /* position relative and z-index fix webkit rendering fonts issue */\n position: relative;\n z-index: 1; }\n .owl-carousel .owl-stage {\n position: relative;\n -ms-touch-action: pan-Y;\n -moz-backface-visibility: hidden;\n /* fix firefox animation glitch */ }\n .owl-carousel .owl-stage:after {\n content: \".\";\n display: block;\n clear: both;\n visibility: hidden;\n line-height: 0;\n height: 0; }\n .owl-carousel .owl-stage-outer {\n position: relative;\n overflow: hidden;\n /* fix for flashing background */\n -webkit-transform: translate3d(0px, 0px, 0px); }\n .owl-carousel .owl-wrapper,\n .owl-carousel .owl-item {\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n -ms-backface-visibility: hidden;\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0); }\n .owl-carousel .owl-item {\n position: relative;\n min-height: 1px;\n float: left;\n -webkit-backface-visibility: hidden;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none; }\n .owl-carousel .owl-item img {\n display: block;\n width: 100%; }\n .owl-carousel .owl-nav.disabled,\n .owl-carousel .owl-dots.disabled {\n display: none; }\n .owl-carousel .owl-nav .owl-prev,\n .owl-carousel .owl-nav .owl-next,\n .owl-carousel .owl-dot {\n cursor: pointer;\n cursor: hand;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n .owl-carousel.owl-loaded {\n display: block; }\n .owl-carousel.owl-loading {\n opacity: 0;\n display: block; }\n .owl-carousel.owl-hidden {\n opacity: 0; }\n .owl-carousel.owl-refresh .owl-item {\n visibility: hidden; }\n .owl-carousel.owl-drag .owl-item {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n .owl-carousel.owl-grab {\n cursor: move;\n cursor: grab; }\n .owl-carousel.owl-rtl {\n direction: rtl; }\n .owl-carousel.owl-rtl .owl-item {\n float: right; }\n\n/* No Js */\n.no-js .owl-carousel {\n display: block; }\n\n/*\n * Owl Carousel - Animate Plugin\n */\n.owl-carousel .animated {\n animation-duration: 1000ms;\n animation-fill-mode: both; }\n\n.owl-carousel .owl-animated-in {\n z-index: 0; }\n\n.owl-carousel .owl-animated-out {\n z-index: 1; }\n\n.owl-carousel .fadeOut {\n animation-name: fadeOut; }\n\n@keyframes fadeOut {\n 0% {\n opacity: 1; }\n 100% {\n opacity: 0; } }\n\n/*\n * \tOwl Carousel - Auto Height Plugin\n */\n.owl-height {\n transition: height 500ms ease-in-out; }\n\n/*\n * \tOwl Carousel - Lazy Load Plugin\n */\n.owl-carousel .owl-item .owl-lazy {\n opacity: 0;\n transition: opacity 400ms ease; }\n\n.owl-carousel .owl-item img.owl-lazy {\n transform-style: preserve-3d; }\n\n/*\n * \tOwl Carousel - Video Plugin\n */\n.owl-carousel .owl-video-wrapper {\n position: relative;\n height: 100%;\n background: #000; }\n\n.owl-carousel .owl-video-play-icon {\n position: absolute;\n height: 80px;\n width: 80px;\n left: 50%;\n top: 50%;\n margin-left: -40px;\n margin-top: -40px;\n background: url(\"owl.video.play.png\") no-repeat;\n cursor: pointer;\n z-index: 1;\n -webkit-backface-visibility: hidden;\n transition: transform 100ms ease; }\n\n.owl-carousel .owl-video-play-icon:hover {\n -ms-transform: scale(1.3, 1.3);\n transform: scale(1.3, 1.3); }\n\n.owl-carousel .owl-video-playing .owl-video-tn,\n.owl-carousel .owl-video-playing .owl-video-play-icon {\n display: none; }\n\n.owl-carousel .owl-video-tn {\n opacity: 0;\n height: 100%;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: contain;\n transition: opacity 400ms ease; }\n\n.owl-carousel .owl-video-frame {\n position: relative;\n z-index: 1;\n height: 100%;\n width: 100%; }\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/**\n * Owl Carousel v2.2.1\n * Copyright 2013-2017 David Deutsch\n * Licensed under ()\n */\n/*\n * Owl Carousel - Core\n */\n.owl-carousel {\n display: none;\n width: 100%;\n -webkit-tap-highlight-color: transparent;\n /* position relative and z-index fix webkit rendering fonts issue */\n position: relative;\n z-index: 1;\n}\n\n.owl-carousel .owl-stage {\n position: relative;\n -ms-touch-action: pan-Y;\n -moz-backface-visibility: hidden;\n /* fix firefox animation glitch */\n}\n\n.owl-carousel .owl-stage:after {\n content: \".\";\n display: block;\n clear: both;\n visibility: hidden;\n line-height: 0;\n height: 0;\n}\n\n.owl-carousel .owl-stage-outer {\n position: relative;\n overflow: hidden;\n /* fix for flashing background */\n -webkit-transform: translate3d(0px, 0px, 0px);\n}\n\n.owl-carousel .owl-wrapper,\n.owl-carousel .owl-item {\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n -ms-backface-visibility: hidden;\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n}\n\n.owl-carousel .owl-item {\n position: relative;\n min-height: 1px;\n float: left;\n -webkit-backface-visibility: hidden;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\n.owl-carousel .owl-item img {\n display: block;\n width: 100%;\n}\n\n.owl-carousel .owl-nav.disabled,\n.owl-carousel .owl-dots.disabled {\n display: none;\n}\n\n.owl-carousel .owl-nav .owl-prev,\n.owl-carousel .owl-nav .owl-next,\n.owl-carousel .owl-dot {\n cursor: pointer;\n cursor: hand;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.owl-carousel.owl-loaded {\n display: block;\n}\n\n.owl-carousel.owl-loading {\n opacity: 0;\n display: block;\n}\n\n.owl-carousel.owl-hidden {\n opacity: 0;\n}\n\n.owl-carousel.owl-refresh .owl-item {\n visibility: hidden;\n}\n\n.owl-carousel.owl-drag .owl-item {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.owl-carousel.owl-grab {\n cursor: move;\n cursor: grab;\n}\n\n.owl-carousel.owl-rtl {\n direction: rtl;\n}\n\n.owl-carousel.owl-rtl .owl-item {\n float: right;\n}\n\n/* No Js */\n.no-js .owl-carousel {\n display: block;\n}\n\n/*\n * Owl Carousel - Animate Plugin\n */\n.owl-carousel .animated {\n animation-duration: 1000ms;\n animation-fill-mode: both;\n}\n\n.owl-carousel .owl-animated-in {\n z-index: 0;\n}\n\n.owl-carousel .owl-animated-out {\n z-index: 1;\n}\n\n.owl-carousel .fadeOut {\n animation-name: fadeOut;\n}\n\n@keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n/*\n * \tOwl Carousel - Auto Height Plugin\n */\n.owl-height {\n transition: height 500ms ease-in-out;\n}\n\n/*\n * \tOwl Carousel - Lazy Load Plugin\n */\n.owl-carousel .owl-item .owl-lazy {\n opacity: 0;\n transition: opacity 400ms ease;\n}\n\n.owl-carousel .owl-item img.owl-lazy {\n transform-style: preserve-3d;\n}\n\n/*\n * \tOwl Carousel - Video Plugin\n */\n.owl-carousel .owl-video-wrapper {\n position: relative;\n height: 100%;\n background: #000;\n}\n\n.owl-carousel .owl-video-play-icon {\n position: absolute;\n height: 80px;\n width: 80px;\n left: 50%;\n top: 50%;\n margin-left: -40px;\n margin-top: -40px;\n background: url(\"owl.video.play.png\") no-repeat;\n cursor: pointer;\n z-index: 1;\n -webkit-backface-visibility: hidden;\n transition: transform 100ms ease;\n}\n\n.owl-carousel .owl-video-play-icon:hover {\n -ms-transform: scale(1.3, 1.3);\n transform: scale(1.3, 1.3);\n}\n\n.owl-carousel .owl-video-playing .owl-video-tn,\n.owl-carousel .owl-video-playing .owl-video-play-icon {\n display: none;\n}\n\n.owl-carousel .owl-video-tn {\n opacity: 0;\n height: 100%;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: contain;\n transition: opacity 400ms ease;\n}\n\n.owl-carousel .owl-video-frame {\n position: relative;\n z-index: 1;\n height: 100%;\n width: 100%;\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_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_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: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@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@media only screen and (max-width: 599px) {\n .mobile-hide {\n display: none;\n }\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,#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,#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,#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.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,#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,#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,#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\na.grey-link {\n color: #A7A7A7;\n border-bottom: 1px #ccc solid;\n font-size: 14px;\n &:hover {\n color: #000;\n border-bottom: 1px #545454 solid; } }\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-top: 40px;\n padding-top: 20px;\n border-top: 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 &__reply-info {\n display: none;\n margin-bottom: 10px; }\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: 70px;\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.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_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_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: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@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\na.grey-link {\n color: #A7A7A7;\n border-bottom: 1px #ccc solid;\n font-size: 14px;\n}\n\na.grey-link:hover {\n color: #000;\n border-bottom: 1px #545454 solid;\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-top: 40px;\n padding-top: 20px;\n border-top: 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__reply-info {\n display: none;\n margin-bottom: 10px;\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: 70px;\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@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 68475053..ba858809 100755 --- a/web/build/js/app.js +++ b/web/build/js/app.js @@ -61,11 +61,12 @@ var app = /******/ __webpack_require__.p = ""; /******/ /******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = 2); +/******/ return __webpack_require__(__webpack_require__.s = 6); /******/ }) /************************************************************************/ -/******/ ([ -/* 0 */ +/******/ ({ + +/***/ 0: /***/ (function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! @@ -10436,7 +10437,8 @@ return jQuery; /***/ }), -/* 1 */ + +/***/ 1: /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -10445,146 +10447,19 @@ return jQuery; Object.defineProperty(exports, "__esModule", { value: true }); -var MOBILE_WIDTH = exports.MOBILE_WIDTH = 600; - -/***/ }), -/* 2 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; - - -__webpack_require__(3); - -__webpack_require__(4); - -__webpack_require__(5); - -__webpack_require__(6); - -__webpack_require__(7); - -__webpack_require__(8); - -__webpack_require__(9); - -__webpack_require__(10); - -/***/ }), -/* 3 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; - - -var _jquery = __webpack_require__(0); - -var _jquery2 = _interopRequireDefault(_jquery); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -(0, _jquery2.default)(document).ready(function () { - // Добавляем заголовок X-CSRFToken для всех AJAX запросов JQuery. - _jquery2.default.ajaxSetup({ - headers: { - 'X-CSRFToken': (0, _jquery2.default)('meta[name="csrf-token"]').attr('content') - } - }); -}); - -/***/ }), -/* 4 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; - - -var _jquery = __webpack_require__(0); - -var _jquery2 = _interopRequireDefault(_jquery); - -var _constants = __webpack_require__(1); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -(0, _jquery2.default)(document).ready(function () { - var header = (0, _jquery2.default)('.js-header'), - menu = header.find('.js-header-menu'), - wrap = header.find('.js-header-wrap'), - close = header.find('.js-header-close'), - section = header.find('.js-header-section'), - list = header.find('.js-header-list'); - - menu.on('click', function (e) { - if ((0, _jquery2.default)(window).width() < _constants.MOBILE_WIDTH) { - e.preventDefault(); - wrap.addClass('visible'); - } - }); - - close.on('click', function (e) { - if ((0, _jquery2.default)(window).width() < _constants.MOBILE_WIDTH) { - e.preventDefault(); - wrap.removeClass('visible'); - (0, _jquery2.default)(window).scrollTop(0); - } - }); - - section.on('click', function (e) { - if ((0, _jquery2.default)(window).width() < _constants.MOBILE_WIDTH) { - e.preventDefault(); - var _this = (0, _jquery2.default)(this); +exports.default = assertString; +function assertString(input) { + var isString = typeof input === 'string' || input instanceof String; - _this.toggleClass('open'); - _this.next().slideToggle(); - } - }); -}); + if (!isString) { + throw new TypeError('This library (validator.js) validates strings only'); + } +} +module.exports = exports['default']; /***/ }), -/* 5 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; - - -var _jquery = __webpack_require__(0); - -var _jquery2 = _interopRequireDefault(_jquery); - -var _constants = __webpack_require__(1); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -(0, _jquery2.default)(document).ready(function () { - var search = (0, _jquery2.default)('.js-search'), - input = search.find('.js-search-input'), - btn = search.find('.js-search-btn'); - - btn.on('click', function (e) { - if ((0, _jquery2.default)(window).width() >= _constants.MOBILE_WIDTH) { - if (!search.hasClass('open')) { - e.preventDefault(); - } - search.addClass('open'); - setTimeout(function () { - input.focus(); - }, 200); - } - }); - - search.on('click', function (e) { - e.stopPropagation(); - }); - (0, _jquery2.default)(document).on('click', function () { - search.removeClass('open'); - input.val(''); - }); -}); - -/***/ }), -/* 6 */ +/***/ 10: /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -10606,7 +10481,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de }); /***/ }), -/* 7 */ + +/***/ 11: /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -10616,15 +10492,15 @@ var _jquery = __webpack_require__(0); var _jquery2 = _interopRequireDefault(_jquery); -var _isEmail = __webpack_require__(33); +var _isEmail = __webpack_require__(12); var _isEmail2 = _interopRequireDefault(_isEmail); -var _isEmpty = __webpack_require__(55); +var _isEmpty = __webpack_require__(15); var _isEmpty2 = _interopRequireDefault(_isEmpty); -var _isLength = __webpack_require__(56); +var _isLength = __webpack_require__(16); var _isLength2 = _interopRequireDefault(_isLength); @@ -10862,208 +10738,144 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de }); /***/ }), -/* 8 */ + +/***/ 12: /***/ (function(module, exports, __webpack_require__) { "use strict"; -var _jquery = __webpack_require__(0); +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.default = isEmail; -var _jquery2 = _interopRequireDefault(_jquery); +var _assertString = __webpack_require__(1); + +var _assertString2 = _interopRequireDefault(_assertString); + +var _merge = __webpack_require__(3); + +var _merge2 = _interopRequireDefault(_merge); + +var _isByteLength = __webpack_require__(13); + +var _isByteLength2 = _interopRequireDefault(_isByteLength); + +var _isFQDN = __webpack_require__(14); + +var _isFQDN2 = _interopRequireDefault(_isFQDN); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -(0, _jquery2.default)(document).ready(function () { - var select = (0, _jquery2.default)('.js-select'); - if (select.length) { - select.each(function () { - var _this = (0, _jquery2.default)(this), - head = _this.find('.js-select-head'), - option = _this.find('.js-select-option'), - input = _this.find('.js-select-input'); +var default_email_options = { + allow_display_name: false, + require_display_name: false, + allow_utf8_local_part: true, + require_tld: true +}; - head.on('click', function (e) { - e.preventDefault(); - e.stopPropagation(); +/* eslint-disable max-len */ +/* eslint-disable no-control-regex */ +var displayName = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\.\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\,\.\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF\s]*<(.+)>$/i; +var emailUserPart = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i; +var quotedEmailUser = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i; +var emailUserUtf8Part = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i; +var quotedEmailUserUtf8 = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i; +/* eslint-enable max-len */ +/* eslint-enable no-control-regex */ - if (_this.hasClass('active')) { - _this.removeClass('active'); - } else { - select.removeClass('active'); - _this.addClass('active'); - } - }); +function isEmail(str, options) { + (0, _assertString2.default)(str); + options = (0, _merge2.default)(options, default_email_options); - option.on('click', function (e) { - e.preventDefault(); - _this.addClass('selected'); + if (options.require_display_name || options.allow_display_name) { + var display_email = str.match(displayName); + if (display_email) { + str = display_email[1]; + } else if (options.require_display_name) { + return false; + } + } - var _thisOption = (0, _jquery2.default)(this), - value = _thisOption.text(); + var parts = str.split('@'); + var domain = parts.pop(); + var user = parts.join('@'); - head.text(value); + var lower_domain = domain.toLowerCase(); + if (lower_domain === 'gmail.com' || lower_domain === 'googlemail.com') { + user = user.replace(/\./g, '').toLowerCase(); + } - option.removeClass('active'); - _thisOption.addClass('active'); + if (!(0, _isByteLength2.default)(user, { max: 64 }) || !(0, _isByteLength2.default)(domain, { max: 254 })) { + return false; + } - input.val(value); - }); - }); + if (!(0, _isFQDN2.default)(domain, { require_tld: options.require_tld })) { + return false; + } - (0, _jquery2.default)(document).on('click', function () { - select.removeClass('active'); - }); + if (user[0] === '"') { + user = user.slice(1, user.length - 1); + return options.allow_utf8_local_part ? quotedEmailUserUtf8.test(user) : quotedEmailUser.test(user); + } + + var pattern = options.allow_utf8_local_part ? emailUserUtf8Part : emailUserPart; + + var user_parts = user.split('.'); + for (var i = 0; i < user_parts.length; i++) { + if (!pattern.test(user_parts[i])) { + return false; } -}); + } + + return true; +} +module.exports = exports['default']; /***/ }), -/* 9 */ + +/***/ 13: /***/ (function(module, exports, __webpack_require__) { "use strict"; -var _jquery = __webpack_require__(0); +Object.defineProperty(exports, "__esModule", { + value: true +}); -var _jquery2 = _interopRequireDefault(_jquery); +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +exports.default = isByteLength; + +var _assertString = __webpack_require__(1); + +var _assertString2 = _interopRequireDefault(_assertString); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -(0, _jquery2.default)(document).ready(function () { - var tabs = (0, _jquery2.default)('.js-tabs'); - if (tabs.length) { - tabs.each(function () { - var _this = (0, _jquery2.default)(this), - btn = _this.find('.js-tabs-btn'), - item = _this.find('.js-tabs-item'); - - btn.on('click', function (e) { - e.preventDefault(); - - var _thisBtn = (0, _jquery2.default)(this), - index = _thisBtn.index(); - - btn.removeClass('active'); - _thisBtn.addClass('active'); - item.hide(); - item.eq(index).fadeIn(); - }); - }); - } -}); - -/***/ }), -/* 10 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; - - -var _jquery = __webpack_require__(0); - -var _jquery2 = _interopRequireDefault(_jquery); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -(0, _jquery2.default)(document).ready(function () { - var body = (0, _jquery2.default)('body'), - popup = void 0; - - body.on('click', '[data-popup]', function (e) { - e.preventDefault(); - e.stopPropagation(); - - var data = (0, _jquery2.default)(this).data('popup'); - popup = (0, _jquery2.default)(data); - showPopup(); - }); - - (0, _jquery2.default)('.js-popup-close').on('click', function (e) { - e.preventDefault(); - hidePopup(); - }); - - body.on('click', '.js-outer', function () { - if (popup !== undefined) { - hidePopup(); - } - }); - - (0, _jquery2.default)('.js-popup-wrap').on('click', function (e) { - e.stopPropagation(); - }); - - (0, _jquery2.default)(document).keyup(function (e) { - if (e.keyCode === 27) hidePopup(); - }); - - function showPopup() { - body.addClass('no-scroll'); - popup.addClass('open'); - setTimeout(function () { - popup.addClass('visible'); - }, 100); - } - - function hidePopup() { - body.removeClass('no-scroll'); - popup.removeClass('visible'); - setTimeout(function () { - popup.removeClass('open'); - }, 300); - } -}); - -/***/ }), -/* 11 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; - - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.default = assertString; -function assertString(input) { - var isString = typeof input === 'string' || input instanceof String; - - if (!isString) { - throw new TypeError('This library (validator.js) validates strings only'); +/* eslint-disable prefer-rest-params */ +function isByteLength(str, options) { + (0, _assertString2.default)(str); + var min = void 0; + var max = void 0; + if ((typeof options === 'undefined' ? 'undefined' : _typeof(options)) === 'object') { + min = options.min || 0; + max = options.max; + } else { + // backwards compatibility: isByteLength(str, min [, max]) + min = arguments[1]; + max = arguments[2]; } + var len = encodeURI(str).split(/%..|./).length - 1; + return len >= min && (typeof max === 'undefined' || len <= max); } module.exports = exports['default']; /***/ }), -/* 12 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; - - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.default = merge; -function merge() { - var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - var defaults = arguments[1]; - - for (var key in defaults) { - if (typeof obj[key] === 'undefined') { - obj[key] = defaults[key]; - } - } - return obj; -} -module.exports = exports['default']; -/***/ }), -/* 13 */, -/* 14 */, -/* 15 */, -/* 16 */ +/***/ 14: /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -11074,11 +10886,11 @@ Object.defineProperty(exports, "__esModule", { }); exports.default = isFQDN; -var _assertString = __webpack_require__(11); +var _assertString = __webpack_require__(1); var _assertString2 = _interopRequireDefault(_assertString); -var _merge = __webpack_require__(12); +var _merge = __webpack_require__(3); var _merge2 = _interopRequireDefault(_merge); @@ -11130,8 +10942,8 @@ function isFQDN(str, options) { module.exports = exports['default']; /***/ }), -/* 17 */, -/* 18 */ + +/***/ 15: /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -11140,167 +10952,91 @@ module.exports = exports['default']; Object.defineProperty(exports, "__esModule", { value: true }); +exports.default = isEmpty; -var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; - -exports.default = isByteLength; - -var _assertString = __webpack_require__(11); +var _assertString = __webpack_require__(1); var _assertString2 = _interopRequireDefault(_assertString); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/* eslint-disable prefer-rest-params */ -function isByteLength(str, options) { +function isEmpty(str) { (0, _assertString2.default)(str); - var min = void 0; - var max = void 0; - if ((typeof options === 'undefined' ? 'undefined' : _typeof(options)) === 'object') { - min = options.min || 0; - max = options.max; - } else { - // backwards compatibility: isByteLength(str, min [, max]) - min = arguments[1]; - max = arguments[2]; - } - var len = encodeURI(str).split(/%..|./).length - 1; - return len >= min && (typeof max === 'undefined' || len <= max); + return str.length === 0; } module.exports = exports['default']; /***/ }), -/* 19 */, -/* 20 */, -/* 21 */, -/* 22 */, -/* 23 */, -/* 24 */, -/* 25 */, -/* 26 */, -/* 27 */, -/* 28 */, -/* 29 */, -/* 30 */, -/* 31 */, -/* 32 */, -/* 33 */ + +/***/ 150: /***/ (function(module, exports, __webpack_require__) { "use strict"; -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.default = isEmail; - -var _assertString = __webpack_require__(11); - -var _assertString2 = _interopRequireDefault(_assertString); - -var _merge = __webpack_require__(12); - -var _merge2 = _interopRequireDefault(_merge); - -var _isByteLength = __webpack_require__(18); - -var _isByteLength2 = _interopRequireDefault(_isByteLength); - -var _isFQDN = __webpack_require__(16); +var _jquery = __webpack_require__(0); -var _isFQDN2 = _interopRequireDefault(_isFQDN); +var _jquery2 = _interopRequireDefault(_jquery); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var default_email_options = { - allow_display_name: false, - require_display_name: false, - allow_utf8_local_part: true, - require_tld: true -}; - -/* eslint-disable max-len */ -/* eslint-disable no-control-regex */ -var displayName = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\.\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\,\.\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF\s]*<(.+)>$/i; -var emailUserPart = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i; -var quotedEmailUser = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i; -var emailUserUtf8Part = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i; -var quotedEmailUserUtf8 = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i; -/* eslint-enable max-len */ -/* eslint-enable no-control-regex */ - -function isEmail(str, options) { - (0, _assertString2.default)(str); - options = (0, _merge2.default)(options, default_email_options); - - if (options.require_display_name || options.allow_display_name) { - var display_email = str.match(displayName); - if (display_email) { - str = display_email[1]; - } else if (options.require_display_name) { - return false; - } - } - - var parts = str.split('@'); - var domain = parts.pop(); - var user = parts.join('@'); - - var lower_domain = domain.toLowerCase(); - if (lower_domain === 'gmail.com' || lower_domain === 'googlemail.com') { - user = user.replace(/\./g, '').toLowerCase(); - } - - if (!(0, _isByteLength2.default)(user, { max: 64 }) || !(0, _isByteLength2.default)(domain, { max: 254 })) { - return false; - } +(0, _jquery2.default)(document).ready(function () { + // Обработчик отправки комментария. Нам не важно, комментарий к курсу или к уроку - URL берется из action формы + (0, _jquery2.default)('form.questions__form').on('submit', function (e) { + e.preventDefault(); - if (!(0, _isFQDN2.default)(domain, { require_tld: options.require_tld })) { - return false; - } + var submitButton = (0, _jquery2.default)(this).find('button.questions__action'); + var replyToInput = (0, _jquery2.default)(this).find('input[name=reply_id]'); + var replyToValue = replyToInput.val() ? parseInt(replyToInput.val()) : 0; + var commentTextarea = (0, _jquery2.default)(this).find('textarea.questions__textarea'); + commentTextarea.attr('disabled', 'disabled'); + submitButton.attr('disabled', 'disabled'); + + _jquery2.default.ajax((0, _jquery2.default)(this).attr('action'), { + method: 'post', + data: { + reply_id: replyToValue, + comment: commentTextarea.val() + } + }).done(function (data) { + console.log(data); + if (data.success === true) { + if (replyToValue > 0) { + (0, _jquery2.default)('#question__' + replyToValue).after(data.comment); + } else { + (0, _jquery2.default)('.questions__list').append(data.comment); + } - if (user[0] === '"') { - user = user.slice(1, user.length - 1); - return options.allow_utf8_local_part ? quotedEmailUserUtf8.test(user) : quotedEmailUser.test(user); - } + commentTextarea.val(''); + } + }).fail(function (xhr) {}).always(function () { + commentTextarea.removeAttr('disabled'); + submitButton.removeAttr('disabled'); + }); + }); - var pattern = options.allow_utf8_local_part ? emailUserUtf8Part : emailUserPart; + // Обработчик кнопки "Ответить" + (0, _jquery2.default)('.questions__list').on('click', 'button.question__reply-button', function () { + var replyId = (0, _jquery2.default)(this).attr('data-reply-id'); + var form = (0, _jquery2.default)('form.questions__form'); + form.find('input[name=reply_id]').val(replyId); + form.find('.questions__reply-anchor').attr('href', '#question__' + replyId); + form.find('.questions__reply-info').show(); + }); - var user_parts = user.split('.'); - for (var i = 0; i < user_parts.length; i++) { - if (!pattern.test(user_parts[i])) { - return false; - } - } + // Обработчик отмены комментирования в ответ на комментарий + (0, _jquery2.default)('.questions__reply-cancel').on('click', function (e) { + e.preventDefault(); - return true; -} -module.exports = exports['default']; + var form = (0, _jquery2.default)('form.questions__form'); + form.find('input[name=reply_id]').val(0); + form.find('.questions__reply-info').hide(); + }); +}); /***/ }), -/* 34 */, -/* 35 */, -/* 36 */, -/* 37 */, -/* 38 */, -/* 39 */, -/* 40 */, -/* 41 */, -/* 42 */, -/* 43 */, -/* 44 */, -/* 45 */, -/* 46 */, -/* 47 */, -/* 48 */, -/* 49 */, -/* 50 */, -/* 51 */, -/* 52 */, -/* 53 */, -/* 54 */, -/* 55 */ + +/***/ 16: /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -11309,22 +11045,196 @@ module.exports = exports['default']; Object.defineProperty(exports, "__esModule", { value: true }); -exports.default = isEmpty; -var _assertString = __webpack_require__(11); +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +exports.default = isLength; + +var _assertString = __webpack_require__(1); var _assertString2 = _interopRequireDefault(_assertString); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function isEmpty(str) { +/* eslint-disable prefer-rest-params */ +function isLength(str, options) { (0, _assertString2.default)(str); - return str.length === 0; + var min = void 0; + var max = void 0; + if ((typeof options === 'undefined' ? 'undefined' : _typeof(options)) === 'object') { + min = options.min || 0; + max = options.max; + } else { + // backwards compatibility: isLength(str, min [, max]) + min = arguments[1]; + max = arguments[2]; + } + var surrogatePairs = str.match(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g) || []; + var len = str.length - surrogatePairs.length; + return len >= min && (typeof max === 'undefined' || len <= max); } module.exports = exports['default']; /***/ }), -/* 56 */ + +/***/ 17: +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +var _jquery = __webpack_require__(0); + +var _jquery2 = _interopRequireDefault(_jquery); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +(0, _jquery2.default)(document).ready(function () { + var select = (0, _jquery2.default)('.js-select'); + if (select.length) { + select.each(function () { + var _this = (0, _jquery2.default)(this), + head = _this.find('.js-select-head'), + option = _this.find('.js-select-option'), + input = _this.find('.js-select-input'); + + head.on('click', function (e) { + e.preventDefault(); + e.stopPropagation(); + + if (_this.hasClass('active')) { + _this.removeClass('active'); + } else { + select.removeClass('active'); + _this.addClass('active'); + } + }); + + option.on('click', function (e) { + e.preventDefault(); + _this.addClass('selected'); + + var _thisOption = (0, _jquery2.default)(this), + value = _thisOption.text(); + + head.text(value); + + option.removeClass('active'); + _thisOption.addClass('active'); + + input.val(value); + }); + }); + + (0, _jquery2.default)(document).on('click', function () { + select.removeClass('active'); + }); + } +}); + +/***/ }), + +/***/ 18: +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +var _jquery = __webpack_require__(0); + +var _jquery2 = _interopRequireDefault(_jquery); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +(0, _jquery2.default)(document).ready(function () { + var tabs = (0, _jquery2.default)('.js-tabs'); + if (tabs.length) { + tabs.each(function () { + var _this = (0, _jquery2.default)(this), + btn = _this.find('.js-tabs-btn'), + item = _this.find('.js-tabs-item'); + + btn.on('click', function (e) { + e.preventDefault(); + + var _thisBtn = (0, _jquery2.default)(this), + index = _thisBtn.index(); + + btn.removeClass('active'); + _thisBtn.addClass('active'); + item.hide(); + item.eq(index).fadeIn(); + }); + }); + } +}); + +/***/ }), + +/***/ 19: +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +var _jquery = __webpack_require__(0); + +var _jquery2 = _interopRequireDefault(_jquery); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +(0, _jquery2.default)(document).ready(function () { + var body = (0, _jquery2.default)('body'), + popup = void 0; + + body.on('click', '[data-popup]', function (e) { + e.preventDefault(); + e.stopPropagation(); + + var data = (0, _jquery2.default)(this).data('popup'); + popup = (0, _jquery2.default)(data); + showPopup(); + }); + + (0, _jquery2.default)('.js-popup-close').on('click', function (e) { + e.preventDefault(); + hidePopup(); + }); + + body.on('click', '.js-outer', function () { + if (popup !== undefined) { + hidePopup(); + } + }); + + (0, _jquery2.default)('.js-popup-wrap').on('click', function (e) { + e.stopPropagation(); + }); + + (0, _jquery2.default)(document).keyup(function (e) { + if (e.keyCode === 27) hidePopup(); + }); + + function showPopup() { + body.addClass('no-scroll'); + popup.addClass('open'); + setTimeout(function () { + popup.addClass('visible'); + }, 100); + } + + function hidePopup() { + body.removeClass('no-scroll'); + popup.removeClass('visible'); + setTimeout(function () { + popup.removeClass('open'); + }, 300); + } +}); + +/***/ }), + +/***/ 2: /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -11333,36 +11243,176 @@ module.exports = exports['default']; Object.defineProperty(exports, "__esModule", { value: true }); +var MOBILE_WIDTH = exports.MOBILE_WIDTH = 600; -var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; +/***/ }), -exports.default = isLength; +/***/ 3: +/***/ (function(module, exports, __webpack_require__) { -var _assertString = __webpack_require__(11); +"use strict"; -var _assertString2 = _interopRequireDefault(_assertString); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.default = merge; +function merge() { + var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + var defaults = arguments[1]; -/* eslint-disable prefer-rest-params */ -function isLength(str, options) { - (0, _assertString2.default)(str); - var min = void 0; - var max = void 0; - if ((typeof options === 'undefined' ? 'undefined' : _typeof(options)) === 'object') { - min = options.min || 0; - max = options.max; - } else { - // backwards compatibility: isLength(str, min [, max]) - min = arguments[1]; - max = arguments[2]; + for (var key in defaults) { + if (typeof obj[key] === 'undefined') { + obj[key] = defaults[key]; + } } - var surrogatePairs = str.match(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g) || []; - var len = str.length - surrogatePairs.length; - return len >= min && (typeof max === 'undefined' || len <= max); + return obj; } module.exports = exports['default']; +/***/ }), + +/***/ 6: +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +__webpack_require__(7); + +__webpack_require__(8); + +__webpack_require__(9); + +__webpack_require__(10); + +__webpack_require__(11); + +__webpack_require__(17); + +__webpack_require__(18); + +__webpack_require__(19); + +__webpack_require__(150); + +/***/ }), + +/***/ 7: +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +var _jquery = __webpack_require__(0); + +var _jquery2 = _interopRequireDefault(_jquery); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +(0, _jquery2.default)(document).ready(function () { + // Добавляем заголовок X-CSRFToken для всех AJAX запросов JQuery. + _jquery2.default.ajaxSetup({ + headers: { + 'X-CSRFToken': (0, _jquery2.default)('meta[name="csrf-token"]').attr('content') + } + }); +}); + +/***/ }), + +/***/ 8: +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +var _jquery = __webpack_require__(0); + +var _jquery2 = _interopRequireDefault(_jquery); + +var _constants = __webpack_require__(2); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +(0, _jquery2.default)(document).ready(function () { + var header = (0, _jquery2.default)('.js-header'), + menu = header.find('.js-header-menu'), + wrap = header.find('.js-header-wrap'), + close = header.find('.js-header-close'), + section = header.find('.js-header-section'), + list = header.find('.js-header-list'); + + menu.on('click', function (e) { + if ((0, _jquery2.default)(window).width() < _constants.MOBILE_WIDTH) { + e.preventDefault(); + wrap.addClass('visible'); + } + }); + + close.on('click', function (e) { + if ((0, _jquery2.default)(window).width() < _constants.MOBILE_WIDTH) { + e.preventDefault(); + wrap.removeClass('visible'); + (0, _jquery2.default)(window).scrollTop(0); + } + }); + + section.on('click', function (e) { + if ((0, _jquery2.default)(window).width() < _constants.MOBILE_WIDTH) { + e.preventDefault(); + var _this = (0, _jquery2.default)(this); + + _this.toggleClass('open'); + _this.next().slideToggle(); + } + }); +}); + +/***/ }), + +/***/ 9: +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +var _jquery = __webpack_require__(0); + +var _jquery2 = _interopRequireDefault(_jquery); + +var _constants = __webpack_require__(2); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +(0, _jquery2.default)(document).ready(function () { + var search = (0, _jquery2.default)('.js-search'), + input = search.find('.js-search-input'), + btn = search.find('.js-search-btn'); + + btn.on('click', function (e) { + if ((0, _jquery2.default)(window).width() >= _constants.MOBILE_WIDTH) { + if (!search.hasClass('open')) { + e.preventDefault(); + } + search.addClass('open'); + setTimeout(function () { + input.focus(); + }, 200); + } + }); + + search.on('click', function (e) { + e.stopPropagation(); + }); + + (0, _jquery2.default)(document).on('click', function () { + search.removeClass('open'); + input.val(''); + }); +}); + /***/ }) -/******/ ]); + +/******/ }); //# sourceMappingURL=app.js.map \ No newline at end of file diff --git a/web/src/js/app.js b/web/src/js/app.js index 9eb50dea..6fc1e2f1 100644 --- a/web/src/js/app.js +++ b/web/src/js/app.js @@ -7,6 +7,6 @@ import "./modules/search"; import "./modules/toggle"; import "./modules/auth"; import "./modules/select"; -// import "./modules/datepicker"; import "./modules/tabs"; import "./modules/popup"; +import "./modules/comments"; diff --git a/web/src/js/modules/comments.js b/web/src/js/modules/comments.js new file mode 100644 index 00000000..86b40161 --- /dev/null +++ b/web/src/js/modules/comments.js @@ -0,0 +1,60 @@ +import $ from 'jquery'; + +$(document).ready(function () { + // Обработчик отправки комментария. Нам не важно, комментарий к курсу или к уроку - URL берется из action формы + $('form.questions__form').on('submit', function (e) { + e.preventDefault(); + + const submitButton = $(this).find('button.questions__action'); + const replyToInput = $(this).find('input[name=reply_id]'); + const replyToValue = replyToInput.val() ? parseInt(replyToInput.val()) : 0; + const commentTextarea = $(this).find('textarea.questions__textarea'); + commentTextarea.attr('disabled', 'disabled'); + submitButton.attr('disabled', 'disabled'); + + $.ajax($(this).attr('action'), { + method: 'post', + data: { + reply_id: replyToValue, + comment: commentTextarea.val(), + } + }) + .done(function (data) { + console.log(data); + if (data.success === true) { + if (replyToValue > 0) { + $(`#question__${replyToValue}`).after(data.comment); + } else { + $('.questions__list').append(data.comment); + } + + commentTextarea.val(''); + } + }) + .fail(function (xhr) { + + }) + .always(function () { + commentTextarea.removeAttr('disabled'); + submitButton.removeAttr('disabled'); + }); + }); + + // Обработчик кнопки "Ответить" + $('.questions__list').on('click', 'button.question__reply-button', function () { + const replyId = $(this).attr('data-reply-id'); + const form = $('form.questions__form'); + form.find('input[name=reply_id]').val(replyId); + form.find('.questions__reply-anchor').attr('href', `#question__${replyId}`); + form.find('.questions__reply-info').show(); + }); + + // Обработчик отмены комментирования в ответ на комментарий + $('.questions__reply-cancel').on('click', function (e) { + e.preventDefault(); + + const form = $('form.questions__form'); + form.find('input[name=reply_id]').val(0); + form.find('.questions__reply-info').hide(); + }); +}); diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass index 98364585..580479d2 100755 --- a/web/src/sass/_common.sass +++ b/web/src/sass/_common.sass @@ -1165,6 +1165,14 @@ a.btn +m max-height: 185px +a.grey-link + color: #A7A7A7 + border-bottom: 1px #ccc solid + font-size: 14px + &:hover + color: #000 + border-bottom: 1px #545454 solid + .game position: relative padding: 70px 0 80px @@ -2376,9 +2384,9 @@ a.btn &__item display: flex &__form - margin-bottom: 40px - padding-bottom: 20px - border-bottom: 1px solid $border + margin-top: 40px + padding-top: 20px + border-top: 1px solid $border &__item &:not(:last-child) margin-bottom: 25px @@ -2386,6 +2394,9 @@ a.btn padding-left: 80px +m padding: 0 + &__reply-info + display: none + margin-bottom: 10px &__item_reply &__details margin-bottom: 10px padding: 20px @@ -2413,7 +2424,7 @@ a.btn &__textarea display: block width: 100% - height: 44px + height: 70px padding: 11px 15px border-radius: 2px font-size: 16px diff --git a/web/src/sass/app.sass b/web/src/sass/app.sass index dac17836..1cda22f4 100755 --- a/web/src/sass/app.sass +++ b/web/src/sass/app.sass @@ -1,5 +1,5 @@ // done by arturmoroz.com @import helpers/all @import generated/sprite-svg -@import lib/owl.carousel +// @import lib/owl.carousel @import common From a9ac86ea2bd541055b2466e6d86b46b5765801d8 Mon Sep 17 00:00:00 2001 From: Ivlev Denis Date: Tue, 30 Jan 2018 15:47:51 +0300 Subject: [PATCH 2/4] Change comments ordering --- apps/course/models.py | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/apps/course/models.py b/apps/course/models.py index 9fa9c2c0..42eafe7b 100644 --- a/apps/course/models.py +++ b/apps/course/models.py @@ -134,8 +134,11 @@ class Comment(MPTTModel): def __str__(self): return self.content + class Meta: + ordering = ('-created_at',) + class MPTTMeta: - order_insertion_by = ['created_at'] + order_insertion_by = ['-created_at'] abstract = True @@ -143,7 +146,7 @@ class CourseComment(Comment): parent = TreeForeignKey('self', null=True, blank=True, related_name='children', db_index=True, on_delete=models.PROTECT) course = models.ForeignKey(Course, on_delete=models.CASCADE, related_name='comments') - class Meta: + class Meta(Comment.Meta): verbose_name = 'Комментарий курса' verbose_name_plural = 'Комментарии курсов' @@ -152,6 +155,6 @@ class LessonComment(Comment): parent = TreeForeignKey('self', null=True, blank=True, related_name='children', db_index=True, on_delete=models.PROTECT) lesson = models.ForeignKey(Lesson, on_delete=models.CASCADE, related_name='comments') - class Meta: + class Meta(Comment.Meta): verbose_name = 'Комментарий урока' verbose_name_plural = 'Комментарии уроков' From 4b077759b464a1fb90c6a8f30428104f3ead9390 Mon Sep 17 00:00:00 2001 From: Ivlev Denis Date: Tue, 30 Jan 2018 15:49:19 +0300 Subject: [PATCH 3/4] Add ordering migration --- .../migrations/0018_auto_20180130_1248.py | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 apps/course/migrations/0018_auto_20180130_1248.py diff --git a/apps/course/migrations/0018_auto_20180130_1248.py b/apps/course/migrations/0018_auto_20180130_1248.py new file mode 100644 index 00000000..0a84be00 --- /dev/null +++ b/apps/course/migrations/0018_auto_20180130_1248.py @@ -0,0 +1,17 @@ +# Generated by Django 2.0.1 on 2018-01-30 12:48 + +from django.db import migrations + + +class Migration(migrations.Migration): + + dependencies = [ + ('course', '0017_auto_20180130_0810'), + ] + + operations = [ + migrations.AlterModelOptions( + name='comment', + options={'ordering': ('-created_at',)}, + ), + ] From ed857f69a04a848b08bbb356e1faf0883acdfb33 Mon Sep 17 00:00:00 2001 From: Ivlev Denis Date: Tue, 30 Jan 2018 15:55:27 +0300 Subject: [PATCH 4/4] Limiting commenting only for logged users --- apps/course/templates/course/blocks/comment.html | 2 ++ apps/course/templates/course/course.html | 4 ++++ 2 files changed, 6 insertions(+) diff --git a/apps/course/templates/course/blocks/comment.html b/apps/course/templates/course/blocks/comment.html index 5e38b70f..1f338358 100644 --- a/apps/course/templates/course/blocks/comment.html +++ b/apps/course/templates/course/blocks/comment.html @@ -19,7 +19,9 @@
{{ node.content }}
+ {% if user.is_authenticated %} + {% endif %}
\ No newline at end of file diff --git a/apps/course/templates/course/course.html b/apps/course/templates/course/course.html index 938e3f03..d4d17581 100644 --- a/apps/course/templates/course/course.html +++ b/apps/course/templates/course/course.html @@ -202,12 +202,16 @@
+ {% if user.is_authenticated %}
В ответ на этот комментарий. Отменить
+ {% else %} +
Только зарегистрированные пользователи могут оставлять комментарии.
+ {% endif %}