/* Start:/local/assets/css/owl.carousel.min.css?15416110422788*/
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    margin-bottom: 15px
}

.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;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(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-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    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: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1s;
    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: a
}

@keyframes a {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.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(/local/assets/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-next,
.owl-prev {
    display: none !important
}

/* End */


/* Start:/local/assets/css/owl.theme.default.min.css?15416110421026*/
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #4dc7a0;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: none;
    border: 1px solid #c3c3c3;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #c3c3c3;
    border: 1px solid #c3c3c3;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

/* End */


/* Start:/local/assets/css/owl.transitions.min.css?15416110421173*/
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    animation: b .7s both ease
}

.owl-fade-in {
    animation: a .7s both ease
}

.owl-backSlide-out {
    animation: c 1s both ease
}

.owl-backSlide-in {
    animation: d 1s both ease
}

.owl-goDown-out {
    animation: e .7s ease both
}

.owl-goDown-in {
    animation: f .6s ease both
}

.owl-fadeUp-in {
    animation: g .5s ease both
}

.owl-fadeUp-out {
    animation: h .5s ease both
}

@keyframes a {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes b {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes c {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }

    to {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes d {

    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    to {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@keyframes e {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes f {
    0% {
        transform: translateY(-100%)
    }
}

@keyframes g {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }
}

@keyframes h {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

/* End */


/* Start:/local/assets/css/popup.min.css?15416110425339*/
.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg,
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 0
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
    background: #000
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    background: #000;
    top: -44px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.white-popup-block {
    background: #fff;
    padding: 20px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative
}

.share-head {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    text-align: center
}

#share-popup {
    max-width: 520px
}

.modal__action {
    text-align: center
}

.modal__action a {
    display: block;
    color: #525d83;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 24px;
    margin-bottom: 20px
}

/* End */


/* Start:/local/templates/landing/styles.min.css?154161104223*/
.bx-panel {
    display: none
}

/* End */


/* Start:/courses/data/instagram-two/css/styles.min.css?1541611079197111*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Roboto+Slab:300,400,700|Roboto:300,400,500,700&subset=cyrillic,cyrillic-ext");

body,
html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    text-align: left
}

textarea {
    resize: none
}

address {
    font-style: normal
}

button,
input,
select,
textarea {
    outline: none;
    font: inherit;
    -webkit-font-smoothing: inherit;
    -webkit-appearance: none
}

html.modal-is-open {
    overflow: hidden
}

body,
html {
    height: 100%
}

body {
    font-family: Open Sans, Arial, sans-serif;
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    color: #657195;
    font-family: Open Sans, Arial, sans-serif
}

a:focus {
    outline: none
}

.rub {
    display: inline-block;
    width: 20px;
    height: 60px;
    background-repeat: no-repeat
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.page {
    overflow: hidden
}

body {
    color: #657195
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, serif;
    font-weight: 700
}

h1 {
    font-size: 70px;
    font-weight: 700;
    line-height: 74px;
    letter-spacing: -2.19px
}

@media (max-width:1200px) {
    h1 {
        font-size: 55px;
        line-height: 60px;
        letter-spacing: -1.53px
    }
}

@media (max-width:768px) {
    h1 {
        font-size: 40px;
        line-height: 50px
    }
}

h2 {
    font-size: 55px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -.5px
}

@media (max-width:1200px) {
    h2 {
        font-size: 45px;
        line-height: 54px
    }
}

@media (max-width:768px) {
    h2 {
        font-size: 40px;
        line-height: 46px
    }
}

h3 {
    color: #fff;
    font-size: 55px;
    line-height: 64px;
    letter-spacing: -1.37px
}

@media (max-width:1200px) {
    h3 {
        font-size: 38px;
        line-height: 42px;
        letter-spacing: -.35px
    }

    h3.title--with-logo {
        line-height: 64px
    }
}

h3.title {
    margin-bottom: 0;
}

@media (max-width:1200px) {
    h3.title {
        margin-bottom: 11px
    }
}

@media (max-width:480px) {
    h3.title {
        font-size: 40px;
        line-height: 46px
    }

    h3.title.title--with-logo {
        line-height: 53px
    }
}

@media (max-width:420px) {
    h3.title {
        text-align: center
    }
}

h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.5px
}

.headline {
    display: block;
    width: 100%;
    max-width: 700px;
    text-align: center;
    margin: 0 auto
}

.headline .sub {
    width: 100%;
    max-width: 593px;
    color: #657195;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: -.8px;
    line-height: 32px;
    margin: 0 auto
}

.headline .sub--wide {
    max-width: 100%
}

.headline--left {
    margin-left: 0;
    text-align: left
}

.headline--more {
    max-width: 930px
}

.headline--more .sub {
    max-width: 100%
}

.headline--big {
    max-width: 820px
}

.headline--big .sub {
    max-width: 100%
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

a {
    color: #ff4492;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

@media (min-width:769px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:481px) and (max-width:768px) {
    .hidden-xs {
        display: none !important
    }
}

@media (max-width:480px) {
    .hidden-sm {
        display: none !important
    }
}

.list {
    list-style: none
}

.list li {
    display: block;
    color: #657195;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1.18px;
    text-transform: uppercase;
    margin-bottom: 42px
}

.list li:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    vertical-align: middle;
    border-radius: 50px;
    margin-top: -2px;
    margin-right: 10px;
    background-color: #657195
}

.list li:last-child {
    margin-bottom: 0
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@media (max-width:769px) {
    .slick-dotted.slick-slider {
        margin-bottom: 80px
    }
}

.slick-dots {
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px
}

.slick-dots li,
.slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff;
    border-radius: 50%
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li.slick-active button {
    background: #f48132
}

.likely,
.likely__widget {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    text-indent: 0 !important;
    list-style: none !important;
    font-weight: 400;
    font-family: Helvetica Neue, Arial, sans-serif
}

.likely {
    display: inline-block
}

.likely__widget {
    margin: 0;
    font-size: inherit
}

.likely {
    opacity: 0;
    font-size: 0 !important
}

.likely_visible {
    opacity: 1;
    transition: opacity .1s ease-in
}

.likely>* {
    display: inline-block;
    visibility: hidden
}

.likely_visible>* {
    visibility: inherit
}

.likely__widget {
    position: relative;
    white-space: nowrap
}

.likely__button,
.likely__widget {
    display: inline-block
}

.likely__button,
.likely__counter {
    text-decoration: none;
    text-rendering: optimizeLegibility;
    margin: 0;
    outline: 0
}

.likely__button {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.likely__counter {
    display: none;
    position: relative;
    font-weight: 400
}

.likely_ready .likely__counter {
    display: inline-block
}

.likely_ready .likely__counter_empty {
    display: none
}

.likely__button,
.likely__counter,
.likely__icon,
.likely__widget {
    vertical-align: top
}

.likely__widget {
    transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out
}

.likely__widget:active,
.likely__widget:focus,
.likely__widget:hover {
    transition: none;
    cursor: pointer
}

@media (hover:none) {

    .likely__widget:active,
    .likely__widget:focus,
    .likely__widget:hover {
        transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out;
        cursor: unset
    }
}

.likely__icon {
    position: relative;
    text-align: left;
    display: inline-block
}

.likely svg {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 16px;
    height: 16px
}

.likely__button,
.likely__counter {
    line-height: inherit;
    cursor: inherit
}

.likely__button:empty {
    display: none
}

.likely__counter {
    text-align: center
}

.likely .likely__widget {
    color: #000;
    background: hsla(0, 0%, 91%, .8)
}

.likely .likely__counter {
    background-size: 1px 1px;
    background-repeat: repeat-y;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .2) 0, transparent .5px, transparent)
}

.likely-light .likely__widget {
    color: #fff;
    fill: #fff;
    background: hsla(0, 0%, 93%, .16);
    text-shadow: rgba(0, 0, 0, .2) 0 0 .33em
}

.likely-light .likely__counter {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, 0) .5px, hsla(0, 0%, 100%, 0))
}

.likely__widget_facebook {
    fill: #425497
}

.likely__widget_facebook:active,
.likely__widget_facebook:focus,
.likely__widget_facebook:hover {
    background: rgba(207, 212, 229, .8)
}

@media (hover:none) {

    .likely__widget_facebook:active,
    .likely__widget_facebook:focus,
    .likely__widget_facebook:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_facebook:active,
.likely-light .likely__widget_facebook:focus,
.likely-light .likely__widget_facebook:hover {
    text-shadow: #425497 0 0 .25em;
    background: rgba(66, 84, 151, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_facebook:active,
    .likely-light .likely__widget_facebook:focus,
    .likely-light .likely__widget_facebook:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_gplus {
    fill: #dd4241
}

.likely__widget_gplus:active,
.likely__widget_gplus:focus,
.likely__widget_gplus:hover {
    background: hsla(0, 68%, 89%, .8)
}

@media (hover:none) {

    .likely__widget_gplus:active,
    .likely__widget_gplus:focus,
    .likely__widget_gplus:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_gplus:active,
.likely-light .likely__widget_gplus:focus,
.likely-light .likely__widget_gplus:hover {
    text-shadow: #dd4241 0 0 .25em;
    background: rgba(221, 66, 65, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_gplus:active,
    .likely-light .likely__widget_gplus:focus,
    .likely-light .likely__widget_gplus:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_linkedin {
    fill: #0077b5
}

.likely__widget_linkedin:active,
.likely__widget_linkedin:focus,
.likely__widget_linkedin:hover {
    background: rgba(191, 221, 236, .8)
}

@media (hover:none) {

    .likely__widget_linkedin:active,
    .likely__widget_linkedin:focus,
    .likely__widget_linkedin:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_linkedin:active,
.likely-light .likely__widget_linkedin:focus,
.likely-light .likely__widget_linkedin:hover {
    text-shadow: #0077b5 0 0 .25em;
    background: rgba(0, 119, 181, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_linkedin:active,
    .likely-light .likely__widget_linkedin:focus,
    .likely-light .likely__widget_linkedin:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_odnoklassniki {
    fill: #f6903b
}

.likely__widget_odnoklassniki:active,
.likely__widget_odnoklassniki:focus,
.likely__widget_odnoklassniki:hover {
    background: hsla(27, 88%, 90%, .8)
}

@media (hover:none) {

    .likely__widget_odnoklassniki:active,
    .likely__widget_odnoklassniki:focus,
    .likely__widget_odnoklassniki:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_odnoklassniki:active,
.likely-light .likely__widget_odnoklassniki:focus,
.likely-light .likely__widget_odnoklassniki:hover {
    text-shadow: #f6903b 0 0 .25em;
    background: rgba(246, 144, 59, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_odnoklassniki:active,
    .likely-light .likely__widget_odnoklassniki:focus,
    .likely-light .likely__widget_odnoklassniki:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_pinterest {
    fill: #bd081c
}

.likely__widget_pinterest:active,
.likely__widget_pinterest:focus,
.likely__widget_pinterest:hover {
    background: rgba(238, 193, 198, .8)
}

@media (hover:none) {

    .likely__widget_pinterest:active,
    .likely__widget_pinterest:focus,
    .likely__widget_pinterest:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_pinterest:active,
.likely-light .likely__widget_pinterest:focus,
.likely-light .likely__widget_pinterest:hover {
    text-shadow: #bd081c 0 0 .25em;
    background: rgba(189, 8, 28, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_pinterest:active,
    .likely-light .likely__widget_pinterest:focus,
    .likely-light .likely__widget_pinterest:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_telegram {
    fill: #34abde
}

.likely__widget_telegram:active,
.likely__widget_telegram:focus,
.likely__widget_telegram:hover {
    background: rgba(204, 234, 246, .8)
}

@media (hover:none) {

    .likely__widget_telegram:active,
    .likely__widget_telegram:focus,
    .likely__widget_telegram:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_telegram:active,
.likely-light .likely__widget_telegram:focus,
.likely-light .likely__widget_telegram:hover {
    text-shadow: #34abde 0 0 .25em;
    background: rgba(52, 171, 222, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_telegram:active,
    .likely-light .likely__widget_telegram:focus,
    .likely-light .likely__widget_telegram:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_twitter {
    fill: #00b7ec
}

.likely__widget_twitter:active,
.likely__widget_twitter:focus,
.likely__widget_twitter:hover {
    background: rgba(191, 237, 250, .8)
}

@media (hover:none) {

    .likely__widget_twitter:active,
    .likely__widget_twitter:focus,
    .likely__widget_twitter:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_twitter:active,
.likely-light .likely__widget_twitter:focus,
.likely-light .likely__widget_twitter:hover {
    text-shadow: #00b7ec 0 0 .25em;
    background: rgba(0, 183, 236, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_twitter:active,
    .likely-light .likely__widget_twitter:focus,
    .likely-light .likely__widget_twitter:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_vkontakte {
    fill: #526e8f
}

.likely__widget_vkontakte:active,
.likely__widget_vkontakte:focus,
.likely__widget_vkontakte:hover {
    background: rgba(211, 218, 227, .8)
}

@media (hover:none) {

    .likely__widget_vkontakte:active,
    .likely__widget_vkontakte:focus,
    .likely__widget_vkontakte:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_vkontakte:active,
.likely-light .likely__widget_vkontakte:focus,
.likely-light .likely__widget_vkontakte:hover {
    text-shadow: #526e8f 0 0 .25em;
    background: rgba(82, 110, 143, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_vkontakte:active,
    .likely-light .likely__widget_vkontakte:focus,
    .likely-light .likely__widget_vkontakte:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely__widget_whatsapp {
    fill: #25d366
}

.likely__widget_whatsapp:active,
.likely__widget_whatsapp:focus,
.likely__widget_whatsapp:hover {
    background: rgba(200, 244, 216, .8)
}

@media (hover:none) {

    .likely__widget_whatsapp:active,
    .likely__widget_whatsapp:focus,
    .likely__widget_whatsapp:hover {
        background: hsla(0, 0%, 91%, .8)
    }
}

.likely-light .likely__widget_whatsapp:active,
.likely-light .likely__widget_whatsapp:focus,
.likely-light .likely__widget_whatsapp:hover {
    text-shadow: #25d366 0 0 .25em;
    background: rgba(37, 211, 102, .7)
}

@media (hover:none) {

    .likely-light .likely__widget_whatsapp:active,
    .likely-light .likely__widget_whatsapp:focus,
    .likely-light .likely__widget_whatsapp:hover {
        text-shadow: rgba(0, 0, 0, .2) 0 0 .33em;
        background: hsla(0, 0%, 93%, .16)
    }
}

.likely {
    margin: 0 -5px -10px
}

.likely .likely__widget {
    line-height: 20px;
    font-size: 14px;
    border-radius: 3px;
    height: 22px;
    margin: 0 5px 10px
}

.likely .likely__icon {
    width: 22px;
    height: 22px
}

.likely .likely__button {
    padding: 1px 4px 1px 0
}

.likely .likely__counter {
    padding: 1px 4px
}

.likely-big {
    margin: 0 -6px -12px
}

.likely-big .likely__widget {
    line-height: 28px;
    font-size: 18px;
    border-radius: 4px;
    height: 32px;
    margin: 0 6px 12px
}

.likely-big .likely__icon {
    width: 32px;
    height: 32px
}

.likely-big .likely__button {
    padding: 2px 6px 2px 0
}

.likely-big .likely__counter {
    padding: 2px 6px
}

.likely-big svg {
    left: 4px;
    top: 4px;
    width: 24px;
    height: 24px
}

.likely-small {
    margin: 0 -4px -8px
}

.likely-small .likely__widget {
    line-height: 14px;
    font-size: 12px;
    border-radius: 2px;
    height: 18px;
    margin: 0 4px 8px
}

.likely-small .likely__icon {
    width: 18px;
    height: 18px
}

.likely-small .likely__button {
    padding: 2px 3px 2px 0
}

.likely-small .likely__counter {
    padding: 2px 3px
}

.likely-small svg {
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px
}

.btn {
    border: 0;
    cursor: pointer;
    border-width: 0;
    border-radius: 0;
    background: 0 0;
    background-clip: border-box;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 21px 37px;
    background: #ec3d3d;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    line-height: normal;
    transition: all .2s
}

@media (max-width:768px) {
    .btn {
        padding-left: 55px;
        padding-right: 55px
    }
}

.btn:hover {
    background: #ec3d3d;
    text-decoration: none;
    box-shadow: 0 0 20px rgba(43, 6, 6, 0.41);
}

.btn--black {
    background: #ff4492
}

.btn--black:hover {
    box-shadow: 0 0 20px rgba(9, 6, 43, .41)
}

.btn--black:hover,
.btn-feedback,
.btn-feedback:hover {
    background: #2d093c
}

.btn:disabled,
.btn:disabled:hover {
    background: #d9dcea;
    color: #fff
}

svg {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px
}

.icon {
    display: inline-block
}

.icon-skillbox:after {
    content: "";
    display: inline-block;
    width: 117px;
    height: 26px;
    background-image: url("../img/logo-mini.png")
}

.icon-book {
    width: 39px
}

.icon-book,
.icon-clock {
    height: 32px;
    background-repeat: no-repeat
}

.icon-clock {
    width: 32px
}

.icon-fb:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 13px;
    height: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 25' fill='%23fff'%3E%3Cpath d='M8.44 25V13.6h3.83l.57-4.45h-4.4V6.31c0-1.28.36-2.16 2.2-2.16H13V.17C12.59.12 11.19 0 9.57 0c-3.4 0-5.73 2.07-5.73 5.87v3.28H0v4.45h3.84V25z'/%3E%3C/svg%3E")
}

.icon-vk:after {
    background: url(/courses/data/instagram-two/css/../images/VK.png) no-repeat
}

.icon-tw:after,
.icon-vk:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 26px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.icon-tw:after {
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik02MTIsMTE2LjI1OGMtMjIuNTI1LDkuOTgxLTQ2LjY5NCwxNi43NS03Mi4wODgsMTkuNzcyYzI1LjkyOS0xNS41MjcsNDUuNzc3LTQwLjE1NSw1NS4xODQtNjkuNDExICAgIGMtMjQuMzIyLDE0LjM3OS01MS4xNjksMjQuODItNzkuNzc1LDMwLjQ4Yy0yMi45MDctMjQuNDM3LTU1LjQ5LTM5LjY1OC05MS42My0zOS42NThjLTY5LjMzNCwwLTEyNS41NTEsNTYuMjE3LTEyNS41NTEsMTI1LjUxMyAgICBjMCw5LjgyOCwxLjEwOSwxOS40MjcsMy4yNTEsMjguNjA2QzE5Ny4wNjUsMjA2LjMyLDEwNC41NTYsMTU2LjMzNyw0Mi42NDEsODAuMzg2Yy0xMC44MjMsMTguNTEtMTYuOTgsNDAuMDc4LTE2Ljk4LDYzLjEwMSAgICBjMCw0My41NTksMjIuMTgxLDgxLjk5Myw1NS44MzUsMTA0LjQ3OWMtMjAuNTc1LTAuNjg4LTM5LjkyNi02LjM0OC01Ni44NjctMTUuNzU2djEuNTY4YzAsNjAuODA2LDQzLjI5MSwxMTEuNTU0LDEwMC42OTMsMTIzLjEwNCAgICBjLTEwLjUxNywyLjgzLTIxLjYwNyw0LjM5OC0zMy4wOCw0LjM5OGMtOC4xMDcsMC0xNS45NDctMC44MDMtMjMuNjM0LTIuMzMzYzE1Ljk4NSw0OS45MDcsNjIuMzM2LDg2LjE5OSwxMTcuMjUzLDg3LjE5NCAgICBjLTQyLjk0NywzMy42NTQtOTcuMDk5LDUzLjY1NS0xNTUuOTE2LDUzLjY1NWMtMTAuMTM0LDAtMjAuMTE2LTAuNjEyLTI5Ljk0NC0xLjcyMWM1NS41NjcsMzUuNjgxLDEyMS41MzYsNTYuNDg1LDE5Mi40MzgsNTYuNDg1ICAgIGMyMzAuOTQ4LDAsMzU3LjE4OC0xOTEuMjkxLDM1Ny4xODgtMzU3LjE4OGwtMC40MjEtMTYuMjUzQzU3My44NzIsMTYzLjUyNiw1OTUuMjExLDE0MS40MjIsNjEyLDExNi4yNTh6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==")
}

.icon-youtube:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 20' fill='%23fff'%3E%3Cpath d='M3.82 0A3.8 3.8 0 0 0 0 3.77v12.46A3.8 3.8 0 0 0 3.82 20h21.36A3.8 3.8 0 0 0 29 16.23V3.77A3.8 3.8 0 0 0 25.18 0zm8.39 15.07V4.93L18.95 10z'/%3E%3C/svg%3E")
}

.icon-telegram:after,
.icon-youtube:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 29px;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.icon-telegram:after {
    background: url(/courses/data/instagram-two/css/../images/telegram.png) no-repeat
}

.icon-instagram:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 26px;
    height: 26px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/courses/data/instagram-two/css/../images/instagram.png) no-repeat
}

.icon-check {
    width: 21px;
    height: 16px
}

.icon-bookmark {
    width: 24px
}

.icon-bookmark,
.icon-stamp {
    height: 32px;
    background-repeat: no-repeat
}

.icon-stamp {
    width: 30px
}

.icon-medal {
    width: 44px;
    height: 53px
}

.icon-desctope,
.icon-medal {
    background-repeat: no-repeat
}

.icon-desctope {
    width: 48px;
    height: 42px
}

.icon-smartphone-hand {
    width: 38px;
    height: 48px;
    background-repeat: no-repeat
}

.icon-message-write {
    width: 32px;
    height: 28px
}

.icon-arrow-left,
.icon-arrow-right {
    width: 17px;
    height: 10px
}

.icon-arrow-down {
    width: 14px;
    height: 7px;
    background-image: url(/courses/data/instagram-two/css/../icons/arrow-down.svg);
    background-repeat: no-repeat
}

.icon-smartphone-laptop {
    width: 48px;
    height: 42px;
    background-repeat: no-repeat
}

.icon-cloud-locked {
    width: 48px;
    height: 40px;
    background-repeat: no-repeat
}

.icon-phone {
    display: none;
    width: 24px;
    height: 25px;
    background-image: url(/courses/data/instagram-two/css/../icons/phone.svg);
    background-repeat: no-repeat
}

.icon-mountains {
    width: 89px;
    height: 80px
}

.icon-sputnik {
    width: 90px;
    height: 90px
}

.icon-hands {
    width: 37px;
    height: 32px
}

.icon-home {
    width: 38px;
    height: 31px
}

.icon-pensil {
    width: 31px;
    height: 32px
}

.icon.is-desktop-hidden {
    display: none
}

.icon-close {
    width: 28px;
    height: 28px;
    background-image: url(/courses/data/instagram-two/css/../icons/close-nav.png);
    background-repeat: no-repeat
}

@media (max-width:1023px) {
    .icon-phone {
        display: block
    }
}

.logo {
    display: inline-block;
    width: 300px;
    height: 36px;
    background: url(/courses/data/instagram-two/css/../images/logo.png) 50% no-repeat
}

@media (max-width:1024px) {
    .logo {
        background-size: contain;
        background: url(/courses/data/instagram-two/css/../images/logo-tablet.png) 50% no-repeat
    }
}

@media (max-width:480px) {
    .logo {
        width: 165px;
        background: url(/courses/data/instagram-two/css/../images/logo-mobile.png) 50% no-repeat
    }
}

.lang__item {
    float: left;
    display: inline-block;
    color: #657195;
    font-family: Roboto, serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #e6e8f0;
    border-right-color: transparent;
    box-sizing: border-box;
    padding: 3px 6px 3px 8px
}

.lang__item:last-child {
    border-right-color: #e6e8f0
}

.lang__item--current {
    color: #000
}

.social__item {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    vertical-align: top;
    text-align: center;
    border-radius: 100%;
    margin-right: 12px;
    background-color: #000;
    transition: background-color .35s
}

@media (max-width:767px) {
    .social__item {
        margin-right: 15px
    }
}

.social__item:hover {
    background: #2d093c
}

@media (max-width:389px) {
    .social__item:first-child {
        margin-bottom: 21px
    }
}

.social__item:last-child {
    margin-right: 0
}

@media (max-width:374px) {
    .social__item:nth-child(4) {
        margin-right: 0
    }
}

.quote,
.social--center {
    text-align: center
}

.quote {
    position: relative;
    display: block;
    width: 100%;
    max-width: 970px;
    color: #000;
    font-family: Roboto, serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -.57px;
    line-height: 42px;
    padding-top: 82px;
    margin: 0 auto
}

@media (max-width:768px) {
    .quote {
        font-size: 20px;
        line-height: 28px;
        padding-top: 65px
    }
}

.quote:before {
    content: "";
    position: absolute;
    display: block;
    width: 144px;
    height: 136px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: .47;
    background-size: 144px 136px;
    z-index: -1
}

@media (max-width:768px) {
    .quote:before {
        width: 110px;
        height: 104px;
        background-size: 110px 104px
    }
}

input {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none
}

.form {
    margin: 0;
    padding: 0
}

.form-group {
    position: relative;
    display: block;
    margin-bottom: 19px
}

.form-group:after,
.form-group:before {
    content: "";
    display: table
}

.form-group:after {
    clear: both
}

@media (max-width:1200px) {
    .form-group {
        margin-bottom: 0
    }
}

.form-group__inline {
    float: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0
}

.form-group__inline .btn {
    margin: 0
}

.form-group__inline:first-child {
    margin-right: 16px
}

.form__label {
    position: absolute;
    top: 50%;
    left: 23px;
    color: #525d83;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    letter-spacing: -.3px;
    line-height: 28px;
    transform: translateY(-50%);
    transition: top .1s ease-in, left .1s ease-in, color .35s, font-size .35s
}

.form__control {
    display: block;
    width: 100%;
    height: 60px;
    vertical-align: top;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    padding: 18px 50px 16px 28px;
    box-sizing: border-box;
    background-color: #fff;
    transition: border .3s
}

.form__control:focus {
    border: 2px solid #3d3bff
}

.form__control:focus+.form__label {
    top: 13px;
    left: 32px;
    color: #657195;
    font-size: 11px;
    letter-spacing: -.42px
}

.form__control--bordered {
    border: 2px solid #cfd6e8
}

.form__control--bordered:focus {
    border: 2px solid #3d3bff
}

.form__control--bordered:focus+.form__label {
    top: 13px;
    left: 32px;
    color: #657195;
    font-size: 11px;
    letter-spacing: -.42px
}

.form__consent {
    display: block;
    color: rgba(101, 113, 149, .7);
    font-family: Roboto, serif;
    font-size: 14px;
    letter-spacing: -.47px;
    line-height: 26px;
    margin-bottom: 47px
}

@media (max-width:767px) {
    .form__consent {
        margin-top: 19px
    }
}

.form__error {
    position: absolute;
    display: block;
    color: #ef2653;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: -.5px;
    padding: 8px 0;
    top: -25px;
    left: 0;
    box-sizing: border-box
}

@media (max-width:768px) {
    .form__error {
        top: -23px
    }
}

.form-success {
    display: block
}

.form-success__text {
    position: relative;
    display: inline-block;
    max-width: 188px;
    width: 100%;
    height: 54px;
    color: #657195;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    letter-spacing: -.58px;
    line-height: 26px;
    padding-left: 76px
}

.form-success__text:before {
    content: "";
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    top: 50%;
    left: 0;
    border: 2px solid #3d3bff;
    border-radius: 100%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='%233d3bff'%3E%3Cpath d='M8.985 17.892a.994.994 0 0 1-.7-.288l-8-7.954a.994.994 0 0 1 1.4-1.412l7.253 7.207L22.062.338a.994.994 0 1 1 1.5 1.306L9.743 17.55a.987.987 0 0 1-.711.341h-.037l-.01.001z'/%3E%3C/svg%3E") no-repeat;
    background-size: 24px 18px;
    background-position: 50%;
    transform: translateY(-50%)
}

.form__feedback {
    margin-top: 50px
}

@media (max-width:1200px) {
    .form__feedback {
        margin-top: 25px
    }
}

@media (max-width:480px) {
    .form-registration .btn {
        width: 100%
    }
}

.valid:after {
    content: "";
    position: absolute;
    display: block;
    width: 24px;
    height: 18px;
    top: 50%;
    right: 20px;
    z-index: 2;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='%231FA30F'%3E%3Cpath d='M8.985 17.892a.994.994 0 0 1-.7-.288l-8-7.954a.994.994 0 0 1 1.4-1.412l7.253 7.207L22.062.338a.994.994 0 1 1 1.5 1.306L9.743 17.55a.987.987 0 0 1-.711.341h-.037l-.01.001z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transform: translateY(-50%)
}

.valid .form__label {
    top: 13px;
    left: 32px;
    color: #657195;
    font-size: 11px;
    letter-spacing: -.42px
}

.invalid:after {
    content: "";
    position: absolute;
    display: block;
    width: 19px;
    height: 19px;
    top: 50%;
    right: 20px;
    z-index: 2;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 611 611' fill='%23eb073b'%3E%3Cpath d='M356.781 305.982L601.453 61.311c14.033-14.033 14.033-36.771 0-50.774-14.004-14.033-36.741-14.033-50.774 0L306.007 255.208 61.277 10.536c-14.004-14.033-36.771-14.033-50.774 0-14.004 14.004-14.004 36.742 0 50.774l244.701 244.672L10.503 550.684c-14.004 14.004-14.004 36.771 0 50.774 7.016 7.017 16.216 10.51 25.387 10.51 9.2 0 18.371-3.493 25.387-10.51l244.701-244.701 244.671 244.701c7.017 7.017 16.217 10.51 25.388 10.51 9.199 0 18.399-3.493 25.387-10.51 14.033-14.033 14.033-36.771 0-50.774L356.781 305.982z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transform: translateY(-50%)
}

.invalid input,
.invalid input:focus {
    border: 2px solid #eb073b
}

.invalid .form__label {
    top: 13px;
    left: 32px;
    color: #657195;
    font-size: 11px;
    letter-spacing: -.42px
}

.checkbox {
    position: relative;
    padding-left: 40px
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox input[type=checkbox]:checked+label:after {
    width: 24px;
    height: 24px;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='%232D093C'%3E%3Cpath d='M8.985 17.892a.994.994 0 0 1-.7-.288l-8-7.954a.994.994 0 0 1 1.4-1.412l7.253 7.207L22.062.338a.994.994 0 1 1 1.5 1.306L9.743 17.55a.987.987 0 0 1-.711.341h-.037l-.01.001z'/%3E%3C/svg%3E") no-repeat;
    background-size: 14px 11px;
    background-position: 50%;
    border: 1px solid #fff
}

.checkbox label {
    cursor: pointer
}

.checkbox label:after {
    content: "";
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 1px;
    left: 0;
    background-color: #d9dcea;
    border: 1px solid #d9dcea;
    transition: background-color .35s, border .35s;
    box-sizing: border-box
}

.menu-bottom__item {
    display: block;
    color: #000;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.5px;
    margin-bottom: 51px
}

.landing-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    width: 605px;
    box-shadow: 0 2px 24px rgba(168, 175, 196, .5);
    background: #fff;
    z-index: 109;
    padding: 90px 70px 0 100px;
    box-sizing: border-box;
    opacity: 0;
    transition: .5s cubic-bezier(.165, .84, .44, 1);
    transform: translate3d(-100%, 0, 0)
}

@media (max-width:991px) {
    .landing-menu {
        padding-left: 70px
    }
}

@media screen and (max-width:767px) {
    .landing-menu {
        width: 100%;
        padding: 60px 25px 30px
    }
}

.landing-menu.is-open {
    opacity: 1;
    transform: translateZ(0)
}

.landing-menu__close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 30px;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .landing-menu__close {
        top: 20px
    }

    .landing-menu__close .icon-close {
        width: 20px;
        height: 20px;
        background-size: cover
    }
}

@media screen and (min-width:767px) {
    .landing-menu__close:hover .icon-close {
        transform: rotate(90deg)
    }

    .landing-menu__close .icon-close {
        transition: .3s cubic-bezier(.165, .84, .44, 1)
    }
}

.landing-menu__list {
    color: #657195;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 35px;
    letter-spacing: -.8px
}

@media screen and (max-width:767px) {
    .landing-menu__list {
        font-size: 16px;
        line-height: 28px
    }
}

.landing-menu__list li {
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .landing-menu__list li {
        margin-bottom: 10px
    }
}

.landing-menu__list a {
    color: #657195;
    transition: .3s ease-out
}

.landing-menu__list a:focus,
.landing-menu__list a:hover {
    color: #000
}

.landing-menu__info {
    padding-top: 35px;
    border-top: 2px solid #e6e8f0
}

.landing-menu__phone {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px
}

.landing-menu__phone a {
    color: #000
}

.landing-menu__call {
    text-align: center;
    margin-bottom: 35px
}

.landing-menu__call>.btn__action {
    background-color: #000;
    display: block;
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

.landing-menu__call>.btn__action:focus,
.landing-menu__call>.btn__action:hover {
    background-color: #e60000
}

@media screen and (max-width:767px) {
    .landing-menu__call {
        margin-bottom: 30px
    }
}

.landing-menu__call .button {
    width: 100%
}

.landing-menu__social {
    margin-bottom: 60px
}

.landing-menu__social .social-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.landing-menu__social .social-list__elem {
    margin: 0 6px
}

.landing-menu__social .social-list__link {
    width: 56px;
    height: 56px;
    display: block;
    position: relative;
    background: #000;
    border-radius: 50%;
    transition: .5s cubic-bezier(.165, .84, .44, 1)
}

.landing-menu__social .social-list__link:hover {
    background: #657195
}

.landing-menu__social .social-list__link svg {
    fill: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    clip: auto;
    transition: .5s cubic-bezier(.165, .84, .44, 1)
}

.landing-menu__social .icon-fb {
    width: 13px;
    height: 25px
}

.landing-menu__social .icon-vk {
    width: 22px;
    height: 14px
}

.landing-menu__social .icon-ytb {
    width: 29px;
    height: 20px
}

.label {
    display: inline-block;
    color: #fff;
    font-family: Roboto, serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 11px;
    letter-spacing: .91px;
    text-transform: uppercase;
    padding: 7px 10px 6px;
    background-color: #657195
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform: translateZ(0)
}

.modal-hidden {
    visibility: hidden
}

.modal-open {
    visibility: visible
}

.modal-open .modal-bg {
    opacity: 1;
    transition: opacity .35s;
    transition-delay: .3s
}

.modal-open .modal-inner {
    transition: visible .35s;
    transition-delay: .3s
}

.modal-bg {
    opacity: 0;
    background-color: rgba(0, 0, 0, .4);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.modal-bg,
.modal-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.modal-inner {
    overflow: hidden;
    z-index: 99994;
    -webkit-transform: translateZ(0)
}

.modal-stage {
    right: 0;
    bottom: 0
}

.modal-inline,
.modal-stage {
    position: absolute;
    top: 0;
    left: 0
}

.modal-inline {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transition-property: transform, opacity;
    transform-style: preserve-3d;
    transition-duration: 366ms
}

.modal-inline:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

@media (max-width:768px) {
    .modal-inline:before {
        display: none
    }
}

.modal-close {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    top: 0;
    right: -60px;
    background-color: #000;
    transition: background-color .35s
}

.modal-close:after {
    content: "";
    position: absolute;
    display: block;
    width: 19px;
    height: 19px;
    top: 50%;
    left: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 611 611' fill='%23fff'%3E%3Cpath d='M356.781 305.982L601.453 61.311c14.033-14.033 14.033-36.771 0-50.774-14.004-14.033-36.741-14.033-50.774 0L306.007 255.208 61.277 10.536c-14.004-14.033-36.771-14.033-50.774 0-14.004 14.004-14.004 36.742 0 50.774l244.701 244.672L10.503 550.684c-14.004 14.004-14.004 36.771 0 50.774 7.016 7.017 16.216 10.51 25.387 10.51 9.2 0 18.371-3.493 25.387-10.51l244.701-244.701 244.671 244.701c7.017 7.017 16.217 10.51 25.388 10.51 9.199 0 18.399-3.493 25.387-10.51 14.033-14.033 14.033-36.771 0-50.774L356.781 305.982z'/%3E%3C/svg%3E");
    transform: translate(-50%, -50%)
}

.modal-close:hover {
    background-color: #2e3339
}

@media (max-width:768px) {
    .modal-close {
        right: 0
    }
}

.modal-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    max-width: 570px;
    width: 100%;
    height: auto;
    margin: 60px 40px;
    padding: 62px 70px 70px;
    box-sizing: border-box;
    background-color: #fff
}

@media (max-width:768px) {
    .modal-container {
        margin-top: 40px;
        margin-left: 0;
        margin-right: 0;
        padding: 77px 25px 50px
    }
}

@media (max-width:767px) {
    .modal-container {
        margin: 0
    }
}

.modal-container .modal-content .form-registration .form-group {
    margin-bottom: 30px
}

.modal-container .modal-content .form-registration .form__consent {
    margin-bottom: 40px;
    margin-top: 30px
}

.modal-container .modal-content .form-registration .form-action .btn {
    background: #65ca33
}

.modal-container .modal-content .form-registration .form-action .btn:hover {
    background-color: #2d093c
}

.modal-container .modal-content .form-registration .form-action .btn:disabled {
    background: #d9dcea;
    cursor: not-allowed
}

.modal-container .modal-content .form-registration .form-action .btn:disabled:hover {
    box-shadow: none
}

.modal__title {
    display: block;
    color: #000;
    font-family: Roboto, serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.6px;
    line-height: 40px;
    margin-bottom: 10px
}

.modal__text {
    display: block;
    color: #525d83;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    letter-spacing: -.5px;
    line-height: 28px;
    margin-bottom: 42px
}

@media (max-width:1200px) {
    .modal .form-group {
        margin-bottom: 19px
    }
}

@media (max-width:768px) {
    .modal .form-group {
        margin-bottom: 15px
    }
}

.modal input[type=checkbox]:checked+label:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='%23fff'%3E%3Cpath d='M8.985 17.892a.994.994 0 0 1-.7-.288l-8-7.954a.994.994 0 0 1 1.4-1.412l7.253 7.207L22.062.338a.994.994 0 1 1 1.5 1.306L9.743 17.55a.987.987 0 0 1-.711.341h-.037l-.01.001z'/%3E%3C/svg%3E") no-repeat, #2d093c;
    border: none;
    background-size: 14px 11px, auto;
    background-position: 50%
}

.modal .checkbox a {
    color: #f48132
}

@media (max-width:767px) {
    .modal .checkbox a {
        color: #ff4492
    }
}

.modal .btn {
    transition: visibility 0s
}

.info__text {
    display: block;
    color: #ff006c;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.14px;
    line-height: 40px
}

.decor-logo {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 180px;
    padding-left: 25px
}

.decor-logo__part {
    width: 56px;
    height: 66px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 50%;
    font-size: 0
}

.decor-logo__part--1 {
    background-image: url(/courses/data/instagram-two/css/../icons/logo-part-1.svg);
    fill: #8bc53f
}

.decor-logo__part--2 {
    background-image: url(/courses/data/instagram-two/css/../icons/logo-part-2.svg);
    fill: #f0b41c
}

.decor-logo__part--3 {
    background-image: url(/courses/data/instagram-two/css/../icons/logo-part-3.svg);
    fill: #f48132
}

@media (max-width:480px) {
    .decor-logo {
        width: 120px;
        padding-left: 20px;
        vertical-align: middle
    }

    .decor-logo__part {
        width: 40px;
        height: 40px
    }
}

.title {
    font-family: Roboto, serif;
    font-weight: 700;
    line-height: normal;
    font-size: 55px;
    text-align: center;
    letter-spacing: -.5px;
    color: #000
}

@media (max-width:768px) {
    .title {
        font-size: 45px
    }
}

@media (max-width:480px) {
    .title {
        line-height: 45px;
        font-size: 40px;
        letter-spacing: -.5px;
        text-align: left
    }
}

.title--white {
    color: #fff
}

.share,
.share__label {
    position: relative
}

.share:hover .share__label {
    transform: rotate(-90deg)
}

.share:hover .share__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0)
}

.share__label {
    width: 44px;
    height: 44px;
    cursor: pointer;
    border-radius: 50%;
    background: #000 url(/courses/data/instagram-two/css/../images/share/share.png) 50% no-repeat;
    transition: .2s cubic-bezier(.165, .84, .44, 1);
    transform-origin: 50% 50%
}

.share__dropdown {
    width: 44px;
    left: 0;
    top: 56px;
    margin-left: 6px;
    padding-top: 12px;
    visibility: hidden;
    opacity: 0;
    transition: .5s cubic-bezier(.165, .84, .44, 1);
    transform: translate3d(0, 10px, 0)
}

.likely .share__item.likely__widget {
    background: transparent;
    height: auto;
    margin: 0
}

.likely .share__item.likely__widget:not(:last-child) {
    margin-bottom: 10px
}

.share__item.likely__widget .likely__counter,
.share__item.likely__widget .likely__icon {
    display: none;
    visibility: hidden;
    opacity: 0;
    z-index: -1
}

.share__link {
    width: 32px;
    height: 32px;
    display: block;
    position: relative;
    border-radius: 50%;
    transition: .5s cubic-bezier(.165, .84, .44, 1)
}

.share__link:hover {
    opacity: .6
}

.share__link.fb {
    background: #fff url(/courses/data/instagram-two/css/../images/share/fb.png) 50% no-repeat
}

.share__link.vk {
    background: #fff url(/courses/data/instagram-two/css/../images/share/vk.png) 50% no-repeat
}

.share__link.tw {
    background: #fff url(/courses/data/instagram-two/css/../images/share/tw.png) 50% no-repeat
}

.slider-wrap {
    color: #fff;
    background: #f6f7fd;
    padding: 75px 30px 90px
}

@media (max-width:992px) {
    .slider-wrap {
        padding: 50px 0 70px
    }
}

@media (max-width:660px) {
    .slider-wrap {
        padding: 38px 0 50px
    }
}

.slider-wrap .headline {
    max-width: 1000px
}

.slider-wrap .headline .title {
    color: #000
}

@media (max-width:992px) {
    .slider-wrap .headline .title {
        font-size: 45px;
        text-align: left
    }
}

@media (max-width:660px) {
    .slider-wrap .headline .title {
        margin-bottom: 20px;
        font-size: 40px
    }
}

.slider-wrap .headline .sub {
    color: #657195;
    opacity: .8;
    max-width: 780px;
    margin-bottom: 50px
}

@media (max-width:992px) {
    .slider-wrap .headline .sub {
        text-align: left;
        margin-bottom: 28px;
        max-width: 570px;
        margin-left: 0
    }
}

@media (max-width:767px) {
    .slider-wrap .headline .sub {
        font-family: Open Sans, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        font-size: 15px;
        letter-spacing: -.5px;
        color: #657195;
        opacity: .8;
        margin-bottom: 25px
    }
}

.slider {
    position: relative;
    max-width: 1270px;
    margin: 0 auto
}

.slider:after,
.slider:before {
    content: "";
    display: table
}

.slider:after {
    clear: both
}

.slider__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:992px) {
    .slider__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.slider-preview {
    position: relative;
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
}

@media (max-width:660px) {
    .slider-preview {
        margin: 0 15px
    }
}

.slider-preview-img {
    width: 100%;
    max-width: 485px;
    margin: 0 auto
}

@media (max-width:992px) {
    .slider-preview-img {
        max-width: unset
    }
}

.slider-preview-img img {
    max-width: 100%;
    margin: 0 auto
}

.slider-content {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 620px 0 0px;
    flex: 620px 0 0;
    width: 620px;
    padding: 0 0 72px 58px
}

@media (max-width:1200px) {
    .slider-content {
        -ms-flex: 530px 0 0px;
        flex: 530px 0 0;
        width: 530px;
        padding: 0 0 72px 35px
    }
}

@media (max-width:992px) {
    .slider-content {
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box
    }
}

@media (max-width:660px) {
    .slider-content {
        padding-left: 24px;
        padding-right: 24px
    }
}

.slider-content .headline {
    text-align: left;
    margin-bottom: 38px
}

@media (max-width:992px) {
    .slider-content .headline {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 32px
    }
}

.slider-content .headline h3 {
    font-family: Roboto, serif;
    font-weight: 700;
    line-height: 36px;
    font-size: 23px
}

.slider-content-logo {
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width:660px) {
    .slider-content-logo {
        position: static;
        margin-bottom: 15px
    }
}

@media (max-width:992px) {
    .slider-content-logo img {
        max-width: 70px
    }
}

@media (max-width:660px) {
    .slider-content-logo img {
        max-height: 25px
    }
}

.slider-content__item {
    display: block;
    position: relative;
    max-width: 530px
}

@media (max-width:992px) {
    .slider-content__item {
        max-width: unset
    }
}

.slider-content__item .count {
    display: none;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-family: Roboto Slab, serif;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    border-radius: 50%;
    margin-bottom: 20px;
    background-color: #657195
}

.slider-content__item h3 {
    display: block;
    font-family: Roboto, serif;
    font-weight: 700;
    line-height: 36px;
    font-size: 23px;
    letter-spacing: -.5px;
    margin-bottom: 14px;
    max-width: 310px;
    color: #000
}

@media (max-width:992px) {
    .slider-content__item h3 {
        max-width: unset;
        padding-right: 115px
    }

    .slider-content__item h3 br {
        display: none
    }
}

@media (max-width:660px) {
    .slider-content__item h3 {
        padding-right: 0
    }
}

.slider-content__item p {
    max-width: 480px;
    color: rgba(101, 113, 149, .7);
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.5px
}

.slider-list--total {
    border-top: 1px solid rgba(82, 93, 131, .3);
    padding-top: 25px
}

@media (max-width:990px) {
    .slider-list--total {
        border-top: 1px solid rgba(101, 113, 149, .2)
    }
}

@media (max-width:660px) {
    .slider-list--total {
        display: block
    }
}

.slider-list--total .slider-el:nth-child(2) {
    padding-left: 0
}

@media (max-width:990px) {
    .slider-list--total .slider-el {
        padding-left: 0;
        width: 25%
    }
}

@media (max-width:660px) {
    .slider-list--total .slider-el:nth-child(n) {
        padding-left: 0
    }
}

.slider-list--total .slider-el:before {
    content: none
}

@media (max-width:990px) {
    .slider-list {
        padding-bottom: 25px
    }
}

@media (max-width:767px) {
    .slider-list {
        padding-bottom: 10px
    }
}

.slider-el {
    display: inline-block;
    position: relative;
    width: 39%;
    padding-right: 1%;
    padding-left: 25px;
    margin-bottom: 25px
}

.slider-el:nth-child(2n) {
    width: 48%
}

@media (max-width:990px) {
    .slider-el {
        width: 36%
    }
}

@media (max-width:660px) {
    .slider-el {
        margin-bottom: 15px
    }

    .slider-el:nth-child(n) {
        width: 100%
    }
}

.slider-el:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #ff4492;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%
}

.slider-el-name {
    font-family: Roboto, serif;
    font-weight: 700;
    line-height: 28px;
    font-size: 18px;
    color: #000
}

.slider-el-name,
.slider-el-text {
    font-style: normal;
    letter-spacing: -.5px
}

.slider-el-text {
    font-weight: 400;
    line-height: 26px;
    font-size: 15px;
    color: #657195
}

.slider-el span {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #ff4492;
    margin-right: 5px
}

@media (max-width:660px) {
    .slider-el span {
        font-size: 24px
    }
}

.slider-el span .plus {
    font-size: 16px;
    margin-left: -5px;
    transform: translateY(-2px);
    display: inline-block
}

@media (max-width:660px) {
    .slider-el span .plus {
        font-size: 10px
    }
}

.slider .slick-prev {
    position: absolute;
    width: 60px;
    height: 48px;
    right: 560px;
    bottom: 0;
    border: 0;
    background-color: #000;
    background-image: url(/courses/data/instagram-two/css/../icons/icon-left-arrow.svg);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 50% 50%;
    color: #fff;
    font-size: 0;
    z-index: 10;
    cursor: pointer
}

.slider .slick-prev:hover {
    background-color: #ff4492
}

@media (max-width:1200px) {
    .slider .slick-prev {
        right: 470px
    }
}

@media (max-width:992px) {
    .slider .slick-prev {
        bottom: 0;
        right: auto;
        left: 30px
    }
}

@media (max-width:768px) {
    .slider .slick-prev {
        bottom: 0
    }
}

.slider .slick-next {
    position: absolute;
    width: 60px;
    height: 48px;
    right: 490px;
    bottom: 0;
    border: 0;
    background-color: #000;
    background-image: url(/courses/data/instagram-two/css/../icons/icon-right-arrow.svg);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 50% 50%;
    color: #fff;
    font-size: 0;
    z-index: 10;
    cursor: pointer
}

.slider .slick-next:hover {
    background-color: #ff4492
}

@media (max-width:1200px) {
    .slider .slick-next {
        right: 400px
    }
}

@media (max-width:992px) {
    .slider .slick-next {
        bottom: 0;
        right: auto;
        left: 100px
    }
}

@media (max-width:768px) {
    .slider .slick-next {
        bottom: 0
    }
}

.slider .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

.slider .slick-slide:focus {
    outline: none
}

.slider .slick-disabled,
.slider .slick-disabled:hover {
    background-color: #ff4492
}

.slider .slick-dots {
    font-size: 0
}

.slider .slick-active {
    font-size: 20px
}

.slider .paginator {
    position: absolute;
    right: 430px;
    bottom: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #657195
}

@media (max-width:1200px) {
    .slider .paginator {
        right: 340px
    }
}

@media (max-width:992px) {
    .slider .paginator {
        right: auto;
        left: 195px
    }
}

.slider .current {
    font-size: 18px;
    font-weight: 600
}

.slick-initialized .slick-slide {
    display: block
}

.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box
}

.container:after,
.container:before {
    content: "";
    display: table
}

.container:after {
    clear: both
}

@media (max-width:862px) {
    .container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:480px) {
    .container {
        padding-left: 24px;
        padding-right: 24px
    }
}

.page {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    min-width: 320px
}

@media (max-width:1200px) {
    .page {
        height: auto
    }
}

.page--js-top {
    position: static
}

.header {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    z-index: 110;
    height: 65px;
    border-bottom: 2px solid hsla(0, 0%, 100%, .3)
}

.header__btn {
    position: absolute;
    left: 80px;
    top: 12px;
    padding: 11px 20px;
    display: none
}

.header__fix {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 65px;
    transition: all .3s
}

.header--fixed {
    position: fixed;
    top: 0
}

.header--fixed .logo {
    background: url(/courses/data/instagram-two/css/../images/logo--black.png) 50% no-repeat
}

@media (max-width:1024px) {
    .header--fixed .logo {
        background-size: contain
    }
}

@media (min-width:768px) and (max-width:990px) {
    .header--fixed .logo {
        background: url(/courses/data/instagram-two/css/../images/logo-tablet-black.png) 50% no-repeat
    }
}

.header--fixed .logo-design:after {
    opacity: 1
}

.header--fixed .logo-design {
    background: url(/courses/data/instagram-two/css/../images/agima_green.png) no-repeat;
    background-size: contain;
    width: 124px;
    height: 26px;
    margin-top: 4px
}

@media (max-width:640px) {
    .header--fixed .logo-design {
        width: 105px;
        height: 23px
    }
}

@media (max-width:480px) {
    .header--fixed .logo-design {
        width: 65px;
        height: 15px
    }
}

.header--fixed .header__plus:after,
.header--fixed .header__plus:before {
    background-color: #000
}

.header--fixed .header__fix {
    position: fixed;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    transition: all .3s
}

.header--fixed .header__fix .burger,
.header--fixed .header__fix .burger:after,
.header--fixed .header__fix .burger:before {
    background: #000
}

.header--fixed .header__fix .header__phone {
    color: #000
}

.header--fixed .header__fix .header__phone--desc {
    color: #4d4d4d
}

.header--fixed .header__fix .text {
    opacity: .7
}

.header--fixed .header__fix .icon-phone {
    background-image: url(/courses/data/instagram-two/css/../icons/phone--black.svg)
}

.header--fixed .header__btn {
    display: inline-block;
    background: #ec3d3d;
}

.header--fixed .header__btn:hover {
    background: #ff3a3a;
}

/*@media (max-width:1750px) {
    .header--fixed .header__btn {
        left: 180px
    }
}*/

@media (max-width:1200px) {
    .header--fixed .header__btn {
        display: none
    }
}

.header__plus {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: bottom;
    margin: 0 20px 7px;
    position: relative
}

@media (max-width:768px) {
    .header__plus {
        margin: 0 10px 7px
    }
}

@media (max-width:480px) {
    .header__plus {
        width: 10px;
        height: 10px;
        margin: 0 5px 10px
    }
}

.header__plus:before {
    width: 100%;
    height: 2px
}

.header__plus:after,
.header__plus:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    right: 0;
    background-color: #fff;
    transform: translate(-50%, -50%)
}

.header__plus:after {
    width: 2px;
    height: 100%;
    opacity: 1
}

.header__inside {
    height: 65px;
    position: relative;
    margin: 0 150px 0 100px
}

@media (max-width:1750px) {
    .header__inside {
        margin: auto
    }
}

@media (max-width:480px) {
    .header__inside.container {
        padding: 10px 25px 13px
    }
}

.header__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:768px) {
    .header__logo {
        transform: translate(-50%, -14px)
    }
}

.header__phone {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-family: Roboto, serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px
}

@media (max-width:1750px) {
    .header__phone {
        right: 50px
    }
}

.header__phone--desc {
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    font-size: 13px;
    letter-spacing: -.8px;
    color: #fff;
    opacity: .7
}

.header__phone .text {
    font-size: 15px
}

.header__phone--main {
    right: 190px
}

@media (max-width:1750px) {
    .header__phone--main {
        right: 200px
    }
}

@media (max-width:1023px) {
    .header__phone--main {
        right: 100px
    }
}

@media (max-width:768px) {
    .header__phone--main {
        right: 30px;
        transform: translateY(-8px)
    }
}

@media (max-width:480px) {
    .header__phone--main {
        right: 25px
    }
}

.header__phone--icon {
    display: none
}

@media (max-width:1023px) {
    .header__phone--icon {
        display: inline-block
    }
}

@media (max-width:1023px) {

    .header__phone--desc,
    .header__phone .text {
        display: none
    }
}

.header__burger {
    display: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 13px;
    z-index: 999;
    width: 35px;
    height: 40px;
    transition: transform .5s ease;
    background: transparent;
    border: none;
    padding: 0;
    transform-origin: 35% 50%
}

@media (max-width:1750px) {
    .header__burger {
        left: 100px
    }
}

@media (max-width:991px) {
    .header__burger {
        left: 100px
    }
}

@media (max-width:768px) {
    .header__burger {
        left: 30px;
        width: 24px;
        height: 18px;
        top: 27px
    }
}

@media (max-width:480px) {
    .header__burger {
        left: 25px
    }
}

.header__burger.active {
    position: fixed;
    left: 100px
}

@media (max-width:768px) {
    .header__burger.active {
        left: 30px
    }
}

@media (max-width:480px) {
    .header__burger.active {
        left: 25px
    }
}

.header__burger.active .burger {
    background-color: transparent
}

.header__burger.active .burger:after,
.header__burger.active .burger:before {
    transform-origin: 0 50%;
    background: #000;
    width: 35px
}

@media (max-width:768px) {

    .header__burger.active .burger:after,
    .header__burger.active .burger:before {
        width: 30px
    }
}

.header__burger.active .burger:before {
    transform: rotate(45deg);
    bottom: 13px
}

.header__burger.active .burger:after {
    transform: rotate(-45deg)
}

.header__burger.active:hover {
    transform: rotate(90deg)
}

.header__burger .burger {
    position: absolute;
    background: #fff;
    margin: 0 auto;
    width: 100%;
    height: 3px;
    top: 50%;
    left: 0;
    right: 0;
    transition: all .5s ease;
    transform: translateY(-1px)
}

@media (max-width:768px) {
    .header__burger .burger {
        height: 2px
    }
}

.header__burger .burger:after,
.header__burger .burger:before {
    content: "";
    position: absolute;
    margin: 0 auto;
    background: #fff;
    width: 100%;
    height: 3px;
    left: 0;
    right: 0;
    transition: all .5s ease
}

@media (max-width:768px) {

    .header__burger .burger:after,
    .header__burger .burger:before {
        height: 2px
    }
}

.header__burger .burger:before {
    bottom: 11px
}

@media (max-width:768px) {
    .header__burger .burger:before {
        bottom: 8px
    }
}

.header__burger .burger:after {
    top: 11px
}

@media (max-width:768px) {
    .header__burger .burger:after {
        top: 8px
    }
}

.header__burger .burger__line {
    display: block;
    position: relative;
    height: 2px;
    margin-bottom: 9px;
    background: #fff;
    transition: transform .35s cubic-bezier(.215, .61, .355, 1), background-color .6s cubic-bezier(.215, .61, .355, 1)
}

@media (max-width:480px) {
    .header__burger .burger__line {
        margin-bottom: 7px
    }

    .header__burger .burger__line:last-child {
        margin-bottom: 0
    }
}

.header__burger .burger__line:last-child {
    margin-bottom: 0
}

.header__share {
    float: right;
    display: inline-block;
    margin-top: 15px
}

@media (max-width:768px) {
    .header__share {
        position: absolute;
        top: 90px;
        float: none;
        left: 0;
        right: 0
    }
}

.cover {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 150px;
    box-sizing: border-box;
    background-color: #ec3d3d;
    background-repeat: no-repeat;
    z-index: 999;
    min-height: 585px;
}

@media (max-width:768px) {
}

@media (max-width:480px) {
    .cover {
        padding-bottom: 50px;
    }
}

.cover .container {
    width: 100%
}

@media (max-width:1200px) {
    .cover .container {
        padding: 0
    }
}

@media (max-width:1200px) {
    .cover {
        padding-top: 110px;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 72px
    }
}

@media (max-width:480px) {
    .cover {
        padding-top: 100px;
        padding-bottom: 0
    }
}

@media (max-width:480px) {
    .cover .container {
        padding: 0
    }
}

@media (max-width:420px) {
    .cover .btn__action {
        width: 180px;
        padding-left: 35px;
        padding-right: 35px
    }
}

.cover-center {
    text-align: center;
    margin: 0 auto
}

.cover-center .pre-title {
    display: block;
    color: #fff;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width:990px) {
    .cover-center .pre-title {
        margin-bottom: 10px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        opacity: .7
    }
}

@media (max-width:480px) {
    .cover-center .pre-title {
        line-height: 26px;
        font-size: 13px;
        margin: 0 25px 15px
    }
}

.cover-center .title {
    font-family: Roboto, serif;
    margin-bottom: 10px;
    line-height: 66px;
    font-size: 60px;
    color: #fff;
    margin-top: 15px
}

@media (max-width:1200px) {
    .cover-center .title {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width:768px) {
    .cover-center .title {
        font-size: 45px;
        line-height: 55px;
        letter-spacing: -.5px;
        margin-top: 10px;
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .cover-center .title {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 10px;
        text-align: center
    }
}

.cover-center .title br {
    display: none
}

@media (max-width:768px) {
    .cover-center .title br {
        display: block
    }
}

.cover-center .post-title {
    max-width: 850px;
    margin: 10px auto 80px;
    padding-top: 15px;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    letter-spacing: -.583333px;
    color: #fff;
    opacity: .8
}

@media (max-width:1200px) {
    .cover-center .post-title {
        max-width: 630px
    }
}

@media (max-width:768px) {
    .cover-center .post-title {
        max-width: 620px;
        font-size: 15px;
        line-height: 26px;
        padding-top: 0;
        margin-bottom: 40px
    }
}

@media (max-width:480px) {
    .cover-center .post-title {
        padding-top: 5px;
        margin: 0 24px;
        font-family: Open Sans, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        font-size: 18px;
        text-align: center;
        letter-spacing: -.583333px;
        color: #fff;
        opacity: .8;
        margin-bottom: 30px
    }
}

.cover-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 1170px;
    width: 100%;
    height: 433px;
    box-sizing: border-box;
    box-shadow: 0 2px 24px rgba(73, 0, 18, .321728);
    position: relative;
    z-index: 109
}

@media (max-width:1200px) {
    .cover-box {
        height: auto;
        box-shadow: none
    }
}

@media (max-width:990px) {
    .cover-box {
        display: block;
        background-color: transparent
    }
}

.cover-box .video {
    width: 770px;
    height: 100%;
    padding-bottom: 0
}

@media (max-width:1200px) {
    .cover-box .video {
        margin-left: auto;
        margin-right: auto;
        height: 433px;
        padding-bottom: 100px
    }
}

@media (max-width:990px) {
    .cover-box .video {
        width: 700px;
        height: 392px;
        margin: 0 auto 90px;
        padding-bottom: 0
    }

    .cover-box .video iframe {
        height: 416px
    }
}

@media (max-width:768px) {
    .cover-box .video {
        width: 100%;
        height: 57vw
    }

    .cover-box .video iframe {
        height: 100%
    }
}

.cover-box .form {
    position: relative;
    width: 400px;
    height: 100%;
    padding: 75px 80px 40px;
    background-color: #fff;
    box-sizing: border-box
}

@media (max-width:1200px) {
    .cover-box .form {
        background-color: #fff;
        width: 500px;
        margin: 0 auto;
        box-shadow: 0 2px 24px rgba(168, 175, 196, .5);
        padding-top: 85px
    }
}

@media (max-width:600px) {
    .cover-box .form {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:480px) {
    .cover-box .form {
        width: 100%;
        margin: 0;
        min-height: 0;
        padding-top: 80px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.cover-box .form__label {
    position: absolute;
    display: block;
    width: 110px;
    height: 122px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    background-image: url(/courses/data/instagram-two/css/../images/bg-label.png);
    background-repeat: no-repeat;
    background-color: #313131;
}

@media (max-width:990px) {
    .cover-box .form__label {
        top: 10px
    }
}

@media (max-width:480px) {
    .cover-box .form__label {
        top: 0
    }
}

.cover-box .form__label .sale {
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 15px
}

.cover-box .form__label .sale__title {
    display: block;
    color: #fff;
    font-family: Roboto, serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.27px;
    text-transform: uppercase;
    margin-bottom: 7px
}

.cover-box .form__label .sale__percent {
    display: block;
    color: #fff;
    font-family: Roboto, serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.75px;
    line-height: 28px;
    margin-bottom: 3px
}

.cover-box .form__label .sale__special {
    display: block;
    color: hsla(0, 0%, 100%, .7);
    font-family: Roboto, serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 24px
}

.cover-box .form__title {
    display: block;
    color: #000;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 28px
}

.cover-box .form__title:after {
    content: "";
    display: block;
    width: 168px;
    height: 2px;
    margin: 20px auto 22px;
    background-color: #e6e8f0
}

.cover-box .form__before {
    display: block;
    color: #657195;
    font-family: Roboto, serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.27px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.cover-box .form__date {
    display: block;
    padding: 7px 0;
    color: #000;
    font-family: Roboto Slab, serif;
    font-size: 60px;
    font-weight: 800;
    letter-spacing: -2px;
    margin-bottom: 15px;
    background-color: #f6f7fd;
}

.cover-box .form__month {
    display: block;
    color: rgba(0, 0, 0, .7);
    font-family: Roboto, serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.58px;
    margin-bottom: 25px
}

.cover-box .form__action .btn {
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width:990px) {
    .cover-box .form__action .btn {
        padding-right: 30px;
        padding-left: 30px
    }
}

.cover-box .form__action .text {
    display: block;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.62px;
    line-height: 32px;
    color: #657195
}

.cover-features {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 55px 0;
    width: 100%;
    border-bottom: 2px solid rgba(230, 232, 240, .2)
}

@media (max-width:1200px) {
    .cover-features {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        max-width: 700px;
        text-align: left;
        padding-bottom: 30px
    }
}

@media (max-width:768px) {
    .cover-features {
        padding-top: 40px;
        padding-bottom: 30px;
        margin: 0 auto;
        max-width: 700px;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:767px) {
    .cover-features {
        display: block;
        margin: 0;
        margin-left: 25px;
        margin-right: 25px;
        padding-bottom: 40px;
        width: auto
    }
}

.cover-features__list-item {
    position: relative;
    padding-left: 22px;
    color: #fff;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.5px;
    text-align: left
}

@media (max-width:768px) {
    .cover-features__list-item {
        margin: 0 0 20px
    }
}

@media (max-width:767px) {
    .cover-features__list-item {
        margin: 0 0 20px
    }
}

.cover-features__list-item:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #f48132;
    top: 11px;
    left: 0;
    border-radius: 50%
}

@media (max-width:1200px) {
    .cover-features__list-item {
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 20px
    }
}

@media (max-width:768px) {
    .cover-features__list-item {
        width: auto;
        margin-right: 35px
    }
}

@media (max-width:767px) {
    .cover-features__list-item {
        width: auto;
        max-width: none;
        margin-bottom: 14px;
        margin-right: 0
    }
}

.cover-who {
    color: #fff;
    padding-top: 60px;
    margin: 0 45px;
    text-align: left;
    box-sizing: border-box
}

@media (max-width:768px) {
    .cover-who {
        padding-top: 20px;
        margin: 0 70px
    }
}

@media (max-width:480px) {
    .cover-who {
        margin: 0 25px
    }
}

.cover-who .info-title {
    color: #fff
}

@media (max-width:768px) {
    .cover-who .info-title {
        text-align: left
    }
}

@media (max-width:480px) {
    .cover-who .info-title {
        font-size: 34px;
        line-height: 42px
    }
}

.cover-who__item {
    display: inline-block;
    vertical-align: top
}

.cover-who__item:first-child {
    width: 28%;
    margin-right: 14%
}

@media (max-width:990px) {
    .cover-who__item:first-child {
        width: 36%;
        margin-right: 10%
    }
}

@media (max-width:768px) {
    .cover-who__item:first-child {
        width: 41%;
        margin-right: 8%
    }
}

@media (max-width:660px) {
    .cover-who__item:first-child {
        width: 100%;
        margin-right: 0
    }
}

.cover-who__item:nth-child(2) {
    width: 57%
}

@media (max-width:990px) {
    .cover-who__item:nth-child(2) {
        width: 50%
    }
}

@media (max-width:768px) {
    .cover-who__item:nth-child(2) {
        width: 49%
    }
}

@media (max-width:660px) {
    .cover-who__item:nth-child(2) {
        width: 100%
    }
}

.cover-who__title {
    position: relative;
    display: inline-block;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.5px;
    padding-bottom: 10px;
    margin-bottom: 30px
}

@media (max-width:480px) {
    .cover-who__title {
        margin-bottom: 15px
    }
}

.cover-who__title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 190px;
    height: 3px;
    background-color: #e959ad
}

.cover-who__text {
    opacity: .7;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -.5px
}

@media (max-width:768px) {
    .cover-who__text {
        font-size: 15px
    }
}

.cover-who__cost {
    font-family: Roboto, serif;
    opacity: 1;
    font-size: 30px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.5px;
    margin: 10px 0 5px
}

.cover-who__cost a {
    color: #fff
}

.cover-who__desc {
    opacity: .7;
    font-size: 15px;
    margin-bottom: 35px
}

.cover-who .rubl,
.cover-who__desc {
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -.5px
}

.cover-who .rubl {
    font-size: 20px;
    font-family: Roboto, serif;
    position: relative;
    display: inline-block
}

.cover-who .rubl:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 2px;
    top: 17px;
    right: 4px;
    background: #fff
}

.cover-graduate {
    background: linear-gradient(66.03deg, #082a36 -2.59%, #00d68b 185.5%)
}

.player .vp-player-layout {
    left: 0 !important;
    right: 0 !important
}

.section {
    position: relative
}

.section.about {
    background: #f6f7fd;
    padding: 70px 0 45px
}

@media (max-width:1200px) {
    .section.about {
        padding: 52px 0 24px
    }
}

@media (max-width:767px) {
    .section.about {
        padding: 42px 0 0
    }
}

@media (max-width:480px) {
    .section.about {
        padding-top: 48px
    }
}

.section.about h3 {
    color: #000;
    letter-spacing: -1.15px;
    margin-bottom: 22px
}

@media (max-width:1200px) {
    .section.about h3 {
        font-size: 45px;
        line-height: 54px;
        margin-bottom: 25px
    }
}

@media (max-width:767px) {
    .section.about h3 {
        font-size: 34px;
        line-height: 44px;
        margin-bottom: 33px
    }
}

@media (max-width:480px) {
    .section.about h3 {
        margin-bottom: 24px
    }
}

@media (max-width:1200px) {
    .section.about .sub {
        font-size: 18px;
        line-height: 32px;
        box-sizing: border-box;
        padding: 0 60px
    }
}

@media (max-width:767px) {
    .section.about .sub {
        font-size: 15px;
        line-height: 28px;
        padding: 0 11px
    }
}

.section.about .headline--more {
    max-width: 700px
}

.section--about-proffession {
    color: #fff;
    padding-top: 70px
}

@media (max-width:768px) {
    .section--about-proffession {
        padding-top: 50px
    }
}

@media (max-width:660px) {
    .section--about-proffession {
        padding-top: 35px;
        padding-left: 25px;
        padding-right: 25px
    }
}

.section--about-proffession .title {
    color: #fff
}

@media (max-width:768px) {
    .section--about-proffession .title {
        max-width: 630px;
        margin: 0 auto 20px
    }
}

@media (max-width:660px) {
    .section--about-proffession .title {
        text-align: left
    }
}

.section--about-proffession .post-title {
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    letter-spacing: -.8px;
    max-width: 630px;
    margin: 10px auto 0
}

@media (max-width:768px) {
    .section--about-proffession .post-title {
        line-height: 26px;
        font-size: 15px;
        max-width: 530px
    }
}

@media (max-width:660px) {
    .section--about-proffession .post-title {
        text-align: left;
        line-height: 32px;
        font-size: 18px;
        margin-bottom: 15px
    }
}

.section.get-course {
    padding: 70px 0 20px
}

@media (max-width:768px) {
    .section.get-course {
        padding: 50px 0 20px
    }
}

@media (max-width:480px) {
    .section.get-course {
        padding: 35px 0 0
    }
}

.section.get-course .headline {
    max-width: none
}

@media (max-width:768px) {
    .section.get-course .title {
        max-width: unset;
        text-align: left
    }
}

.cover-list {
    border-bottom: 2px solid rgba(230, 232, 240, .3);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 51px;
    padding-bottom: 50px;
    margin-bottom: 35px
}

@media (max-width:1200px) {
    .cover-list {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 40px
    }
}

@media (max-width:768px) {
    .cover-list {
        padding: 39px 0 27px;
        max-width: 92%;
        margin: 0 auto
    }
}

@media (max-width:480px) {
    .cover-list {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 45px 0 30px;
        max-width: 100%;
        min-width: 100%;
        box-sizing: border-box
    }
}

.cover-list-item {
    position: relative
}

@media (max-width:1200px) {
    .cover-list-item {
        max-width: 50%;
        margin-bottom: 27px;
        margin-right: 50px
    }

    .cover-list-item:first-child {
        max-width: 120px
    }
}

@media (max-width:768px) {
    .cover-list-item {
        max-width: 100%;
        margin-bottom: 20px
    }

    .cover-list-item:first-child {
        max-width: 100%
    }
}

@media (max-width:480px) {
    .cover-list-item {
        margin-bottom: 20px;
        margin-right: 0
    }
}

.cover-list-text {
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.67px;
    position: relative;
    padding-left: 22px;
    color: #fff
}

@media (max-width:768px) {
    .cover-list-text {
        font-size: 20px
    }
}

.cover-list-text:before {
    background: #faff00;
    border-radius: 50%;
    content: "";
    height: 6px;
    position: absolute;
    top: 12px;
    left: 1px;
    width: 6px
}

@media (max-width:768px) {
    .cover-list-text:before {
        background: #f48132
    }
}

.course-plane {
    position: relative;
    background: #212121;
    width: 100%;
    max-width: 700px;
    padding: 140px 80px 40px;
    box-sizing: border-box;
    text-align: center
}

@media (max-width:1200px) {
    .course-plane {
        margin: 0 auto;
        padding-top: 120px
    }
}

@media (max-width:600px) {
    .course-plane {
        margin-bottom: 50px;
        margin-left: -30px;
        width: calc(100% + 60px);
        padding: 120px 25px 30px
    }
}

@media (max-width:480px) {
    .course-plane {
        margin-left: -24px;
        width: calc(100% + 48px);
        margin-bottom: 0а.header--fixed .header__btn
    }
}

.course-plane__wrap {
    padding-bottom: 60px;
    border-bottom: 2px solid hsla(0, 0%, 100%, .3)
}

@media (max-width:600px) {
    .course-plane__wrap {
        padding-bottom: 28px
    }
}

.course-plane__label {
    position: absolute;
    display: block;
    width: 110px;
    height: 122px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    background-image: url(/courses/data/instagram-two/css/../images/bg-label-md.png);
    background-repeat: no-repeat;
    transform: translateY(-25%);
    background-color: #000000;
}

@media (max-width:1200px) {
    .course-plane__label {
        transform: translateY(-30%)
    }
}

.course-plane__label .sale {
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 15px
}

.course-plane__label .sale__title {
    display: block;
    color: #fff;
    font-family: Roboto, serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.27px;
    text-transform: uppercase;
    margin-bottom: 7px
}

.course-plane__label .sale__percent {
    display: block;
    color: #fff;
    font-family: Roboto, serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.75px;
    line-height: 28px;
    margin-bottom: 3px
}

.course-plane__label .sale__special {
    display: block;
    color: hsla(0, 0%, 100%, .7);
    font-family: Roboto, serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 24px
}

.course-plane__item {
    position: relative;
    width: 100%;
    text-align: center
}

.course-plane__item--full {
    font-style: normal
}

.course-plane__item--full .course-plane__ttl {
    font-size: 15px;
    letter-spacing: -.666667px;
    font-weight: 400;
    opacity: .5
}

.course-plane__item--full .course-plane__price {
    font-size: 38px;
    letter-spacing: -1.85185px;
    font-weight: 300;
    text-decoration: line-through;
    opacity: .5;
    line-height: 58px
}

@media (max-width:767px) {
    .course-plane__item--full .course-plane__price {
        font-size: 36px
    }
}

.course-plane__item--installment {
    font-style: normal;
    margin: 10px 0 25px
}

.course-plane__item--installment .course-plane__ttl {
    font-size: 23px;
    letter-spacing: -.666667px;
    font-weight: 700
}

@media (max-width:767px) {
    .course-plane__item--installment .course-plane__ttl {
        font-size: 18px
    }
}

.course-plane__item--installment .course-plane__price {
    font-size: 80px;
    letter-spacing: -1.85185px;
    font-weight: 400;
    line-height: 90px
}

@media (max-width:767px) {
    .course-plane__item--installment .course-plane__price {
        font-size: 56px;
        line-height: 66px
    }
}

.course-plane__item--installment .course-plane__price .r:after {
    background-color: #fff;
    height: 4px
}

.course-plane__item--sale {
    font-style: normal
}

.course-plane__item--sale .course-plane__ttl {
    font-weight: 400;
    font-size: 20px;
    letter-spacing: -.666667px
}

@media (max-width:767px) {
    .course-plane__item--sale .course-plane__ttl {
        font-size: 15px
    }
}

.course-plane__item--sale .course-plane__price {
    font-weight: 300;
    font-size: 50px;
    letter-spacing: -1.85185px;
    line-height: 70px
}

@media (max-width:767px) {
    .course-plane__item--sale .course-plane__price {
        font-size: 40px;
        line-height: 60px
    }
}

.course-plane__ttl {
    position: relative;
    color: #fff;
    font-family: Roboto, serif;
    box-sizing: border-box
}

.course-plane__ttl .bolder {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.67px
}

.course-plane__price {
    color: #fff;
    font-family: Roboto Slab, serif;
    text-transform: uppercase;
    letter-spacing: -1.85px;
    position: relative
}

.course-plane__price .r:after {
    background-color: #fff;
    height: 2px
}

.course-plane .r {
    position: relative
}

.course-plane .r:after {
    content: "";
    position: absolute;
    top: 62%;
    left: 0;
    display: block;
    width: 89%
}

.course-plane .note {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 13px;
    letter-spacing: -.666667px;
    color: #fff;
    position: relative;
    padding-left: 25px;
    display: inline-block;
    margin: 20px auto 0
}

.course-plane .note:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    background: url(/courses/data/instagram-two/css/../images/important.png) no-repeat
}

.action-line {
    display: block;
    text-align: center
}

@media (max-width:480px) {
    .action-line {
        text-align: center
    }
}

.action-line__sub {
    font-family: Open Sans, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.8px;
    color: #ff4492;
    padding-top: 32px;
    display: block
}

@media (max-width:480px) {
    .action-line__sub {
        font-size: 15px;
        padding-top: 25px
    }
}

.course-features {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1024px;
    margin: 0 auto 39px;
    padding-top: 52px;
    padding-left: 95px
}

@media (max-width:1200px) {
    .course-features {
        max-width: 670px;
        padding-left: 0;
        padding-top: 53px
    }
}

@media (max-width:600px) {
    .course-features {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .course-features {
        padding-top: 32px;
        margin-bottom: 49px
    }
}

@media (max-width:480px) {
    .course-features {
        padding-top: 41px
    }
}

.course-features__item {
    width: 22%;
    text-align: left
}

.course-features__item:nth-child(2) {
    padding-left: 60px
}

.course-features__item:last-child {
    margin-right: 0
}

.course-features__item:first-of-type .course-features__text {
    max-width: none
}

@media (max-width:1200px) {
    .course-features__item {
        width: auto
    }

    .course-features__item:nth-child(2) {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .course-features__item {
        width: 100%;
        text-align: center
    }

    .course-features__item:not(:last-child) {
        margin-bottom: 40px
    }

    .course-features__item:nth-child(2) {
        padding-left: 0
    }
}

.course-features__title {
    display: block;
    color: #000;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 28px;
    margin-bottom: 21px
}

@media (max-width:767px) {
    .course-features__title {
        margin-bottom: 11px
    }
}

.course-features__num {
    display: block;
    vertical-align: top;
    margin-bottom: 12px
}

@media (max-width:767px) {
    .course-features__num {
        margin-bottom: 3px
    }
}

.course-features__num .count {
    display: inline-block;
    color: #000;
    font-family: Roboto Slab, serif;
    font-size: 80px;
    font-weight: 300;
    letter-spacing: -2.22px
}

@media (max-width:1200px) {
    .course-features__num .count {
        font-size: 70px
    }
}

@media (max-width:480px) {
    .course-features__num .count {
        font-size: 70px
    }
}

.course-features__num .text {
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: bottom;
    color: #73b84c;
    font-family: Roboto Slab, serif;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -.19px
}

.course-features__text {
    display: block;
    max-width: 200px;
    color: #525d83;
    font-family: Roboto, serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -.42px;
    line-height: 26px
}

@media (max-width:767px) {
    .course-features__text {
        max-width: 100%
    }
}

.feedback {
    background: linear-gradient(33.8deg, #e90024 -12.91%, #be00a3 50.07%, #5600c0 105.87%)
}

@media (max-width:990px) {
    .feedback {
        background: linear-gradient(36.89deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

@media (max-width:480px) {
    .feedback {
        background: linear-gradient(62.27deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

.feedback__inside {
    padding: 56px 15px 68px
}

.feedback__inside:after,
.feedback__inside:before {
    content: "";
    display: table
}

.feedback__inside:after {
    clear: both
}

@media (max-width:990px) {
    .feedback__inside {
        padding: 36px 30px 56px
    }
}

@media (max-width:767px) {
    .feedback__inside {
        padding: 52px 25px 65px
    }
}

.feedback__content {
    max-width: 528px;
    display: block;
    margin: 0 auto;
    text-align: center
}

@media (max-width:990px) {
    .feedback__content {
        max-width: 450px;
        text-align: left;
        margin: 0
    }
}

.feedback__title {
    display: inline-block;
    color: #fff;
    font-family: Roboto, serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 40px;
    margin-bottom: 10px
}

@media (max-width:767px) {
    .feedback__title {
        margin-bottom: 12px
    }
}

@media (max-width:480px) {
    .feedback__title {
        width: 270px
    }

    .feedback__title span {
        display: block
    }
}

.feedback__sub {
    display: block;
    font-family: Open Sans, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-size: 15px;
    text-align: center;
    letter-spacing: -.5px;
    color: #fff;
    opacity: .8
}

@media (max-width:990px) {
    .feedback__sub {
        text-align: left;
        width: 521px
    }
}

@media (max-width:600px) {
    .feedback__sub {
        width: 268px
    }
}

@media (max-width:768px) {
    .feedback__sub {
        color: #fff;
        opacity: .7
    }
}

.feedback__form .form-success__text {
    color: #fff
}

.feedback__form .form-success__text:before {
    border-color: #fff;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='%23fff'%3E%3Cpath d='M8.985 17.892a.994.994 0 0 1-.7-.288l-8-7.954a.994.994 0 0 1 1.4-1.412l7.253 7.207L22.062.338a.994.994 0 1 1 1.5 1.306L9.743 17.55a.987.987 0 0 1-.711.341h-.037l-.01.001z'/%3E%3C/svg%3E") no-repeat;
    background-size: 24px 18px;
    background-position: 50%
}

.feedback__form .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1200px) {
    .feedback__form .form-group {
        margin-bottom: 19px;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:600px) {
    .feedback__form .form-group {
        display: block
    }
}

.feedback__form .form-group__inline {
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 24.3%;
    width: 24.3%;
    margin-right: 10px;
    float: none
}

.feedback__form .form-group__inline:last-child {
    margin-right: 0
}

.feedback__form .form-group__inline:last-child .btn {
    padding: 21px 0
}

@media (max-width:990px) {
    .feedback__form .form-group__inline:last-child .btn {
        padding: 21px 40px
    }
}

@media (max-width:480px) {
    .feedback__form .form-group__inline:last-child .btn {
        padding: 21px 0
    }
}

.feedback__form .form-group__inline:last-child .btn-consult {
    width: 100%
}

.feedback__form .form-group__inline:last-child .btn--black {
    background: #2d093c
}

.feedback__form .form-group__inline:last-child .btn--black:hover {
    box-shadow: 0 0 20px rgba(9, 6, 43, .41)
}

.feedback__form .form-group__inline:last-child .btn--black:disabled {
    background: #d9dcea;
    color: #fff;
    cursor: not-allowed
}

@media (max-width:600px) {
    .feedback__form .form-group__inline:last-child {
        margin-top: 20px
    }
}

.feedback__form .form-group__inline .btn-feedback {
    width: 100%
}

@media (max-width:990px) {
    .feedback__form .form-group__inline .btn-feedback {
        min-width: 285px
    }
}

@media (max-width:768px) {
    .feedback__form .form-group__inline .btn-feedback {
        padding-right: 20px;
        padding-left: 20px;
        min-width: 245px
    }
}

@media (max-width:600px) {
    .feedback__form .form-group__inline .btn-feedback {
        width: 100%;
        margin-top: 20px
    }
}

@media (max-width:990px) {
    .feedback__form .form-group__inline {
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: none;
        width: auto;
        margin-right: 15px
    }

    .feedback__form .form-group__inline:last-child {
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media (max-width:600px) {
    .feedback__form .form-group__inline {
        width: 100%;
        display: block;
        text-align: center
    }
}

.feedback__form .form__feedback {
    margin-top: 34px
}

@media (max-width:990px) {
    .feedback__form .form__feedback {
        margin-top: 25px
    }
}

.feedback__form .form__consent {
    margin-bottom: 0;
    padding-right: 30px
}

@media (max-width:1200px) {
    .feedback__form .form__consent {
        width: 30%;
        margin-right: -15px
    }
}

@media (max-width:990px) {
    .feedback__form .form__consent {
        width: 100%;
        float: none
    }
}

.feedback__form .form__consent .checkbox label {
    color: #fff;
    font-family: Open Sans, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    font-size: 15px;
    letter-spacing: -.5px
}

@media (max-width:990px) {
    .feedback__form .form__consent .checkbox label {
        font-size: 14px
    }
}

.feedback__form .form__consent .checkbox label a {
    color: #faff00;
    font-weight: 400
}

@media (max-width:990px) {
    .feedback__form .form__consent .checkbox label a {
        color: #fff;
        font-weight: 400;
        opacity: .7
    }

    .feedback__form .form__consent .checkbox label a:hover {
        opacity: 1;
        transition: .12s
    }
}

.feedback__form .form__consent .checkbox input[type=checkbox]:checked+label:after {
    width: 24px;
    height: 24px;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='%23FF4492'%3E%3Cpath d='M8.985 17.892a.994.994 0 0 1-.7-.288l-8-7.954a.994.994 0 0 1 1.4-1.412l7.253 7.207L22.062.338a.994.994 0 1 1 1.5 1.306L9.743 17.55a.987.987 0 0 1-.711.341h-.037l-.01.001z'/%3E%3C/svg%3E") no-repeat;
    background-size: 14px 11px;
    background-position: 50%;
    border: 1px solid #fff
}

@media (max-width:600px) {
    .feedback__form .form__consent .checkbox input[type=checkbox]:checked+label:after {
        background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='%232D093C'%3E%3Cpath d='M8.985 17.892a.994.994 0 0 1-.7-.288l-8-7.954a.994.994 0 0 1 1.4-1.412l7.253 7.207L22.062.338a.994.994 0 1 1 1.5 1.306L9.743 17.55a.987.987 0 0 1-.711.341h-.037l-.01.001z'/%3E%3C/svg%3E") no-repeat;
        background-size: 14px 11px;
        background-position: 50%
    }
}

.feedback .form__error {
    color: #fff
}

@media (max-width:990px) {
    .feedback .hidden--email {
        display: none
    }
}

.footer {
    padding: 60px 0;
    background: #f1f2f6;
    position: relative
}

@media (max-width:990px) {
    .footer {
        padding-top: 65px;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .footer {
        padding: 58px 0;
        padding: 46px 0;
        padding-top: 44px
    }
}

.footer__inside {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

@media (max-width:1200px) {
    .footer__inside {
        box-sizing: border-box
    }
}

@media (max-width:990px) {
    .footer__inside {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:768px) {
    .footer__inside {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 25px;
        box-sizing: border-box
    }

    .footer__inside:before {
        display: none
    }
}

.footer__col {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: column;
    flex-flow: column;
    max-width: 400px;
    width: 100%;
    padding: 0;
    box-sizing: border-box
}

.footer__col:nth-child(2) {
    padding-left: 90px
}

.footer__col:last-child {
    padding-left: 30px;
    padding-right: 0
}

@media (max-width:1200px) {
    .footer__col:nth-child(2) {
        padding-left: 15px;
        width: 790px
    }

    .footer__col:nth-child(3) {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:990px) {
    .footer__col:nth-child(n) {
        display: block;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 100%
    }

    .footer__col:nth-child(n) .footer__logo {
        width: 41%;
        margin-bottom: 0;
        padding-left: 0;
        padding-top: 0
    }

    .footer__col:nth-child(n) .footer__phone {
        width: 21%;
        -ms-flex-order: 2;
        order: 2
    }

    .footer__col:nth-child(n) .footer__address {
        margin-bottom: 5px;
        width: 46%;
        position: absolute;
        top: 135px;
        left: 52%
    }

    .footer__col:nth-child(2) {
        width: 40%;
        padding-left: 0
    }

    .footer__col:nth-child(3) {
        width: 48%;
        padding-left: 0;
        margin-left: auto;
        margin-top: 15px
    }
}

@media (max-width:767px) {
    .footer__col:nth-child(n) .footer__logo {
        width: 100%;
        padding-left: 0;
        margin-bottom: 30px
    }

    .footer__col:nth-child(n) .footer__phone {
        width: 100%;
        -ms-flex-order: 0;
        order: 0;
        padding-left: 0;
        margin-bottom: 20px
    }

    .footer__col:nth-child(n) .footer__address {
        margin-bottom: 25px;
        width: 270px;
        top: 260px;
        left: 25px
    }

    .footer__col:first-child {
        margin-bottom: 0
    }

    .footer__col:nth-child(2) {
        width: 100%
    }
}

@media (max-width:767px) {
    .footer__col:nth-child(3) {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .footer__col {
        max-width: 100%
    }

    .footer__col:last-child {
        display: -ms-inline-flexbox;
        display: inline-flex;
        max-width: 100%;
        width: 100%;
        margin-top: 0
    }

    .footer__col:first-child {
        padding-right: 0;
        margin-bottom: 0
    }

    .footer__col:nth-child(2) {
        padding-left: 0
    }
}

.footer__logo {
    margin-bottom: 35px;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    .footer__logo {
        margin-bottom: 30px
    }

    .footer__logo .icon-skillbox:after {
        width: 116px;
        height: 30px;
        background-size: 100% auto;
        background-repeat: no-repeat
    }
}

.footer__phone {
    display: inline-block;
    color: #000;
    font-family: Roboto, serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px
}

@media (max-width:990px) {
    .footer__phone {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .footer__phone {
        margin-bottom: 17px
    }
}

.footer__button {
    display: inline-block;
    margin-bottom: 43px
}

.footer__button .btn {
    padding: 20px 40px;
    background-color: #000;
    font-size: 13px;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px
}

.footer__button .btn:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .41);
    background-color: #404040;
}

@media (max-width:990px) {
    .footer__button .btn {
        padding: 25px 40px
    }
}

@media (max-width:767px) {
    .footer__button .btn {
        padding: 25px 60px
    }
}

@media (max-width:768px) {
    .footer__button {
        display: block;
        margin-bottom: 36px;
        margin-top: 10px
    }
}

@media (max-width:767px) {
    .footer__button {
        margin-bottom: 144px;
        margin-top: 80px
    }
}

@media (max-width:480px) {
    .footer__button {
        margin: 0px auto 45px;
    }
}

.footer__address {
    display: block;
    color: #657195;
    font-family: Roboto, serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 32px;
    padding-right: 40px
}

@media (max-width:990px) {
    .footer__address {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .footer__address {
        margin-bottom: 0
    }
}

.footer__menu {
    margin-bottom: 34px
}

.footer__copyright {
    display: -ms-flexbox;
    display: flex;
    color: #657195;
    font-family: Roboto, serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 32px;
    padding-bottom: 32px
}

.footer__copyright-name {
    display: block
}

@media (max-width:990px) {
    .footer__copyright-name {
        position: absolute;
        left: 52%;
        bottom: 42px
    }
}

@media (max-width:767px) {
    .footer__copyright-name {
        left: 25px;
        bottom: 32px;
        margin-top: 20px
    }
}

.footer__copyright p {
    display: block;
    margin-left: 14px;
    margin-top: -7px
}

@media (max-width:990px) {
    .footer__copyright p {
        margin-top: 0
    }
}

@media (max-width:990px) {
    .footer__copyright {
        position: absolute;
        top: 50px;
        left: 52%;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .footer__copyright {
        top: 455px;
        left: 25px;
        width: 270px
    }
}

.footer__copyright .hidden-footer {
    height: 66px
}

.footer__links {
    display: block
}

@media (max-width:768px) {
    .footer__links {
        margin-bottom: 24px;
        display: inline-block
    }
}

@media (max-width:767px) {
    .footer__links {
        width: 100%;
        margin-bottom: 0
    }
}

.footer__links .footer__copyright-name {
    font-style: normal
}

.footer__link,
.footer__links .footer__copyright-name {
    font-family: Roboto, serif;
    font-weight: 400;
    line-height: 32px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #657195
}

.footer__link {
    display: block;
    transition: color .35s;
    margin-bottom: 5px
}

@media (max-width:768px) {
    .footer__link {
        margin-bottom: 22px;
        line-height: 23px
    }
}

@media (max-width:767px) {
    .footer__link {
        margin-bottom: 22px
    }
}

.footer__link:hover {
    color: #000
}

.footer__link:last-child {
    margin-bottom: 0
}

.footer__link .footer__copyright-name {
    margin-top: 5px
}

@media (max-width:768px) {
    .footer__social {
        display: inline-block
    }
}

@media (max-width:767px) {
    .footer__social {
        width: 100%;
        margin-bottom: 35px
    }
}

.footer__lang {
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    margin-bottom: 59px;
    border: 2px solid #e6e6e6
}

@media (max-width:768px) {
    .footer__lang {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .footer__lang {
        margin-bottom: 25px
    }
}

.footer__lang-item {
    width: 50%;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    cursor: pointer
}

.footer__lang-item:not(:last-child) {
    border-right: 2px solid #e6e6e6
}

.footer__lang-item.active {
    color: #657195
}

@media (max-width:767px) {
    .footer__nav {
        margin-bottom: 40px
    }
}

.footer__nav-item {
    display: block;
    margin-bottom: 40px;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    color: #000
}

@media (max-width:767px) {
    .footer__nav-item {
        margin-bottom: 35px
    }

    .footer__nav-item:last-child {
        margin-bottom: 0
    }
}

.footer .online_skilbox {
    width: 168px;
    height: 28px;
    background: #ec3d3d;
    margin-left: 11px
}

.footer .online_skilbox p {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-top: 8px
}

@media (max-width:767px) {
    .footer .online_skilbox p {
        font-size: 8px;
        margin-top: 9px
    }
}

.footer .block__phone {
    display: -ms-flexbox;
    display: flex
}

.footer .block__phone .footer__phone {
    font-size: 18px
}

.footer .block__phone .footer__phone .phone__text {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #657195;
    margin-top: 5px
}

.footer .block__phone .footer__phone:first-child {
    margin-right: 20px
}

@media (max-width:767px) {
    .footer .block__phone .footer__phone {
        font-size: 24px
    }
}

@media (max-width:990px) {
    .footer .block__phone {
        margin-top: 44px
    }
}

@media (max-width:767px) {
    .footer .block__phone {
        display: block;
        margin-top: 36px
    }
}

.audience {
    background: #f6f7fd;
    padding: 70px 0 12px
}

@media (max-width:768px) {
    .audience {
        padding: 55px 0 60px
    }
}

@media (max-width:480px) {
    .audience {
        padding: 12px 0 20px
    }
}

.audience .headline {
    max-width: none
}

.audience .headline .title {
    max-width: 700px;
    margin: 0 auto 25px
}

@media (max-width:768px) {
    .audience .headline .title {
        text-align: center
    }
}

@media (max-width:480px) {
    .audience .headline .title {
        margin-bottom: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
        font-size: 38px;
        letter-spacing: -.5px;
        color: #000;
        width: 272px;
        text-align: left;
        margin-left: 0
    }
}

.audience .headline .sub {
    max-width: 600px;
    margin-bottom: 60px
}

@media (max-width:768px) {
    .audience .headline .sub {
        max-width: 630px;
        margin: auto;
        text-align: center;
        margin-bottom: 30px
    }
}

@media (max-width:480px) {
    .audience .headline .sub {
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        font-size: 15px;
        letter-spacing: -.5px;
        text-align: left;
        max-width: 260px;
        margin-left: 0
    }
}

.audience__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px
}

@media (max-width:768px) {
    .audience__wrap {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px
    }
}

.audience__image {
    margin: 0 auto 25px;
    text-align: center
}

@media (max-width:480px) {
    .audience__image img {
        max-width: 100%
    }
}

.audience__text {
    max-width: 470px;
    line-height: 32px;
    font-size: 18px;
    letter-spacing: -.8px
}

@media (max-width:768px) {
    .audience__text {
        max-width: 100%;
        opacity: .7
    }
}

@media (max-width:480px) {
    .audience__text {
        font-size: 15px;
        line-height: 26px;
        opacity: 1
    }
}

.audience__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 70px
}

@media (max-width:1200px) {
    .audience__list {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:768px) {
    .audience__list {
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0
    }
}

@media (max-width:480px) {
    .audience__list {
        display: block
    }
}

@media (max-width:990px) {
    .audience .audience__ation .btn {
        padding-left: 43px;
        padding-right: 43px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        font-size: 15px;
        letter-spacing: 1.15385px;
        text-transform: uppercase;
        color: #fff
    }
}

.audience__item {
    max-width: 270px;
    font-family: Roboto, serif
}

@media (max-width:1200px) {
    .audience__item {
        width: auto;
        margin-right: 90px
    }

    .audience__item:last-child {
        margin-right: 0
    }
}

@media (max-width:768px) {
    .audience__item {
        margin-right: 0;
        width: 49%;
        max-width: none;
        margin-bottom: 40px;
        padding-right: 2%;
        box-sizing: border-box
    }
}

@media (max-width:480px) {
    .audience__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.audience__name {
    font-weight: 700;
    line-height: 28px;
    font-size: 20px;
    letter-spacing: -.5px;
    display: block;
    margin-bottom: 20px;
    color: #000
}

@media (max-width:768px) {
    .audience__name {
        margin-bottom: 16px;
        text-align: center
    }
}

@media (max-width:480px) {
    .audience__name {
        margin-bottom: 10px;
        text-align: left
    }
}

.audience__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 24px;
    letter-spacing: -.5px;
    margin-bottom: 25px;
    color: #ff4492
}

@media (max-width:768px) {
    .audience__info {
        font-size: 18px;
        width: 110px;
        margin: auto;
        margin-bottom: 25px
    }
}

@media (max-width:480px) {
    .audience__info {
        margin-left: 0
    }
}

.audience__num {
    font-weight: 300;
    line-height: 80px;
    font-size: 80px;
    letter-spacing: -.5px;
    font-family: Roboto Slab, serif;
    display: block;
    margin-right: 5px;
    margin-bottom: -10px
}

@media (max-width:768px) {
    .audience__num {
        font-size: 70px
    }
}

.audience__descr {
    font-family: Roboto, serif;
    line-height: 24px;
    font-size: 15px;
    letter-spacing: -.5px;
    max-width: 239px;
    display: block
}

@media (max-width:990px) {
    .audience__descr {
        text-align: center
    }
}

@media (max-width:480px) {
    .audience__descr {
        max-width: none;
        opacity: .8;
        text-align: left
    }
}

.teacher {
    background: #fff
}

@media (max-width:480px) {
    .teacher {
        background: #f6f7fd
    }
}

.teacher.section {
    padding: 70px 0 50px
}

@media (max-width:768px) {
    .teacher.section {
        padding: 50px 0 30px
    }
}

@media (max-width:480px) {
    .teacher.section {
        padding: 30px 0 0
    }
}

@media (max-width:768px) {
    .teacher .title {
        font-size: 50px
    }
}

@media (max-width:480px) {
    .teacher .title {
        text-align: center;
        line-height: 48px;
        font-size: 40px;
        margin-left: -10px;
        margin-right: -10px
    }
}

.teacher__title {
    margin-bottom: 55px
}

.teacher__list {
    margin: 50px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:768px) {
    .teacher__list {
        max-width: 680px;
        margin: 40px auto 0
    }
}

.teacher__item {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    box-sizing: border-box;
    text-align: center;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px;
    margin-bottom: 45px
}

@media (max-width:900px) {
    .teacher__item {
        width: 50%
    }
}

@media (max-width:480px) {
    .teacher__item {
        width: 100%
    }
}

.teacher__photo {
    max-width: 250px;
    margin: 0 auto 25px
}

.teacher__photo img {
    width: 100%
}

.teacher__name {
    font-size: 20px;
    letter-spacing: -.5px;
    font-weight: 700;
    font-family: Roboto, serif;
    color: #000;
    display: block;
    margin-bottom: 7px
}

.teacher__post {
    position: relative;
    color: #657195;
    font-weight: 400;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px;
    padding: 0 40px
}

@media (max-width:768px) {
    .teacher__post {
        padding: 0
    }
}

.learns {
    padding: 62px 0 90px
}

@media (max-width:768px) {
    .learns {
        padding-bottom: 70px
    }
}

.learns__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:768px) {
    .learns__wrap {
        display: block;
        padding-left: 40px
    }
}

@media (max-width:480px) {
    .learns__wrap {
        padding-left: 0
    }
}

.learns__title {
    margin-bottom: 45px;
    max-width: 440px;
    text-align: left;
    font-size: 45px
}

.learns__image {
    max-width: 600px;
    padding-top: 115px
}

@media (max-width:768px) {
    .learns__image {
        max-width: 100%;
        margin-bottom: 20px;
        padding-top: 0
    }
}

@media (max-width:480px) {
    .learns__image img {
        width: 100%
    }
}

.learns__info {
    max-width: 480px;
    width: 100%;
    margin-left: 104px;
    -ms-flex: none;
    flex: none
}

@media (max-width:768px) {
    .learns__info {
        max-width: 100%;
        margin-left: 0
    }
}

.learns__num {
    margin-bottom: 40px;
    background: #000;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    font-family: Roboto Slab, serif
}

.learns__name {
    font-weight: 700;
    font-family: Roboto, serif;
    line-height: 28px;
    font-size: 20px;
    letter-spacing: -.5px;
    color: #000;
    display: block;
    margin-bottom: 10px
}

.learns__name .nowrap {
    display: block
}

.learns__text {
    opacity: .7;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px
}

@media (max-width:768px) {
    .learns__text {
        max-width: 435px
    }
}

.learns__action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

@media (max-width:768px) {
    .learns__action {
        margin-top: 23px;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.learns__controls {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:768px) {
    .learns__controls {
        margin-right: 30px
    }
}

.learns__control {
    background: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 48px;
    cursor: pointer;
    transition: all .2s
}

.learns__control:hover {
    background: #2e3339
}

.learns__control+.learns__control {
    margin-left: 5px
}

.learns__control--prev {
    transform: rotate(180deg)
}

.learns__count {
    font-size: 15px;
    letter-spacing: -.5px;
    color: #525d83;
    opacity: .7
}

.learns__current {
    font-size: 17px;
    font-weight: 600
}

.program {
    background-color: #000;
    padding: 70px 0 0
}

@media (max-width:768px) {
    .program {
        padding: 50px 0 60px
    }
}

@media (max-width:480px) {
    .program {
        padding: 35px 0 0
    }
}

.program .headline {
    max-width: unset
}

.program .headline .title {
    margin-bottom: 20px;
    color: #fff;
}

@media (max-width:480px) {
    .program .headline .title {
        text-align: center
    }
}

.program .headline .sub {
    max-width: 690px;
    margin-bottom: 60px;
    color: #fff
}

@media (max-width:768px) {
    .program .headline .sub {
        margin-bottom: 40px
    }

    .program .headline .sub br {
        display: none
    }
}

@media (max-width:767px) {
    .program .headline .sub {
        font-family: Open Sans, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        font-size: 15px;
        text-align: center;
        letter-spacing: -.8px;
        color: #657195
    }
}

.program .program__inside .action-line .btn {
    font-size: 15px;
    padding: 23px 43px
}

.program-list {
    display: block;
    margin-bottom: 92px
}

@media (max-width:768px) {
    .program-list {
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: 50px
    }
}

@media (max-width:480px) {
    .program-list {
        margin-right: -24px;
        margin-left: -24px;
        margin-bottom: 0
    }
}

.program-list__item {
    display: block;
    margin-bottom: 10px;
    box-shadow: 0 2px 24px rgba(168, 175, 196, .5);
    background-color: #fff
}

.program-list__item--bonus {
    margin-top: 20px;
    background-color: #657195
}

.program-list__item--bonus .program-list__headline {
    padding-left: 35px
}

.program-list__item--bonus .program-list__icon {
    float: left;
    display: inline-block
}

.program-list__item--bonus .program-list__title {
    display: inline-block;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1.15px;
    margin-right: 90px
}

@media (max-width:768px) {
    .program-list__item--bonus .program-list__title {
        margin-right: 0;
        margin-bottom: 12px
    }
}

.program-list__item--bonus .program-list__sub {
    display: inline-block;
    color: #fff;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: -.6px;
    line-height: 26px
}

@media (max-width:768px) {
    .program-list__item--bonus .program-list__sub {
        padding-left: 67px
    }
}

.program-list__item--bonus .program-list__review {
    color: #fff
}

.program-list__item:last-child {
    margin-bottom: 0
}

.program-list__item.current .program-list__button .icon {
    transform: rotate(-180deg)
}

.program-list-review__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px
}

.program-list-review+.program-list-review {
    margin-bottom: 10px
}

.program-list__bonus {
    display: block;
    padding-top: 60px
}

.program-list__bonus .program-list__title {
    padding-left: 140px
}

@media (max-width:768px) {
    .program-list__bonus .program-list__title {
        display: block;
        clear: both;
        padding-left: 0
    }
}

.program-list__label {
    float: left;
    display: inline-block;
    color: #fff;
    font-family: Roboto, serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .91px;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 7px 10px 6px;
    margin-top: 3px;
    margin-right: 30px;
    background-color: #ff4228
}

@media (max-width:768px) {
    .program-list__label {
        margin-bottom: 9px
    }
}

.program-list__headline {
    position: relative;
    display: block;
    padding: 31px 100px 31px 40px
}

.program-list__headline:hover {
    text-decoration: none
}

@media (max-width:768px) {
    .program-list__headline {
        padding-left: 23px;
        padding-right: 55px
    }
}

.program-list__num {
    float: left;
    display: inline-block
}

.program-list__num,
.program-list__title {
    color: #000;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 28px
}

.program-list__title {
    display: block;
    padding-left: 45px
}

.program-list__button {
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 53px;
    transform: translateY(-50%)
}

@media (max-width:768px) {
    .program-list__button {
        right: 33px
    }
}

.program-list__button .icon {
    transform: rotate(0);
    transition: transform .35s
}

.program-list__review {
    position: relative;
    display: none;
    color: #657195;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    letter-spacing: -.5px;
    line-height: 26px;
    padding: 0 100px 31px 85px
}

@media (max-width:768px) {
    .program-list__review {
        padding-left: 68px;
        padding-right: 55px
    }
}

@media (max-width:767px) {
    .program-list__review {
        padding-bottom: 30px
    }
}

.program-list__review>p {
    margin-bottom: 20px
}

.program-list__review ol,
.program-list__review ul {
    margin-left: 20px;
    margin-bottom: 30px;
    max-width: 570px
}

@media (max-width:990px) {

    .program-list__review ol,
    .program-list__review ul {
        max-width: none
    }
}

.program-list__review ol li,
.program-list__review ul li {
    position: relative;
    color: #657195;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.5px;
    margin-bottom: 14px
}

.program-list__review ol li:before,
.program-list__review ul li:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    top: 11px;
    left: -19px;
    border-radius: 50%;
    background-color: #fe1b7f
}

.program-list__review-big {
    line-height: 32px;
    font-size: 18px;
    letter-spacing: -.8px
}

.program-list__column {
    width: 43%
}

@media (max-width:990px) {
    .program-list__column {
        width: 100%
    }
}

.program-list__teacher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .program-list__teacher {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.program-list__teacher-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px
}

@media (min-width:768px) {
    .program-list__teacher-item {
        margin-right: 6%;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width:767px) {
    .program-list__teacher-item {
        margin-bottom: 0
    }
}

.program-list__teacher-img {
    max-width: 70px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.program-list__teacher-img>img {
    max-width: 100%
}

@media (max-width:768px) {
    .program-list__teacher-img {
        margin-bottom: 10px
    }
}

.program-list__teacher-name {
    color: #000;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.43px;
    line-height: 1;
    margin-bottom: 10px
}

.program-list__teacher-position {
    position: relative;
    display: block;
    font-family: Roboto, serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 26px
}

.program-list__video {
    position: absolute;
    top: 0;
    right: 170px;
    width: 200px;
    height: 148px;
    background-position: 50% !important;
    background-size: cover !important
}

@media (max-width:1100px) {
    .program-list__video {
        right: 100px
    }
}

@media (max-width:640px) {
    .program-list__video {
        margin-bottom: 25px
    }
}

@media (max-width:990px) {
    .program-list__video {
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: 40px
    }
}

.program-list__video:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(118.17deg, rgba(253, 10, 133, .65) 94.2%, rgba(255, 129, 98, .65) 0)
}

.program-list__video-img {
    max-width: 100%
}

.program-list__video-play {
    position: absolute;
    cursor: pointer;
    width: 80px;
    height: 80px;
    background: url(/courses/data/instagram-two/css/../images/play.svg) no-repeat 50%;
    background-size: 16px 15px;
    border: 2px solid hsla(0, 0%, 100%, .3);
    border-radius: 50%;
    top: 20px;
    left: 50%;
    transform: translateX(-50%)
}

.program-list__video-info {
    font-size: 15px;
    letter-spacing: -.5px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.signed {
    padding-top: 70px;
    padding-bottom: 94px
}

@media (max-width:990px) {
    .signed {
        padding-bottom: 50px
    }
}

@media (max-width:768px) {
    .signed {
        padding-top: 40px;
        padding-bottom: 0
    }
}

@media (max-width:480px) {
    .signed {
        padding-bottom: 0;
        padding-top: 35px
    }
}

.signed .title {
    text-align: center;
    margin-bottom: 50px
}

@media (max-width:768px) {
    .signed .title {
        margin-bottom: 50px;
        font-size: 45px;
        margin-left: auto;
        margin-right: auto;
        max-width: 520px
    }
}

@media (max-width:480px) {
    .signed .title {
        text-align: center;
        line-height: 43px;
        font-size: 38px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 22px
    }
}

.signed__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.signed__item,
.signed__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.signed__item {
    width: 16.6%;
    margin-bottom: 53px;
    height: 56px;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:769px) {
    .signed__item {
        margin-bottom: 55px;
        width: 25%
    }
}

@media (max-width:480px) {
    .signed__item {
        width: 33%;
        margin-bottom: 21px
    }
}

@media (max-width:769px) {
    .signed__item img {
        max-width: 85%;
        max-height: 85%;
        margin: 0 auto
    }
}

.signed .slick-slider .slick-list {
    width: 100%;
    margin: 0 auto
}

@media (max-width:769px) {
    .signed .slick-slider .slick-list {
        width: 768px
    }
}

@media (max-width:480px) {
    .signed .slick-slider .slick-list {
        width: 270px
    }
}

.signed .slick-slider .signed__item {
    width: 7.6666666667% !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media (max-width:769px) {
    .signed .slick-slider .signed__item {
        width: 10% !important
    }
}

@media (max-width:480px) {
    .signed .slick-slider .signed__item {
        width: 90px !important
    }
}

.signed .slick-slider .signed__item img {
    max-width: 85%;
    max-height: 85%;
    margin: 0 auto
}

@media (max-width:767px) {
    .signed .slick-slider {
        margin-bottom: 40px
    }
}

.signed .slick-dots {
    margin-top: 10px;
    bottom: -15px;
    left: 0;
    right: 0;
    font-size: 0;
    width: 100%
}

.signed .slick-dots li {
    margin: 0 11px
}

.signed .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #e2e2f4
}

@media (max-width:990px) {
    .signed .slick-dots li button {
        width: 6px;
        height: 6px
    }
}

.signed .slick-dots li.slick-active button {
    background-color: #ff4492
}

@media (max-width:990px) {
    .signed .slick-dots li {
        margin: 0 7px
    }
}

@media (max-width:768px) {
    .signed .container {
        padding-left: 20px;
        padding-right: 0
    }
}

@media (max-width:767px) {
    .signed .container {
        padding-right: 0;
        padding-left: 0
    }
}

.result {
    background: #ec3d3d;
    background-repeat: no-repeat;
    color: #fff;
    padding-top: 70px
}

@media (max-width:768px) {
    .result {
        padding-top: 50px
    }
}

@media (max-width:480px) {
    .result {
        padding-top: 41px;
    }
}

.result__block {
    border-bottom: 2px solid rgba(230, 232, 240, .3);
    padding-bottom: 40px
}

@media (max-width:990px) {
    .result__block {
        padding-bottom: 20px
    }
}

@media (max-width:750px) {
    .result__block {
        border-bottom: none;
        padding-bottom: 0
    }
}

.result__title {
    color: #fff;
    margin-bottom: 20px
}

@media (max-width:480px) {
    .result__title {
        text-align: left;
        margin-bottom: 10px
    }
}

.result .sub {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    max-width: 570px;
    opacity: .7
}

@media (max-width:650px) {
    .result .sub {
        opacity: 1
    }
}

@media (max-width:480px) {
    .result .sub {
        text-align: left;
        max-width: none;
        width: 100%
    }
}

.result__wrap {
    margin-top: 55px;
    padding-left: 80px;
    padding-right: 20px
}

@media (max-width:990px) {
    .result__wrap {
        padding: 0;
        margin-top: 40px
    }
}

@media (max-width:480px) {
    .result__wrap {
        margin-top: 10px
    }
}

.result-diploma__wrap {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:990px) {
    .result-diploma__wrap {
        display: block;
        max-width: 568px;
        margin: 0 auto
    }
}

.result-diploma__img {
    margin-right: 150px;
    -ms-flex-order: 1;
    order: 1
}

@media (max-width:1150px) {
    .result-diploma__img {
        margin-right: 60px
    }
}

@media (max-width:990px) {
    .result-diploma__img {
        margin-right: 0
    }
}

.result-diploma__img img {
    display: block;
    width: 270px;
    height: auto
}

@media (max-width:990px) {
    .result-diploma__img img {
        width: 100%
    }
}

.result-diploma__info {
    padding-top: 20px;
    max-width: 520px;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width:990px) {
    .result-diploma__info {
        max-width: none;
        margin-bottom: 80px
    }
}

@media (max-width:480px) {
    .result-diploma__info {
        margin-bottom: 40px
    }
}

.result-diploma__title {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    font-size: 20px;
    letter-spacing: -.5px;
    margin-bottom: 15px
}

@media (max-width:480px) {
    .result-diploma__title {
        font-size: 18px;
        margin-bottom: 20px
    }
}

.result-diploma__text {
    font-family: Open Sans, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px;
    mix-blend-mode: normal;
    opacity: .7
}

@media (max-width:480px) {
    .result-diploma__text {
        opacity: 1
    }
}

@media (max-width:990px) {
    .result__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 50px;
        max-width: 570px
    }
}

@media (max-width:660px) {
    .result__list {
        display: block;
        margin-bottom: 45px
    }
}

.result__el {
    line-height: 26px;
    font-size: 20px;
    letter-spacing: -.5px;
    position: relative;
    padding-left: 25px;
    width: 355px;
    margin-top: 45px;
    font-weight: 700
}

@media (max-width:990px) {
    .result__el {
        width: 44%;
        margin-top: 30px
    }

    .result__el:nth-child(2n) {
        margin-left: auto
    }
}

@media (max-width:990px) and (max-width:660px) {
    .result__el {
        width: 100%;
        box-sizing: border-box;
        font-size: 18px
    }
}

.result__el:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #faff00;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%
}

.result__doc {
    width: 477px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .25)
}

@media (max-width:768px) {
    .result__doc {
        width: 571px
    }
}

.result__doc img {
    display: block;
    max-width: 100%;
    height: auto
}

@media (max-width:768px) {
    .result__doc img {
        display: none
    }
}

.result__doc img.img-md {
    display: none
}

@media (max-width:768px) {
    .result__doc img.img-md {
        display: block
    }
}

@media (max-width:660px) {
    .result__doc {
        max-width: 100%;
        margin: 0 auto
    }
}

.result__item {
    max-width: 245px;
    width: 100%;
    padding-left: 27px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 40px
}

.result__item:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #faff00;
    position: absolute;
    left: 0;
    top: 10px
}

@media (max-width:768px) {
    .result__item {
        max-width: 50%;
        padding-right: 80px;
        -ms-flex-order: 1;
        order: 1
    }

    .result__item:nth-child(2) {
        -ms-flex-order: 5;
        order: 5
    }

    .result__item:nth-child(3) {
        -ms-flex-order: 4;
        order: 4
    }

    .result__item:nth-child(4) {
        -ms-flex-order: 3;
        order: 3
    }

    .result__item:nth-child(5) {
        -ms-flex-order: 2;
        order: 2
    }

    .result__item:nth-child(6) {
        -ms-flex-order: 6;
        order: 6
    }
}

@media (max-width:480px) {
    .result__item {
        width: 100%;
        max-width: 100%;
        padding-right: 40px
    }
}

.result__name {
    font-family: Roboto, serif;
    font-weight: 700;
    line-height: 28px;
    font-size: 20px;
    letter-spacing: -.5px;
    display: block;
    margin-bottom: 7px
}

.result__text {
    font-weight: 300;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px
}

.result .features-cards__item {
    padding-top: 0
}

.result .features-cards__title {
    text-align: left;
    font-size: 20px;
    padding-left: 15px;
    padding-right: 30px
}

@media (max-width:768px) {
    .result .features-cards__title {
        padding-right: 0
    }
}

.result .features-cards__title:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #faff00;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%
}

.buy-course {
    padding-top: 0;
    padding-bottom: 90px
}

@media (max-width:768px) {
    .buy-course {
        padding-top: 0;
        padding-bottom: 60px
    }
}

@media (max-width:480px) {
    .buy-course {
        padding-top: 0;
        padding-bottom: 0
    }
}

.buy-course .title--buy-course {
    margin-bottom: 25px;
    color: #fff
}

@media (max-width:768px) {
    .buy-course .title--buy-course {
        font-size: 45px
    }
}

@media (max-width:480px) {
    .buy-course .title--buy-course {
        font-size: 40px;
        margin-bottom: 5px;
        text-align: center
    }
}

.buy-course__action {
    margin: 4px 0 0 -12px
}

.buy-course__action .action-line__sub {
    padding-top: 20px
}

@media (max-width:480px) {
    .buy-course__action .action-line__sub {
        font-weight: 600;
        line-height: 26px;
        max-width: 250px;
        margin: 0 auto
    }
}

.wait {
    padding-top: 68px;
    margin-bottom: -128px;
    z-index: 2
}

@media (max-width:768px) {
    .wait {
        margin-bottom: -300px;
        padding-top: 50px
    }
}

.wait__title {
    margin-bottom: 55px
}

@media (max-width:768px) {
    .wait__title {
        margin-bottom: 70px
    }

    .wait__title span {
        display: inline-block
    }
}

@media (max-width:480px) {
    .wait__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media (max-width:768px) {
    .wait__list {
        max-width: 635px;
        margin: 0 auto
    }
}

.wait__item {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .3);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 82px 128px 67px 108px;
    background: #fff;
    font-family: Roboto, serif
}

.wait__item+.wait__item {
    margin-top: 40px
}

@media (max-width:768px) {
    .wait__item {
        display: block;
        padding: 30px 20px 40px 50px
    }

    .wait__item+.wait__item {
        margin-top: 10px
    }
}

.wait__icon {
    margin-right: 108px
}

@media (max-width:768px) {
    .wait__icon {
        margin-right: 0;
        margin-bottom: 30px
    }

    .wait__icon img {
        display: block;
        margin: 0 auto
    }
}

@media (max-width:480px) {
    .wait__icon img {
        width: 100%
    }
}

.wait__info {
    max-width: 570px;
    width: 100%
}

@media (max-width:768px) {
    .wait__info {
        max-width: 100%
    }
}

.wait__name {
    color: #000;
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: -.5px;
    display: block;
    margin-bottom: 35px
}

@media (max-width:768px) {
    .wait__name {
        margin-bottom: 20px
    }
}

@media (max-width:480px) {
    .wait__name {
        font-size: 20px;
        line-height: 28px
    }
}

.wait__text {
    line-height: 32px;
    font-size: 18px;
    letter-spacing: -.5px
}

@media (max-width:480px) {
    .wait__text {
        font-size: 15px;
        line-height: 26px
    }
}

.expert {
    background: linear-gradient(29.12deg, #3c00ba 5.02%, #2380eb 90.54%);
    padding-top: 267px;
    padding-bottom: 92px;
    color: #fff
}

@media (max-width:768px) {
    .expert {
        padding-top: 347px;
        padding-bottom: 80px
    }
}

@media (max-width:480px) {
    .expert {
        padding-bottom: 40px
    }
}

.expert__title {
    max-width: 1112px;
    margin: 0 auto 25px
}

.expert__title span {
    display: inline-block
}

@media (max-width:768px) {
    .expert__title span {
        display: block
    }
}

@media (max-width:480px) {
    .expert__title {
        text-align: center;
        font-size: 32px;
        line-height: 36px
    }
}

.expert__subtitle {
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    letter-spacing: -.8px;
    display: block;
    margin-bottom: 85px
}

@media (max-width:768px) {
    .expert__subtitle {
        max-width: 525px;
        margin: 0 auto 55px
    }
}

@media (max-width:480px) {
    .expert__subtitle {
        margin-bottom: 20px
    }
}

.expert__list {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 65px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:768px) {
    .expert__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 40px
    }
}

@media (max-width:480px) {
    .expert__list .slick-active {
        outline: none
    }

    .expert__list .slick-dots li {
        margin: 0 7px
    }

    .expert__list .slick-dots li.slick-active button {
        background: #5181b8
    }
}

.expert__item {
    max-width: 290px
}

@media (max-width:768px) {
    .expert__item {
        padding-left: 30px;
        margin-bottom: 50px
    }

    .expert__item:last-child {
        margin-bottom: 0
    }
}

@media (max-width:480px) {
    .expert__item {
        max-width: 100%;
        text-align: center
    }
}

.expert__icon {
    margin-bottom: 25px
}

@media (max-width:480px) {
    .expert__icon {
        margin-bottom: 15px
    }

    .expert__icon img {
        display: block;
        margin: 0 auto
    }
}

.expert__name {
    line-height: 32px;
    font-size: 20px;
    letter-spacing: -.8px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
    font-family: Roboto, serif
}

.expert__text {
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px
}

.expert__text .nowrap {
    display: block
}

.expert__action .btn {
    padding: 25px 40px
}

.company {
    padding-top: 65px;
    margin-bottom: 100px
}

@media (max-width:768px) {
    .company {
        padding-top: 50px;
        margin-bottom: 50px
    }
}

.company__title {
    margin-bottom: 56px
}

.company__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:768px) {
    .company__list {
        display: block;
        max-width: 645px;
        margin: 0 auto
    }
}

.company__item {
    box-shadow: 0 2px 24px rgba(168, 175, 196, .5);
    width: 100%;
    max-width: 370px;
    padding: 30px 30px 30px 40px;
    box-sizing: border-box
}

@media (max-width:768px) {
    .company__item {
        padding-bottom: 50px;
        max-width: 100%
    }

    .company__item+.company__item {
        margin-top: 10px
    }
}

.company__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    height: 50px
}

@media (max-width:768px) {
    .company__head {
        height: 100%;
        margin-bottom: 18px
    }
}

.company__name {
    display: block;
    font-size: 20px;
    letter-spacing: -.8px;
    font-weight: 700;
    color: #000
}

.company__text {
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px
}

.reviews {
    padding-bottom: 40px;
    background-color: #f6f7fd;
    padding-top: 68px
}

@media (max-width:768px) {
    .reviews {
        padding-bottom: 30px;
        padding-top: 60px
    }
}

@media (max-width:480px) {
    .reviews {
        padding: 30px 0
    }
}

.reviews__title {
    margin-bottom: 80px;
    letter-spacing: -.5px
}

@media (max-width:768px) {
    .reviews__title {
        margin-bottom: 60px
    }
}

@media (max-width:480px) {
    .reviews__title {
        margin-bottom: 40px
    }
}

.reviews__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    max-height: 900px
}

@media (max-width:990px) {
    .reviews__list {
        padding-left: 15px;
        padding-right: 15px;
        max-height: 1310px
    }
}

@media (max-width:660px) {
    .reviews__list {
        margin: 0 auto;
        display: block;
        width: 100%;
        max-height: none
    }
}

@media (max-width:480px) {
    .reviews__list {
        padding-left: 0;
        padding-right: 0
    }
}

.reviews__item {
    max-width: 524px;
    width: 45%;
    margin-bottom: 50px
}

.reviews__item:nth-child(n+3) {
    margin-left: 7%
}

@media (max-width:660px) {
    .reviews__item:nth-child(n+3) {
        margin-left: 0
    }
}

@media (max-width:660px) {
    .reviews__item {
        max-width: 100%;
        padding-bottom: 0;
        width: 100%
    }

    .reviews__item,
    .reviews__item:last-child {
        margin-bottom: 0
    }
}

.reviews__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 25px;
    border-bottom: 2px solid #e5e7ef;
    margin-bottom: 25px;
    position: relative
}

@media (max-width:990px) {
    .reviews__head {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
        padding-bottom: 18px
    }
}

@media (max-width:660px) {
    .reviews__head {
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.reviews__user {
    width: 62px;
    height: 62px;
    margin-right: 20px
}

.reviews__user img {
    border-radius: 50%;
    width: 100%
}

@media (max-width:990px) {
    .reviews__user {
        margin-bottom: 20px
    }
}

.reviews__info {
    margin-right: auto;
    font-family: Roboto, serif;
    text-transform: capitalize;
    letter-spacing: -.5px
}

@media (max-width:768px) {
    .reviews__info {
        margin-right: 0
    }
}

.reviews__name {
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 900;
    color: #000
}

.reviews__post {
    line-height: 26px;
    font-size: 15px;
    display: block
}

@media (max-width:990px) {
    .reviews__post {
        margin-top: 8px
    }
}

.reviews__company {
    position: absolute;
    top: 0;
    right: 5px;
    height: calc(100% - 25px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:990px) {
    .reviews__company {
        height: auto;
        top: 10px
    }
}

@media (max-width:660px) {
    .reviews__company {
        position: static;
        display: block;
        width: 100%;
        margin-bottom: 15px
    }
}

.reviews__company img {
    max-width: 100%;
    max-height: 42px
}

@media (max-width:660px) {
    .reviews__company img {
        margin: 0 auto;
        display: block
    }
}

.reviews__text {
    line-height: 32px;
    font-size: 18px;
    letter-spacing: -.5px
}

.reviews .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #d8d8d8
}

.reviews .slick-dots li.slick-active button {
    background-color: #f48132
}

.waiting {
    padding: 68px 0 166px
}

@media (max-width:1200px) {
    .waiting.container {
        padding: 60px 0 160px
    }
}

@media (max-width:768px) {
    .waiting.container {
        padding-left: 30px;
        padding-right: 30px;
        width: auto
    }
}

@media (max-width:480px) {
    .waiting.container {
        padding: 35px 25px 160px
    }
}

.waiting .headline {
    max-width: none;
    margin-bottom: 110px
}

@media (max-width:768px) {
    .waiting .headline {
        margin-bottom: 50px
    }
}

@media (max-width:480px) {
    .waiting .headline {
        margin-bottom: 30px
    }
}

.waiting .headline .title {
    color: #fff
}

@media (max-width:768px) {
    .waiting .headline .title {
        margin-bottom: 30px
    }
}

@media (max-width:480px) {
    .waiting .headline .title {
        text-align: left;
        margin-bottom: 20px
    }
}

.waiting .headline .title br {
    display: none
}

@media (max-width:768px) {
    .waiting .headline .title br {
        display: block
    }
}

@media (max-width:480px) {
    .waiting .headline .title br {
        display: none
    }
}

.waiting .headline .sub {
    color: #fff;
    max-width: 930px
}

@media (max-width:768px) {
    .waiting .headline .sub {
        max-width: 630px;
        line-height: 32px;
        font-size: 18px
    }
}

@media (max-width:480px) {
    .waiting .headline .sub {
        line-height: 26px;
        font-size: 15px;
        text-align: left
    }
}

.waiting-features {
    position: relative;
    float: right;
    display: block;
    width: 510px
}

@media (max-width:768px) {
    .waiting-features {
        width: 320px
    }
}

@media (max-width:480px) {
    .waiting-features {
        width: auto;
        padding-bottom: 200px
    }
}

.waiting-features:after {
    content: "";
    position: absolute;
    display: block;
    width: 557px;
    height: 423px;
    top: 50%;
    left: -650px;
    background-image: url(/courses/data/instagram-two/css/../images/perfomance.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%)
}

@media (max-width:768px) {
    .waiting-features:after {
        width: 456px;
        height: 346px;
        left: -480px
    }
}

@media (max-width:480px) {
    .waiting-features:after {
        position: absolute;
        top: auto;
        bottom: -80px;
        left: 50%;
        transform: translateX(-50%);
        width: 344px;
        height: 261px
    }
}

.waiting-features__item {
    display: block;
    text-align: left;
    margin-bottom: 123px
}

@media (max-width:1200px) {
    .waiting-features__item {
        margin-right: 20px
    }
}

@media (max-width:768px) {
    .waiting-features__item {
        margin-bottom: 60px;
        margin-right: 0
    }
}

.waiting-features__item:last-child {
    margin-bottom: 0
}

.waiting-features__title {
    position: relative;
    display: block;
    color: #fff;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 28px;
    margin-bottom: 20px;
    max-width: 375px
}

@media (max-width:480px) {
    .waiting-features__title {
        margin-bottom: 15px
    }
}

.waiting-features__text {
    display: block;
    color: #fff;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 26px;
    margin-bottom: 30px
}

@media (max-width:768px) {
    .waiting-features__text {
        display: inline-block;
        vertical-align: top;
        width: 47%;
        margin-right: 4.5%
    }

    .waiting-features__text:last-child {
        margin-right: 0
    }
}

@media (max-width:480px) {
    .waiting-features__text {
        display: block;
        width: auto;
        margin-right: 0 !important;
        margin-bottom: 20px
    }
}

.waiting-features__list-item {
    position: relative;
    padding-left: 22px;
    color: #fff;
    line-height: 28px;
    font-size: 15px;
    letter-spacing: -.8px;
    margin-bottom: 15px
}

.waiting-features__list-item:before {
    background: hsla(0, 0%, 100%, .4);
    border-radius: 50%;
    content: "";
    height: 6px;
    position: absolute;
    top: 12px;
    left: 1px;
    width: 6px
}

.info {
    background: #fff;
    box-shadow: 0 2px 24px rgba(79, 85, 103, .45);
    max-width: 830px;
    margin: -137px auto 0;
    padding: 30px 30px 40px;
    box-sizing: border-box
}

@media (max-width:768px) {
    .info {
        max-width: 630px
    }
}

@media (max-width:480px) {
    .info {
        margin: -80px 24px 0;
        padding: 30px 20px 40px
    }
}

.info__img {
    background: url(/courses/data/instagram-two/css/../icons/info.svg) no-repeat 50%/contain;
    width: 52px;
    height: 52px;
    margin: 0 auto 25px
}

.info__text {
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    letter-spacing: -.8px;
    color: #525d83;
    max-width: 680px;
    margin: 0 auto
}

@media (max-width:768px) {
    .info__text {
        line-height: 25px;
        font-size: 15px;
        max-width: none
    }
}

.university {
    position: relative
}

.university.section {
    padding-top: 90px;
    padding-bottom: 90px
}

@media (max-width:990px) {
    .university.section {
        padding: 70px 0
    }
}

@media (max-width:767px) {
    .university.section {
        padding: 30px 0
    }
}

.university .headline {
    max-width: 860px
}

.university .headline .logo-skillbox {
    display: inline-block;
    width: 138px;
    height: 30px;
    margin: 0 auto 30px;
    background: url(/courses/data/instagram-two/css/../icons/skillbox.svg) no-repeat;
    background-size: contain
}

@media (max-width:767px) {
    .university .headline .logo-skillbox {
        width: 100px;
        margin-bottom: 15px;
        margin-top: 10px
    }
}

@media (max-width:990px) {
    .university .headline .title {
        line-height: 54px;
        font-size: 45px;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .university .headline .title {
        line-height: 42px;
        font-size: 30px;
        margin-bottom: 20px
    }
}

@media (max-width:480px) {
    .university .headline .title {
        margin-right: -8px;
        margin-left: -8px
    }
}

.university .headline .desc {
    display: block;
    font-family: Open Sans;
    line-height: 32px;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -.7px;
    color: #657195;
    opacity: .7;
    width: 100%;
    text-align: center;
    margin: 0 auto
}

@media (max-width:990px) {
    .university .headline .desc br {
        display: none
    }
}

.university__bg {
    position: absolute;
    width: 100%;
    height: 700px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(25.76deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
}

@media (max-width:1200px) {
    .university__bg {
        height: 680px
    }
}

@media (max-width:768px) {
    .university__bg {
        height: 600px;
        background: linear-gradient(53.09deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

@media (max-width:767px) {
    .university__bg {
        height: 30%;
        background: linear-gradient(67.36deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

.university__desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:767px) {
    .university__desc {
        border: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0
    }
}

.university__desc-text {
    display: block;
    font-weight: 600;
    line-height: 32px;
    font-size: 18px;
    letter-spacing: -.7px;
    color: #657195;
    opacity: .7;
    width: 65%;
    text-align: center
}

@media (max-width:1200px) {
    .university__desc-text {
        width: 50%
    }
}

@media (max-width:990px) {
    .university__desc-text {
        width: 80%;
        line-height: 28px;
        font-size: 16px;
        margin-left: 25px
    }
}

@media (max-width:767px) {
    .university__desc-text {
        width: 100%;
        margin: 0
    }
}

.university__numbers {
    display: block;
    text-align: center;
    width: 35%
}

@media (max-width:1200px) {
    .university__numbers {
        width: 50%
    }
}

@media (max-width:990px) {
    .university__numbers {
        width: 220px;
        margin-left: 50px;
        margin-right: 25px
    }
}

@media (max-width:767px) {
    .university__numbers {
        width: 100%;
        margin: 0;
        text-align: left
    }
}

.university__count {
    font-family: Roboto Slab, serif;
    font-weight: 300;
    line-height: normal;
    font-size: 80px;
    letter-spacing: -2.2px;
    color: #000;
    display: inline-block
}

@media (max-width:990px) {
    .university__count {
        width: 220px
    }
}

@media (max-width:767px) {
    .university__count {
        width: 100%;
        margin: 0;
        text-align: center;
        font-size: 45px
    }
}

.university__text {
    display: block;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    font-size: 16px;
    letter-spacing: -.4px;
    color: #657195;
    text-align: center
}

@media (max-width:990px) {
    .university__text {
        width: 222px;
        font-size: 18px
    }
}

@media (max-width:767px) {
    .university__text {
        font-size: 15px;
        margin: auto
    }
}

.university__headline {
    display: block;
    width: 100%;
    margin: 0 auto 10px
}

@media (max-width:990px) {
    .university__headline {
        margin-bottom: 0
    }
}

.university__title {
    display: block;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    font-size: 38px;
    letter-spacing: -.933334px;
    margin-bottom: 40px;
    text-align: center;
    color: #000
}

@media (max-width:990px) {
    .university__title {
        font-size: 23px;
        margin-bottom: 15px
    }
}

@media screen and (max-width:767px) {
    .university__title {
        line-height: 26px;
        font-size: 20px;
        margin-bottom: 15px
    }
}

.university__pretitle {
    display: block;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    letter-spacing: -.5px;
    color: #657195;
    max-width: 500px;
    margin: 0 auto
}

@media (max-width:990px) {
    .university__pretitle {
        line-height: 26px;
        font-size: 15px;
        max-width: 400px
    }
}

@media screen and (max-width:767px) {
    .university__pretitle {
        line-height: 20px;
        font-size: 13px;
        margin-bottom: 20px
    }
}

.university__partners {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 70px
}

@media (max-width:768px) {
    .university__partners {
        padding: 0 30px
    }
}

@media screen and (max-width:767px) {
    .university__partners {
        padding: 0
    }
}

.university__partners-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    padding-top: 54px;
    padding-bottom: 30px;
    box-shadow: 0 2px 24px rgba(67, 77, 106, .3)
}

@media (max-width:990px) {
    .university__partners-wrapper {
        padding-top: 40px
    }
}

@media screen and (max-width:767px) {
    .university__partners-wrapper {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width:768px) {
    .university__partners {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.university__partners-logo {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    vertical-align: middle;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 60px
}

@media (max-width:990px) {
    .university__partners-logo {
        height: 42px
    }
}

.university__partners-logo img {
    display: inline-block;
    margin: auto
}

.university__partners-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16.5%;
    padding: 25px 0;
    box-sizing: border-box;
    text-align: center
}

.university__partners-item img {
    max-width: 90%
}

@media (max-width:767px) {
    .university__partners-item img {
        max-width: 78%
    }
}

@media (max-width:990px) {
    .university__partners-item {
        width: 20%
    }
}

@media (max-width:768px) {
    .university__partners-item {
        padding: 15px 0
    }
}

@media (max-width:767px) {
    .university__partners-item {
        width: 49%;
        margin-bottom: 10px;
        padding: 5px 0
    }
}

.university__partners-text {
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.444444px;
    color: #657195
}

@media (min-width:990px) {
    .university__partners .hidden-mobile {
        display: none
    }
}

@media (max-width:767px) {
    .university__partners .hidden-desc {
        display: none
    }
}

.university__statistic {
    margin-top: 70px;
    width: 100%
}

@media (max-width:990px) {
    .university__statistic {
        max-width: 730px;
        margin: 60px auto 0
    }
}

@media (max-width:767px) {
    .university__statistic {
        margin: 35px auto 0
    }
}

.university__statistic-text {
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    font-size: 18px;
    letter-spacing: -.7px;
    color: #000
}

@media (max-width:990px) {
    .university__statistic-text {
        text-align: center;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .university__statistic-text {
        text-align: left
    }

    .university__statistic-text br {
        display: none
    }
}

.university__col {
    vertical-align: top;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.university__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 70px;
    text-align: center;
    width: 20%
}

@media (max-width:990px) {
    .university__row {
        margin-bottom: 40px;
        width: 30%
    }
}

@media (max-width:767px) {
    .university__row {
        margin-bottom: 45px;
        width: 100%
    }
}

.university__row-img {
    margin-top: auto
}

.university__row-img img {
    max-width: 100%
}

.university__row-num {
    display: block;
    vertical-align: top;
    font-family: Roboto, serif;
    font-style: normal;
    line-height: 154px;
    font-size: 34px;
    letter-spacing: -1px;
    color: #000;
    width: 154px;
    height: 154px;
    background: url(/courses/data/instagram-two/css/../images/university/Ellipse82.png) no-repeat, url(/courses/data/instagram-two/css/../images/university/Ellipse.png) no-repeat 2px 2px;
    background-size: cover, 150px 150px;
    margin: 0 auto 20px
}

@media (max-width:990px) {
    .university__row-num {
        padding-left: 0
    }
}

.university__row-text {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    font-size: 16px;
    letter-spacing: -.444444px;
    color: #657195;
    max-width: 255px
}

@media (max-width:767px) {
    .university__row-text {
        max-width: none;
        display: block
    }
}

.university__row:nth-child(2) .university__row-num {
    background: url(/courses/data/instagram-two/css/../images/university/Ellipse89.png) no-repeat, url(/courses/data/instagram-two/css/../images/university/Ellipse.png) no-repeat 2px 2px;
    background-size: cover, 150px 150px
}

.university__row:nth-child(3) .university__row-num {
    background: url(/courses/data/instagram-two/css/../images/university/Ellipse94.png) no-repeat, url(/courses/data/instagram-two/css/../images/university/Ellipse.png) no-repeat 2px 2px;
    background-size: cover, 150px 150px
}

.university__users {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 20px;
    margin-bottom: 60px
}

@media (max-width:990px) {
    .university__users {
        margin-bottom: 35px
    }
}

@media screen and (max-width:767px) {
    .university__users {
        width: 118%
    }
}

.university__users-item {
    position: relative;
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-left: -50px;
    z-index: 1
}

@media screen and (max-width:767px) {
    .university__users-item {
        max-width: 123px;
        margin-left: -30px
    }
}

@media screen and (max-width:767px) {
    .university__users-item img {
        max-width: 100%
    }
}

.university__users-item:nth-child(5) {
    z-index: 4
}

.university__users-item:nth-child(6) {
    z-index: 3
}

.university__users-item:nth-child(7) {
    z-index: 2
}

.university__users-item:nth-child(8) {
    z-index: 1
}

.university__users-item:nth-child(9) {
    z-index: 0
}

.university__users-item:first-child {
    margin-left: 0
}

.university__showreel {
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:990px) {
    .university__showreel {
        padding: 50px 0 0
    }
}

@media screen and (max-width:767px) {
    .university__showreel {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.university__showreel-col {
    max-width: 400px;
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center
}

@media screen and (max-width:992px) {
    .university__showreel-col {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 40px
    }

    .university__showreel-col:last-child {
        margin-bottom: 0
    }
}

.university__showreel-headline {
    display: block;
    margin-bottom: 25px
}

.university__showreel-title {
    display: block;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    font-size: 38px;
    letter-spacing: -.967901px;
    color: #fff
}

@media screen and (max-width:767px) {
    .university__showreel-title {
        line-height: 42px;
        font-size: 34px
    }
}

.university__showreel-text {
    display: block;
    max-width: 290px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #fff;
    mix-blend-mode: normal;
    opacity: .7
}

.university__showreel-counter {
    display: block
}

.university__showreel-counter .counter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.university__showreel-counter .counter-title {
    display: inline-block;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 30px;
    letter-spacing: -.5px;
    color: #fff;
    margin-right: 8px
}

.university__showreel-counter .counter-text {
    display: inline-block;
    max-width: 90px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: -.5px;
    color: #fff
}

.university__showreel-video .video {
    position: relative;
    display: block;
    width: 100%;
    height: 202px
}

@media screen and (max-width:480px) {
    .university__showreel-video .video {
        height: 43vw;
        margin-bottom: 20px
    }
}

.university__showreel-video .video__container {
    width: 100%;
    height: 100%;
    z-index: 1
}

.university__showreel-video .video__container,
.university__showreel-video .video__container a,
.university__showreel-video .video__container a:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.university__showreel-video .video__container a:before {
    content: "";
    background: rgba(0, 0, 0, .7)
}

.university__showreel-video .video__container a img {
    width: 100%;
    height: 100%
}

.university__showreel-video .video__container a span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:767px) {
    .university__showreel-video .video__container a span {
        font-size: 0
    }
}

.university__showreel-video .video__container a span:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 59px;
    height: 59px;
    vertical-align: middle;
    margin-right: 15px;
    background-image: url(/courses/data/instagram-two/css/../icons/play-bianco.svg);
    background-repeat: no-repeat;
    margin-top: -3px
}

@media screen and (max-width:767px) {
    .university__showreel-video .video__container a span:before {
        width: 80px;
        height: 80px;
        margin-right: 0;
        background-size: cover;
        margin-left: 15px
    }
}

.modal-showreel .modal-container {
    max-width: 925px;
    padding: 0;
    background-color: #000
}

.modal-showreel .modal-content {
    height: 520px
}

@media screen and (max-width:767px) {
    .modal-showreel .modal-content {
        height: 210px
    }

    .modal-showreel .modal-container {
        margin-top: 30vh
    }
}

.course {
    background: linear-gradient(24.41deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%);
    padding-top: 70px;
    padding-bottom: 0;
    color: #fff
}

@media screen and (max-width:990px) {
    .course {
        padding-bottom: 0;
        background: linear-gradient(62.22deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

@media (max-width:480px) {
    .course {
        padding-top: 35px;
        background: linear-gradient(77.83deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

.course__wrap {
    display: -ms-flexbox;
    display: flex;
    margin-top: 80px
}

@media (max-width:1200px) {
    .course__wrap {
        display: block
    }
}

.course-box {
    display: block;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width:768px) {
    .course-box {
        padding: 0
    }
}

@media (max-width:480px) {
    .course-box {
        padding: 0
    }
}

.course .title {
    color: #fff
}

@media (max-width:768px) {
    .course .title {
        margin-bottom: 30px
    }
}

@media (max-width:480px) {
    .course .title {
        text-align: left;
        margin-bottom: 20px
    }
}

.course .headline {
    max-width: none
}

.course .sub {
    color: #fff;
    max-width: 970px;
    margin-bottom: 40px;
    opacity: .8
}

@media (max-width:990px) {
    .course .sub {
        max-width: 630px
    }
}

@media screen and (max-width:630px) {
    .course .sub {
        text-align: left;
        margin-bottom: 15px
    }
}

.course-tab {
    display: block;
    margin-bottom: 60px;
    text-align: center
}

@media screen and (max-width:990px) {
    .course-tab {
        margin-bottom: 25px
    }
}

@media screen and (max-width:768px) {
    .course-tab {
        padding-bottom: 20px;
        overflow-x: scroll;
        white-space: nowrap
    }
}

@media screen and (max-width:630px) {
    .course-tab {
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 10px;
        margin-right: -25px
    }
}

.course-tab__item {
    position: relative;
    display: inline-block;
    color: #fff;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: .92px;
    margin-right: 70px;
    margin-bottom: 10px
}

@media screen and (max-width:768px) {
    .course-tab__item {
        margin-right: 65px;
        line-height: 22px
    }
}

@media screen and (max-width:630px) {
    .course-tab__item {
        display: inline-block;
        margin-right: 45px;
        margin-bottom: 10px;
        line-height: 40px
    }

    .course-tab__item:last-child {
        margin-bottom: 0;
        padding-right: 25px
    }
}

.course-tab__item.current .course-tab__text:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    left: 0;
    right: 0;
    bottom: -8px;
    background-color: #faff00
}

.course-tab__item:last-child {
    margin-right: 0
}

.course-tab__text {
    position: relative;
    display: inline-block
}

.course-content {
    position: relative
}

@media screen and (max-width:768px) {
    .course-content {
        margin: 0 auto;
        max-width: 650px
    }
}

.course-content__item {
    position: relative;
    display: none;
    max-width: 100%;
    padding-right: 270px;
    padding-bottom: 20px;
    padding-left: 50px;
    min-height: 300px
}

@media screen and (max-width:990px) {
    .course-content__item {
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        text-align: center;
        min-height: unset
    }
}

@media screen and (max-width:630px) {
    .course-content__item {
        text-align: left
    }
}

.course-content__item.manager:after {
    content: "";
    position: absolute;
    display: block;
    width: 337px;
    height: 313px;
    left: 700px;
    bottom: 0;
    background-image: url(/courses/data/instagram-two/css/../images/for-whom1.png), url(/courses/data/instagram-two/css/../images/for-whom2.png), url(/courses/data/instagram-two/css/../images/for-whom3.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: auto, 0, 0, 0, 0, 0
}

@media screen and (max-width:1024px) {
    .course-content__item.manager:after {
        left: 550px
    }
}

@media screen and (max-width:990px) {
    .course-content__item.manager:after {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 30px auto 0;
        height: 313px;
        background-size: contain, 0, 0, 0, 0, 0;
        background-position: bottom
    }
}

@media screen and (max-width:550px) {
    .course-content__item.manager:after {
        height: 240px;
        width: auto
    }
}

.course-content__item.seo:after {
    content: "";
    position: absolute;
    display: block;
    width: 337px;
    height: 313px;
    left: 700px;
    bottom: 0;
    background-image: url(/courses/data/instagram-two/css/../images/for-whom2.png);
    background-repeat: no-repeat;
    background-position: 100% 100%
}

@media screen and (max-width:1024px) {
    .course-content__item.seo:after {
        left: 550px
    }
}

@media screen and (max-width:990px) {
    .course-content__item.seo:after {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 30px auto 0;
        height: 313px;
        background-size: contain;
        background-position: bottom
    }
}

@media screen and (max-width:550px) {
    .course-content__item.seo:after {
        height: 240px;
        width: auto
    }
}

.course-content__item.analyst:after {
    content: "";
    position: absolute;
    display: block;
    width: 337px;
    height: 313px;
    left: 700px;
    bottom: 0;
    background-image: url(/courses/data/instagram-two/css/../images/for-whom3.png);
    background-repeat: no-repeat;
    background-position: 100% 100%
}

@media screen and (max-width:1024px) {
    .course-content__item.analyst:after {
        left: 550px
    }
}

@media screen and (max-width:990px) {
    .course-content__item.analyst:after {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 30px auto 0;
        height: 313px;
        background-size: contain;
        background-position: bottom
    }
}

@media screen and (max-width:550px) {
    .course-content__item.analyst:after {
        height: 240px;
        width: auto
    }
}

.course-content__item.smm:after {
    content: "";
    position: absolute;
    display: block;
    width: 450px;
    height: 380px;
    left: 505px;
    bottom: 60px;
    background-image: url(/courses/data/instagram-two/css/../images/for-whom4.png);
    background-repeat: no-repeat;
    background-position: 100% 100%
}

@media screen and (max-width:990px) {
    .course-content__item.smm:after {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 30px auto 0;
        height: 335px;
        background-size: contain;
        background-position: bottom
    }
}

@media screen and (max-width:550px) {
    .course-content__item.smm:after {
        height: 260px;
        width: auto
    }
}

.course-content__item.marketer:after {
    content: "";
    position: absolute;
    display: block;
    width: 429px;
    height: 295px;
    left: 470px;
    bottom: 50px;
    background-image: url(/courses/data/instagram-two/css/../images/for-whom5.png);
    background-repeat: no-repeat;
    background-position: 100% 100%
}

@media screen and (max-width:990px) {
    .course-content__item.marketer:after {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 30px auto;
        height: 220px;
        background-size: 320px auto;
        background-position: bottom
    }
}

@media screen and (max-width:550px) {
    .course-content__item.marketer:after {
        display: none
    }
}

.course-content__item.other:after {
    content: "";
    position: absolute;
    display: block;
    width: 338px;
    height: 366px;
    left: 520px;
    bottom: 30px;
    background-image: url(/courses/data/instagram-two/css/../images/for-whom6.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: auto 355px
}

@media screen and (max-width:990px) {
    .course-content__item.other:after {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 30px auto;
        height: 350px;
        background-size: 320px auto;
        background-position: bottom
    }
}

@media screen and (max-width:550px) {
    .course-content__item.other:after {
        display: none
    }
}

.course-content__item.current {
    display: block
}

.course-content__item h3 {
    color: #fff;
    font-family: Roboto, serif;
    font-weight: 700;
    line-height: 50px;
    font-size: 44px;
    letter-spacing: -.5px;
    margin-bottom: 25px;
    max-width: 435px
}

@media screen and (max-width:990px) {
    .course-content__item h3 {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:768px) {
    .course-content__item h3 {
        margin-bottom: 20px;
        max-width: none;
        line-height: 44px;
        font-size: 38px
    }
}

@media screen and (max-width:630px) {
    .course-content__item h3 {
        line-height: 38px;
        font-size: 30px
    }
}

.course-content__item p {
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #fff;
    mix-blend-mode: normal;
    opacity: .8;
    width: 410px;
    margin-bottom: 20px
}

@media screen and (max-width:990px) {
    .course-content__item p {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px
    }
}

@media screen and (max-width:630px) {
    .course-content__item p {
        width: 100%
    }
}

.what {
    background: #f6f7fd;
    padding: 110px 0 60px
}

@media (max-width:768px) {
    .what {
        background: transparent;
        padding: 10px 0 65px
    }
}

.what .title {
    margin-bottom: 40px
}

@media (max-width:768px) {
    .what .title {
        text-align: center
    }
}

.what__wrap {
    margin-bottom: 30px
}

@media (max-width:768px) {
    .what__wrap {
        max-width: 630px;
        margin: 0 auto 20px
    }
}

.what__img {
    text-align: center;
    margin-bottom: 20px
}

@media (max-width:480px) {
    .what__img {
        margin-top: 20px
    }
}

.what__title {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    letter-spacing: -.5px;
    color: #000;
    margin-bottom: 25px
}

.what__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.what__item {
    width: 30%;
    margin-right: 5%;
    padding-left: 27px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 40px;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #657195
}

.what__item:nth-child(3n) {
    margin-right: 0
}

.what__item:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f48132;
    position: absolute;
    left: 0;
    top: 10px
}

@media (max-width:768px) {
    .what__item:nth-child(n) {
        width: 46%;
        margin-right: 7%
    }

    .what__item:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:480px) {
    .what__item:nth-child(n) {
        width: 100%;
        margin-bottom: 20px
    }
}

.what .action-line__sub {
    color: #657195
}

.instruments {
    padding: 80px 0;
    background: linear-gradient(55.44deg, #b80042 -3.19%, #f58233 68.23%, #ffc700 115.02%)
}

@media (max-width:768px) {
    .instruments {
        background: linear-gradient(75.24deg, #b80042 4.9%, #f58233 74.08%, #ffc700 125.24%);
        padding: 55px 0 60px
    }
}

@media (max-width:480px) {
    .instruments {
        background: linear-gradient(86.25deg, #b80042 -17.85%, #f58233 55.61%, #ffc700 123.7%);
        margin-bottom: -20px
    }
}

.instruments .title {
    color: #fff;
    margin-bottom: 40px
}

@media (max-width:768px) {
    .instruments .title {
        margin-bottom: 45px;
        max-width: 630px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:480px) {
    .instruments .title {
        margin-bottom: 30px;
        font-size: 36px;
        text-align: center
    }
}

.instruments__wrap {
    border-bottom: 2px solid rgba(230, 232, 240, .3);
    padding-bottom: 40px
}

@media (max-width:480px) {
    .instruments__wrap {
        padding-bottom: 20px
    }
}

.instruments__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.instruments__item {
    width: 21%;
    margin-right: 5%;
    padding-left: 27px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 40px;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #fff
}

.instruments__item:nth-child(4n) {
    margin-right: 0
}

.instruments__item:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #faff00;
    position: absolute;
    left: 0;
    top: 10px
}

@media (max-width:768px) {
    .instruments__item:nth-child(n) {
        width: 29%;
        margin-right: 6%
    }

    .instruments__item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:480px) {
    .instruments__item:nth-child(n) {
        width: 100%;
        margin-bottom: 25px
    }
}

.steps {
    padding: 70px 0 30px
}

@media (max-width:768px) {
    .steps {
        padding: 50px 0 10px
    }
}

@media (max-width:480px) {
    .steps {
        padding: 50px 0 40px
    }
}

.steps .title {
    margin-bottom: 30px
}

@media (max-width:768px) {
    .steps .title {
        margin-bottom: 15px
    }
}

@media (max-width:768px) {
    .steps .sub {
        line-height: 32px;
        font-size: 18px
    }
}

@media (max-width:480px) {
    .steps .sub {
        line-height: 26px;
        font-size: 15px
    }
}

@media (max-width:768px) {
    .steps .slick-dots li button {
        background: #e6e8f0
    }

    .steps .slick-dots li.slick-active button {
        background: #ff4492
    }
}

.steps .action-line {
    display: none
}

@media (max-width:480px) {
    .steps .action-line {
        display: block
    }
}

.features-list {
    display: block;
    padding-top: 64px;
    margin-bottom: 66px;
    font-size: 0;
    width: calc(100% + 32px);
    margin-left: -20px
}

.features-list:after,
.features-list:before {
    content: "";
    display: table
}

.features-list:after {
    clear: both
}

@media (max-width:1200px) {
    .features-list {
        max-width: 100%;
        width: 91%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 62px;
        margin-bottom: 27px;
        text-align: center
    }
}

@media (max-width:768px) {
    .features-list {
        padding: 35px 0 0;
        box-sizing: border-box;
        margin-bottom: 13px
    }
}

.features-list--additional {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media (max-width:1200px) {
    .features-list--additional {
        max-width: 100%
    }
}

.features-list--additional__item {
    width: 33.3%;
    max-width: 100%;
    margin-bottom: 40px
}

@media (max-width:768px) {
    .features-list--additional__item {
        width: 50%
    }
}

@media (max-width:480px) {
    .features-list--additional__item {
        width: 100%
    }
}

.features-list--additional__title {
    width: 200px;
    margin: 0 auto 14px
}

@media (max-width:1200px) {
    .features-list--additional__title {
        max-width: 100%
    }
}

.features-list--additional__text {
    width: 280px;
    margin: 0 auto
}

@media (max-width:1200px) {
    .features-list--additional__text {
        max-width: 100%
    }
}

.features-list__item {
    position: relative;
    display: inline-block;
    max-width: 25%;
    width: 100%;
    vertical-align: top;
    padding: 0 24px;
    box-sizing: border-box;
    outline: none
}

.features-list__item:last-child .features-list__num:after {
    display: none
}

@media (max-width:1200px) {
    .features-list__item {
        margin-bottom: 40px
    }

    .features-list__item:nth-child(2n+2) .features-list__num:after {
        display: none
    }
}

@media (max-width:1200px) {
    .features-list__item {
        max-width: 354px;
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:1200px) and (max-width:768px) {
    .features-list__item:nth-child(odd) .features-list__num {
        margin-left: calc(50% - 65px)
    }
}

@media (max-width:1200px) {
    .features-list__item:nth-child(odd) .features-list__num:after {
        display: block;
        right: -180px
    }
}

@media (max-width:1200px) and (max-width:768px) {
    .features-list__item:nth-child(odd) .features-list__num:after {
        right: -172px
    }
}

@media (max-width:1200px) and (max-width:768px) {
    .features-list__item:nth-child(2n) .features-list__num {
        margin-right: calc(50% - 48px)
    }
}

@media (max-width:767px) {
    .features-list__item {
        max-width: 100%;
        width: 100%;
        padding: 0 10px;
        margin-bottom: 0
    }

    .features-list__item:not(:last-child) {
        position: relative;
        margin-bottom: 165px
    }
}

@media (max-width:767px) and (max-width:767px) {
    .features-list__item:not(:last-child) {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .features-list__item:not(:last-child):after {
        content: "";
        position: absolute;
        width: 130px;
        height: 130px;
        left: calc(50% - 65px);
        bottom: -140px;
        background-repeat: no-repeat;
        background-position: 50%;
        background-image: url(/courses/data/instagram-two/css/../images/dotted.png);
        transform: rotate(90deg)
    }
}

@media (max-width:767px) and (max-width:767px) {
    .features-list__item:not(:last-child):after {
        display: none
    }
}

@media (max-width:767px) {
    .features-list__item:nth-child(odd) .features-list__num {
        margin: 0 auto 20px
    }

    .features-list__item:nth-child(odd) .features-list__num:after {
        display: none
    }

    .features-list__item:nth-child(2n) .features-list__num {
        margin: 0 auto 20px
    }

    .features-list__item:last-child {
        margin-bottom: 0
    }
}

.features-list__decor {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #000;
    font-size: 0;
    border-radius: 50%;
    margin: 0 auto 25px;
    background-color: #73b84c
}

.features-list__decor:before {
    left: 19px;
    top: 24px;
    width: 22px;
    transform: rotate(-45deg)
}

.features-list__decor:after,
.features-list__decor:before {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #fff
}

.features-list__decor:after {
    left: 11px;
    top: 27px;
    width: 14px;
    transform: rotate(45deg)
}

.features-list__num {
    position: relative;
    display: block;
    width: 108px;
    height: 108px;
    line-height: 106px;
    color: #000;
    font-family: Roboto Slab, serif;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: -1.25px;
    text-align: center;
    border-radius: 100%;
    margin: 0 auto 32px;
    background: rgba(216, 219, 230, .3)
}

@media (max-width:767px) {
    .features-list__num {
        width: 120px;
        height: 120px;
        margin-bottom: 20px;
        line-height: 120px
    }
}

.features-list__num:after {
    content: "";
    position: absolute;
    display: block;
    width: 107px;
    height: 7px;
    top: 50%;
    right: -144px;
    background-image: url(/courses/data/instagram-two/css/../images/dotted.png);
    background-repeat: no-repeat;
    transform: translateY(-50%)
}

@media (max-width:1200px) {
    .features-list__num:after {
        display: none
    }
}

.features-list__title {
    display: block;
    color: #000;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 14px
}

@media (max-width:768px) {
    .features-list__title {
        margin-bottom: 8px
    }
}

.features-list__text {
    display: block;
    color: #657195;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    letter-spacing: -.5px;
    line-height: 26px;
    text-align: center
}

.features-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 70px;
    max-width: 1024px
}

@media (max-width:1200px) {
    .features-box {
        padding-left: 0
    }
}

@media (max-width:768px) {
    .features-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 63px
    }
}

@media (max-width:1200px) {
    .features-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 460px
    }
}

@media (max-width:480px) {
    .features-box {
        padding-top: 5px;
        margin-bottom: 50px
    }
}

.features-box__item {
    position: relative;
    max-width: 50%;
    padding-left: 66px;
    padding-right: 20px;
    box-sizing: border-box
}

@media (max-width:1200px) {
    .features-box__item {
        max-width: 100%;
        width: 100%;
        padding-right: 0
    }

    .features-box__item:not(:last-child) {
        margin-bottom: 30px
    }
}

@media (max-width:768px) {
    .features-box__item:not(:last-child) {
        margin-bottom: 38px
    }
}

@media (max-width:480px) {
    .features-box__item {
        padding-left: 60px
    }
}

.features-box__icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 48px;
    height: 42px;
    font-size: 0;
    transform: translateY(-50%);
    background-repeat: no-repeat
}

.features-box__icon--devices {
    background-image: url(/courses/data/instagram-two/css/../images/devices-icon.png);
    background-position: 0 50%;
    background-size: 48px 42px
}

.features-box__icon--cloud {
    background-image: url(/courses/data/instagram-two/css/../images/cloud-icon.png);
    background-position: 0 50%;
    background-size: 48px 40px
}

@media (max-width:420px) {
    .features-box__icon {
        top: 10px;
        left: 0;
        transform: translateY(0)
    }
}

.features-box__title {
    font-family: Roboto, serif;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 28px
}

@media (max-width:480px) {
    .features-box__title {
        padding: 0 0 0 10px;
        line-height: 22px;
        font-size: 18px
    }
}

.features-cards {
    padding-top: 60px
}

@media (max-width:990px) {
    .features-cards {
        padding-top: 40px;
        padding-bottom: 25px
    }
}

@media (max-width:768px) {
    .features-cards {
        padding-bottom: 10px
    }
}

@media (max-width:660px) {
    .features-cards {
        padding-top: 5px;
        padding-bottom: 10px
    }
}

.features-cards__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:660px) {
    .features-cards__content {
        display: block
    }
}

.features-cards__item {
    box-sizing: border-box;
    position: relative;
    width: 33%;
    padding: 15px;
    padding-bottom: 0;
    text-align: center
}

@media (max-width:768px) {
    .features-cards__item {
        padding-right: 35px;
        margin: 0
    }
}

@media (max-width:660px) {
    .features-cards__item {
        width: 100%;
        margin-bottom: 30px
    }
}

@media (max-width:480px) {
    .features-cards__item:last-child {
        margin-bottom: 0
    }
}

@media (max-width:660px) {
    .features-cards__item {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0
    }
}

.features-cards__img {
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: 50%;
    height: 110px;
    font-size: 0
}

@media (max-width:900px) {
    .features-cards__img {
        height: 80px
    }
}

@media (max-width:660px) {
    .features-cards__img {
        height: 90px;
        margin-left: 0;
        background-position: 0
    }
}

.features-cards__img--advert {
    background-image: url(/courses/data/instagram-two/css/../images/advert1.png);
    width: 100px
}

.features-cards__img--analisys {
    background-image: url(/courses/data/instagram-two/css/../images/analisys.png);
    width: 114px
}

.features-cards__img--reputation {
    background-image: url(/courses/data/instagram-two/css/../images/reputation.png);
    width: 85px
}

.features-cards__title {
    display: block;
    margin: 0 auto 15px;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 28px;
    width: 100%
}

@media (max-width:1150px) {
    .features-cards__title {
        width: 100%
    }
}

@media (max-width:768px) {
    .features-cards__title {
        box-sizing: border-box;
        width: 104%;
        line-height: 28px;
        font-size: 18px
    }

    .features-cards__title span {
        display: block
    }
}

@media (max-width:768px) and (max-width:660px) {
    .features-cards__title span {
        display: none
    }
}

@media (max-width:660px) {
    .features-cards__title {
        text-align: left
    }
}

@media (max-width:480px) {
    .features-cards__title {
        padding: 0
    }
}

.features-cards__text {
    display: block;
    margin: 0 auto;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #525d83;
    letter-spacing: -.5px;
    line-height: 26px
}

@media (max-width:768px) {
    .features-cards__text {
        box-sizing: border-box;
        width: 100%
    }
}

@media (max-width:480px) {
    .features-cards__text {
        padding: 0
    }
}

.features-short-list {
    padding: 11px 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1200px) {
    .features-short-list {
        padding: 0;
        padding-left: 10%
    }
}

@media (max-width:900px) {
    .features-short-list {
        padding: 0;
        padding-left: 30px
    }
}

@media (max-width:768px) {
    .features-short-list {
        padding: 10px 30px 12px;
        padding: 13px 0 0;
        display: block
    }
}

.features-short-list__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    width: 31%;
    min-height: 50px;
    color: #fff;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media (max-width:1200px) {
    .features-short-list__item {
        width: 48%
    }
}

@media (max-width:768px) {
    .features-short-list__item {
        width: 49%
    }
}

@media (max-width:480px) {
    .features-short-list__item {
        width: 100%
    }
}

.features-short-list__item span {
    display: block;
    position: relative;
    padding: 16px 10px 16px 40px
}

.features-short-list__item span:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 24px;
    top: 23px;
    background: #ee4a61;
    border-radius: 50%
}

@media (max-width:1200px) {
    .features-short-list__item span:before {
        left: 10px;
        top: 27px
    }
}

@media (max-width:768px) {
    .features-short-list__item span:before {
        left: 3px;
        top: 8px
    }
}

.features-short-list__item span:hover {
    cursor: pointer
}

@media (max-width:1200px) {
    .features-short-list__item span {
        padding: 20px 10px 20px 28px
    }
}

@media (max-width:768px) {
    .features-short-list__item span {
        padding: 20px 0 22px 28px;
        padding: 0 10px 0 23px
    }
}

.features-short-list__item:hover {
    background: #94008e;
    box-shadow: 0 2px 24px 0 rgba(168, 175, 196, .2);
    color: #fff
}

@media (max-width:768px) {
    .features-short-list__item:hover {
        box-shadow: none
    }
}

@media (max-width:768px) {
    .features-short-list__item+.features-short-list__item {
        margin-top: 8px
    }
}

.cooperation {
    padding-top: 65px;
    padding-bottom: 35px
}

@media (max-width:768px) {
    .cooperation {
        padding-top: 30px
    }
}

@media (max-width:480px) {
    .cooperation {
        background: transparent;
        padding-bottom: 0;
        padding-top: 35px
    }
}

.cooperation .title {
    text-align: center;
    max-width: 950px;
    margin: 0 auto 50px
}

@media (max-width:768px) {
    .cooperation .title {
        margin-bottom: 50px;
        font-size: 45px;
        max-width: 630px
    }
}

@media (max-width:480px) {
    .cooperation .title {
        text-align: center;
        line-height: 43px;
        font-size: 38px;
        margin-bottom: 40px
    }
}

.cooperation__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cooperation__item,
.cooperation__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cooperation__item {
    width: 16.6666666667%;
    margin-bottom: 53px;
    height: 56px;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:768px) {
    .cooperation__item {
        margin-bottom: 40px;
        width: 25%
    }
}

@media (max-width:480px) {
    .cooperation__item {
        width: 33%;
        margin-bottom: 21px
    }
}

@media (max-width:767px) {
    .cooperation__item img {
        max-width: 85%;
        max-height: 85%;
        margin: 0 auto
    }
}

.cooperation .slick-slider .slick-slide {
    display: -ms-flexbox;
    display: flex
}

.cooperation .slick-slider .slick-list {
    width: 270px;
    margin: 0 auto
}

.cooperation .slick-slider .cooperation__item {
    width: 90px !important
}

.cooperation .slick-slider .cooperation__item img {
    max-width: 85%;
    max-height: 85%;
    margin: 0 auto
}

.cooperation .slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    bottom: -15px;
    font-size: 0;
    width: 100%
}

.cooperation .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #d8d8d8
}

.cooperation .slick-dots li.slick-active button {
    background-color: #f48132
}

.course-list {
    margin-top: 90px;
    text-align: center
}

@media (max-width:768px) {
    .course-list {
        margin-top: 40px
    }
}

@media (max-width:480px) {
    .course-list {
        margin-top: 30px
    }
}

.course-list__count {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    margin-bottom: 20px;
    background-color: #ff4492;
    position: absolute;
    left: 0;
    top: -11px
}

@media (max-width:768px) {
    .course-list__count {
        position: static
    }
}

.course-list__title {
    display: block;
    color: #000;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.5px;
    margin-bottom: 14px
}

.course-list__item {
    position: relative;
    display: inline-block;
    max-width: 345px;
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-right: 160px;
    margin-bottom: 70px;
    padding-left: 68px
}

.course-list__item:nth-child(2n) {
    margin-right: 0
}

@media (max-width:1200px) {
    .course-list__item {
        margin-right: 125px
    }
}

@media (max-width:1100px) {
    .course-list__item {
        margin-right: 30px;
        width: 45%
    }
}

@media (max-width:1023px) {
    .course-list__item {
        width: 35%
    }
}

@media (max-width:768px) {
    .course-list__item {
        width: 46%;
        margin-bottom: 50px;
        padding-left: 0;
        margin-right: 6%;
        text-align: left
    }
}

@media (max-width:480px) {
    .course-list__item {
        width: 100%;
        margin-bottom: 40px;
        max-width: unset
    }
}

.course-list__text {
    display: block;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.5px
}

.guarantee {
    background: #f6f7fd;
    padding: 70px 0 90px
}

@media (max-width:990px) {
    .guarantee {
        padding: 50px 0 70px
    }
}

@media (max-width:660px) {
    .guarantee {
        padding-top: 35px;
        padding-bottom: 0
    }
}

.guarantee__title {
    margin-bottom: 30px
}

.guarantee .sub {
    max-width: 715px;
    margin: 0 auto 40px;
    line-height: 32px;
    text-align: center
}

@media (max-width:990px) {
    .guarantee .sub {
        max-width: 665px
    }
}

@media (max-width:480px) {
    .guarantee .sub {
        text-align: left
    }
}

.guarantee-info {
    margin-bottom: 30px
}

@media (max-width:1200px) {
    .guarantee-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:480px) {
    .guarantee-info {
        display: block;
        margin-bottom: 27px
    }
}

.guarantee-info__item {
    display: inline-block;
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 15px;
    letter-spacing: -.666667px;
    color: #657195
}

.guarantee-info__item:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 20px
}

@media (max-width:1200px) {
    .guarantee-info__item {
        color: #657195
    }
}

@media (max-width:380px) {
    .guarantee-info__item {
        font-size: 15px;
        color: #000;
        letter-spacing: -.5px
    }
}

.guarantee-info__item span {
    color: #ec3d3d;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.5px
}

.guarantee__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:990px) {
    .guarantee__wrap {
        display: block
    }
}

.guarantee__cost {
    width: 470px
}

.guarantee__cost .action-line__sub {
    color: #fff
}

@media (max-width:990px) {
    .guarantee__cost {
        margin: 0 auto 50px
    }
}

@media (max-width:660px) {
    .guarantee__cost {
        width: auto
    }
}

.guarantee__list {
    margin-top: 70px;
    border-bottom: 2px solid #e6e8f0;
    margin-bottom: 70px
}

@media (max-width:990px) {
    .guarantee__list {
        margin-top: 55px;
        margin-bottom: 40px
    }
}

@media (max-width:660px) {
    .guarantee__list {
        margin: 30px 0
    }
}

.guarantee__item {
    position: relative;
    margin-bottom: 70px;
    padding-left: 75px
}

@media (max-width:990px) {
    .guarantee__item {
        margin-bottom: 40px
    }
}

@media (max-width:660px) {
    .guarantee__item {
        margin-bottom: 30px;
        padding-left: 0
    }
}

.guarantee__icon {
    position: absolute;
    left: 0
}

@media (max-width:660px) {
    .guarantee__icon {
        position: static;
        margin-bottom: 15px
    }
}

.guarantee__inner {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    font-size: 20px;
    letter-spacing: -.5px;
    color: #000
}

.guarantee__text {
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #657195;
    mix-blend-mode: normal;
    opacity: .7
}

.guarantee__cont {
    text-align: center
}

@media (max-width:660px) {
    .guarantee__cont {
        text-align: left
    }
}

.guarantee__img-wrap {
    margin-top: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:660px) {
    .guarantee__img-wrap {
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 30px
    }
}

.guarantee__img {
    display: inline-block
}

.guarantee__img:first-child {
    margin-right: 60px
}

@media (max-width:660px) {
    .guarantee__img:first-child {
        margin-right: 30px
    }
}

.guarantee__img img {
    max-width: 100%
}

.guarantee__form {
    max-width: 570px;
    width: 100%;
    background: #fff;
    padding: 40px 100px;
    box-sizing: border-box
}

@media (max-width:1200px) {
    .guarantee__form {
        margin: 0 auto;
        padding: 46px 121px 0;
        max-width: 700px;
        height: 600px
    }
}

@media (max-width:600px) {
    .guarantee__form {
        margin-left: -24px;
        width: calc(100% + 48px);
        padding: 0 24px;
        box-shadow: 0 4px 24px rgba(168, 175, 196, .5);
        height: 663px
    }
}

.guarantee__form .modal__title {
    line-height: 40px;
    font-size: 32px;
    margin-bottom: 30px
}

@media (max-width:1200px) {
    .guarantee__form .modal__title {
        text-align: center;
        color: #000
    }

    .guarantee__form .modal__title br {
        display: none
    }
}

@media (max-width:1200px) and (max-width:990px) {
    .guarantee__form .modal__title br {
        display: block
    }
}

@media (max-width:1200px) and (max-width:660px) {
    .guarantee__form .modal__title br {
        display: none
    }
}

@media (max-width:480px) {
    .guarantee__form .modal__title {
        font-size: 38px;
        padding-top: 38px;
        text-align: left;
        line-height: 44px;
        margin-bottom: 20px
    }
}

@media (max-width:480px) {
    .guarantee__form .modal__title span {
        display: block
    }
}

.guarantee__form .modal__text {
    color: #525d83;
    margin-bottom: 33px
}

.guarantee__form .form__consent {
    margin-top: 30px;
    margin-bottom: 0;
    color: #657195
}

@media (max-width:1200px) {
    .guarantee__form .form__consent {
        margin-top: 20px
    }

    .guarantee__form .form__consent br {
        display: none
    }
}

@media (max-width:600px) {
    .guarantee__form .form__consent {
        line-height: 21px
    }
}

.guarantee__form .form-group {
    margin-bottom: 19px
}

@media (max-width:1200px) {
    .guarantee__form .form-action {
        position: absolute;
        width: 100%;
        bottom: -90px
    }
}

.guarantee__form .form__control--bordered:not(:focus) {
    border: 2px solid #e6e8f0
}

@media (max-width:1200px) {
    .guarantee__form .form__control--bordered:not(:focus) {
        border: 2px solid #e6e8f0
    }
}

.guarantee__form .btn__action {
    width: 100%;
    font-size: 15px;
    padding: 25px 37px
}

@media (max-width:1200px) {
    .guarantee__form .btn__action {
        padding: 20px 37px
    }
}

@media (max-width:600px) {
    .guarantee__form .btn__action {
        padding: 25px 37px
    }
}

.guarantee__form input[type=checkbox]:checked+label:after {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='%23FF4492'%3E%3Cpath d='M8.985 17.892a.994.994 0 0 1-.7-.288l-8-7.954a.994.994 0 0 1 1.4-1.412l7.253 7.207L22.062.338a.994.994 0 1 1 1.5 1.306L9.743 17.55a.987.987 0 0 1-.711.341h-.037l-.01.001z'/%3E%3C/svg%3E") no-repeat;
    border: 2px solid #cfd6e8;
    background-size: 14px 11px, auto;
    background-position: 50%
}

@media (max-width:1200px) {
    .guarantee__form .form-registration {
        position: relative
    }
}

.guarantee__form .form-registration .form-action .btn:disabled {
    cursor: not-allowed
}

.guarantee__form .form-registration .form-action .btn:disabled:hover {
    box-shadow: none
}

.agency-performance {
    padding-top: 55px
}

.agency-performance .sub,
.agency-performance .title {
    color: #fff
}

@media (max-width:768px) {

    .agency-performance .sub,
    .agency-performance .title {
        margin-bottom: 25px
    }
}

@media (max-width:480px) {

    .agency-performance .sub,
    .agency-performance .title {
        text-align: left
    }
}

.agency-performance .sub {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: -.5px;
    max-width: 605px;
    opacity: .7
}

.agency-performance .sub+.sub {
    margin-top: 25px
}

.agency-performance__bg {
    position: absolute;
    width: 100%;
    height: 485px;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    background: linear-gradient(43.92deg, #082a36 -5.82%, #00d68b 192.37%)
}

@media (max-width:1200px) {
    .agency-performance__bg {
        height: 460px
    }
}

@media (max-width:767px) {
    .agency-performance__bg {
        height: 96%
    }
}

@media (max-width:480px) {
    .agency-performance__bg {
        background: linear-gradient(17.86deg, #082a36 9.84%, #00d68b 159.11%)
    }
}

.awards {
    margin-top: 70px
}

@media (max-width:767px) {
    .awards {
        margin-top: 40px
    }
}

.awards__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.award__item {
    width: 100%;
    min-height: 180px;
    max-width: 370px;
    padding: 30px 40px;
    margin-bottom: 30px;
    margin-right: 15px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 2px 24px rgba(168, 175, 196, .5);
    text-align: left;
    position: relative
}

@media (max-width:1200px) {
    .award__item {
        max-width: 350px;
        width: 31%;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.award__item:nth-child(3n) {
    margin-right: 0
}

@media (max-width:990px) {
    .award__item {
        max-width: 48%;
        width: 48%;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .award__item {
        box-shadow: 0 2px 24px rgba(168, 175, 196, .5);
        max-width: none;
        min-height: 170px;
        width: 100%;
        margin-bottom: 10px;
        padding: 30px 25px;
        margin-left: -25px
    }

    .award__item,
    .award__item:nth-child(n) {
        margin-right: -25px
    }
}

.award__name {
    font-weight: 700;
    line-height: 28px;
    font-size: 20px;
    letter-spacing: -.5px;
    color: #000;
    margin-bottom: 15px
}

.award__text {
    line-height: 26px;
    font-size: 15px;
    color: #657195;
    letter-spacing: -.5px;
    padding-right: 20px
}

.award__text .nowrap {
    white-space: nowrap
}

@media (max-width:1200px) {
    .award__text {
        padding-right: 0
    }

    .award__text .nowrap {
        display: inline-block;
        white-space: nowrap
    }
}

.award__img {
    position: absolute;
    right: 20px;
    top: 22px;
    height: 41px;
    line-height: 41px
}

.award__img img {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:767px) {
    .award__img {
        width: 70px;
        text-align: right
    }

    .award__img img {
        max-width: 100%;
        height: auto
    }
}

.question {
    padding-top: 70px;
    padding-bottom: 30px;
    background: #f6f7fd
}

@media (max-width:768px) {
    .question {
        padding-top: 50px;
        padding-bottom: 0
    }
}

@media (max-width:480px) {
    .question {
        padding-top: 56px;
        padding-bottom: 0
    }
}

.question .headline {
    max-width: 830px
}

@media (max-width:480px) {
    .question .title {
        text-align: left;
        font-size: 38px
    }
}

.question .action-line__sub {
    font-weight: 600
}

.faq {
    display: block;
    max-width: 830px;
    width: 100%;
    margin: 45px auto 30px
}

@media (max-width:768px) {
    .faq {
        padding-bottom: 20px;
        margin-bottom: 13px
    }
}

@media (max-width:480px) {
    .faq {
        max-width: none;
        width: auto;
        padding-bottom: 20px;
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: 0
    }
}

.faq__item {
    display: block;
    border-bottom: 2px solid #e6e8f0
}

@media (max-width:480px) {
    .faq__item {
        border-bottom: 0;
        border-top: 2px solid #e6e8f0;
        margin: 0 25px
    }
}

.faq__item:first-child {
    border-top: 2px solid #e6e8f0
}

.faq__item:last-child {
    border-bottom: 0
}

.faq__item.current .faq__plus:after {
    opacity: 0
}

.faq__item .faq__content p {
    position: relative;
    padding-left: 20px
}

.faq__item .faq__content p:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: #ff4492;
    border-radius: 50%;
    top: 11px;
    left: 0
}

.faq__title {
    position: relative;
    display: block;
    color: #000;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.5px;
    padding: 30px 100px 30px 83px;
    cursor: pointer
}

.faq__title:hover {
    text-decoration: none
}

@media (max-width:768px) {
    .faq__title {
        padding: 30px 90px 30px 53px
    }
}

@media (max-width:480px) {
    .faq__title {
        padding: 25px 40px 25px 30px
    }
}

.faq__num {
    position: absolute;
    top: 30px;
    left: 0;
    color: #000;
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    padding-left: 30px
}

@media (max-width:768px) {
    .faq__num {
        top: 30px;
        padding-left: 0
    }
}

@media (max-width:480px) {
    .faq__num {
        top: 25px
    }
}

.faq__plus {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 30px;
    transform: translateY(-50%)
}

@media (max-width:768px) {
    .faq__plus {
        margin-right: 0
    }
}

@media (max-width:480px) {
    .faq__plus {
        top: 30px;
        transform: translateY(0)
    }
}

.faq__plus:before {
    width: 100%;
    height: 2px
}

.faq__plus:after,
.faq__plus:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    right: 0;
    background-color: #ff4492;
    transform: translate(-50%, -50%)
}

.faq__plus:after {
    width: 2px;
    height: 100%;
    opacity: 1;
    transition: opacity .3s
}

.faq__content {
    display: none;
    color: #657195;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.5px;
    padding: 0 60px 33px 83px
}

.faq__content p+p {
    margin-top: 20px
}

@media (max-width:480px) {
    .faq__content p+p {
        margin-top: 0
    }
}

@media (max-width:768px) {
    .faq__content {
        padding: 0 30px 41px 53px
    }
}

@media (max-width:480px) {
    .faq__content {
        padding: 0 0 20px
    }
}

.directions_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 165px;
    width: 100%;
    margin-bottom: 20px
}

@media (max-width:660px) {
    .directions_list {
        max-height: 240px;
        height: auto
    }
}

@media (max-width:480px) {
    .directions_list {
        display: block;
        max-height: none
    }
}

.directions__el {
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px;
    position: relative;
    padding-left: 25px;
    margin-top: 7px
}

.directions__el:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #faff00;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%
}

@media (max-width:480px) {
    .example {
        margin-bottom: -20px
    }
}

.example .headline {
    max-width: 952px
}

@media (max-width:480px) {
    .example .headline .title {
        text-align: left;
        font-size: 36px
    }
}

.example .headline .nowrap {
    white-space: nowrap
}

@media (max-width:768px) {
    .example .headline .nowrap {
        white-space: normal
    }
}

.example__list {
    margin-top: 45px;
    margin-bottom: 50px
}

.example__item {
    box-shadow: 0 2px 24px rgba(168, 175, 196, .5);
    background-color: #fff;
    padding: 30px 50px 38px 70px;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:990px) {
    .example__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 50px 32px 37px 35px
    }
}

@media (max-width:768px) {
    .example__item {
        padding: 21px 27px 25px 21px
    }
}

.example__item+.example__item {
    margin-top: 10px
}

.example__title {
    color: #000;
    Font-Family: "Roboto";
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.5px;
    max-width: 480px;
    width: 100%;
    padding-top: 20px
}

@media (max-width:990px) {
    .example__title {
        max-width: none
    }
}

.example__title--crop {
    max-width: 300px
}

@media (max-width:990px) {
    .example__title--crop {
        max-width: none
    }
}

.example__desc {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 10px
}

@media (max-width:990px) {
    .example__desc {
        margin-bottom: 15px
    }
}

.example__achiv {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width:560px) {
    .example__achiv {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.example__numbers {
    max-width: 290px;
    min-width: 180px
}

@media (max-width:560px) {
    .example__numbers {
        width: 100%;
        min-width: none;
        max-width: none
    }
}

.example__numbers+.example__numbers {
    margin-left: 55px
}

@media (max-width:1100px) {
    .example__numbers+.example__numbers {
        margin-left: 35px
    }
}

@media (max-width:560px) {
    .example__numbers+.example__numbers {
        margin-left: 0
    }
}

.example__counts {
    color: #000;
    font-family: Roboto Slab;
    font-weight: 300;
    font-size: 55px;
    padding-top: 14px
}

.example .sub-text,
.example sub {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400
}

.example sub {
    font-size: 30px;
    vertical-align: baseline
}

.example__text {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: -.5px;
    color: #657195;
    padding-top: 11px
}

.example__figure {
    text-align: center
}

@media (max-width:990px) {
    .example__figure {
        width: 100%;
        text-align: left
    }
}

.example__picture {
    margin-top: 15px;
    overflow: hidden;
    width: 400px;
    height: 170px;
    position: relative
}

.example__picture:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

@media (max-width:480px) {
    .example__picture {
        height: 109px
    }
}

.example__picture.cezar:after {
    background-size: 416px 235px;
    background-position: right -43px;
    background-image: url(/courses/data/instagram-two/css/../images/how-work/1.png)
}

@media (max-width:990px) {
    .example__picture.cezar:after {
        background-size: 100% auto;
        background-position: 0 100%
    }
}

@media (max-width:480px) {
    .example__picture.cezar:after {
        background-size: cover;
        background-position: bottom
    }
}

.example__picture.pizza:after {
    background-size: 862px 462px;
    background-position: right -183px;
    background-image: url(/courses/data/instagram-two/css/../images/how-work/2.png)
}

@media (max-width:990px) {
    .example__picture.pizza:after {
        background-size: 1141px 641px;
        background-position: right 360px
    }
}

@media (max-width:480px) {
    .example__picture.pizza:after {
        background-size: 496px 279px;
        background-position: 100%
    }
}

@media (max-width:990px) {
    .example__picture {
        width: 100%
    }
}

.example__action {
    display: inline-block;
    margin-top: 15px;
    padding-left: 30px;
    position: relative
}

@media (max-width:990px) {
    .example__action {
        margin-top: 15px
    }
}

.example__action a {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    color: #f48132;
    letter-spacing: -.5px
}

.example__action:before {
    content: url(/courses/data/instagram-two/css/../images/pdf-ref.svg);
    position: absolute;
    top: 5px;
    left: 0
}

.example .action-line__sub {
    color: #657195;
    padding-top: 18px
}

.consult {
    background: linear-gradient(15.24deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
}

@media (max-width:768px) {
    .consult {
        margin-top: 0;
        background: linear-gradient(57.51deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

@media (max-width:480px) {
    .consult {
        margin-top: 0
    }
}

.consult__inside {
    padding: 48px 30px 61px
}

.consult__inside:after,
.consult__inside:before {
    content: "";
    display: table
}

.consult__inside:after {
    clear: both
}

@media (max-width:990px) {
    .consult__inside {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 70px
    }
}

@media (max-width:600px) {
    .consult__inside {
        padding: 40px 24px
    }
}

@media (max-width:480px) {
    .consult__inside {
        margin-left: -24px;
        margin-right: -24px
    }
}

.consult__content {
    display: block;
    margin: 0 auto
}

.consult__title {
    color: #fff;
    font-family: Roboto, serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: normal;
    margin: auto;
    margin-bottom: 20px;
    width: 700px;
    text-align: center
}

@media (max-width:990px) {
    .consult__title {
        font-size: 30px
    }
}

@media (max-width:480px) {
    .consult__title span {
        display: block
    }
}

.consult__title span {
    color: #faff00
}

.consult__sub {
    display: -ms-flexbox;
    display: flex;
    width: 272px;
    margin: auto;
    margin-bottom: 48px
}

.consult__sub .consult__bonus {
    width: 56px;
    height: 24px;
    background: #2d083c;
    margin-top: 6px;
    margin-right: 19px
}

.consult__sub .consult__bonus p {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-top: 6px
}

.consult__sub .consult__text__sub {
    font-family: Open Sans, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-size: 18px;
    letter-spacing: -.8px;
    color: #fff
}

.consult__form .form-success__text {
    color: #fff
}

.consult__form .form-success__text:before {
    border-color: #fff;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='%23fff'%3E%3Cpath d='M8.985 17.892a.994.994 0 0 1-.7-.288l-8-7.954a.994.994 0 0 1 1.4-1.412l7.253 7.207L22.062.338a.994.994 0 1 1 1.5 1.306L9.743 17.55a.987.987 0 0 1-.711.341h-.037l-.01.001z'/%3E%3C/svg%3E") no-repeat;
    background-size: 24px 18px;
    background-position: 50%
}

.consult__form .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1200px) {
    .consult__form .form-group {
        margin-bottom: 19px;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:990px) {
    .consult__form .form-group {
        display: block;
        width: 462px;
        margin: auto;
        margin-bottom: 0
    }
}

.consult__form .form-group__inline {
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 24.3%;
    width: 24.3%;
    margin-right: 10px;
    float: none
}

.consult__form .form-group__inline:last-child {
    margin-right: 0
}

.consult__form .form-group__inline .btn-consult {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

@media (max-width:768px) {
    .consult__form .form-group__inline .btn-consult {
        padding-right: 20px;
        padding-left: 20px;
        min-width: 285px
    }
}

@media (max-width:767px) {
    .consult__form .form-group__inline .btn-consult {
        width: 100%;
        min-width: 100%
    }
}

@media (max-width:990px) {
    .consult__form .form-group__inline {
        max-width: none;
        width: 100%;
        margin-right: 4.3%;
        margin-bottom: 30px;
        display: block
    }

    .consult__form .form-group__inline--full {
        width: 100%;
        margin-right: 0
    }

    .consult__form .form-group__inline:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .consult__form .form-group__inline {
        width: 100%;
        display: block
    }
}

.consult__form .btn-consult:hover {
    background: #ff4492;
    box-shadow: 0 0 20px rgba(9, 6, 43, .41)
}

.consult__form .form__consent {
    margin-bottom: 0;
    padding-right: 0
}

@media (max-width:990px) {
    .consult__form .form__consent {
        width: 462px;
        margin: auto
    }
}

@media (max-width:480px) {
    .consult__form .form__consent {
        margin-top: 0
    }
}

.consult__form .form__consent .checkbox label {
    color: #fff
}

.consult__form .form__consent .checkbox label a {
    color: #faff00
}

.consult__form .form__consent input[type=checkbox]:checked+label:after {
    width: 24px;
    height: 24px;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18' fill='%23FF4492'%3E%3Cpath d='M8.985 17.892a.994.994 0 0 1-.7-.288l-8-7.954a.994.994 0 0 1 1.4-1.412l7.253 7.207L22.062.338a.994.994 0 1 1 1.5 1.306L9.743 17.55a.987.987 0 0 1-.711.341h-.037l-.01.001z'/%3E%3C/svg%3E") no-repeat;
    background-size: 14px 11px;
    background-position: 50%
}

.consult__list {
    max-width: 1170px;
    margin: auto;
    padding-top: 277px;
    padding-bottom: 40px;
    display: -ms-flexbox;
    display: flex;
    background: #f6f7fd
}

@media (max-width:1200px) {
    .consult__list {
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 50px
    }
}

@media (max-width:768px) {
    .consult__list {
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: 35px
    }
}

@media (max-width:767px) {
    .consult__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 10px;
        margin-left: 25px;
        padding-top: 28px
    }
}

.consult__el {
    color: #000;
    padding: 0 60px;
    border-right: 2px solid #e6e8f0
}

.consult__el:first-child {
    padding-left: 15px
}

.consult__el:last-child {
    border: 0;
    padding-right: 15px
}

@media (max-width:1100px) {
    .consult__el {
        padding: 0 30px
    }
}

@media (max-width:990px) {
    .consult__el {
        padding: 0 23px
    }

    .consult__el:first-child {
        padding-left: 0
    }

    .consult__el:last-child {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .consult__el {
        display: inline-block;
        width: 44%;
        padding: 0 6% 0 0;
        border: 0;
        margin-bottom: 30px
    }

    .consult__el :nth-child(2n) {
        padding-right: 0
    }
}

.consult__name {
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: .8
}

@media (max-width:990px) {
    .consult__name {
        line-height: 28px;
        font-size: 11px;
        letter-spacing: -.666667px
    }
}

@media (max-width:767px) {
    .consult__name {
        line-height: 28px;
        font-size: 13px;
        letter-spacing: -.666667px;
        margin-bottom: 10px
    }
}

.consult__text {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 37px;
    font-size: 26px;
    letter-spacing: -.5px
}

@media (max-width:990px) {
    .consult__text {
        line-height: 28px;
        font-size: 20px;
        letter-spacing: -.666667px
    }
}

@media (max-width:767px) {
    .consult__text {
        line-height: 19px;
        font-size: 20px;
        letter-spacing: -.5px
    }
}

.consult .consult__inside .consult__form .form__consult .form-group__inline .btn--black {
    background: #2d093c
}

.consult .consult__inside .consult__form .form__consult .form-group__inline .btn--black:hover {
    background-color: #2d093c
}

.consult .consult__inside .consult__form .form__consult .form-group__inline .btn:disabled {
    background: #d9dcea;
    color: #fff;
    cursor: not-allowed
}

.consult .consult__inside .consult__form .form__consult .form-group__inline .form__error {
    color: #fff
}

@media (max-width:990px) {
    .consult .consult__inside .consult__form .form__consult .form-group__inline:nth-child(2) {
        position: absolute;
        margin-top: 92px
    }
}

@media (max-width:990px) {
    .consult .consult__inside .consult__form .form__consult .form-group__inline:nth-child(4) {
        margin-top: 115px
    }
}

@media (max-width:760px) {
    .consult {
        display: none
    }
}

.consult__list-block {
    background: #f6f7fd;
    margin-top: -230px
}

@media (max-width:1200px) {
    .consult__list-block {
        margin-top: 0
    }
}

.epicstars {
    background: #2d083c;
    padding-top: 89.34px;
    padding-bottom: 210px;
    z-index: 999
}

.epicstars .epicstars__logo {
    width: 305px;
    margin: auto;
    padding-bottom: 67px
}

.epicstars .epicstars__logo img {
    display: block
}

@media (max-width:767px) {
    .epicstars .epicstars__logo img {
        width: inherit
    }
}

@media (max-width:990px) {
    .epicstars .epicstars__logo {
        padding-bottom: 30px
    }
}

@media (max-width:767px) {
    .epicstars .epicstars__logo {
        width: 171px
    }
}

.epicstars .epicstars__title {
    font-family: Open Sans, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    letter-spacing: -.5px;
    color: #fff;
    opacity: .8;
    max-width: 810px;
    margin: auto;
    padding-bottom: 74px
}

@media (max-width:990px) {
    .epicstars .epicstars__title {
        max-width: 600px;
        margin: 0 auto;
        padding-bottom: 45px
    }
}

@media (max-width:767px) {
    .epicstars .epicstars__title {
        font-family: Open Sans, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        font-size: 15px;
        text-align: center;
        letter-spacing: -.5px;
        color: #fff;
        opacity: .8;
        margin: 0 23px;
        padding-bottom: 20px
    }
}

.epicstars .epicstars__content {
    display: -ms-flexbox;
    display: flex;
    max-width: 975px;
    margin: auto;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.epicstars .epicstars__content .epic-item .epic-head {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    font-size: 20px;
    letter-spacing: -.5px;
    color: #fff;
    padding-bottom: 15px
}

.epicstars .epicstars__content .epic-item .epic-num {
    font-family: Roboto Slab, serif;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 80px;
    color: #faff00
}

.epicstars .epicstars__content .epic-item .epic-num span {
    font-size: 24px;
    letter-spacing: -.833333px;
    margin-left: -10px
}

.epicstars .epicstars__content .epic-item .epic-post {
    font-family: Open Sans, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #fff;
    opacity: .8;
    width: 175px
}

@media (max-width:767px) {
    .epicstars .epicstars__content .epic-item .epic-post {
        width: 220px;
        margin: auto
    }
}

@media (max-width:990px) {
    .epicstars .epicstars__content .epic-item {
        text-align: center
    }
}

@media (max-width:767px) {
    .epicstars .epicstars__content .epic-item {
        margin-bottom: 20px
    }
}

@media (max-width:990px) {
    .epicstars .epicstars__content {
        margin: 0 50px
    }
}

@media (max-width:767px) {
    .epicstars .epicstars__content {
        display: block
    }
}

@media (max-width:990px) {
    .epicstars {
        padding-top: 68px
    }
}

@media (max-width:767px) {
    .epicstars {
        padding-top: 50px;
        padding-bottom: 181px
    }
}

.custom-epicstars {
    background: #fff;
    max-width: 970px;
    margin: auto;
    padding-top: 47px;
    padding-bottom: 71px;
    position: relative;
    z-index: 100;
    margin-top: -156px;
    box-shadow: 0 2px 24px rgba(45, 8, 60, .2)
}

.custom-epicstars .custom__title {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    font-size: 30px;
    text-align: center;
    letter-spacing: -.5px;
    color: #000;
    margin-bottom: 50px
}

@media (max-width:990px) {
    .custom-epicstars .custom__title {
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .custom-epicstars .custom__title {
        width: 270px;
        margin: auto;
        margin-bottom: 51px;
        font-size: 38px
    }
}

.custom-epicstars .custom__imgs {
    max-width: 690px;
    margin: auto
}

.custom-epicstars .custom__imgs .custom__img_one {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:767px) {
    .custom-epicstars .custom__imgs .custom__img_one .custom-logo {
        margin-bottom: 50px
    }

    .custom-epicstars .custom__imgs .custom__img_one .custom-logo:first-child {
        margin-left: 5px
    }

    .custom-epicstars .custom__imgs .custom__img_one .custom-logo:nth-child(2) {
        margin-right: 11px
    }
}

@media (max-width:767px) {
    .custom-epicstars .custom__imgs .custom__img_one {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 235px;
        margin: 0 auto
    }
}

.custom-epicstars .custom__imgs .custom__img_two {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:767px) {
    .custom-epicstars .custom__imgs .custom__img_two .custom-logo {
        margin-bottom: 40px
    }

    .custom-epicstars .custom__imgs .custom__img_two .custom-logo:nth-child(2) {
        margin-right: 35px
    }

    .custom-epicstars .custom__imgs .custom__img_two .custom-logo:nth-child(4) {
        margin-right: 13px
    }
}

@media (max-width:767px) {
    .custom-epicstars .custom__imgs .custom__img_two {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 270px;
        margin: 0 auto
    }
}

@media (max-width:990px) {
    .custom-epicstars {
        padding-top: 36px;
        padding-bottom: 60px
    }
}

@media (max-width:767px) {
    .custom-epicstars {
        padding-bottom: 0
    }
}

.diploma__epicstars {
    background: linear-gradient(22.23deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%);
    padding-top: 240px;
    z-index: 999;
    margin-top: -170px
}

@media (max-width:990px) {
    .diploma__epicstars {
        background: linear-gradient(59.06deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

@media (max-width:767px) {
    .diploma__epicstars {
        background: linear-gradient(74.14deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

.diploma__epicstars .diploma__content {
    max-width: 970px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.diploma__epicstars .diploma__content .diploma-text .diploma-title {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    font-size: 38px;
    letter-spacing: -.5px;
    color: #fff;
    width: 466px;
    margin-bottom: 30px
}

@media (max-width:990px) {
    .diploma__epicstars .diploma__content .diploma-text .diploma-title {
        width: 365px;
        margin: auto
    }
}

@media (max-width:767px) {
    .diploma__epicstars .diploma__content .diploma-text .diploma-title {
        font-family: Roboto, serif;
        font-style: normal;
        font-weight: 700;
        line-height: 42px;
        font-size: 30px;
        text-align: center;
        letter-spacing: -.5px;
        color: #fff;
        width: 270px
    }
}

.diploma__epicstars .diploma__content .diploma-text .diploma-post {
    font-family: Open Sans, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-size: 18px;
    letter-spacing: -.5px;
    color: #fff;
    opacity: .8;
    max-width: 471px;
    margin-right: 130px;
    padding-bottom: 77px
}

@media (max-width:990px) {
    .diploma__epicstars .diploma__content .diploma-text .diploma-post {
        max-width: 708px;
        margin: auto;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 40px
    }
}

@media (max-width:767px) {
    .diploma__epicstars .diploma__content .diploma-text .diploma-post {
        font-family: Open Sans, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        font-size: 15px;
        text-align: center;
        letter-spacing: -.5px;
        color: #fff;
        opacity: .8;
        max-width: 270px
    }
}

.diploma__epicstars .diploma__content .diploma-img-phone {
    height: 329px;
    position: absolute;
    bottom: 0;
    left: 62%
}

@media (max-width:990px) {
    .diploma__epicstars .diploma__content .diploma-img-phone img {
        display: block;
        margin: auto
    }
}

@media (max-width:767px) {
    .diploma__epicstars .diploma__content .diploma-img-phone img {
        width: inherit
    }
}

@media (max-width:990px) {
    .diploma__epicstars .diploma__content .diploma-img-phone {
        position: static
    }
}

@media (max-width:767px) {
    .diploma__epicstars .diploma__content .diploma-img-phone {
        width: 258px;
        height: 230px;
        margin: auto
    }
}

@media (max-width:990px) {
    .diploma__epicstars .diploma__content {
        display: block
    }
}

@media (max-width:767px) {
    .diploma__epicstars {
        padding-top: 210px
    }
}

.resume {
    background: url(/courses/data/instagram-two/css/../images/resume/background-like.png), linear-gradient(38.09deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%) no-repeat;
    padding: 70px 0 89px;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #657195
}

@media (max-width:1200px) {
    .resume {
        padding-top: 50px
    }
}

@media (max-width:1000px) {
    .resume {
        padding: 50px 0 70px;
        background: linear-gradient(71.44deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

@media (max-width:767px) {
    .resume {
        padding: 20px 0 40px;
        background: linear-gradient(67.84deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

@media (max-width:480px) {
    .resume {
        padding: 40px 0 0;
        background: linear-gradient(86.84deg, #e90024 6.74%, #be00a3 53.13%, #5600c0 94.23%)
    }
}

.resume .headline {
    max-width: 800px
}

.resume .title {
    text-align: center;
    color: #fff;
    margin-bottom: 23px
}

@media (max-width:768px) {
    .resume .title {
        text-align: center;
        margin-bottom: 17px
    }
}

@media (max-width:480px) {
    .resume .title {
        text-align: left;
        margin-bottom: 22px;
        font-size: 38px;
        line-height: 44px
    }
}

.resume .sub {
    font-family: Open Sans, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    letter-spacing: -.5px;
    color: #fff;
    opacity: .8;
    margin-bottom: 41px;
    max-width: 666px
}

@media (max-width:768px) {
    .resume .sub {
        max-width: 630px;
        margin: 0 auto 40px
    }

    .resume .sub br {
        display: none
    }
}

@media (max-width:480px) {
    .resume .sub {
        font-size: 18px;
        line-height: 26px;
        text-align: left;
        margin-bottom: 43px;
        box-sizing: border-box
    }
}

.resume__info {
    position: relative;
    padding-top: 40px;
    max-width: 480px;
    margin-top: 120px
}

@media (max-width:1000px) {
    .resume__info {
        max-width: 630px;
        margin: 50px auto 0
    }
}

@media (max-width:767px) {
    .resume__info {
        margin-top: 40px;
        padding-top: 35px
    }
}

.resume__info:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #5eb63e;
    left: 0;
    top: 0
}

.resume__title {
    font-family: Roboto, serif;
    font-weight: 700;
    line-height: 28px;
    font-size: 18px;
    letter-spacing: -.5px;
    color: #000;
    margin-bottom: 20px
}

.resume__text {
    margin-bottom: 25px;
    max-width: 480px;
    margin-right: 30px
}

@media (max-width:768px) {
    .resume__text {
        margin-right: 0
    }
}

.resume__list-item {
    position: relative;
    margin-bottom: 9px;
    padding-left: 26px;
    letter-spacing: -.9px
}

.resume__list-item:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff4492;
    border-radius: 50%;
    left: 0;
    top: 11px
}

@media (max-width:990px) {
    .resume__list-item {
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    .resume__list-item {
        margin-bottom: 5px
    }
}

.resume__numbers {
    margin-top: 20px
}

@media (max-width:1000px) {
    .resume__number-item {
        display: inline-block;
        vertical-align: top;
        width: 39%
    }

    .resume__number-item:first-child {
        width: 60%
    }
}

@media (max-width:767px) {
    .resume__number-item {
        display: block;
        width: auto !important
    }
}

.resume__number {
    width: 95px;
    font-family: Roboto Slab, serif;
    font-weight: 300;
    line-height: normal;
    font-size: 64px;
    letter-spacing: -1.77778px;
    color: #000;
    margin-right: 15px
}

.resume__number,
.resume__number-text {
    display: inline-block;
    vertical-align: middle
}

.resume__number-text {
    width: 360px
}

@media (max-width:1000px) {
    .resume__number-text {
        display: block;
        width: auto
    }
}

.resume__card {
    max-width: 970px;
    background: #fff;
    box-shadow: 0 2px 24px rgba(168, 175, 196, .5);
    margin: 0 auto;
    padding-top: 61px
}

@media (max-width:990px) {
    .resume__card {
        max-width: none;
        width: calc(100% + 60px);
        margin-left: -30px;
        position: relative;
        padding-top: 50px
    }
}

@media (max-width:767px) {
    .resume__card {
        padding-top: 60px
    }
}

@media (max-width:480px) {
    .resume__card {
        width: auto;
        margin-left: -24px;
        margin-right: -24px
    }
}

.resume__card .resume__title {
    margin-bottom: 13px
}

@media (max-width:990px) {
    .resume__card .resume__title {
        margin-left: 41px
    }
}

@media (max-width:767px) {
    .resume__card .resume__title {
        margin-left: 0
    }
}

.resume__top {
    position: relative;
    width: 100%
}

.resume__top-name {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 26px;
    text-align: center;
    letter-spacing: -.5px;
    color: #000;
    margin-bottom: 30px
}

@media (max-width:767px) {
    .resume__top-name {
        font-size: 38px
    }
}

@media (max-width:480px) {
    .resume__top-name {
        line-height: 30px;
        font-size: 26px;
        text-align: left;
        padding-left: 24px;
        margin-bottom: 45px
    }
}

.resume__header {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 23px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:990px) {
    .resume__header {
        border-bottom: 1px solid #e5e5f5;
        margin-bottom: 140px;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 38px
    }
}

@media (max-width:767px) {
    .resume__header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 40px
    }
}

@media (max-width:480px) {
    .resume__header {
        padding-bottom: 20px;
        margin-bottom: 110px
    }
}

.resume__list {
    column-count: 2;
    column-gap: 30px
}

@media (max-width:990px) {
    .resume__list {
        margin-left: 41px
    }
}

@media (max-width:480px) {
    .resume__list {
        column-count: 1;
        margin-left: 0
    }
}

.resume__block {
    padding: 0 100px 35px
}

@media (max-width:990px) {
    .resume__block {
        padding-left: 32px;
        padding-right: 30px;
        padding-bottom: 30px
    }
}

@media (max-width:767px) {
    .resume__block {
        padding: 0 24px 35px
    }
}

.resume__person {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:990px) {
    .resume__person {
        margin-left: 56px
    }
}

@media (max-width:767px) {
    .resume__person {
        margin-left: 0
    }
}

.resume__photo {
    margin-right: 15px
}

.resume__name {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    font-size: 15px;
    letter-spacing: -.434783px;
    color: #000;
    margin-bottom: 5px
}

.resume__dev {
    line-height: 20px;
    font-size: 13px;
    width: 200px
}

.resume__imgs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.resume__imgs img {
    margin-right: 10px;
    margin-bottom: 10px
}

@media (max-width:990px) {
    .resume__money {
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .resume__money {
        width: 100%;
        margin-top: 23px;
        margin-left: 0
    }
}

.resume__money-text {
    line-height: 15px;
    margin-bottom: 5px
}

.resume__money-count {
    font-family: Roboto Slab, serif;
    font-style: normal;
    font-weight: 300;
    font-size: 38px;
    line-height: 36px;
    letter-spacing: -.5px;
    color: #000
}

.resume__money-count .r {
    position: relative
}

.resume__money-count .r:after {
    position: absolute;
    content: "";
    background: #000;
    left: 0;
    top: 31px;
    height: 2px;
    width: 20px
}

.resume .action-line {
    margin-top: 50px
}

@media (max-width:1000px) {
    .resume .action-line {
        margin-top: 40px
    }
}

.resume .action-line:before {
    content: "";
    display: table;
    width: 100%
}

.resume-tip {
    display: block;
    width: 303px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(15px);
    z-index: 10;
    background: #fff;
    box-shadow: 0 2px 24px rgba(168, 175, 196, .5);
    box-sizing: border-box;
    padding: 11px 13px 20px 16px;
    transition: opacity .2s, visibility .3s
}

@media (max-width:990px) {
    .resume-tip {
        left: 0
    }
}

@media (max-width:1280px) {
    .resume-tip {
        right: -15px
    }
}

.resume-tip:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 15px;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-bottom: 10px solid #fff
}

@media (max-width:1280px) {
    .resume-tip:before {
        left: auto;
        right: 15px
    }
}

@media (max-width:990px) {
    .resume-tip:before {
        right: auto;
        left: 21px
    }
}

.resume-tip__title {
    font-weight: 700;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.5px;
    margin-bottom: 5px
}

.resume-tip__text {
    line-height: 20px;
    font-size: 11px;
    letter-spacing: -.3px
}

.resume-tools {
    margin-right: -35px;
    margin-left: 65px
}

@media (max-width:990px) {
    .resume-tools {
        position: absolute;
        top: 128px;
        margin-left: 38px
    }
}

@media (max-width:767px) {
    .resume-tools {
        margin-top: 22px;
        top: 168px;
        margin-left: 0
    }
}

.resume-tools__title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #000;
    margin-bottom: 15px
}

.resume-tools__item {
    display: inline-block;
    width: 31px;
    height: 31px;
    position: relative;
    vertical-align: top
}

.resume-tools__item:hover .resume-tip {
    opacity: 1;
    visibility: visible
}

@media (max-width:767px) {
    .resume-tools__item:hover .resume-tip {
        display: none;
        opacity: 0;
        visibility: hidden
    }
}

.resume-tools__item:not(:last-child) {
    margin-right: 12px
}

.resume-diploma__wrap {
    width: 100%;
    background-color: #2d083c;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 40px 100px;
    box-sizing: border-box
}

@media (max-width:768px) {
    .resume-diploma__wrap {
        padding: 40px 37px
    }
}

@media (max-width:767px) {
    .resume-diploma__wrap {
        display: block;
        text-align: center
    }
}

@media (max-width:480px) {
    .resume-diploma__wrap {
        text-align: left;
        padding: 33px 24px 50px;
        background: #350148
    }
}

.resume-diploma__name {
    max-width: 347px;
    margin-right: 130px
}

@media (max-width:768px) {
    .resume-diploma__name {
        margin-right: 5px;
        padding-left: 35px;
        height: 178px;
        margin-top: 15px
    }
}

@media (max-width:767px) {
    .resume-diploma__name {
        margin: 0 auto;
        padding-left: 0
    }
}

@media (max-width:480px) {
    .resume-diploma__name {
        margin: 0;
        text-align: left
    }
}

.resume-diploma__title {
    font-family: Roboto, serif;
    font-weight: 600;
    line-height: 35px;
    font-size: 30px;
    letter-spacing: -.5px;
    color: #fff;
    margin-bottom: 15px
}

@media (max-width:480px) {
    .resume-diploma__title {
        font-size: 38px;
        line-height: 44px
    }
}

.resume-diploma__sub {
    line-height: 26px;
    font-size: 18px;
    letter-spacing: -.5px;
    color: #fff;
    opacity: .8
}

@media (max-width:768px) {
    .resume-diploma__sub {
        max-width: 510px;
        margin: 0 auto 30px;
        font-family: Open Sans, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        font-size: 15px;
        letter-spacing: -.5px;
        color: #fff;
        opacity: .8
    }
}

@media (max-width:480px) {
    .resume-diploma__sub {
        max-width: none;
        font-size: 18px;
        opacity: .7
    }
}

.resume-diploma__img {
    max-width: 252px
}

@media (max-width:990px) {
    .resume-diploma__img {
        max-width: 273px
    }
}

@media (max-width:767px) {
    .resume-diploma__img {
        margin: 0 auto
    }
}

@media (max-width:480px) {
    .resume-diploma__img {
        margin: auto;
        margin-top: 40px
    }
}

.resume-diploma__img img {
    max-width: 100%;
    width: 100%;
    display: block;
    box-shadow: 0 6px 30px rgba(0, 0, 0, .12)
}

.teaching {
    background: #313131;
    padding: 78px 0 33px
}

@media (max-width:900px) {
    .teaching {
        padding: 50px 0 22px
    }
}

@media (max-width:700px) {
    .teaching {
        padding: 38px 0 6px
    }
}

.teaching__title {
    margin-bottom: 27px;
    color: #fff;
}

@media (max-width:990px) {
    .teaching__title {
        margin-bottom: 20px
    }
}

@media (max-width:700px) {
    .teaching__title {
        font-size: 30px;
        line-height: 42px
    }
}

.teaching__list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin: 60px auto 70px
}

@media (max-width:900px) {
    .teaching__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 618px;
        margin: 50px auto 30px
    }
}

@media (max-width:700px) {
    .teaching__list {
        max-width: none;
        margin: 30px auto 0
    }
}

.teaching__list:before {
    position: absolute;
    content: "";
    width: 84%;
    height: 2px;
    background: rgb(255, 255, 255);
    opacity: .3;
    left: 50%;
    transform: translateX(-50%);
    top: 19px
}

@media (max-width:900px) {
    .teaching__list:before {
        content: none
    }
}

.teaching__item {
    position: relative;
    margin-right: 90px;
    box-sizing: border-box;
    width: 25%;
    padding-top: 80px
}

.teaching__item:last-child {
    margin-right: 0
}

.teaching__item:nth-child(2) {
    margin-right: 100px
}

@media (max-width:900px) {
    .teaching__item:nth-child(2) {
        margin-right: 0
    }
}

@media (max-width:1064px) {
    .teaching__item {
        margin-right: 50px
    }
}

@media (max-width:900px) {
    .teaching__item {
        margin-right: 0;
        width: 240px;
        padding-top: 0;
        padding-bottom: 30px
    }
}

@media (max-width:900px) and (max-width:480px) {
    .teaching__item:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 2px;
        background: rgba(101, 113, 149, .5);
        opacity: .3;
        top: 0;
        right: -61px
    }
}

@media (max-width:900px) {
    .teaching__item .teaching__dot {
        transform: none
    }

    .teaching__item:nth-child(2n) {
        text-align: left
    }

    .teaching__item:nth-child(2n) .teaching__dot {
        transform: none
    }

    .teaching__item:nth-child(2n):after {
        right: auto;
        left: -61px
    }

    .teaching__item:last-child:after {
        content: none
    }
}

@media (max-width:700px) {
    .teaching__item:nth-child(n) {
        margin-left: 0;
        padding-left: 60px;
        text-align: left;
        width: auto;
        padding-bottom: 50px
    }

    .teaching__item:nth-child(n) .teaching__dot {
        left: 0
    }

    .teaching__item:nth-child(n):after {
        left: 19px;
        right: auto
    }

    .teaching__item:nth-child(n):last-child:after {
        content: none
    }
}

.teaching__dot {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    z-index: 1
}

@media (max-width:900px) {
    .teaching__dot {
        left: 0
    }
}

.teaching__dot:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 60px;
}

.teaching__dot:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: #ec3d3d;
    background-repeat: no-repeat;
    border-radius: 50px
}

.teaching__name {
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    font-size: 20px;
    letter-spacing: -.5px;
    color: #fff;
    margin-bottom: 10px;
    min-height: 105px;
    text-align: center;
}

@media (max-width:900px) {
    .teaching__name {
        margin-top: 75px
    }
}

@media (max-width:700px) {
    .teaching__name {
        margin-top: 0
    }
}

.teaching__text {
    line-height: 26px;
    font-size: 15px;
    letter-spacing: -.7px;
    color: #4d5d81;
    margin-bottom: 45px
}

@media (max-width:900px) {
    .teaching__text {
        margin-bottom: 30px
    }
}

@media (max-width:700px) {
    .teaching__text {
        margin-bottom: 20px
    }
}

.teaching__img {
    display: inline-block;
    position: relative
}

.teaching__img img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    box-shadow: 0 2px 30px rgb(32, 32, 33);
    z-index: 3
}

@media (max-width:700px) {
    .teaching__img img {
        max-width: 170px
    }
}

.teaching__img:before {
    bottom: -5px;
    width: 177px;
    z-index: 2
}

.teaching__img:after,
.teaching__img:before {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    height: 5px;
    background: #212121;
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.95);
}

.teaching__img:after {
    bottom: -10px;
    width: 152px;
    z-index: 1
}

.teaching .teaching__sub {
    font-family: Open Sans, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    letter-spacing: -.5px;
    color: #949494;
    max-width: 800px;
    margin: auto
}

@media (max-width:480px) {
    .teaching .teaching__sub {
        text-align: left
    }
}

@media (max-width:900px) {
    .teaching .hidden-img {
        display: none !important
    }
}

@media (min-width:1200px) {
    .teaching .hidden-img {
        display: none !important
    }
}

.teaching .teaching__list .teaching__item:first-child {
    margin-right: 73px
}

.teaching .teaching__list .teaching__item:first-child .teaching__dot:after {
    content: "1";
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
    letter-spacing: -.5px;
    color: #fff
}

@media (min-width:701px) and (max-width:900px) {
    .teaching .teaching__list .teaching__item:first-child .teaching__dot::before {
        content: "";
        width: 200px;
        height: 2px;
        background: #e0e3ee;
        position: absolute;
        margin-left: 349%
    }
}

@media (max-width:900px) {
    .teaching .teaching__list .teaching__item:first-child {
        margin-bottom: 48px
    }
}

@media (max-width:700px) {
    .teaching .teaching__list .teaching__item:first-child {
        margin-bottom: 0
    }
}

.teaching .teaching__list .teaching__item:nth-child(2) {
    margin-right: 86px
}

.teaching .teaching__list .teaching__item:nth-child(2) .teaching__dot:after {
    content: "2";
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
    letter-spacing: -.5px;
    color: #fff
}

@media (min-width:701px) and (max-width:900px) {
    .teaching .teaching__list .teaching__item:nth-child(2) .teaching__dot:before {
        content: "";
        width: 200px;
        height: 2px;
        position: absolute;
        margin-left: 349%
    }
}

.teaching .teaching__list .teaching__item:nth-child(2) .teaching__name {
    width: 200px
}

.teaching .teaching__list .teaching__item:nth-child(3) .teaching__dot:after {
    content: "3";
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
    letter-spacing: -.5px;
    color: #fff
}

@media (min-width:701px) and (max-width:900px) {
    .teaching .teaching__list .teaching__item:nth-child(3) .teaching__dot:before {
        content: "";
        width: 200px;
        height: 2px;
        position: absolute;
        margin-left: 349%
    }
}

.teaching .teaching__list .teaching__item:nth-child(4) .teaching__dot:after {
    content: "4";
    font-family: Roboto, serif;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
    letter-spacing: -.5px;
    color: #fff
}

/* End */


/* Start:/local/templates/landing/css/custom.min.css?154161104249*/
.footer__links-programm-padding {
    margin-top: 112px
}

/* End */
/* /local/assets/css/owl.carousel.min.css?15416110422788 */
/* /local/assets/css/owl.theme.default.min.css?15416110421026 */
/* /local/assets/css/owl.transitions.min.css?15416110421173 */
/* /local/assets/css/popup.min.css?15416110425339 */
/* /local/templates/landing/styles.min.css?154161104223 */
/* /courses/data/instagram-two/css/styles.min.css?1541611079197111 */
/* /local/templates/landing/css/custom.min.css?154161104249 */